/*!
 * Angular Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.0.3
 */
html, body {
  height: 100%;
  color: rgba(0, 0, 0, 0.87);
  background: white;
  position: relative; }

body {
  margin: 0;
  padding: 0; }

[tabindex='-1']:focus {
  outline: none; }

.inset {
  padding: 10px; }

button.md-no-style {
  font-weight: normal;
  background-color: inherit;
  text-align: left;
  border: none;
  padding: 0;
  margin: 0; }

select,
button,
textarea,
input {
  vertical-align: baseline; }

input[type="reset"],
input[type="submit"],
html input[type="button"],
button {
  cursor: pointer;
  -webkit-appearance: button; }
  input[type="reset"][disabled],
  input[type="submit"][disabled],
  html input[type="button"][disabled],
  button[disabled] {
    cursor: default; }

textarea {
  vertical-align: top;
  overflow: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
  -webkit-box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }

.md-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-transform: none;
  width: 1px; }

.md-shadow {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  pointer-events: none; }

.md-shadow-bottom-z-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.md-shadow-bottom-z-2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }

.md-shadow-animated.md-shadow {
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }

/*
 * A container inside of a rippling element (eg a button),
 * which contains all of the individual ripples
 */
.md-ripple-container {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); }

.md-ripple {
  position: absolute;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0;
  border-radius: 50%; }
  .md-ripple.md-ripple-placed {
    transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .md-ripple.md-ripple-scaled {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
    opacity: 0.20; }

.md-padding {
  padding: 8px; }

.md-margin {
  margin: 8px; }

.md-scroll-mask {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .md-scroll-mask > .md-scroll-mask-bar {
    display: block;
    position: absolute;
    background-color: #fafafa;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 65;
    box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3); }

@media (min-width: 960px) {
  .md-padding {
    padding: 16px; } }

html, body {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/************
 * Headings
 ************/
.md-display-4 {
  font-size: 112px;
  font-weight: 300;
  letter-spacing: -0.010em;
  line-height: 112px; }

.md-display-3 {
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 56px; }

.md-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 64px; }

.md-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px; }

.md-headline {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px; }

.md-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.005em; }

.md-subhead {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.010em;
  line-height: 24px; }

/************
 * Body Copy
 ************/
.md-body-1 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.010em;
  line-height: 20px; }

.md-body-2 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.010em;
  line-height: 24px; }

.md-caption {
  font-size: 12px;
  letter-spacing: 0.020em; }

.md-button {
  letter-spacing: 0.010em; }

/************
 * Defaults
 ************/
button,
select,
html,
textarea,
input {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

select,
button,
textarea,
input {
  font-size: 100%; }

/*
*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*
*
*/
@-moz-document url-prefix() {
  .layout-fill {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%; } }

/*
 *  Apply Mixins to create Layout/Flexbox styles
 *
 */
.flex-order {
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0; }

.flex-order--20 {
  -webkit-order: -20;
      -ms-flex-order: -20;
          order: -20; }

.flex-order--19 {
  -webkit-order: -19;
      -ms-flex-order: -19;
          order: -19; }

.flex-order--18 {
  -webkit-order: -18;
      -ms-flex-order: -18;
          order: -18; }

.flex-order--17 {
  -webkit-order: -17;
      -ms-flex-order: -17;
          order: -17; }

.flex-order--16 {
  -webkit-order: -16;
      -ms-flex-order: -16;
          order: -16; }

.flex-order--15 {
  -webkit-order: -15;
      -ms-flex-order: -15;
          order: -15; }

.flex-order--14 {
  -webkit-order: -14;
      -ms-flex-order: -14;
          order: -14; }

.flex-order--13 {
  -webkit-order: -13;
      -ms-flex-order: -13;
          order: -13; }

.flex-order--12 {
  -webkit-order: -12;
      -ms-flex-order: -12;
          order: -12; }

.flex-order--11 {
  -webkit-order: -11;
      -ms-flex-order: -11;
          order: -11; }

.flex-order--10 {
  -webkit-order: -10;
      -ms-flex-order: -10;
          order: -10; }

.flex-order--9 {
  -webkit-order: -9;
      -ms-flex-order: -9;
          order: -9; }

.flex-order--8 {
  -webkit-order: -8;
      -ms-flex-order: -8;
          order: -8; }

.flex-order--7 {
  -webkit-order: -7;
      -ms-flex-order: -7;
          order: -7; }

.flex-order--6 {
  -webkit-order: -6;
      -ms-flex-order: -6;
          order: -6; }

.flex-order--5 {
  -webkit-order: -5;
      -ms-flex-order: -5;
          order: -5; }

.flex-order--4 {
  -webkit-order: -4;
      -ms-flex-order: -4;
          order: -4; }

.flex-order--3 {
  -webkit-order: -3;
      -ms-flex-order: -3;
          order: -3; }

.flex-order--2 {
  -webkit-order: -2;
      -ms-flex-order: -2;
          order: -2; }

.flex-order--1 {
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1; }

.flex-order-0 {
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0; }

.flex-order-1 {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.flex-order-2 {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

.flex-order-3 {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }

.flex-order-4 {
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }

.flex-order-5 {
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }

.flex-order-6 {
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; }

.flex-order-7 {
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7; }

.flex-order-8 {
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8; }

.flex-order-9 {
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9; }

.flex-order-10 {
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10; }

.flex-order-11 {
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11; }

.flex-order-12 {
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12; }

.flex-order-13 {
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13; }

.flex-order-14 {
  -webkit-order: 14;
      -ms-flex-order: 14;
          order: 14; }

.flex-order-15 {
  -webkit-order: 15;
      -ms-flex-order: 15;
          order: 15; }

.flex-order-16 {
  -webkit-order: 16;
      -ms-flex-order: 16;
          order: 16; }

.flex-order-17 {
  -webkit-order: 17;
      -ms-flex-order: 17;
          order: 17; }

.flex-order-18 {
  -webkit-order: 18;
      -ms-flex-order: 18;
          order: 18; }

.flex-order-19 {
  -webkit-order: 19;
      -ms-flex-order: 19;
          order: 19; }

.flex-order-20 {
  -webkit-order: 20;
      -ms-flex-order: 20;
          order: 20; }

.offset-0, .flex-offset-0 {
  margin-left: 0%; }

.offset-5, .flex-offset-5 {
  margin-left: 5%; }

.offset-10, .flex-offset-10 {
  margin-left: 10%; }

.offset-15, .flex-offset-15 {
  margin-left: 15%; }

.offset-20, .flex-offset-20 {
  margin-left: 20%; }

.offset-25, .flex-offset-25 {
  margin-left: 25%; }

.offset-30, .flex-offset-30 {
  margin-left: 30%; }

.offset-35, .flex-offset-35 {
  margin-left: 35%; }

.offset-40, .flex-offset-40 {
  margin-left: 40%; }

.offset-45, .flex-offset-45 {
  margin-left: 45%; }

.offset-50, .flex-offset-50 {
  margin-left: 50%; }

.offset-55, .flex-offset-55 {
  margin-left: 55%; }

.offset-60, .flex-offset-60 {
  margin-left: 60%; }

.offset-65, .flex-offset-65 {
  margin-left: 65%; }

.offset-70, .flex-offset-70 {
  margin-left: 70%; }

.offset-75, .flex-offset-75 {
  margin-left: 75%; }

.offset-80, .flex-offset-80 {
  margin-left: 80%; }

.offset-85, .flex-offset-85 {
  margin-left: 85%; }

.offset-90, .flex-offset-90 {
  margin-left: 90%; }

.offset-95, .flex-offset-95 {
  margin-left: 95%; }

.offset-33, .flex-offset-33 {
  margin-left: calc(100% / 3); }

.offset-66, .flex-offset-66 {
  margin-left: calc(200% / 3); }

.layout-align {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.layout-align-center,
.layout-align-center-start,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-stretch {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-start,
.layout-align-space-around-end,
.layout-align-space-around-stretch {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

.layout-align-space-between,
.layout-align-space-between-center,
.layout-align-space-between-start,
.layout-align-space-between-end,
.layout-align-space-between-stretch {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.layout-align-start-start,
.layout-align-center-start,
.layout-align-end-start,
.layout-align-space-between-start,
.layout-align-space-around-start {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start; }

.layout-align-start-center,
.layout-align-center-center,
.layout-align-end-center,
.layout-align-space-between-center,
.layout-align-space-around-center {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  max-width: 100%; }

.layout-align-start-center > *,
.layout-align-center-center > *,
.layout-align-end-center > *,
.layout-align-space-between-center > *,
.layout-align-space-around-center > * {
  max-width: 100%;
  box-sizing: border-box; }

.layout-align-start-end,
.layout-align-center-end,
.layout-align-end-end,
.layout-align-space-between-end,
.layout-align-space-around-end {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-content: flex-end;
      -ms-flex-line-pack: end;
          align-content: flex-end; }

.layout-align-start-stretch,
.layout-align-center-stretch,
.layout-align-end-stretch,
.layout-align-space-between-stretch,
.layout-align-space-around-stretch {
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch; }

.flex {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  box-sizing: border-box; }

@media screen\0 {
  .flex {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

.flex-grow {
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  box-sizing: border-box; }

.flex-initial {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  box-sizing: border-box; }

.flex-auto {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  box-sizing: border-box; }

.flex-none {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  box-sizing: border-box; }

.flex-noshrink {
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  box-sizing: border-box; }

.flex-nogrow {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  box-sizing: border-box; }

.flex-0 {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-0,
.layout-row > .flex-0 {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-0,
.layout-column > .flex-0 {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box; }

.flex-5 {
  -webkit-flex: 1 1 5%;
      -ms-flex: 1 1 5%;
          flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-5,
.layout-row > .flex-5 {
  -webkit-flex: 1 1 5%;
      -ms-flex: 1 1 5%;
          flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-5,
.layout-column > .flex-5 {
  -webkit-flex: 1 1 5%;
      -ms-flex: 1 1 5%;
          flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box; }

.flex-10 {
  -webkit-flex: 1 1 10%;
      -ms-flex: 1 1 10%;
          flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-10,
.layout-row > .flex-10 {
  -webkit-flex: 1 1 10%;
      -ms-flex: 1 1 10%;
          flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-10,
.layout-column > .flex-10 {
  -webkit-flex: 1 1 10%;
      -ms-flex: 1 1 10%;
          flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box; }

.flex-15 {
  -webkit-flex: 1 1 15%;
      -ms-flex: 1 1 15%;
          flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-15,
.layout-row > .flex-15 {
  -webkit-flex: 1 1 15%;
      -ms-flex: 1 1 15%;
          flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-15,
.layout-column > .flex-15 {
  -webkit-flex: 1 1 15%;
      -ms-flex: 1 1 15%;
          flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box; }

.flex-20 {
  -webkit-flex: 1 1 20%;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-20,
.layout-row > .flex-20 {
  -webkit-flex: 1 1 20%;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-20,
.layout-column > .flex-20 {
  -webkit-flex: 1 1 20%;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box; }

.flex-25 {
  -webkit-flex: 1 1 25%;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-25,
.layout-row > .flex-25 {
  -webkit-flex: 1 1 25%;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-25,
.layout-column > .flex-25 {
  -webkit-flex: 1 1 25%;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box; }

.flex-30 {
  -webkit-flex: 1 1 30%;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-30,
.layout-row > .flex-30 {
  -webkit-flex: 1 1 30%;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-30,
.layout-column > .flex-30 {
  -webkit-flex: 1 1 30%;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box; }

.flex-35 {
  -webkit-flex: 1 1 35%;
      -ms-flex: 1 1 35%;
          flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-35,
.layout-row > .flex-35 {
  -webkit-flex: 1 1 35%;
      -ms-flex: 1 1 35%;
          flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-35,
.layout-column > .flex-35 {
  -webkit-flex: 1 1 35%;
      -ms-flex: 1 1 35%;
          flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box; }

.flex-40 {
  -webkit-flex: 1 1 40%;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-40,
.layout-row > .flex-40 {
  -webkit-flex: 1 1 40%;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-40,
.layout-column > .flex-40 {
  -webkit-flex: 1 1 40%;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box; }

.flex-45 {
  -webkit-flex: 1 1 45%;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-45,
.layout-row > .flex-45 {
  -webkit-flex: 1 1 45%;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-45,
.layout-column > .flex-45 {
  -webkit-flex: 1 1 45%;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box; }

.flex-50 {
  -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-50,
.layout-row > .flex-50 {
  -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-50,
.layout-column > .flex-50 {
  -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box; }

.flex-55 {
  -webkit-flex: 1 1 55%;
      -ms-flex: 1 1 55%;
          flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-55,
.layout-row > .flex-55 {
  -webkit-flex: 1 1 55%;
      -ms-flex: 1 1 55%;
          flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-55,
.layout-column > .flex-55 {
  -webkit-flex: 1 1 55%;
      -ms-flex: 1 1 55%;
          flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box; }

.flex-60 {
  -webkit-flex: 1 1 60%;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-60,
.layout-row > .flex-60 {
  -webkit-flex: 1 1 60%;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-60,
.layout-column > .flex-60 {
  -webkit-flex: 1 1 60%;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box; }

.flex-65 {
  -webkit-flex: 1 1 65%;
      -ms-flex: 1 1 65%;
          flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-65,
.layout-row > .flex-65 {
  -webkit-flex: 1 1 65%;
      -ms-flex: 1 1 65%;
          flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-65,
.layout-column > .flex-65 {
  -webkit-flex: 1 1 65%;
      -ms-flex: 1 1 65%;
          flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box; }

.flex-70 {
  -webkit-flex: 1 1 70%;
      -ms-flex: 1 1 70%;
          flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-70,
.layout-row > .flex-70 {
  -webkit-flex: 1 1 70%;
      -ms-flex: 1 1 70%;
          flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-70,
.layout-column > .flex-70 {
  -webkit-flex: 1 1 70%;
      -ms-flex: 1 1 70%;
          flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box; }

.flex-75 {
  -webkit-flex: 1 1 75%;
      -ms-flex: 1 1 75%;
          flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-75,
.layout-row > .flex-75 {
  -webkit-flex: 1 1 75%;
      -ms-flex: 1 1 75%;
          flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-75,
.layout-column > .flex-75 {
  -webkit-flex: 1 1 75%;
      -ms-flex: 1 1 75%;
          flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box; }

.flex-80 {
  -webkit-flex: 1 1 80%;
      -ms-flex: 1 1 80%;
          flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-80,
.layout-row > .flex-80 {
  -webkit-flex: 1 1 80%;
      -ms-flex: 1 1 80%;
          flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-80,
.layout-column > .flex-80 {
  -webkit-flex: 1 1 80%;
      -ms-flex: 1 1 80%;
          flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box; }

.flex-85 {
  -webkit-flex: 1 1 85%;
      -ms-flex: 1 1 85%;
          flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-85,
.layout-row > .flex-85 {
  -webkit-flex: 1 1 85%;
      -ms-flex: 1 1 85%;
          flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-85,
.layout-column > .flex-85 {
  -webkit-flex: 1 1 85%;
      -ms-flex: 1 1 85%;
          flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box; }

.flex-90 {
  -webkit-flex: 1 1 90%;
      -ms-flex: 1 1 90%;
          flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-90,
.layout-row > .flex-90 {
  -webkit-flex: 1 1 90%;
      -ms-flex: 1 1 90%;
          flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-90,
.layout-column > .flex-90 {
  -webkit-flex: 1 1 90%;
      -ms-flex: 1 1 90%;
          flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box; }

.flex-95 {
  -webkit-flex: 1 1 95%;
      -ms-flex: 1 1 95%;
          flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-95,
.layout-row > .flex-95 {
  -webkit-flex: 1 1 95%;
      -ms-flex: 1 1 95%;
          flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-95,
.layout-column > .flex-95 {
  -webkit-flex: 1 1 95%;
      -ms-flex: 1 1 95%;
          flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box; }

.flex-100 {
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-100,
.layout-row > .flex-100 {
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-100,
.layout-column > .flex-100 {
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33, .layout-row > .flex-33, .layout-row > .flex-33 {
  -webkit-flex: 1 1 33%;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
  max-width: calc(100% / 3);
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66, .layout-row > .flex-66, .layout-row > .flex-66 {
  -webkit-flex: 1 1 66%;
      -ms-flex: 1 1 66%;
          flex: 1 1 66%;
  max-width: calc(200% / 3);
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33 {
  -webkit-flex: 1 1 33%;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
  max-width: 100%;
  max-height: calc(100% / 3);
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66 {
  -webkit-flex: 1 1 66%;
      -ms-flex: 1 1 66%;
          flex: 1 1 66%;
  max-width: 100%;
  max-height: calc(200% / 3);
  box-sizing: border-box; }

.layout, .layout-column, .layout-row {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.layout-column {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.layout-row {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.layout-padding-sm > *,
.layout-padding > .flex-sm {
  padding: 4px; }

.layout-padding,
.layout-padding-gt-sm,
.layout-padding-md,
.layout-padding > *,
.layout-padding-gt-sm > *,
.layout-padding-md > *,
.layout-padding > .flex,
.layout-padding > .flex-gt-sm,
.layout-padding > .flex-md {
  padding: 8px; }

.layout-padding-gt-md > *,
.layout-padding-lg > *,
.layout-padding-gt-lg > *,
.layout-padding > .flex-gt-md,
.layout-padding > .flex-lg,
.layout-padding > .flex-lg,
.layout-padding > .flex-gt-lg {
  padding: 16px; }

.layout-margin-sm > *,
.layout-margin > .flex-sm {
  margin: 4px; }

.layout-margin,
.layout-margin-gt-sm,
.layout-margin-md,
.layout-margin > *,
.layout-margin-gt-sm > *,
.layout-margin-md > *,
.layout-margin > .flex,
.layout-margin > .flex-gt-sm,
.layout-margin > .flex-md {
  margin: 8px; }

.layout-margin-gt-md > *,
.layout-margin-lg > *,
.layout-margin-gt-lg > *,
.layout-margin > .flex-gt-md,
.layout-margin > .flex-lg,
.layout-margin > .flex-gt-lg {
  margin: 16px; }

.layout-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.layout-nowrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }

.layout-fill {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%; }

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         $layout-breakpoint-xs:     600px !default;
 *         $layout-breakpoint-sm:     960px !default;
 *         $layout-breakpoint-md:     1280px !default;
 *         $layout-breakpoint-lg:     1920px !default;
 */
@media (max-width: 599px) {
  .hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) {
    display: none; }
  .flex-order-xs--20 {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  .flex-order-xs--19 {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  .flex-order-xs--18 {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  .flex-order-xs--17 {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  .flex-order-xs--16 {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  .flex-order-xs--15 {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  .flex-order-xs--14 {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  .flex-order-xs--13 {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  .flex-order-xs--12 {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  .flex-order-xs--11 {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  .flex-order-xs--10 {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  .flex-order-xs--9 {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  .flex-order-xs--8 {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  .flex-order-xs--7 {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  .flex-order-xs--6 {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  .flex-order-xs--5 {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  .flex-order-xs--4 {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  .flex-order-xs--3 {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  .flex-order-xs--2 {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  .flex-order-xs--1 {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  .flex-order-xs-0 {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-xs-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-xs-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-xs-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-xs-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-xs-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-xs-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-xs-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-xs-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-xs-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-xs-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-xs-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-xs-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-xs-13 {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-xs-14 {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-xs-15 {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-xs-16 {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-xs-17 {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-xs-18 {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-xs-19 {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .flex-order-xs-20 {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  .offset-xs-0, .flex-offset-xs-0 {
    margin-left: 0%; }
  .offset-xs-5, .flex-offset-xs-5 {
    margin-left: 5%; }
  .offset-xs-10, .flex-offset-xs-10 {
    margin-left: 10%; }
  .offset-xs-15, .flex-offset-xs-15 {
    margin-left: 15%; }
  .offset-xs-20, .flex-offset-xs-20 {
    margin-left: 20%; }
  .offset-xs-25, .flex-offset-xs-25 {
    margin-left: 25%; }
  .offset-xs-30, .flex-offset-xs-30 {
    margin-left: 30%; }
  .offset-xs-35, .flex-offset-xs-35 {
    margin-left: 35%; }
  .offset-xs-40, .flex-offset-xs-40 {
    margin-left: 40%; }
  .offset-xs-45, .flex-offset-xs-45 {
    margin-left: 45%; }
  .offset-xs-50, .flex-offset-xs-50 {
    margin-left: 50%; }
  .offset-xs-55, .flex-offset-xs-55 {
    margin-left: 55%; }
  .offset-xs-60, .flex-offset-xs-60 {
    margin-left: 60%; }
  .offset-xs-65, .flex-offset-xs-65 {
    margin-left: 65%; }
  .offset-xs-70, .flex-offset-xs-70 {
    margin-left: 70%; }
  .offset-xs-75, .flex-offset-xs-75 {
    margin-left: 75%; }
  .offset-xs-80, .flex-offset-xs-80 {
    margin-left: 80%; }
  .offset-xs-85, .flex-offset-xs-85 {
    margin-left: 85%; }
  .offset-xs-90, .flex-offset-xs-90 {
    margin-left: 90%; }
  .offset-xs-95, .flex-offset-xs-95 {
    margin-left: 95%; }
  .offset-xs-33, .flex-offset-xs-33 {
    margin-left: calc(100% / 3); }
  .offset-xs-66, .flex-offset-xs-66 {
    margin-left: calc(200% / 3); }
  .layout-align-xs {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .layout-align-xs-start,
  .layout-align-xs-start-start,
  .layout-align-xs-start-center,
  .layout-align-xs-start-end,
  .layout-align-xs-start-stretch {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .layout-align-xs-center,
  .layout-align-xs-center-start,
  .layout-align-xs-center-center,
  .layout-align-xs-center-end,
  .layout-align-xs-center-stretch {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-xs-end,
  .layout-align-xs-end-start,
  .layout-align-xs-end-center,
  .layout-align-xs-end-end,
  .layout-align-xs-end-stretch {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-xs-space-around,
  .layout-align-xs-space-around-center,
  .layout-align-xs-space-around-start,
  .layout-align-xs-space-around-end,
  .layout-align-xs-space-around-stretch {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-xs-space-between,
  .layout-align-xs-space-between-center,
  .layout-align-xs-space-between-start,
  .layout-align-xs-space-between-end,
  .layout-align-xs-space-between-stretch {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-xs-start-start,
  .layout-align-xs-center-start,
  .layout-align-xs-end-start,
  .layout-align-xs-space-between-start,
  .layout-align-xs-space-around-start {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  .layout-align-xs-start-center,
  .layout-align-xs-center-center,
  .layout-align-xs-end-center,
  .layout-align-xs-space-between-center,
  .layout-align-xs-space-around-center {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  .layout-align-xs-start-center > *,
  .layout-align-xs-center-center > *,
  .layout-align-xs-end-center > *,
  .layout-align-xs-space-between-center > *,
  .layout-align-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-xs-start-end,
  .layout-align-xs-center-end,
  .layout-align-xs-end-end,
  .layout-align-xs-space-between-end,
  .layout-align-xs-space-around-end {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  .layout-align-xs-start-stretch,
  .layout-align-xs-center-stretch,
  .layout-align-xs-end-stretch,
  .layout-align-xs-space-between-stretch,
  .layout-align-xs-space-around-stretch {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  .flex-xs {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (max-width: 599px) {
  .flex-xs {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (max-width: 599px) {
  .flex-xs-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-xs-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xs-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-xs-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-xs-noshrink {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-xs-nogrow {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xs-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-0,
  .layout-xs-row > .flex-xs-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-0,
  .layout-xs-column > .flex-xs-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .flex-xs-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-5,
  .layout-xs-row > .flex-xs-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-5,
  .layout-xs-column > .flex-xs-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-xs-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-10,
  .layout-xs-row > .flex-xs-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-10,
  .layout-xs-column > .flex-xs-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-xs-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-15,
  .layout-xs-row > .flex-xs-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-15,
  .layout-xs-column > .flex-xs-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-xs-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-20,
  .layout-xs-row > .flex-xs-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-20,
  .layout-xs-column > .flex-xs-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-xs-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-25,
  .layout-xs-row > .flex-xs-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-25,
  .layout-xs-column > .flex-xs-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-xs-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-30,
  .layout-xs-row > .flex-xs-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-30,
  .layout-xs-column > .flex-xs-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-xs-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-35,
  .layout-xs-row > .flex-xs-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-35,
  .layout-xs-column > .flex-xs-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-xs-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-40,
  .layout-xs-row > .flex-xs-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-40,
  .layout-xs-column > .flex-xs-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-xs-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-45,
  .layout-xs-row > .flex-xs-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-45,
  .layout-xs-column > .flex-xs-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-xs-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-50,
  .layout-xs-row > .flex-xs-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-50,
  .layout-xs-column > .flex-xs-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-xs-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-55,
  .layout-xs-row > .flex-xs-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-55,
  .layout-xs-column > .flex-xs-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-xs-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-60,
  .layout-xs-row > .flex-xs-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-60,
  .layout-xs-column > .flex-xs-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-xs-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-65,
  .layout-xs-row > .flex-xs-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-65,
  .layout-xs-column > .flex-xs-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-xs-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-70,
  .layout-xs-row > .flex-xs-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-70,
  .layout-xs-column > .flex-xs-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-xs-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-75,
  .layout-xs-row > .flex-xs-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-75,
  .layout-xs-column > .flex-xs-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-xs-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-80,
  .layout-xs-row > .flex-xs-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-80,
  .layout-xs-column > .flex-xs-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-xs-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-85,
  .layout-xs-row > .flex-xs-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-85,
  .layout-xs-column > .flex-xs-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-xs-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-90,
  .layout-xs-row > .flex-xs-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-90,
  .layout-xs-column > .flex-xs-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-xs-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-95,
  .layout-xs-row > .flex-xs-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-95,
  .layout-xs-column > .flex-xs-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-xs-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-100,
  .layout-xs-row > .flex-xs-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-100,
  .layout-xs-column > .flex-xs-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33, .layout-xs-row > .flex-xs-33, .layout-xs-row > .flex-xs-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66, .layout-xs-row > .flex-xs-66, .layout-xs-row > .flex-xs-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33, .layout-xs-column > .flex-xs-33, .layout-xs-column > .flex-xs-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66, .layout-xs-column > .flex-xs-66, .layout-xs-column > .flex-xs-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  .layout-xs, .layout-xs-column, .layout-xs-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .layout-xs-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .layout-xs-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 600px) {
  .flex-order-gt-xs--20 {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  .flex-order-gt-xs--19 {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  .flex-order-gt-xs--18 {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  .flex-order-gt-xs--17 {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  .flex-order-gt-xs--16 {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  .flex-order-gt-xs--15 {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  .flex-order-gt-xs--14 {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  .flex-order-gt-xs--13 {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  .flex-order-gt-xs--12 {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  .flex-order-gt-xs--11 {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  .flex-order-gt-xs--10 {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  .flex-order-gt-xs--9 {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  .flex-order-gt-xs--8 {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  .flex-order-gt-xs--7 {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  .flex-order-gt-xs--6 {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  .flex-order-gt-xs--5 {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  .flex-order-gt-xs--4 {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  .flex-order-gt-xs--3 {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  .flex-order-gt-xs--2 {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  .flex-order-gt-xs--1 {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  .flex-order-gt-xs-0 {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-gt-xs-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-gt-xs-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-gt-xs-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-gt-xs-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-gt-xs-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-gt-xs-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-gt-xs-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-gt-xs-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-gt-xs-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-gt-xs-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-gt-xs-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-gt-xs-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-gt-xs-13 {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-gt-xs-14 {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-gt-xs-15 {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-gt-xs-16 {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-gt-xs-17 {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-gt-xs-18 {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-gt-xs-19 {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .flex-order-gt-xs-20 {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  .offset-gt-xs-0, .flex-offset-gt-xs-0 {
    margin-left: 0%; }
  .offset-gt-xs-5, .flex-offset-gt-xs-5 {
    margin-left: 5%; }
  .offset-gt-xs-10, .flex-offset-gt-xs-10 {
    margin-left: 10%; }
  .offset-gt-xs-15, .flex-offset-gt-xs-15 {
    margin-left: 15%; }
  .offset-gt-xs-20, .flex-offset-gt-xs-20 {
    margin-left: 20%; }
  .offset-gt-xs-25, .flex-offset-gt-xs-25 {
    margin-left: 25%; }
  .offset-gt-xs-30, .flex-offset-gt-xs-30 {
    margin-left: 30%; }
  .offset-gt-xs-35, .flex-offset-gt-xs-35 {
    margin-left: 35%; }
  .offset-gt-xs-40, .flex-offset-gt-xs-40 {
    margin-left: 40%; }
  .offset-gt-xs-45, .flex-offset-gt-xs-45 {
    margin-left: 45%; }
  .offset-gt-xs-50, .flex-offset-gt-xs-50 {
    margin-left: 50%; }
  .offset-gt-xs-55, .flex-offset-gt-xs-55 {
    margin-left: 55%; }
  .offset-gt-xs-60, .flex-offset-gt-xs-60 {
    margin-left: 60%; }
  .offset-gt-xs-65, .flex-offset-gt-xs-65 {
    margin-left: 65%; }
  .offset-gt-xs-70, .flex-offset-gt-xs-70 {
    margin-left: 70%; }
  .offset-gt-xs-75, .flex-offset-gt-xs-75 {
    margin-left: 75%; }
  .offset-gt-xs-80, .flex-offset-gt-xs-80 {
    margin-left: 80%; }
  .offset-gt-xs-85, .flex-offset-gt-xs-85 {
    margin-left: 85%; }
  .offset-gt-xs-90, .flex-offset-gt-xs-90 {
    margin-left: 90%; }
  .offset-gt-xs-95, .flex-offset-gt-xs-95 {
    margin-left: 95%; }
  .offset-gt-xs-33, .flex-offset-gt-xs-33 {
    margin-left: calc(100% / 3); }
  .offset-gt-xs-66, .flex-offset-gt-xs-66 {
    margin-left: calc(200% / 3); }
  .layout-align-gt-xs {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .layout-align-gt-xs-start,
  .layout-align-gt-xs-start-start,
  .layout-align-gt-xs-start-center,
  .layout-align-gt-xs-start-end,
  .layout-align-gt-xs-start-stretch {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .layout-align-gt-xs-center,
  .layout-align-gt-xs-center-start,
  .layout-align-gt-xs-center-center,
  .layout-align-gt-xs-center-end,
  .layout-align-gt-xs-center-stretch {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-gt-xs-end,
  .layout-align-gt-xs-end-start,
  .layout-align-gt-xs-end-center,
  .layout-align-gt-xs-end-end,
  .layout-align-gt-xs-end-stretch {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-gt-xs-space-around,
  .layout-align-gt-xs-space-around-center,
  .layout-align-gt-xs-space-around-start,
  .layout-align-gt-xs-space-around-end,
  .layout-align-gt-xs-space-around-stretch {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-gt-xs-space-between,
  .layout-align-gt-xs-space-between-center,
  .layout-align-gt-xs-space-between-start,
  .layout-align-gt-xs-space-between-end,
  .layout-align-gt-xs-space-between-stretch {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-gt-xs-start-start,
  .layout-align-gt-xs-center-start,
  .layout-align-gt-xs-end-start,
  .layout-align-gt-xs-space-between-start,
  .layout-align-gt-xs-space-around-start {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  .layout-align-gt-xs-start-center,
  .layout-align-gt-xs-center-center,
  .layout-align-gt-xs-end-center,
  .layout-align-gt-xs-space-between-center,
  .layout-align-gt-xs-space-around-center {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  .layout-align-gt-xs-start-center > *,
  .layout-align-gt-xs-center-center > *,
  .layout-align-gt-xs-end-center > *,
  .layout-align-gt-xs-space-between-center > *,
  .layout-align-gt-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-gt-xs-start-end,
  .layout-align-gt-xs-center-end,
  .layout-align-gt-xs-end-end,
  .layout-align-gt-xs-space-between-end,
  .layout-align-gt-xs-space-around-end {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  .layout-align-gt-xs-start-stretch,
  .layout-align-gt-xs-center-stretch,
  .layout-align-gt-xs-end-stretch,
  .layout-align-gt-xs-space-between-stretch,
  .layout-align-gt-xs-space-around-stretch {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  .flex-gt-xs {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 600px) {
  .flex-gt-xs {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 600px) {
  .flex-gt-xs-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-xs-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-xs-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-xs-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-xs-noshrink {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-xs-nogrow {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-xs-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-0,
  .layout-gt-xs-row > .flex-gt-xs-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-0,
  .layout-gt-xs-column > .flex-gt-xs-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .flex-gt-xs-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-5,
  .layout-gt-xs-row > .flex-gt-xs-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-5,
  .layout-gt-xs-column > .flex-gt-xs-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-xs-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-10,
  .layout-gt-xs-row > .flex-gt-xs-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-10,
  .layout-gt-xs-column > .flex-gt-xs-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-xs-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-15,
  .layout-gt-xs-row > .flex-gt-xs-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-15,
  .layout-gt-xs-column > .flex-gt-xs-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-xs-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-20,
  .layout-gt-xs-row > .flex-gt-xs-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-20,
  .layout-gt-xs-column > .flex-gt-xs-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-xs-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-25,
  .layout-gt-xs-row > .flex-gt-xs-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-25,
  .layout-gt-xs-column > .flex-gt-xs-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-xs-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-30,
  .layout-gt-xs-row > .flex-gt-xs-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-30,
  .layout-gt-xs-column > .flex-gt-xs-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-xs-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-35,
  .layout-gt-xs-row > .flex-gt-xs-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-35,
  .layout-gt-xs-column > .flex-gt-xs-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-xs-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-40,
  .layout-gt-xs-row > .flex-gt-xs-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-40,
  .layout-gt-xs-column > .flex-gt-xs-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-xs-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-45,
  .layout-gt-xs-row > .flex-gt-xs-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-45,
  .layout-gt-xs-column > .flex-gt-xs-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-xs-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-50,
  .layout-gt-xs-row > .flex-gt-xs-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-50,
  .layout-gt-xs-column > .flex-gt-xs-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-xs-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-55,
  .layout-gt-xs-row > .flex-gt-xs-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-55,
  .layout-gt-xs-column > .flex-gt-xs-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-xs-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-60,
  .layout-gt-xs-row > .flex-gt-xs-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-60,
  .layout-gt-xs-column > .flex-gt-xs-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-xs-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-65,
  .layout-gt-xs-row > .flex-gt-xs-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-65,
  .layout-gt-xs-column > .flex-gt-xs-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-xs-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-70,
  .layout-gt-xs-row > .flex-gt-xs-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-70,
  .layout-gt-xs-column > .flex-gt-xs-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-xs-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-75,
  .layout-gt-xs-row > .flex-gt-xs-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-75,
  .layout-gt-xs-column > .flex-gt-xs-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-xs-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-80,
  .layout-gt-xs-row > .flex-gt-xs-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-80,
  .layout-gt-xs-column > .flex-gt-xs-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-xs-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-85,
  .layout-gt-xs-row > .flex-gt-xs-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-85,
  .layout-gt-xs-column > .flex-gt-xs-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-xs-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-90,
  .layout-gt-xs-row > .flex-gt-xs-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-90,
  .layout-gt-xs-column > .flex-gt-xs-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-xs-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-95,
  .layout-gt-xs-row > .flex-gt-xs-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-95,
  .layout-gt-xs-column > .flex-gt-xs-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-xs-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-100,
  .layout-gt-xs-row > .flex-gt-xs-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-100,
  .layout-gt-xs-column > .flex-gt-xs-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33, .layout-gt-xs-row > .flex-gt-xs-33, .layout-gt-xs-row > .flex-gt-xs-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66, .layout-gt-xs-row > .flex-gt-xs-66, .layout-gt-xs-row > .flex-gt-xs-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33, .layout-gt-xs-column > .flex-gt-xs-33, .layout-gt-xs-column > .flex-gt-xs-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66, .layout-gt-xs-column > .flex-gt-xs-66, .layout-gt-xs-column > .flex-gt-xs-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-xs-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .layout-gt-xs-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 600px) and (max-width: 959px) {
  .hide:not(.show-gt-xs):not(.show-sm):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none; }
  .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none; }
  .flex-order-sm--20 {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  .flex-order-sm--19 {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  .flex-order-sm--18 {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  .flex-order-sm--17 {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  .flex-order-sm--16 {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  .flex-order-sm--15 {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  .flex-order-sm--14 {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  .flex-order-sm--13 {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  .flex-order-sm--12 {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  .flex-order-sm--11 {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  .flex-order-sm--10 {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  .flex-order-sm--9 {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  .flex-order-sm--8 {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  .flex-order-sm--7 {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  .flex-order-sm--6 {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  .flex-order-sm--5 {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  .flex-order-sm--4 {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  .flex-order-sm--3 {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  .flex-order-sm--2 {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  .flex-order-sm--1 {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  .flex-order-sm-0 {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-sm-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-sm-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-sm-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-sm-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-sm-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-sm-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-sm-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-sm-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-sm-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-sm-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-sm-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-sm-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-sm-13 {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-sm-14 {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-sm-15 {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-sm-16 {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-sm-17 {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-sm-18 {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-sm-19 {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .flex-order-sm-20 {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  .offset-sm-0, .flex-offset-sm-0 {
    margin-left: 0%; }
  .offset-sm-5, .flex-offset-sm-5 {
    margin-left: 5%; }
  .offset-sm-10, .flex-offset-sm-10 {
    margin-left: 10%; }
  .offset-sm-15, .flex-offset-sm-15 {
    margin-left: 15%; }
  .offset-sm-20, .flex-offset-sm-20 {
    margin-left: 20%; }
  .offset-sm-25, .flex-offset-sm-25 {
    margin-left: 25%; }
  .offset-sm-30, .flex-offset-sm-30 {
    margin-left: 30%; }
  .offset-sm-35, .flex-offset-sm-35 {
    margin-left: 35%; }
  .offset-sm-40, .flex-offset-sm-40 {
    margin-left: 40%; }
  .offset-sm-45, .flex-offset-sm-45 {
    margin-left: 45%; }
  .offset-sm-50, .flex-offset-sm-50 {
    margin-left: 50%; }
  .offset-sm-55, .flex-offset-sm-55 {
    margin-left: 55%; }
  .offset-sm-60, .flex-offset-sm-60 {
    margin-left: 60%; }
  .offset-sm-65, .flex-offset-sm-65 {
    margin-left: 65%; }
  .offset-sm-70, .flex-offset-sm-70 {
    margin-left: 70%; }
  .offset-sm-75, .flex-offset-sm-75 {
    margin-left: 75%; }
  .offset-sm-80, .flex-offset-sm-80 {
    margin-left: 80%; }
  .offset-sm-85, .flex-offset-sm-85 {
    margin-left: 85%; }
  .offset-sm-90, .flex-offset-sm-90 {
    margin-left: 90%; }
  .offset-sm-95, .flex-offset-sm-95 {
    margin-left: 95%; }
  .offset-sm-33, .flex-offset-sm-33 {
    margin-left: calc(100% / 3); }
  .offset-sm-66, .flex-offset-sm-66 {
    margin-left: calc(200% / 3); }
  .layout-align-sm {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .layout-align-sm-start,
  .layout-align-sm-start-start,
  .layout-align-sm-start-center,
  .layout-align-sm-start-end,
  .layout-align-sm-start-stretch {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .layout-align-sm-center,
  .layout-align-sm-center-start,
  .layout-align-sm-center-center,
  .layout-align-sm-center-end,
  .layout-align-sm-center-stretch {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-sm-end,
  .layout-align-sm-end-start,
  .layout-align-sm-end-center,
  .layout-align-sm-end-end,
  .layout-align-sm-end-stretch {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-sm-space-around,
  .layout-align-sm-space-around-center,
  .layout-align-sm-space-around-start,
  .layout-align-sm-space-around-end,
  .layout-align-sm-space-around-stretch {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-sm-space-between,
  .layout-align-sm-space-between-center,
  .layout-align-sm-space-between-start,
  .layout-align-sm-space-between-end,
  .layout-align-sm-space-between-stretch {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-sm-start-start,
  .layout-align-sm-center-start,
  .layout-align-sm-end-start,
  .layout-align-sm-space-between-start,
  .layout-align-sm-space-around-start {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  .layout-align-sm-start-center,
  .layout-align-sm-center-center,
  .layout-align-sm-end-center,
  .layout-align-sm-space-between-center,
  .layout-align-sm-space-around-center {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  .layout-align-sm-start-center > *,
  .layout-align-sm-center-center > *,
  .layout-align-sm-end-center > *,
  .layout-align-sm-space-between-center > *,
  .layout-align-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-sm-start-end,
  .layout-align-sm-center-end,
  .layout-align-sm-end-end,
  .layout-align-sm-space-between-end,
  .layout-align-sm-space-around-end {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  .layout-align-sm-start-stretch,
  .layout-align-sm-center-stretch,
  .layout-align-sm-end-stretch,
  .layout-align-sm-space-between-stretch,
  .layout-align-sm-space-around-stretch {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  .flex-sm {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 600px) and (max-width: 959px) {
  .flex-sm {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 600px) and (max-width: 959px) {
  .flex-sm-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-sm-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-sm-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-sm-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-sm-noshrink {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-sm-nogrow {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-sm-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-0,
  .layout-sm-row > .flex-sm-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-0,
  .layout-sm-column > .flex-sm-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .flex-sm-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-5,
  .layout-sm-row > .flex-sm-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-5,
  .layout-sm-column > .flex-sm-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-sm-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-10,
  .layout-sm-row > .flex-sm-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-10,
  .layout-sm-column > .flex-sm-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-sm-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-15,
  .layout-sm-row > .flex-sm-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-15,
  .layout-sm-column > .flex-sm-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-sm-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-20,
  .layout-sm-row > .flex-sm-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-20,
  .layout-sm-column > .flex-sm-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-sm-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-25,
  .layout-sm-row > .flex-sm-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-25,
  .layout-sm-column > .flex-sm-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-sm-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-30,
  .layout-sm-row > .flex-sm-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-30,
  .layout-sm-column > .flex-sm-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-sm-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-35,
  .layout-sm-row > .flex-sm-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-35,
  .layout-sm-column > .flex-sm-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-sm-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-40,
  .layout-sm-row > .flex-sm-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-40,
  .layout-sm-column > .flex-sm-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-sm-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-45,
  .layout-sm-row > .flex-sm-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-45,
  .layout-sm-column > .flex-sm-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-sm-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-50,
  .layout-sm-row > .flex-sm-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-50,
  .layout-sm-column > .flex-sm-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-sm-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-55,
  .layout-sm-row > .flex-sm-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-55,
  .layout-sm-column > .flex-sm-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-sm-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-60,
  .layout-sm-row > .flex-sm-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-60,
  .layout-sm-column > .flex-sm-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-sm-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-65,
  .layout-sm-row > .flex-sm-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-65,
  .layout-sm-column > .flex-sm-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-sm-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-70,
  .layout-sm-row > .flex-sm-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-70,
  .layout-sm-column > .flex-sm-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-sm-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-75,
  .layout-sm-row > .flex-sm-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-75,
  .layout-sm-column > .flex-sm-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-sm-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-80,
  .layout-sm-row > .flex-sm-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-80,
  .layout-sm-column > .flex-sm-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-sm-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-85,
  .layout-sm-row > .flex-sm-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-85,
  .layout-sm-column > .flex-sm-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-sm-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-90,
  .layout-sm-row > .flex-sm-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-90,
  .layout-sm-column > .flex-sm-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-sm-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-95,
  .layout-sm-row > .flex-sm-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-95,
  .layout-sm-column > .flex-sm-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-sm-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-100,
  .layout-sm-row > .flex-sm-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-100,
  .layout-sm-column > .flex-sm-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33, .layout-sm-row > .flex-sm-33, .layout-sm-row > .flex-sm-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66, .layout-sm-row > .flex-sm-66, .layout-sm-row > .flex-sm-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33, .layout-sm-column > .flex-sm-33, .layout-sm-column > .flex-sm-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66, .layout-sm-column > .flex-sm-66, .layout-sm-column > .flex-sm-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  .layout-sm, .layout-sm-column, .layout-sm-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .layout-sm-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .layout-sm-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 960px) {
  .flex-order-gt-sm--20 {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  .flex-order-gt-sm--19 {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  .flex-order-gt-sm--18 {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  .flex-order-gt-sm--17 {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  .flex-order-gt-sm--16 {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  .flex-order-gt-sm--15 {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  .flex-order-gt-sm--14 {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  .flex-order-gt-sm--13 {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  .flex-order-gt-sm--12 {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  .flex-order-gt-sm--11 {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  .flex-order-gt-sm--10 {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  .flex-order-gt-sm--9 {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  .flex-order-gt-sm--8 {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  .flex-order-gt-sm--7 {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  .flex-order-gt-sm--6 {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  .flex-order-gt-sm--5 {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  .flex-order-gt-sm--4 {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  .flex-order-gt-sm--3 {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  .flex-order-gt-sm--2 {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  .flex-order-gt-sm--1 {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  .flex-order-gt-sm-0 {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-gt-sm-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-gt-sm-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-gt-sm-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-gt-sm-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-gt-sm-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-gt-sm-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-gt-sm-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-gt-sm-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-gt-sm-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-gt-sm-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-gt-sm-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-gt-sm-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-gt-sm-13 {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-gt-sm-14 {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-gt-sm-15 {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-gt-sm-16 {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-gt-sm-17 {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-gt-sm-18 {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-gt-sm-19 {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .flex-order-gt-sm-20 {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  .offset-gt-sm-0, .flex-offset-gt-sm-0 {
    margin-left: 0%; }
  .offset-gt-sm-5, .flex-offset-gt-sm-5 {
    margin-left: 5%; }
  .offset-gt-sm-10, .flex-offset-gt-sm-10 {
    margin-left: 10%; }
  .offset-gt-sm-15, .flex-offset-gt-sm-15 {
    margin-left: 15%; }
  .offset-gt-sm-20, .flex-offset-gt-sm-20 {
    margin-left: 20%; }
  .offset-gt-sm-25, .flex-offset-gt-sm-25 {
    margin-left: 25%; }
  .offset-gt-sm-30, .flex-offset-gt-sm-30 {
    margin-left: 30%; }
  .offset-gt-sm-35, .flex-offset-gt-sm-35 {
    margin-left: 35%; }
  .offset-gt-sm-40, .flex-offset-gt-sm-40 {
    margin-left: 40%; }
  .offset-gt-sm-45, .flex-offset-gt-sm-45 {
    margin-left: 45%; }
  .offset-gt-sm-50, .flex-offset-gt-sm-50 {
    margin-left: 50%; }
  .offset-gt-sm-55, .flex-offset-gt-sm-55 {
    margin-left: 55%; }
  .offset-gt-sm-60, .flex-offset-gt-sm-60 {
    margin-left: 60%; }
  .offset-gt-sm-65, .flex-offset-gt-sm-65 {
    margin-left: 65%; }
  .offset-gt-sm-70, .flex-offset-gt-sm-70 {
    margin-left: 70%; }
  .offset-gt-sm-75, .flex-offset-gt-sm-75 {
    margin-left: 75%; }
  .offset-gt-sm-80, .flex-offset-gt-sm-80 {
    margin-left: 80%; }
  .offset-gt-sm-85, .flex-offset-gt-sm-85 {
    margin-left: 85%; }
  .offset-gt-sm-90, .flex-offset-gt-sm-90 {
    margin-left: 90%; }
  .offset-gt-sm-95, .flex-offset-gt-sm-95 {
    margin-left: 95%; }
  .offset-gt-sm-33, .flex-offset-gt-sm-33 {
    margin-left: calc(100% / 3); }
  .offset-gt-sm-66, .flex-offset-gt-sm-66 {
    margin-left: calc(200% / 3); }
  .layout-align-gt-sm {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .layout-align-gt-sm-start,
  .layout-align-gt-sm-start-start,
  .layout-align-gt-sm-start-center,
  .layout-align-gt-sm-start-end,
  .layout-align-gt-sm-start-stretch {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .layout-align-gt-sm-center,
  .layout-align-gt-sm-center-start,
  .layout-align-gt-sm-center-center,
  .layout-align-gt-sm-center-end,
  .layout-align-gt-sm-center-stretch {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-gt-sm-end,
  .layout-align-gt-sm-end-start,
  .layout-align-gt-sm-end-center,
  .layout-align-gt-sm-end-end,
  .layout-align-gt-sm-end-stretch {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-gt-sm-space-around,
  .layout-align-gt-sm-space-around-center,
  .layout-align-gt-sm-space-around-start,
  .layout-align-gt-sm-space-around-end,
  .layout-align-gt-sm-space-around-stretch {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-gt-sm-space-between,
  .layout-align-gt-sm-space-between-center,
  .layout-align-gt-sm-space-between-start,
  .layout-align-gt-sm-space-between-end,
  .layout-align-gt-sm-space-between-stretch {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-gt-sm-start-start,
  .layout-align-gt-sm-center-start,
  .layout-align-gt-sm-end-start,
  .layout-align-gt-sm-space-between-start,
  .layout-align-gt-sm-space-around-start {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  .layout-align-gt-sm-start-center,
  .layout-align-gt-sm-center-center,
  .layout-align-gt-sm-end-center,
  .layout-align-gt-sm-space-between-center,
  .layout-align-gt-sm-space-around-center {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  .layout-align-gt-sm-start-center > *,
  .layout-align-gt-sm-center-center > *,
  .layout-align-gt-sm-end-center > *,
  .layout-align-gt-sm-space-between-center > *,
  .layout-align-gt-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-gt-sm-start-end,
  .layout-align-gt-sm-center-end,
  .layout-align-gt-sm-end-end,
  .layout-align-gt-sm-space-between-end,
  .layout-align-gt-sm-space-around-end {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  .layout-align-gt-sm-start-stretch,
  .layout-align-gt-sm-center-stretch,
  .layout-align-gt-sm-end-stretch,
  .layout-align-gt-sm-space-between-stretch,
  .layout-align-gt-sm-space-around-stretch {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  .flex-gt-sm {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 960px) {
  .flex-gt-sm {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 960px) {
  .flex-gt-sm-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-sm-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-sm-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-sm-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-sm-noshrink {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-sm-nogrow {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-sm-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-0,
  .layout-gt-sm-row > .flex-gt-sm-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-0,
  .layout-gt-sm-column > .flex-gt-sm-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .flex-gt-sm-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-5,
  .layout-gt-sm-row > .flex-gt-sm-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-5,
  .layout-gt-sm-column > .flex-gt-sm-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-sm-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-10,
  .layout-gt-sm-row > .flex-gt-sm-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-10,
  .layout-gt-sm-column > .flex-gt-sm-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-sm-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-15,
  .layout-gt-sm-row > .flex-gt-sm-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-15,
  .layout-gt-sm-column > .flex-gt-sm-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-sm-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-20,
  .layout-gt-sm-row > .flex-gt-sm-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-20,
  .layout-gt-sm-column > .flex-gt-sm-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-sm-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-25,
  .layout-gt-sm-row > .flex-gt-sm-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-25,
  .layout-gt-sm-column > .flex-gt-sm-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-sm-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-30,
  .layout-gt-sm-row > .flex-gt-sm-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-30,
  .layout-gt-sm-column > .flex-gt-sm-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-sm-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-35,
  .layout-gt-sm-row > .flex-gt-sm-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-35,
  .layout-gt-sm-column > .flex-gt-sm-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-sm-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-40,
  .layout-gt-sm-row > .flex-gt-sm-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-40,
  .layout-gt-sm-column > .flex-gt-sm-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-sm-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-45,
  .layout-gt-sm-row > .flex-gt-sm-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-45,
  .layout-gt-sm-column > .flex-gt-sm-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-sm-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-50,
  .layout-gt-sm-row > .flex-gt-sm-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-50,
  .layout-gt-sm-column > .flex-gt-sm-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-sm-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-55,
  .layout-gt-sm-row > .flex-gt-sm-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-55,
  .layout-gt-sm-column > .flex-gt-sm-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-sm-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-60,
  .layout-gt-sm-row > .flex-gt-sm-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-60,
  .layout-gt-sm-column > .flex-gt-sm-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-sm-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-65,
  .layout-gt-sm-row > .flex-gt-sm-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-65,
  .layout-gt-sm-column > .flex-gt-sm-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-sm-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-70,
  .layout-gt-sm-row > .flex-gt-sm-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-70,
  .layout-gt-sm-column > .flex-gt-sm-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-sm-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-75,
  .layout-gt-sm-row > .flex-gt-sm-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-75,
  .layout-gt-sm-column > .flex-gt-sm-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-sm-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-80,
  .layout-gt-sm-row > .flex-gt-sm-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-80,
  .layout-gt-sm-column > .flex-gt-sm-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-sm-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-85,
  .layout-gt-sm-row > .flex-gt-sm-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-85,
  .layout-gt-sm-column > .flex-gt-sm-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-sm-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-90,
  .layout-gt-sm-row > .flex-gt-sm-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-90,
  .layout-gt-sm-column > .flex-gt-sm-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-sm-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-95,
  .layout-gt-sm-row > .flex-gt-sm-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-95,
  .layout-gt-sm-column > .flex-gt-sm-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-sm-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-100,
  .layout-gt-sm-row > .flex-gt-sm-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-100,
  .layout-gt-sm-column > .flex-gt-sm-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-sm-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .layout-gt-sm-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show) {
    display: none; }
  .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none; }
  .flex-order-md--20 {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  .flex-order-md--19 {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  .flex-order-md--18 {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  .flex-order-md--17 {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  .flex-order-md--16 {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  .flex-order-md--15 {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  .flex-order-md--14 {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  .flex-order-md--13 {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  .flex-order-md--12 {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  .flex-order-md--11 {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  .flex-order-md--10 {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  .flex-order-md--9 {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  .flex-order-md--8 {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  .flex-order-md--7 {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  .flex-order-md--6 {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  .flex-order-md--5 {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  .flex-order-md--4 {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  .flex-order-md--3 {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  .flex-order-md--2 {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  .flex-order-md--1 {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  .flex-order-md-0 {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-md-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-md-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-md-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-md-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-md-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-md-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-md-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-md-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-md-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-md-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-md-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-md-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-md-13 {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-md-14 {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-md-15 {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-md-16 {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-md-17 {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-md-18 {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-md-19 {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .flex-order-md-20 {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  .offset-md-0, .flex-offset-md-0 {
    margin-left: 0%; }
  .offset-md-5, .flex-offset-md-5 {
    margin-left: 5%; }
  .offset-md-10, .flex-offset-md-10 {
    margin-left: 10%; }
  .offset-md-15, .flex-offset-md-15 {
    margin-left: 15%; }
  .offset-md-20, .flex-offset-md-20 {
    margin-left: 20%; }
  .offset-md-25, .flex-offset-md-25 {
    margin-left: 25%; }
  .offset-md-30, .flex-offset-md-30 {
    margin-left: 30%; }
  .offset-md-35, .flex-offset-md-35 {
    margin-left: 35%; }
  .offset-md-40, .flex-offset-md-40 {
    margin-left: 40%; }
  .offset-md-45, .flex-offset-md-45 {
    margin-left: 45%; }
  .offset-md-50, .flex-offset-md-50 {
    margin-left: 50%; }
  .offset-md-55, .flex-offset-md-55 {
    margin-left: 55%; }
  .offset-md-60, .flex-offset-md-60 {
    margin-left: 60%; }
  .offset-md-65, .flex-offset-md-65 {
    margin-left: 65%; }
  .offset-md-70, .flex-offset-md-70 {
    margin-left: 70%; }
  .offset-md-75, .flex-offset-md-75 {
    margin-left: 75%; }
  .offset-md-80, .flex-offset-md-80 {
    margin-left: 80%; }
  .offset-md-85, .flex-offset-md-85 {
    margin-left: 85%; }
  .offset-md-90, .flex-offset-md-90 {
    margin-left: 90%; }
  .offset-md-95, .flex-offset-md-95 {
    margin-left: 95%; }
  .offset-md-33, .flex-offset-md-33 {
    margin-left: calc(100% / 3); }
  .offset-md-66, .flex-offset-md-66 {
    margin-left: calc(200% / 3); }
  .layout-align-md {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .layout-align-md-start,
  .layout-align-md-start-start,
  .layout-align-md-start-center,
  .layout-align-md-start-end,
  .layout-align-md-start-stretch {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .layout-align-md-center,
  .layout-align-md-center-start,
  .layout-align-md-center-center,
  .layout-align-md-center-end,
  .layout-align-md-center-stretch {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-md-end,
  .layout-align-md-end-start,
  .layout-align-md-end-center,
  .layout-align-md-end-end,
  .layout-align-md-end-stretch {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-md-space-around,
  .layout-align-md-space-around-center,
  .layout-align-md-space-around-start,
  .layout-align-md-space-around-end,
  .layout-align-md-space-around-stretch {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-md-space-between,
  .layout-align-md-space-between-center,
  .layout-align-md-space-between-start,
  .layout-align-md-space-between-end,
  .layout-align-md-space-between-stretch {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-md-start-start,
  .layout-align-md-center-start,
  .layout-align-md-end-start,
  .layout-align-md-space-between-start,
  .layout-align-md-space-around-start {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  .layout-align-md-start-center,
  .layout-align-md-center-center,
  .layout-align-md-end-center,
  .layout-align-md-space-between-center,
  .layout-align-md-space-around-center {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  .layout-align-md-start-center > *,
  .layout-align-md-center-center > *,
  .layout-align-md-end-center > *,
  .layout-align-md-space-between-center > *,
  .layout-align-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-md-start-end,
  .layout-align-md-center-end,
  .layout-align-md-end-end,
  .layout-align-md-space-between-end,
  .layout-align-md-space-around-end {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  .layout-align-md-start-stretch,
  .layout-align-md-center-stretch,
  .layout-align-md-end-stretch,
  .layout-align-md-space-between-stretch,
  .layout-align-md-space-around-stretch {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  .flex-md {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 960px) and (max-width: 1279px) {
  .flex-md {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .flex-md-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-md-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-md-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-md-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-md-noshrink {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-md-nogrow {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-md-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-0,
  .layout-md-row > .flex-md-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-0,
  .layout-md-column > .flex-md-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .flex-md-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-5,
  .layout-md-row > .flex-md-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-5,
  .layout-md-column > .flex-md-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-md-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-10,
  .layout-md-row > .flex-md-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-10,
  .layout-md-column > .flex-md-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-md-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-15,
  .layout-md-row > .flex-md-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-15,
  .layout-md-column > .flex-md-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-md-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-20,
  .layout-md-row > .flex-md-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-20,
  .layout-md-column > .flex-md-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-md-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-25,
  .layout-md-row > .flex-md-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-25,
  .layout-md-column > .flex-md-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-md-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-30,
  .layout-md-row > .flex-md-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-30,
  .layout-md-column > .flex-md-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-md-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-35,
  .layout-md-row > .flex-md-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-35,
  .layout-md-column > .flex-md-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-md-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-40,
  .layout-md-row > .flex-md-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-40,
  .layout-md-column > .flex-md-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-md-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-45,
  .layout-md-row > .flex-md-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-45,
  .layout-md-column > .flex-md-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-md-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-50,
  .layout-md-row > .flex-md-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-50,
  .layout-md-column > .flex-md-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-md-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-55,
  .layout-md-row > .flex-md-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-55,
  .layout-md-column > .flex-md-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-md-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-60,
  .layout-md-row > .flex-md-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-60,
  .layout-md-column > .flex-md-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-md-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-65,
  .layout-md-row > .flex-md-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-65,
  .layout-md-column > .flex-md-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-md-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-70,
  .layout-md-row > .flex-md-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-70,
  .layout-md-column > .flex-md-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-md-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-75,
  .layout-md-row > .flex-md-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-75,
  .layout-md-column > .flex-md-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-md-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-80,
  .layout-md-row > .flex-md-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-80,
  .layout-md-column > .flex-md-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-md-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-85,
  .layout-md-row > .flex-md-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-85,
  .layout-md-column > .flex-md-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-md-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-90,
  .layout-md-row > .flex-md-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-90,
  .layout-md-column > .flex-md-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-md-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-95,
  .layout-md-row > .flex-md-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-95,
  .layout-md-column > .flex-md-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-md-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-100,
  .layout-md-row > .flex-md-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-100,
  .layout-md-column > .flex-md-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33, .layout-md-row > .flex-md-33, .layout-md-row > .flex-md-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66, .layout-md-row > .flex-md-66, .layout-md-row > .flex-md-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33, .layout-md-column > .flex-md-33, .layout-md-column > .flex-md-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66, .layout-md-column > .flex-md-66, .layout-md-column > .flex-md-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  .layout-md, .layout-md-column, .layout-md-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .layout-md-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .layout-md-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 1280px) {
  .flex-order-gt-md--20 {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  .flex-order-gt-md--19 {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  .flex-order-gt-md--18 {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  .flex-order-gt-md--17 {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  .flex-order-gt-md--16 {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  .flex-order-gt-md--15 {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  .flex-order-gt-md--14 {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  .flex-order-gt-md--13 {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  .flex-order-gt-md--12 {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  .flex-order-gt-md--11 {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  .flex-order-gt-md--10 {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  .flex-order-gt-md--9 {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  .flex-order-gt-md--8 {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  .flex-order-gt-md--7 {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  .flex-order-gt-md--6 {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  .flex-order-gt-md--5 {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  .flex-order-gt-md--4 {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  .flex-order-gt-md--3 {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  .flex-order-gt-md--2 {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  .flex-order-gt-md--1 {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  .flex-order-gt-md-0 {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-gt-md-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-gt-md-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-gt-md-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-gt-md-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-gt-md-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-gt-md-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-gt-md-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-gt-md-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-gt-md-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-gt-md-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-gt-md-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-gt-md-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-gt-md-13 {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-gt-md-14 {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-gt-md-15 {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-gt-md-16 {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-gt-md-17 {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-gt-md-18 {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-gt-md-19 {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .flex-order-gt-md-20 {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  .offset-gt-md-0, .flex-offset-gt-md-0 {
    margin-left: 0%; }
  .offset-gt-md-5, .flex-offset-gt-md-5 {
    margin-left: 5%; }
  .offset-gt-md-10, .flex-offset-gt-md-10 {
    margin-left: 10%; }
  .offset-gt-md-15, .flex-offset-gt-md-15 {
    margin-left: 15%; }
  .offset-gt-md-20, .flex-offset-gt-md-20 {
    margin-left: 20%; }
  .offset-gt-md-25, .flex-offset-gt-md-25 {
    margin-left: 25%; }
  .offset-gt-md-30, .flex-offset-gt-md-30 {
    margin-left: 30%; }
  .offset-gt-md-35, .flex-offset-gt-md-35 {
    margin-left: 35%; }
  .offset-gt-md-40, .flex-offset-gt-md-40 {
    margin-left: 40%; }
  .offset-gt-md-45, .flex-offset-gt-md-45 {
    margin-left: 45%; }
  .offset-gt-md-50, .flex-offset-gt-md-50 {
    margin-left: 50%; }
  .offset-gt-md-55, .flex-offset-gt-md-55 {
    margin-left: 55%; }
  .offset-gt-md-60, .flex-offset-gt-md-60 {
    margin-left: 60%; }
  .offset-gt-md-65, .flex-offset-gt-md-65 {
    margin-left: 65%; }
  .offset-gt-md-70, .flex-offset-gt-md-70 {
    margin-left: 70%; }
  .offset-gt-md-75, .flex-offset-gt-md-75 {
    margin-left: 75%; }
  .offset-gt-md-80, .flex-offset-gt-md-80 {
    margin-left: 80%; }
  .offset-gt-md-85, .flex-offset-gt-md-85 {
    margin-left: 85%; }
  .offset-gt-md-90, .flex-offset-gt-md-90 {
    margin-left: 90%; }
  .offset-gt-md-95, .flex-offset-gt-md-95 {
    margin-left: 95%; }
  .offset-gt-md-33, .flex-offset-gt-md-33 {
    margin-left: calc(100% / 3); }
  .offset-gt-md-66, .flex-offset-gt-md-66 {
    margin-left: calc(200% / 3); }
  .layout-align-gt-md {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .layout-align-gt-md-start,
  .layout-align-gt-md-start-start,
  .layout-align-gt-md-start-center,
  .layout-align-gt-md-start-end,
  .layout-align-gt-md-start-stretch {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .layout-align-gt-md-center,
  .layout-align-gt-md-center-start,
  .layout-align-gt-md-center-center,
  .layout-align-gt-md-center-end,
  .layout-align-gt-md-center-stretch {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-gt-md-end,
  .layout-align-gt-md-end-start,
  .layout-align-gt-md-end-center,
  .layout-align-gt-md-end-end,
  .layout-align-gt-md-end-stretch {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-gt-md-space-around,
  .layout-align-gt-md-space-around-center,
  .layout-align-gt-md-space-around-start,
  .layout-align-gt-md-space-around-end,
  .layout-align-gt-md-space-around-stretch {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-gt-md-space-between,
  .layout-align-gt-md-space-between-center,
  .layout-align-gt-md-space-between-start,
  .layout-align-gt-md-space-between-end,
  .layout-align-gt-md-space-between-stretch {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-gt-md-start-start,
  .layout-align-gt-md-center-start,
  .layout-align-gt-md-end-start,
  .layout-align-gt-md-space-between-start,
  .layout-align-gt-md-space-around-start {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  .layout-align-gt-md-start-center,
  .layout-align-gt-md-center-center,
  .layout-align-gt-md-end-center,
  .layout-align-gt-md-space-between-center,
  .layout-align-gt-md-space-around-center {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  .layout-align-gt-md-start-center > *,
  .layout-align-gt-md-center-center > *,
  .layout-align-gt-md-end-center > *,
  .layout-align-gt-md-space-between-center > *,
  .layout-align-gt-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-gt-md-start-end,
  .layout-align-gt-md-center-end,
  .layout-align-gt-md-end-end,
  .layout-align-gt-md-space-between-end,
  .layout-align-gt-md-space-around-end {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  .layout-align-gt-md-start-stretch,
  .layout-align-gt-md-center-stretch,
  .layout-align-gt-md-end-stretch,
  .layout-align-gt-md-space-between-stretch,
  .layout-align-gt-md-space-around-stretch {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  .flex-gt-md {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 1280px) {
  .flex-gt-md {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 1280px) {
  .flex-gt-md-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-md-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-md-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-md-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-md-noshrink {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-md-nogrow {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-md-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-0,
  .layout-gt-md-row > .flex-gt-md-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-0,
  .layout-gt-md-column > .flex-gt-md-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .flex-gt-md-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-5,
  .layout-gt-md-row > .flex-gt-md-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-5,
  .layout-gt-md-column > .flex-gt-md-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-md-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-10,
  .layout-gt-md-row > .flex-gt-md-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-10,
  .layout-gt-md-column > .flex-gt-md-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-md-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-15,
  .layout-gt-md-row > .flex-gt-md-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-15,
  .layout-gt-md-column > .flex-gt-md-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-md-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-20,
  .layout-gt-md-row > .flex-gt-md-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-20,
  .layout-gt-md-column > .flex-gt-md-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-md-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-25,
  .layout-gt-md-row > .flex-gt-md-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-25,
  .layout-gt-md-column > .flex-gt-md-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-md-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-30,
  .layout-gt-md-row > .flex-gt-md-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-30,
  .layout-gt-md-column > .flex-gt-md-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-md-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-35,
  .layout-gt-md-row > .flex-gt-md-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-35,
  .layout-gt-md-column > .flex-gt-md-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-md-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-40,
  .layout-gt-md-row > .flex-gt-md-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-40,
  .layout-gt-md-column > .flex-gt-md-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-md-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-45,
  .layout-gt-md-row > .flex-gt-md-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-45,
  .layout-gt-md-column > .flex-gt-md-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-md-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-50,
  .layout-gt-md-row > .flex-gt-md-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-50,
  .layout-gt-md-column > .flex-gt-md-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-md-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-55,
  .layout-gt-md-row > .flex-gt-md-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-55,
  .layout-gt-md-column > .flex-gt-md-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-md-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-60,
  .layout-gt-md-row > .flex-gt-md-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-60,
  .layout-gt-md-column > .flex-gt-md-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-md-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-65,
  .layout-gt-md-row > .flex-gt-md-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-65,
  .layout-gt-md-column > .flex-gt-md-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-md-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-70,
  .layout-gt-md-row > .flex-gt-md-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-70,
  .layout-gt-md-column > .flex-gt-md-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-md-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-75,
  .layout-gt-md-row > .flex-gt-md-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-75,
  .layout-gt-md-column > .flex-gt-md-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-md-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-80,
  .layout-gt-md-row > .flex-gt-md-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-80,
  .layout-gt-md-column > .flex-gt-md-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-md-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-85,
  .layout-gt-md-row > .flex-gt-md-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-85,
  .layout-gt-md-column > .flex-gt-md-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-md-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-90,
  .layout-gt-md-row > .flex-gt-md-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-90,
  .layout-gt-md-column > .flex-gt-md-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-md-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-95,
  .layout-gt-md-row > .flex-gt-md-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-95,
  .layout-gt-md-column > .flex-gt-md-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-md-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-100,
  .layout-gt-md-row > .flex-gt-md-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-100,
  .layout-gt-md-column > .flex-gt-md-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-md-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .layout-gt-md-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 1280px) and (max-width: 1919px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
    display: none; }
  .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none; }
  .flex-order-lg--20 {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  .flex-order-lg--19 {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  .flex-order-lg--18 {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  .flex-order-lg--17 {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  .flex-order-lg--16 {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  .flex-order-lg--15 {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  .flex-order-lg--14 {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  .flex-order-lg--13 {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  .flex-order-lg--12 {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  .flex-order-lg--11 {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  .flex-order-lg--10 {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  .flex-order-lg--9 {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  .flex-order-lg--8 {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  .flex-order-lg--7 {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  .flex-order-lg--6 {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  .flex-order-lg--5 {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  .flex-order-lg--4 {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  .flex-order-lg--3 {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  .flex-order-lg--2 {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  .flex-order-lg--1 {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  .flex-order-lg-0 {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-lg-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-lg-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-lg-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-lg-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-lg-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-lg-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-lg-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-lg-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-lg-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-lg-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-lg-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-lg-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-lg-13 {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-lg-14 {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-lg-15 {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-lg-16 {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-lg-17 {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-lg-18 {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-lg-19 {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .flex-order-lg-20 {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  .offset-lg-0, .flex-offset-lg-0 {
    margin-left: 0%; }
  .offset-lg-5, .flex-offset-lg-5 {
    margin-left: 5%; }
  .offset-lg-10, .flex-offset-lg-10 {
    margin-left: 10%; }
  .offset-lg-15, .flex-offset-lg-15 {
    margin-left: 15%; }
  .offset-lg-20, .flex-offset-lg-20 {
    margin-left: 20%; }
  .offset-lg-25, .flex-offset-lg-25 {
    margin-left: 25%; }
  .offset-lg-30, .flex-offset-lg-30 {
    margin-left: 30%; }
  .offset-lg-35, .flex-offset-lg-35 {
    margin-left: 35%; }
  .offset-lg-40, .flex-offset-lg-40 {
    margin-left: 40%; }
  .offset-lg-45, .flex-offset-lg-45 {
    margin-left: 45%; }
  .offset-lg-50, .flex-offset-lg-50 {
    margin-left: 50%; }
  .offset-lg-55, .flex-offset-lg-55 {
    margin-left: 55%; }
  .offset-lg-60, .flex-offset-lg-60 {
    margin-left: 60%; }
  .offset-lg-65, .flex-offset-lg-65 {
    margin-left: 65%; }
  .offset-lg-70, .flex-offset-lg-70 {
    margin-left: 70%; }
  .offset-lg-75, .flex-offset-lg-75 {
    margin-left: 75%; }
  .offset-lg-80, .flex-offset-lg-80 {
    margin-left: 80%; }
  .offset-lg-85, .flex-offset-lg-85 {
    margin-left: 85%; }
  .offset-lg-90, .flex-offset-lg-90 {
    margin-left: 90%; }
  .offset-lg-95, .flex-offset-lg-95 {
    margin-left: 95%; }
  .offset-lg-33, .flex-offset-lg-33 {
    margin-left: calc(100% / 3); }
  .offset-lg-66, .flex-offset-lg-66 {
    margin-left: calc(200% / 3); }
  .layout-align-lg {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .layout-align-lg-start,
  .layout-align-lg-start-start,
  .layout-align-lg-start-center,
  .layout-align-lg-start-end,
  .layout-align-lg-start-stretch {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .layout-align-lg-center,
  .layout-align-lg-center-start,
  .layout-align-lg-center-center,
  .layout-align-lg-center-end,
  .layout-align-lg-center-stretch {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-lg-end,
  .layout-align-lg-end-start,
  .layout-align-lg-end-center,
  .layout-align-lg-end-end,
  .layout-align-lg-end-stretch {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-lg-space-around,
  .layout-align-lg-space-around-center,
  .layout-align-lg-space-around-start,
  .layout-align-lg-space-around-end,
  .layout-align-lg-space-around-stretch {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-lg-space-between,
  .layout-align-lg-space-between-center,
  .layout-align-lg-space-between-start,
  .layout-align-lg-space-between-end,
  .layout-align-lg-space-between-stretch {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-lg-start-start,
  .layout-align-lg-center-start,
  .layout-align-lg-end-start,
  .layout-align-lg-space-between-start,
  .layout-align-lg-space-around-start {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  .layout-align-lg-start-center,
  .layout-align-lg-center-center,
  .layout-align-lg-end-center,
  .layout-align-lg-space-between-center,
  .layout-align-lg-space-around-center {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  .layout-align-lg-start-center > *,
  .layout-align-lg-center-center > *,
  .layout-align-lg-end-center > *,
  .layout-align-lg-space-between-center > *,
  .layout-align-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-lg-start-end,
  .layout-align-lg-center-end,
  .layout-align-lg-end-end,
  .layout-align-lg-space-between-end,
  .layout-align-lg-space-around-end {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  .layout-align-lg-start-stretch,
  .layout-align-lg-center-stretch,
  .layout-align-lg-end-stretch,
  .layout-align-lg-space-between-stretch,
  .layout-align-lg-space-around-stretch {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  .flex-lg {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 1280px) and (max-width: 1919px) {
  .flex-lg {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 1280px) and (max-width: 1919px) {
  .flex-lg-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-lg-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-lg-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-lg-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-lg-noshrink {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-lg-nogrow {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-lg-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-0,
  .layout-lg-row > .flex-lg-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-0,
  .layout-lg-column > .flex-lg-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .flex-lg-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-5,
  .layout-lg-row > .flex-lg-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-5,
  .layout-lg-column > .flex-lg-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-lg-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-10,
  .layout-lg-row > .flex-lg-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-10,
  .layout-lg-column > .flex-lg-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-lg-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-15,
  .layout-lg-row > .flex-lg-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-15,
  .layout-lg-column > .flex-lg-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-lg-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-20,
  .layout-lg-row > .flex-lg-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-20,
  .layout-lg-column > .flex-lg-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-lg-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-25,
  .layout-lg-row > .flex-lg-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-25,
  .layout-lg-column > .flex-lg-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-lg-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-30,
  .layout-lg-row > .flex-lg-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-30,
  .layout-lg-column > .flex-lg-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-lg-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-35,
  .layout-lg-row > .flex-lg-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-35,
  .layout-lg-column > .flex-lg-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-lg-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-40,
  .layout-lg-row > .flex-lg-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-40,
  .layout-lg-column > .flex-lg-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-lg-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-45,
  .layout-lg-row > .flex-lg-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-45,
  .layout-lg-column > .flex-lg-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-lg-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-50,
  .layout-lg-row > .flex-lg-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-50,
  .layout-lg-column > .flex-lg-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-lg-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-55,
  .layout-lg-row > .flex-lg-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-55,
  .layout-lg-column > .flex-lg-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-lg-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-60,
  .layout-lg-row > .flex-lg-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-60,
  .layout-lg-column > .flex-lg-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-lg-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-65,
  .layout-lg-row > .flex-lg-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-65,
  .layout-lg-column > .flex-lg-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-lg-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-70,
  .layout-lg-row > .flex-lg-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-70,
  .layout-lg-column > .flex-lg-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-lg-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-75,
  .layout-lg-row > .flex-lg-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-75,
  .layout-lg-column > .flex-lg-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-lg-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-80,
  .layout-lg-row > .flex-lg-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-80,
  .layout-lg-column > .flex-lg-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-lg-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-85,
  .layout-lg-row > .flex-lg-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-85,
  .layout-lg-column > .flex-lg-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-lg-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-90,
  .layout-lg-row > .flex-lg-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-90,
  .layout-lg-column > .flex-lg-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-lg-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-95,
  .layout-lg-row > .flex-lg-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-95,
  .layout-lg-column > .flex-lg-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-lg-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-100,
  .layout-lg-row > .flex-lg-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-100,
  .layout-lg-column > .flex-lg-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33, .layout-lg-row > .flex-lg-33, .layout-lg-row > .flex-lg-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66, .layout-lg-row > .flex-lg-66, .layout-lg-row > .flex-lg-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33, .layout-lg-column > .flex-lg-33, .layout-lg-column > .flex-lg-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66, .layout-lg-column > .flex-lg-66, .layout-lg-column > .flex-lg-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  .layout-lg, .layout-lg-column, .layout-lg-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .layout-lg-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .layout-lg-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 1920px) {
  .flex-order-gt-lg--20 {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  .flex-order-gt-lg--19 {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  .flex-order-gt-lg--18 {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  .flex-order-gt-lg--17 {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  .flex-order-gt-lg--16 {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  .flex-order-gt-lg--15 {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  .flex-order-gt-lg--14 {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  .flex-order-gt-lg--13 {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  .flex-order-gt-lg--12 {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  .flex-order-gt-lg--11 {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  .flex-order-gt-lg--10 {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  .flex-order-gt-lg--9 {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  .flex-order-gt-lg--8 {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  .flex-order-gt-lg--7 {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  .flex-order-gt-lg--6 {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  .flex-order-gt-lg--5 {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  .flex-order-gt-lg--4 {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  .flex-order-gt-lg--3 {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  .flex-order-gt-lg--2 {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  .flex-order-gt-lg--1 {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  .flex-order-gt-lg-0 {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-gt-lg-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-gt-lg-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-gt-lg-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-gt-lg-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-gt-lg-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-gt-lg-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-gt-lg-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-gt-lg-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-gt-lg-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-gt-lg-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-gt-lg-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-gt-lg-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-gt-lg-13 {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-gt-lg-14 {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-gt-lg-15 {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-gt-lg-16 {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-gt-lg-17 {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-gt-lg-18 {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-gt-lg-19 {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .flex-order-gt-lg-20 {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  .offset-gt-lg-0, .flex-offset-gt-lg-0 {
    margin-left: 0%; }
  .offset-gt-lg-5, .flex-offset-gt-lg-5 {
    margin-left: 5%; }
  .offset-gt-lg-10, .flex-offset-gt-lg-10 {
    margin-left: 10%; }
  .offset-gt-lg-15, .flex-offset-gt-lg-15 {
    margin-left: 15%; }
  .offset-gt-lg-20, .flex-offset-gt-lg-20 {
    margin-left: 20%; }
  .offset-gt-lg-25, .flex-offset-gt-lg-25 {
    margin-left: 25%; }
  .offset-gt-lg-30, .flex-offset-gt-lg-30 {
    margin-left: 30%; }
  .offset-gt-lg-35, .flex-offset-gt-lg-35 {
    margin-left: 35%; }
  .offset-gt-lg-40, .flex-offset-gt-lg-40 {
    margin-left: 40%; }
  .offset-gt-lg-45, .flex-offset-gt-lg-45 {
    margin-left: 45%; }
  .offset-gt-lg-50, .flex-offset-gt-lg-50 {
    margin-left: 50%; }
  .offset-gt-lg-55, .flex-offset-gt-lg-55 {
    margin-left: 55%; }
  .offset-gt-lg-60, .flex-offset-gt-lg-60 {
    margin-left: 60%; }
  .offset-gt-lg-65, .flex-offset-gt-lg-65 {
    margin-left: 65%; }
  .offset-gt-lg-70, .flex-offset-gt-lg-70 {
    margin-left: 70%; }
  .offset-gt-lg-75, .flex-offset-gt-lg-75 {
    margin-left: 75%; }
  .offset-gt-lg-80, .flex-offset-gt-lg-80 {
    margin-left: 80%; }
  .offset-gt-lg-85, .flex-offset-gt-lg-85 {
    margin-left: 85%; }
  .offset-gt-lg-90, .flex-offset-gt-lg-90 {
    margin-left: 90%; }
  .offset-gt-lg-95, .flex-offset-gt-lg-95 {
    margin-left: 95%; }
  .offset-gt-lg-33, .flex-offset-gt-lg-33 {
    margin-left: calc(100% / 3); }
  .offset-gt-lg-66, .flex-offset-gt-lg-66 {
    margin-left: calc(200% / 3); }
  .layout-align-gt-lg {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .layout-align-gt-lg-start,
  .layout-align-gt-lg-start-start,
  .layout-align-gt-lg-start-center,
  .layout-align-gt-lg-start-end,
  .layout-align-gt-lg-start-stretch {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .layout-align-gt-lg-center,
  .layout-align-gt-lg-center-start,
  .layout-align-gt-lg-center-center,
  .layout-align-gt-lg-center-end,
  .layout-align-gt-lg-center-stretch {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-gt-lg-end,
  .layout-align-gt-lg-end-start,
  .layout-align-gt-lg-end-center,
  .layout-align-gt-lg-end-end,
  .layout-align-gt-lg-end-stretch {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-gt-lg-space-around,
  .layout-align-gt-lg-space-around-center,
  .layout-align-gt-lg-space-around-start,
  .layout-align-gt-lg-space-around-end,
  .layout-align-gt-lg-space-around-stretch {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-gt-lg-space-between,
  .layout-align-gt-lg-space-between-center,
  .layout-align-gt-lg-space-between-start,
  .layout-align-gt-lg-space-between-end,
  .layout-align-gt-lg-space-between-stretch {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-gt-lg-start-start,
  .layout-align-gt-lg-center-start,
  .layout-align-gt-lg-end-start,
  .layout-align-gt-lg-space-between-start,
  .layout-align-gt-lg-space-around-start {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  .layout-align-gt-lg-start-center,
  .layout-align-gt-lg-center-center,
  .layout-align-gt-lg-end-center,
  .layout-align-gt-lg-space-between-center,
  .layout-align-gt-lg-space-around-center {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  .layout-align-gt-lg-start-center > *,
  .layout-align-gt-lg-center-center > *,
  .layout-align-gt-lg-end-center > *,
  .layout-align-gt-lg-space-between-center > *,
  .layout-align-gt-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-gt-lg-start-end,
  .layout-align-gt-lg-center-end,
  .layout-align-gt-lg-end-end,
  .layout-align-gt-lg-space-between-end,
  .layout-align-gt-lg-space-around-end {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  .layout-align-gt-lg-start-stretch,
  .layout-align-gt-lg-center-stretch,
  .layout-align-gt-lg-end-stretch,
  .layout-align-gt-lg-space-between-stretch,
  .layout-align-gt-lg-space-around-stretch {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  .flex-gt-lg {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 1920px) {
  .flex-gt-lg {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 1920px) {
  .flex-gt-lg-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-lg-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-lg-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-lg-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-lg-noshrink {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-lg-nogrow {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-lg-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-0,
  .layout-gt-lg-row > .flex-gt-lg-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-0,
  .layout-gt-lg-column > .flex-gt-lg-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .flex-gt-lg-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-5,
  .layout-gt-lg-row > .flex-gt-lg-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-5,
  .layout-gt-lg-column > .flex-gt-lg-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-lg-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-10,
  .layout-gt-lg-row > .flex-gt-lg-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-10,
  .layout-gt-lg-column > .flex-gt-lg-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-lg-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-15,
  .layout-gt-lg-row > .flex-gt-lg-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-15,
  .layout-gt-lg-column > .flex-gt-lg-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-lg-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-20,
  .layout-gt-lg-row > .flex-gt-lg-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-20,
  .layout-gt-lg-column > .flex-gt-lg-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-lg-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-25,
  .layout-gt-lg-row > .flex-gt-lg-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-25,
  .layout-gt-lg-column > .flex-gt-lg-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-lg-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-30,
  .layout-gt-lg-row > .flex-gt-lg-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-30,
  .layout-gt-lg-column > .flex-gt-lg-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-lg-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-35,
  .layout-gt-lg-row > .flex-gt-lg-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-35,
  .layout-gt-lg-column > .flex-gt-lg-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-lg-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-40,
  .layout-gt-lg-row > .flex-gt-lg-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-40,
  .layout-gt-lg-column > .flex-gt-lg-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-lg-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-45,
  .layout-gt-lg-row > .flex-gt-lg-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-45,
  .layout-gt-lg-column > .flex-gt-lg-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-lg-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-50,
  .layout-gt-lg-row > .flex-gt-lg-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-50,
  .layout-gt-lg-column > .flex-gt-lg-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-lg-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-55,
  .layout-gt-lg-row > .flex-gt-lg-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-55,
  .layout-gt-lg-column > .flex-gt-lg-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-lg-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-60,
  .layout-gt-lg-row > .flex-gt-lg-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-60,
  .layout-gt-lg-column > .flex-gt-lg-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-lg-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-65,
  .layout-gt-lg-row > .flex-gt-lg-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-65,
  .layout-gt-lg-column > .flex-gt-lg-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-lg-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-70,
  .layout-gt-lg-row > .flex-gt-lg-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-70,
  .layout-gt-lg-column > .flex-gt-lg-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-lg-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-75,
  .layout-gt-lg-row > .flex-gt-lg-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-75,
  .layout-gt-lg-column > .flex-gt-lg-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-lg-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-80,
  .layout-gt-lg-row > .flex-gt-lg-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-80,
  .layout-gt-lg-column > .flex-gt-lg-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-lg-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-85,
  .layout-gt-lg-row > .flex-gt-lg-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-85,
  .layout-gt-lg-column > .flex-gt-lg-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-lg-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-90,
  .layout-gt-lg-row > .flex-gt-lg-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-90,
  .layout-gt-lg-column > .flex-gt-lg-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-lg-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-95,
  .layout-gt-lg-row > .flex-gt-lg-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-95,
  .layout-gt-lg-column > .flex-gt-lg-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-lg-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-100,
  .layout-gt-lg-row > .flex-gt-lg-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-100,
  .layout-gt-lg-column > .flex-gt-lg-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-lg-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .layout-gt-lg-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .flex-order-xl--20 {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  .flex-order-xl--19 {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  .flex-order-xl--18 {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  .flex-order-xl--17 {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  .flex-order-xl--16 {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  .flex-order-xl--15 {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  .flex-order-xl--14 {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  .flex-order-xl--13 {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  .flex-order-xl--12 {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  .flex-order-xl--11 {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  .flex-order-xl--10 {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  .flex-order-xl--9 {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  .flex-order-xl--8 {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  .flex-order-xl--7 {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  .flex-order-xl--6 {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  .flex-order-xl--5 {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  .flex-order-xl--4 {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  .flex-order-xl--3 {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  .flex-order-xl--2 {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  .flex-order-xl--1 {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  .flex-order-xl-0 {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  .flex-order-xl-1 {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .flex-order-xl-2 {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .flex-order-xl-3 {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .flex-order-xl-4 {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .flex-order-xl-5 {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .flex-order-xl-6 {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  .flex-order-xl-7 {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  .flex-order-xl-8 {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  .flex-order-xl-9 {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  .flex-order-xl-10 {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  .flex-order-xl-11 {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  .flex-order-xl-12 {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  .flex-order-xl-13 {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  .flex-order-xl-14 {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  .flex-order-xl-15 {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  .flex-order-xl-16 {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  .flex-order-xl-17 {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  .flex-order-xl-18 {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  .flex-order-xl-19 {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  .flex-order-xl-20 {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  .offset-xl-0, .flex-offset-xl-0 {
    margin-left: 0%; }
  .offset-xl-5, .flex-offset-xl-5 {
    margin-left: 5%; }
  .offset-xl-10, .flex-offset-xl-10 {
    margin-left: 10%; }
  .offset-xl-15, .flex-offset-xl-15 {
    margin-left: 15%; }
  .offset-xl-20, .flex-offset-xl-20 {
    margin-left: 20%; }
  .offset-xl-25, .flex-offset-xl-25 {
    margin-left: 25%; }
  .offset-xl-30, .flex-offset-xl-30 {
    margin-left: 30%; }
  .offset-xl-35, .flex-offset-xl-35 {
    margin-left: 35%; }
  .offset-xl-40, .flex-offset-xl-40 {
    margin-left: 40%; }
  .offset-xl-45, .flex-offset-xl-45 {
    margin-left: 45%; }
  .offset-xl-50, .flex-offset-xl-50 {
    margin-left: 50%; }
  .offset-xl-55, .flex-offset-xl-55 {
    margin-left: 55%; }
  .offset-xl-60, .flex-offset-xl-60 {
    margin-left: 60%; }
  .offset-xl-65, .flex-offset-xl-65 {
    margin-left: 65%; }
  .offset-xl-70, .flex-offset-xl-70 {
    margin-left: 70%; }
  .offset-xl-75, .flex-offset-xl-75 {
    margin-left: 75%; }
  .offset-xl-80, .flex-offset-xl-80 {
    margin-left: 80%; }
  .offset-xl-85, .flex-offset-xl-85 {
    margin-left: 85%; }
  .offset-xl-90, .flex-offset-xl-90 {
    margin-left: 90%; }
  .offset-xl-95, .flex-offset-xl-95 {
    margin-left: 95%; }
  .offset-xl-33, .flex-offset-xl-33 {
    margin-left: calc(100% / 3); }
  .offset-xl-66, .flex-offset-xl-66 {
    margin-left: calc(200% / 3); }
  .layout-align-xl {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .layout-align-xl-start,
  .layout-align-xl-start-start,
  .layout-align-xl-start-center,
  .layout-align-xl-start-end,
  .layout-align-xl-start-stretch {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .layout-align-xl-center,
  .layout-align-xl-center-start,
  .layout-align-xl-center-center,
  .layout-align-xl-center-end,
  .layout-align-xl-center-stretch {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .layout-align-xl-end,
  .layout-align-xl-end-start,
  .layout-align-xl-end-center,
  .layout-align-xl-end-end,
  .layout-align-xl-end-stretch {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .layout-align-xl-space-around,
  .layout-align-xl-space-around-center,
  .layout-align-xl-space-around-start,
  .layout-align-xl-space-around-end,
  .layout-align-xl-space-around-stretch {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .layout-align-xl-space-between,
  .layout-align-xl-space-between-center,
  .layout-align-xl-space-between-start,
  .layout-align-xl-space-between-end,
  .layout-align-xl-space-between-stretch {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .layout-align-xl-start-start,
  .layout-align-xl-center-start,
  .layout-align-xl-end-start,
  .layout-align-xl-space-between-start,
  .layout-align-xl-space-around-start {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  .layout-align-xl-start-center,
  .layout-align-xl-center-center,
  .layout-align-xl-end-center,
  .layout-align-xl-space-between-center,
  .layout-align-xl-space-around-center {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  .layout-align-xl-start-center > *,
  .layout-align-xl-center-center > *,
  .layout-align-xl-end-center > *,
  .layout-align-xl-space-between-center > *,
  .layout-align-xl-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-xl-start-end,
  .layout-align-xl-center-end,
  .layout-align-xl-end-end,
  .layout-align-xl-space-between-end,
  .layout-align-xl-space-around-end {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  .layout-align-xl-start-stretch,
  .layout-align-xl-center-stretch,
  .layout-align-xl-end-stretch,
  .layout-align-xl-space-between-stretch,
  .layout-align-xl-space-around-stretch {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  .flex-xl {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 1920px) {
  .flex-xl {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 1920px) {
  .flex-xl-grow {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-xl-initial {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xl-auto {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-xl-none {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-xl-noshrink {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-xl-nogrow {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xl-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-0,
  .layout-xl-row > .flex-xl-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-0,
  .layout-xl-column > .flex-xl-0 {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .flex-xl-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-5,
  .layout-xl-row > .flex-xl-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-5,
  .layout-xl-column > .flex-xl-5 {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-xl-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-10,
  .layout-xl-row > .flex-xl-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-10,
  .layout-xl-column > .flex-xl-10 {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-xl-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-15,
  .layout-xl-row > .flex-xl-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-15,
  .layout-xl-column > .flex-xl-15 {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-xl-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-20,
  .layout-xl-row > .flex-xl-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-20,
  .layout-xl-column > .flex-xl-20 {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-xl-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-25,
  .layout-xl-row > .flex-xl-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-25,
  .layout-xl-column > .flex-xl-25 {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-xl-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-30,
  .layout-xl-row > .flex-xl-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-30,
  .layout-xl-column > .flex-xl-30 {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-xl-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-35,
  .layout-xl-row > .flex-xl-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-35,
  .layout-xl-column > .flex-xl-35 {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-xl-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-40,
  .layout-xl-row > .flex-xl-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-40,
  .layout-xl-column > .flex-xl-40 {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-xl-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-45,
  .layout-xl-row > .flex-xl-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-45,
  .layout-xl-column > .flex-xl-45 {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-xl-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-50,
  .layout-xl-row > .flex-xl-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-50,
  .layout-xl-column > .flex-xl-50 {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-xl-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-55,
  .layout-xl-row > .flex-xl-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-55,
  .layout-xl-column > .flex-xl-55 {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-xl-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-60,
  .layout-xl-row > .flex-xl-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-60,
  .layout-xl-column > .flex-xl-60 {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-xl-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-65,
  .layout-xl-row > .flex-xl-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-65,
  .layout-xl-column > .flex-xl-65 {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-xl-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-70,
  .layout-xl-row > .flex-xl-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-70,
  .layout-xl-column > .flex-xl-70 {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-xl-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-75,
  .layout-xl-row > .flex-xl-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-75,
  .layout-xl-column > .flex-xl-75 {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-xl-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-80,
  .layout-xl-row > .flex-xl-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-80,
  .layout-xl-column > .flex-xl-80 {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-xl-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-85,
  .layout-xl-row > .flex-xl-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-85,
  .layout-xl-column > .flex-xl-85 {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-xl-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-90,
  .layout-xl-row > .flex-xl-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-90,
  .layout-xl-column > .flex-xl-90 {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-xl-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-95,
  .layout-xl-row > .flex-xl-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-95,
  .layout-xl-column > .flex-xl-95 {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-xl-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-100,
  .layout-xl-row > .flex-xl-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-100,
  .layout-xl-column > .flex-xl-100 {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33, .layout-xl-row > .flex-xl-33, .layout-xl-row > .flex-xl-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66, .layout-xl-row > .flex-xl-66, .layout-xl-row > .flex-xl-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33, .layout-xl-column > .flex-xl-33, .layout-xl-column > .flex-xl-33 {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66, .layout-xl-column > .flex-xl-66, .layout-xl-column > .flex-xl-66 {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  .layout-xl, .layout-xl-column, .layout-xl-row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .layout-xl-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .layout-xl-row {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show) {
    display: none; }
  .hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none; } }

@-webkit-keyframes md-autocomplete-list-out {
  0% {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  50% {
    opacity: 0;
    height: 40px;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  100% {
    height: 0;
    opacity: 0; } }

@keyframes md-autocomplete-list-out {
  0% {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  50% {
    opacity: 0;
    height: 40px;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  100% {
    height: 0;
    opacity: 0; } }

@-webkit-keyframes md-autocomplete-list-in {
  0% {
    opacity: 0;
    height: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  50% {
    opacity: 0;
    height: 40px; }
  100% {
    opacity: 1;
    height: 40px; } }

@keyframes md-autocomplete-list-in {
  0% {
    opacity: 0;
    height: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  50% {
    opacity: 0;
    height: 40px; }
  100% {
    opacity: 1;
    height: 40px; } }

md-autocomplete {
  border-radius: 2px;
  display: block;
  height: 40px;
  position: relative;
  overflow: visible;
  min-width: 190px; }
  md-autocomplete[disabled] input {
    cursor: default; }
  md-autocomplete[md-floating-label] {
    border-radius: 0;
    background: transparent;
    height: auto; }
    md-autocomplete[md-floating-label] md-input-container {
      padding-bottom: 26px; }
      md-autocomplete[md-floating-label] md-input-container.md-input-has-messages {
        padding-bottom: 2px; }
    md-autocomplete[md-floating-label] md-autocomplete-wrap {
      height: auto; }
    md-autocomplete[md-floating-label] button {
      position: absolute;
      top: auto;
      bottom: 0;
      right: 0;
      width: 30px;
      height: 30px; }
  md-autocomplete md-autocomplete-wrap {
    display: block;
    position: relative;
    overflow: visible;
    height: 40px; }
    md-autocomplete md-autocomplete-wrap.md-menu-showing {
      z-index: 51; }
    md-autocomplete md-autocomplete-wrap md-progress-linear {
      position: absolute;
      bottom: -2px;
      left: 0; }
      md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
        bottom: 40px;
        right: 2px;
        left: 2px;
        width: auto; }
      md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        transition: none; }
        md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
          transition: none;
          height: 3px; }
        md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
          transition: opacity 0.15s linear; }
          md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
            opacity: 1; }
        md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
          transition: opacity 0.15s linear; }
          md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
            opacity: 0; }
  md-autocomplete input:not(.md-input) {
    font-size: 14px;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    width: 100%;
    padding: 0 15px;
    line-height: 40px;
    height: 40px; }
    md-autocomplete input:not(.md-input)::-ms-clear {
      display: none; }
  md-autocomplete button {
    position: relative;
    line-height: 20px;
    text-align: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    padding: 0;
    font-size: 12px;
    background: transparent;
    margin: auto 5px; }
    md-autocomplete button:after {
      content: '';
      position: absolute;
      top: -6px;
      right: -6px;
      bottom: -6px;
      left: -6px;
      border-radius: 50%;
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 0;
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
    md-autocomplete button:focus {
      outline: none; }
      md-autocomplete button:focus:after {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 1; }
    md-autocomplete button md-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
              transform: translate3d(-50%, -50%, 0) scale(0.9); }
      md-autocomplete button md-icon path {
        stroke-width: 0; }
    md-autocomplete button.ng-enter {
      -webkit-transform: scale(0);
              transform: scale(0);
      transition: -webkit-transform 0.15s ease-out;
      transition: transform 0.15s ease-out; }
      md-autocomplete button.ng-enter.ng-enter-active {
        -webkit-transform: scale(1);
                transform: scale(1); }
    md-autocomplete button.ng-leave {
      transition: -webkit-transform 0.15s ease-out;
      transition: transform 0.15s ease-out; }
      md-autocomplete button.ng-leave.ng-leave-active {
        -webkit-transform: scale(0);
                transform: scale(0); }
  @media screen and (-ms-high-contrast: active) {
    md-autocomplete input {
      border: 1px solid #fff; }
    md-autocomplete li:focus {
      color: #fff; } }

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  position: absolute;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  height: 225.5px;
  max-height: 225.5px;
  z-index: 100; }

.md-virtual-repeat-container.md-not-found {
  height: 48px; }

.md-autocomplete-suggestions {
  margin: 0;
  list-style: none;
  padding: 0; }
  .md-autocomplete-suggestions li {
    font-size: 14px;
    overflow: hidden;
    padding: 0 15px;
    line-height: 48px;
    height: 48px;
    transition: background 0.15s linear;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .md-autocomplete-suggestions li:focus {
      outline: none; }
    .md-autocomplete-suggestions li:not(.md-not-found-wrapper) {
      cursor: pointer; }

@media screen and (-ms-high-contrast: active) {
  md-autocomplete,
  .md-autocomplete-suggestions {
    border: 1px solid #fff; } }

md-backdrop {
  transition: opacity 450ms;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50; }
  md-backdrop.md-menu-backdrop {
    position: fixed !important;
    z-index: 99; }
  md-backdrop.md-select-backdrop {
    z-index: 81;
    transition-duration: 0; }
  md-backdrop.md-dialog-backdrop {
    z-index: 79; }
  md-backdrop.md-bottom-sheet-backdrop {
    z-index: 69; }
  md-backdrop.md-sidenav-backdrop {
    z-index: 59; }
  md-backdrop.md-click-catcher {
    position: absolute; }
  md-backdrop.md-opaque {
    opacity: .48; }
    md-backdrop.md-opaque.ng-enter {
      opacity: 0; }
    md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
      opacity: .48; }
    md-backdrop.md-opaque.ng-leave {
      opacity: .48;
      transition: opacity 400ms; }
    md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
      opacity: 0; }

button.md-button::-moz-focus-inner {
  border: 0; }

.md-button {
  border-radius: 3px;
  box-sizing: border-box;
  color: currentColor;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  outline: none;
  border: 0;
  display: inline-block;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 6px;
  margin: 6px 8px;
  line-height: 36px;
  min-height: 36px;
  background: transparent;
  white-space: nowrap;
  min-width: 88px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .md-button:focus {
    outline: none; }
  .md-button:hover, .md-button:focus {
    text-decoration: none; }
  .md-button.ng-hide, .md-button.ng-leave {
    transition: none; }
  .md-button.md-cornered {
    border-radius: 0; }
  .md-button.md-icon {
    padding: 0;
    background: none; }
  .md-button.md-raised:not([disabled]) {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  .md-button.md-icon-button {
    margin: 0 6px;
    height: 40px;
    min-width: 0;
    line-height: 24px;
    padding: 8px;
    width: 40px;
    border-radius: 50%; }
    .md-button.md-icon-button .md-ripple-container {
      border-radius: 50%;
      background-clip: padding-box;
      overflow: hidden;
      -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
  .md-button.md-fab {
    z-index: 20;
    line-height: 56px;
    min-width: 0;
    width: 56px;
    height: 56px;
    vertical-align: middle;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-radius: 50%;
    background-clip: padding-box;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-property: background-color, box-shadow, -webkit-transform;
    transition-property: background-color, box-shadow, transform; }
    .md-button.md-fab.md-fab-bottom-right {
      top: auto;
      right: 20px;
      bottom: 20px;
      left: auto;
      position: absolute; }
    .md-button.md-fab.md-fab-bottom-left {
      top: auto;
      right: auto;
      bottom: 20px;
      left: 20px;
      position: absolute; }
    .md-button.md-fab.md-fab-top-right {
      top: 20px;
      right: 20px;
      bottom: auto;
      left: auto;
      position: absolute; }
    .md-button.md-fab.md-fab-top-left {
      top: 20px;
      right: auto;
      bottom: auto;
      left: 20px;
      position: absolute; }
    .md-button.md-fab .md-ripple-container {
      border-radius: 50%;
      background-clip: padding-box;
      overflow: hidden;
      -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
    .md-button.md-fab.md-mini {
      line-height: 40px;
      width: 40px;
      height: 40px; }
    .md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
      transition: none; }
  .md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  .md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
  .md-button .md-ripple-container {
    border-radius: 3px;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }

.md-toast-open-top .md-button.md-fab-top-left,
.md-toast-open-top .md-button.md-fab-top-right {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform: translate3d(0, 42px, 0);
          transform: translate3d(0, 42px, 0); }
  .md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
  .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
  .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
    -webkit-transform: translate3d(0, 41px, 0);
            transform: translate3d(0, 41px, 0); }

.md-toast-open-bottom .md-button.md-fab-bottom-left,
.md-toast-open-bottom .md-button.md-fab-bottom-right {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transform: translate3d(0, -42px, 0);
          transform: translate3d(0, -42px, 0); }
  .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
  .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
  .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
    -webkit-transform: translate3d(0, -43px, 0);
            transform: translate3d(0, -43px, 0); }

.md-button-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%; }

.md-button-group > .md-button {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  overflow: hidden;
  width: 0;
  border-width: 1px 0px 1px 1px;
  border-radius: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .md-button-group > .md-button:first-child {
    border-radius: 2px 0px 0px 2px; }
  .md-button-group > .md-button:last-child {
    border-right-width: 1px;
    border-radius: 0px 2px 2px 0px; }

@media screen and (-ms-high-contrast: active) {
  .md-button.md-raised,
  .md-button.md-fab, .md-raised {
    border: 1px solid #fff; } }

md-bottom-sheet {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px 16px 88px 16px;
  z-index: 70;
  border-top-width: 1px;
  border-top-style: solid;
  -webkit-transform: translate3d(0, 80px, 0);
          transform: translate3d(0, 80px, 0);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: -webkit-transform;
  transition-property: transform; }
  md-bottom-sheet.md-has-header {
    padding-top: 0; }
  md-bottom-sheet.ng-enter {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  md-bottom-sheet.ng-enter-active {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(0, 80px, 0) !important;
            transform: translate3d(0, 80px, 0) !important; }
  md-bottom-sheet.ng-leave-active {
    -webkit-transform: translate3d(0, 100%, 0) !important;
            transform: translate3d(0, 100%, 0) !important;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-bottom-sheet .md-subheader {
    background-color: transparent;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    line-height: 56px;
    padding: 0;
    white-space: nowrap; }
  md-bottom-sheet md-inline-icon {
    display: inline-block;
    height: 24px;
    width: 24px;
    fill: #444; }
  md-bottom-sheet md-list-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    outline: none; }
    md-bottom-sheet md-list-item:hover {
      cursor: pointer; }
  md-bottom-sheet.md-list md-list-item {
    padding: 0;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 48px; }
    md-bottom-sheet.md-list md-list-item div.md-icon-container {
      display: inline-block;
      height: 24px;
      margin-right: 32px; }
  md-bottom-sheet.md-grid {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 0; }
    md-bottom-sheet.md-grid md-list {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      transition: all 0.5s;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    md-bottom-sheet.md-grid md-list-item {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      transition: all 0.5s;
      height: 96px;
      margin-top: 8px;
      margin-bottom: 8px;
      /* Mixin for how many grid items to show per row */ }
      @media screen and (max-width: 960px) {
        md-bottom-sheet.md-grid md-list-item {
          -webkit-flex: 1 1 33.33333%;
              -ms-flex: 1 1 33.33333%;
                  flex: 1 1 33.33333%;
          max-width: 33.33333%; }
          md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {
            -webkit-align-items: flex-start;
                -ms-flex-align: start;
                    align-items: flex-start; }
          md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
            -webkit-align-items: flex-end;
                -ms-flex-align: end;
                    align-items: flex-end; } }
      @media screen and (min-width: 960px) and (max-width: 1279px) {
        md-bottom-sheet.md-grid md-list-item {
          -webkit-flex: 1 1 25%;
              -ms-flex: 1 1 25%;
                  flex: 1 1 25%;
          max-width: 25%; } }
      @media screen and (min-width: 1280px) and (max-width: 1919px) {
        md-bottom-sheet.md-grid md-list-item {
          -webkit-flex: 1 1 16.66667%;
              -ms-flex: 1 1 16.66667%;
                  flex: 1 1 16.66667%;
          max-width: 16.66667%; } }
      @media screen and (min-width: 1920px) {
        md-bottom-sheet.md-grid md-list-item {
          -webkit-flex: 1 1 14.28571%;
              -ms-flex: 1 1 14.28571%;
                  flex: 1 1 14.28571%;
          max-width: 14.28571%; } }
      md-bottom-sheet.md-grid md-list-item .md-list-item-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        width: 48px;
        padding-bottom: 16px; }
      md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
        border: 1px solid transparent;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        width: 80px; }
      md-bottom-sheet.md-grid md-list-item .md-icon-container {
        display: inline-block;
        box-sizing: border-box;
        height: 48px;
        width: 48px;
        margin: 0 0; }
      md-bottom-sheet.md-grid md-list-item .md-grid-text {
        font-weight: 400;
        line-height: 16px;
        font-size: 13px;
        margin: 0;
        white-space: nowrap;
        width: 64px;
        text-align: center;
        text-transform: none;
        padding-top: 8px; }

@media screen and (-ms-high-contrast: active) {
  md-bottom-sheet {
    border: 1px solid #fff; } }

md-card {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 8px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
  md-card md-card-header {
    padding: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    md-card md-card-header:first-child md-card-avatar {
      margin-right: 12px; }
    md-card md-card-header:last-child md-card-avatar {
      margin-left: 12px; }
    md-card md-card-header md-card-avatar {
      width: 40px;
      height: 40px; }
      md-card md-card-header md-card-avatar .md-user-avatar,
      md-card md-card-header md-card-avatar md-icon {
        border-radius: 50%; }
      md-card md-card-header md-card-avatar md-icon {
        padding: 8px; }
      md-card md-card-header md-card-avatar + md-card-header-text {
        max-height: 40px; }
        md-card md-card-header md-card-avatar + md-card-header-text .md-title {
          font-size: 14px; }
    md-card md-card-header md-card-header-text {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      md-card md-card-header md-card-header-text .md-subhead {
        font-size: 14px; }
  md-card > img,
  md-card > :not(md-card-content) img {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    height: auto; }
  md-card md-card-title {
    padding: 24px 16px 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    md-card md-card-title + md-card-content {
      padding-top: 0; }
    md-card md-card-title md-card-title-text {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      md-card md-card-title md-card-title-text .md-subhead {
        padding-top: 0;
        font-size: 14px; }
      md-card md-card-title md-card-title-text:only-child .md-subhead {
        padding-top: 12px; }
    md-card md-card-title md-card-title-media {
      margin-top: -8px; }
      md-card md-card-title md-card-title-media .md-media-sm {
        height: 80px;
        width: 80px; }
      md-card md-card-title md-card-title-media .md-media-md {
        height: 112px;
        width: 112px; }
      md-card md-card-title md-card-title-media .md-media-lg {
        height: 152px;
        width: 152px; }
  md-card md-card-content {
    display: block;
    padding: 16px; }
    md-card md-card-content > p:first-child {
      margin-top: 0; }
    md-card md-card-content > p:last-child {
      margin-bottom: 0; }
    md-card md-card-content .md-media-xl {
      height: 240px;
      width: 240px; }
  md-card .md-actions, md-card md-card-actions {
    margin: 8px; }
    md-card .md-actions.layout-column .md-button:not(.md-icon-button), md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {
      margin: 2px 0; }
      md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {
        margin-top: 0; }
      md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {
        margin-bottom: 0; }
    md-card .md-actions.layout-column .md-button.md-icon-button, md-card md-card-actions.layout-column .md-button.md-icon-button {
      margin-top: 6px;
      margin-bottom: 6px; }
    md-card .md-actions md-card-icon-actions, md-card md-card-actions md-card-icon-actions {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
    md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button), md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {
      margin: 0 4px; }
      md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
        margin-left: 0; }
      md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
        margin-right: 0; }
    md-card .md-actions:not(.layout-column) .md-button.md-icon-button, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {
      margin-left: 6px;
      margin-right: 6px; }
      md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
        margin-left: 12px; }
      md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
        margin-right: 12px; }
    md-card .md-actions:not(.layout-column) .md-button + md-card-icon-actions, md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
  md-card md-card-footer {
    margin-top: auto;
    padding: 16px; }

@media screen and (-ms-high-contrast: active) {
  md-card {
    border: 1px solid #fff; } }

.md-inline-form md-checkbox {
  margin: 19px 0 18px; }

md-checkbox {
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 16px;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  min-width: 20px;
  min-height: 20px;
  margin-left: inherit;
  margin-right: 16px; }
  html[dir=rtl] md-checkbox {
    margin-left: 16px;
    unicode-bidi: embed; }
  body[dir=rtl] md-checkbox {
    margin-left: 16px;
    unicode-bidi: embed; }
  md-checkbox bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override; }
  md-checkbox bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override; }
  html[dir=rtl] md-checkbox {
    margin-right: inherit;
    unicode-bidi: embed; }
  body[dir=rtl] md-checkbox {
    margin-right: inherit;
    unicode-bidi: embed; }
  md-checkbox bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override; }
  md-checkbox bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override; }
  md-checkbox:last-of-type {
    margin-left: inherit;
    margin-right: 0; }
    html[dir=rtl] md-checkbox:last-of-type {
      margin-left: 0;
      unicode-bidi: embed; }
    body[dir=rtl] md-checkbox:last-of-type {
      margin-left: 0;
      unicode-bidi: embed; }
    md-checkbox:last-of-type bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-checkbox:last-of-type bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-checkbox:last-of-type {
      margin-right: inherit;
      unicode-bidi: embed; }
    body[dir=rtl] md-checkbox:last-of-type {
      margin-right: inherit;
      unicode-bidi: embed; }
    md-checkbox:last-of-type bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-checkbox:last-of-type bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
  md-checkbox.md-focused:not([disabled]) .md-container:before {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px; }
  md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
    background-color: rgba(0, 0, 0, 0.12); }
  md-checkbox .md-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 0;
    right: auto; }
    html[dir=rtl] md-checkbox .md-container {
      left: auto;
      unicode-bidi: embed; }
    body[dir=rtl] md-checkbox .md-container {
      left: auto;
      unicode-bidi: embed; }
    md-checkbox .md-container bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-checkbox .md-container bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-checkbox .md-container {
      right: 0;
      unicode-bidi: embed; }
    body[dir=rtl] md-checkbox .md-container {
      right: 0;
      unicode-bidi: embed; }
    md-checkbox .md-container bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-checkbox .md-container bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    md-checkbox .md-container:before {
      box-sizing: border-box;
      background-color: transparent;
      border-radius: 50%;
      content: '';
      position: absolute;
      display: block;
      height: auto;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transition: all 0.5s;
      width: auto; }
    md-checkbox .md-container:after {
      box-sizing: border-box;
      content: '';
      position: absolute;
      top: -10px;
      right: -10px;
      bottom: -10px;
      left: -10px; }
    md-checkbox .md-container .md-ripple-container {
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      left: -15px;
      top: -15px;
      right: -15px;
      bottom: -15px; }
  md-checkbox.md-align-top-left > div.md-container {
    top: 12px; }
  md-checkbox .md-icon {
    box-sizing: border-box;
    transition: 240ms;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px; }
  md-checkbox.md-checked .md-icon {
    border: none; }
  md-checkbox[disabled] {
    cursor: default; }
  md-checkbox.md-checked .md-icon:after {
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    left: 6.66667px;
    top: 2.22222px;
    display: table;
    width: 6.66667px;
    height: 13.33333px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: ''; }
  md-checkbox .md-label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
    margin-left: 30px;
    margin-right: 0; }
    html[dir=rtl] md-checkbox .md-label {
      margin-left: 0;
      unicode-bidi: embed; }
    body[dir=rtl] md-checkbox .md-label {
      margin-left: 0;
      unicode-bidi: embed; }
    md-checkbox .md-label bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-checkbox .md-label bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-checkbox .md-label {
      margin-right: 30px;
      unicode-bidi: embed; }
    body[dir=rtl] md-checkbox .md-label {
      margin-right: 30px;
      unicode-bidi: embed; }
    md-checkbox .md-label bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-checkbox .md-label bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }

.md-contact-chips .md-chips .md-chip {
  padding: 0 25px 0 0; }
  .md-contact-chips .md-chips .md-chip .md-contact-avatar {
    float: left; }
    .md-contact-chips .md-chips .md-chip .md-contact-avatar img {
      height: 32px;
      border-radius: 16px; }
  .md-contact-chips .md-chips .md-chip .md-contact-name {
    display: inline-block;
    height: 32px;
    margin-left: 8px; }

.md-contact-suggestion {
  height: 56px; }
  .md-contact-suggestion img {
    height: 40px;
    border-radius: 20px;
    margin-top: 8px; }
  .md-contact-suggestion .md-contact-name {
    margin-left: 8px;
    width: 120px; }
  .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis; }

.md-contact-chips-suggestions li {
  height: 100%; }

.md-chips {
  display: block;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
  padding: 0 0 8px 3px;
  vertical-align: middle; }
  .md-chips:after {
    content: '';
    display: table;
    clear: both; }
  .md-chips:not(.md-readonly) {
    cursor: text; }
    .md-chips:not(.md-readonly) .md-chip:not(.md-readonly) {
      padding-right: 22px; }
      .md-chips:not(.md-readonly) .md-chip:not(.md-readonly) .md-chip-content {
        padding-right: 4px; }
  .md-chips .md-chip {
    cursor: default;
    border-radius: 16px;
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 8px 8px 0 0;
    padding: 0 12px 0 12px;
    float: left;
    box-sizing: border-box;
    max-width: 100%;
    position: relative; }
    .md-chips .md-chip .md-chip-content {
      display: block;
      float: left;
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }
      .md-chips .md-chip .md-chip-content:focus {
        outline: none; }
    .md-chips .md-chip .md-chip-remove-container {
      position: absolute;
      right: 0;
      line-height: 22px; }
    .md-chips .md-chip .md-chip-remove {
      text-align: center;
      width: 32px;
      height: 32px;
      min-width: 0;
      padding: 0;
      background: transparent;
      border: none;
      box-shadow: none;
      margin: 0;
      position: relative; }
      .md-chips .md-chip .md-chip-remove md-icon {
        height: 18px;
        width: 18px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0); }
  .md-chips .md-chip-input-container {
    display: block;
    line-height: 32px;
    margin: 8px 8px 0 0;
    padding: 0;
    float: left; }
    .md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
      border: 0;
      height: 32px;
      line-height: 32px;
      padding: 0; }
      .md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
        outline: none; }
    .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
      background: transparent;
      height: 32px; }
    .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
      box-shadow: none; }
    .md-chips .md-chip-input-container md-autocomplete input {
      position: relative; }
    .md-chips .md-chip-input-container input {
      border: 0;
      height: 32px;
      line-height: 32px;
      padding: 0; }
      .md-chips .md-chip-input-container input:focus {
        outline: none; }
    .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
      height: 32px; }
    .md-chips .md-chip-input-container md-autocomplete {
      box-shadow: none; }
      .md-chips .md-chip-input-container md-autocomplete input {
        position: relative; }
    .md-chips .md-chip-input-container:not(:first-child) {
      margin: 8px 8px 0 0; }
    .md-chips .md-chip-input-container input {
      background: transparent;
      border-width: 0; }
  .md-chips md-autocomplete button {
    display: none; }

@media screen and (-ms-high-contrast: active) {
  .md-chip-input-container,
  md-chip {
    border: 1px solid #fff; }
  .md-chip-input-container md-autocomplete {
    border: none; } }

md-content {
  display: block;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  md-content[md-scroll-y] {
    overflow-y: auto;
    overflow-x: hidden; }
  md-content[md-scroll-x] {
    overflow-x: auto;
    overflow-y: hidden; }
  md-content.autoScroll {
    -webkit-overflow-scrolling: auto; }

/** Styles for mdCalendar. */
md-calendar {
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.md-calendar-scroll-mask {
  display: inline-block;
  overflow: hidden;
  height: 308px; }
  .md-calendar-scroll-mask .md-virtual-repeat-scroller {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
      display: none; }
  .md-calendar-scroll-mask .md-virtual-repeat-offsetter {
    width: 100%; }

.md-calendar-scroll-container {
  box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);
  display: inline-block;
  height: 308px;
  width: 346px; }

.md-calendar-date {
  height: 44px;
  width: 44px;
  text-align: center;
  padding: 0;
  border: none; }
  .md-calendar-date:first-child {
    padding-left: 16px; }
  .md-calendar-date:last-child {
    padding-right: 16px; }
  .md-calendar-date.md-calendar-date-disabled {
    cursor: default; }

.md-calendar-date-selection-indicator {
  transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 50%;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px; }
  .md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
    cursor: pointer; }

.md-calendar-month-label {
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 0 24px; }

.md-calendar-day-header {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse; }
  .md-calendar-day-header th {
    height: 44px;
    width: 44px;
    text-align: center;
    padding: 0;
    border: none;
    font-weight: normal;
    height: 40px; }
    .md-calendar-day-header th:first-child {
      padding-left: 16px; }
    .md-calendar-day-header th:last-child {
      padding-right: 16px; }

.md-calendar {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse; }
  .md-calendar tr:last-child td {
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  .md-calendar:first-child {
    border-top: 1px solid transparent; }

/** Styles for mdDatepicker. */
md-datepicker {
  white-space: nowrap;
  overflow: hidden;
  padding-right: 18px;
  margin-right: -18px;
  vertical-align: middle; }

.md-inline-form md-datepicker {
  margin-top: 12px; }

.md-datepicker-button {
  display: inline-block;
  box-sizing: border-box;
  background: none; }

.md-datepicker-input {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  min-width: 120px;
  max-width: 328px; }
  .md-datepicker-input::-ms-clear {
    display: none; }

.md-datepicker-input-container {
  position: relative;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: inline-block;
  width: auto;
  margin-left: 12px; }
  .md-datepicker-input-container.md-datepicker-focused {
    border-bottom-width: 2px; }

.md-datepicker-calendar-pane {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  border-width: 1px;
  border-style: solid;
  background: transparent;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .md-datepicker-calendar-pane.md-pane-open {
    -webkit-transform: scale(1);
            transform: scale(1); }

.md-datepicker-input-mask {
  height: 40px;
  width: 340px;
  position: relative;
  background: transparent;
  pointer-events: none;
  cursor: text; }

.md-datepicker-input-mask-opaque {
  position: absolute;
  right: 0;
  left: 120px;
  height: 100%; }

.md-datepicker-calendar {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1); }
  .md-pane-open .md-datepicker-calendar {
    opacity: 1; }
  .md-datepicker-calendar md-calendar:focus {
    outline: none; }

.md-datepicker-expand-triangle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid; }

.md-datepicker-triangle-button {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-25%) translateX(45%);
          transform: translateY(-25%) translateX(45%); }

.md-datepicker-triangle-button.md-button.md-icon-button {
  height: 100%;
  width: 36px;
  position: absolute; }

md-datepicker[disabled] .md-datepicker-input-container {
  border-bottom-color: transparent; }

md-datepicker[disabled] .md-datepicker-triangle-button {
  display: none; }

.md-datepicker-open .md-datepicker-input-container {
  margin-left: -12px;
  border: none; }

.md-datepicker-open .md-datepicker-input {
  margin-left: 24px;
  height: 40px; }

.md-datepicker-open .md-datepicker-triangle-button {
  display: none; }

.md-datepicker-pos-adjusted .md-datepicker-input-mask {
  display: none; }

.md-datepicker-calendar-pane .md-calendar {
  -webkit-transform: translateY(-85px);
          transform: translateY(-85px);
  transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-delay: 0.125s; }

.md-datepicker-calendar-pane.md-pane-open .md-calendar {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.md-dialog-is-showing {
  max-height: 100%; }

.md-dialog-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
  overflow: hidden; }

md-dialog {
  opacity: 0;
  min-width: 240px;
  max-width: 80%;
  max-height: 80%;
  position: relative;
  overflow: auto;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  md-dialog.md-transition-in {
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1); }
  md-dialog.md-transition-out {
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transform: translate(0, 100%) scale(0.2);
            transform: translate(0, 100%) scale(0.2); }
  md-dialog > form {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: auto; }
  md-dialog .md-dialog-content {
    padding: 24px; }
  md-dialog md-dialog-content {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
      margin-top: 0; }
    md-dialog md-dialog-content:focus {
      outline: none; }
    md-dialog md-dialog-content .md-subheader {
      margin: 0; }
      md-dialog md-dialog-content .md-subheader.sticky-clone {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
    md-dialog md-dialog-content.sticky-container {
      padding: 0; }
      md-dialog md-dialog-content.sticky-container > div {
        padding: 24px;
        padding-top: 0; }
    md-dialog md-dialog-content .md-dialog-content-body {
      width: 100%; }
  md-dialog .md-actions, md-dialog md-dialog-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    box-sizing: border-box;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 0;
    padding-right: 8px;
    padding-left: 16px;
    min-height: 52px;
    overflow: hidden; }
    md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {
      margin-bottom: 8px;
      margin-left: 8px;
      margin-right: 0;
      margin-top: 8px; }
  md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {
    border-top-width: 1px;
    border-top-style: solid; }

@media screen and (-ms-high-contrast: active) {
  md-dialog {
    border: 1px solid #fff; } }

@media (max-width: 959px) {
  md-dialog.md-dialog-fullscreen {
    min-height: 100%;
    min-width: 100%;
    border-radius: 0; } }

md-divider {
  display: block;
  border-top-width: 1px;
  border-top-style: solid;
  margin: 0; }
  md-divider[md-inset] {
    margin-left: 80px; }

.layout-row > md-divider {
  border-top-width: 0;
  border-right-width: 1px;
  border-right-style: solid; }

md-fab-speed-dial {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 20;
  /*
   * Hide some graphics glitches if switching animation types
   */
  /*
   * Handle the animations
   */ }
  md-fab-speed-dial.md-fab-bottom-right {
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
    position: absolute; }
  md-fab-speed-dial.md-fab-bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
    position: absolute; }
  md-fab-speed-dial.md-fab-top-right {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    position: absolute; }
  md-fab-speed-dial.md-fab-top-left {
    top: 20px;
    right: auto;
    bottom: auto;
    left: 20px;
    position: absolute; }
  md-fab-speed-dial:not(.md-hover-full) {
    pointer-events: none; }
    md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
      pointer-events: auto; }
    md-fab-speed-dial:not(.md-hover-full).md-is-open {
      pointer-events: auto; }
  md-fab-speed-dial .md-css-variables {
    z-index: 20; }
  md-fab-speed-dial.md-is-open .md-fab-action-item {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  md-fab-speed-dial md-fab-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto; }
    md-fab-speed-dial md-fab-actions .md-fab-action-item {
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-fab-speed-dial.md-down {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    md-fab-speed-dial.md-down md-fab-trigger {
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; }
    md-fab-speed-dial.md-down md-fab-actions {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
  md-fab-speed-dial.md-up {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    md-fab-speed-dial.md-up md-fab-trigger {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
    md-fab-speed-dial.md-up md-fab-actions {
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; }
  md-fab-speed-dial.md-left {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    md-fab-speed-dial.md-left md-fab-trigger {
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
    md-fab-speed-dial.md-left md-fab-actions {
      -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; }
      md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-fab-speed-dial.md-right {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    md-fab-speed-dial.md-right md-fab-trigger {
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; }
    md-fab-speed-dial.md-right md-fab-actions {
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
      md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
    visibility: hidden; }
  md-fab-speed-dial.md-fling .md-fab-action-item {
    opacity: 1; }
  md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
    opacity: 0;
    transition-duration: 0s; }
  md-fab-speed-dial.md-scale .md-fab-action-item {
    -webkit-transform: scale(0);
            transform: scale(0);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-duration: 0.14286s; }

md-fab-toolbar {
  display: block;
  /*
   * Closed styling
   */
  /*
   * Hover styling
   */ }
  md-fab-toolbar.md-fab-bottom-right {
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
    position: absolute; }
  md-fab-toolbar.md-fab-bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
    position: absolute; }
  md-fab-toolbar.md-fab-top-right {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    position: absolute; }
  md-fab-toolbar.md-fab-top-left {
    top: 20px;
    right: auto;
    bottom: auto;
    left: 20px;
    position: absolute; }
  md-fab-toolbar .md-fab-toolbar-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    height: 68px; }
  md-fab-toolbar md-fab-trigger {
    position: absolute;
    z-index: 20; }
    md-fab-toolbar md-fab-trigger button {
      overflow: visible !important; }
    md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {
      display: block;
      position: absolute;
      z-index: 21;
      opacity: 1;
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
    md-fab-toolbar md-fab-trigger md-icon {
      position: relative;
      z-index: 22;
      opacity: 1;
      transition: all 200ms ease-in; }
  md-fab-toolbar.md-left md-fab-trigger {
    right: 0; }
  md-fab-toolbar.md-left .md-toolbar-tools {
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
      margin-right: 0.6rem; }
    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
      margin-left: -0.8rem; }
    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
      margin-right: 8px; }
  md-fab-toolbar.md-right md-fab-trigger {
    left: 0; }
  md-fab-toolbar.md-right .md-toolbar-tools {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  md-fab-toolbar md-toolbar {
    background-color: transparent !important;
    pointer-events: none;
    z-index: 23; }
    md-fab-toolbar md-toolbar .md-toolbar-tools {
      padding: 0 20px;
      margin-top: 3px; }
    md-fab-toolbar md-toolbar .md-fab-action-item {
      opacity: 0;
      -webkit-transform: scale(0);
              transform: scale(0);
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
      transition-duration: 0.15s; }
  md-fab-toolbar.md-is-open md-fab-trigger > button {
    box-shadow: none; }
    md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
      opacity: 0; }
  md-fab-toolbar.md-is-open .md-fab-action-item {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }

md-grid-list {
  box-sizing: border-box;
  display: block;
  position: relative; }
  md-grid-list md-grid-tile,
  md-grid-list md-grid-tile > figure,
  md-grid-list md-grid-tile-header,
  md-grid-list md-grid-tile-footer {
    box-sizing: border-box; }
  md-grid-list md-grid-tile {
    display: block;
    position: absolute; }
    md-grid-list md-grid-tile figure {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 0;
      margin: 0; }
    md-grid-list md-grid-tile md-grid-tile-header,
    md-grid-list md-grid-tile md-grid-tile-footer {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      height: 48px;
      color: #fff;
      background: rgba(0, 0, 0, 0.18);
      overflow: hidden;
      position: absolute;
      left: 0;
      right: 0; }
      md-grid-list md-grid-tile md-grid-tile-header h3,
      md-grid-list md-grid-tile md-grid-tile-header h4,
      md-grid-list md-grid-tile md-grid-tile-footer h3,
      md-grid-list md-grid-tile md-grid-tile-footer h4 {
        font-weight: 400;
        margin: 0 0 0 16px; }
      md-grid-list md-grid-tile md-grid-tile-header h3,
      md-grid-list md-grid-tile md-grid-tile-footer h3 {
        font-size: 14px; }
      md-grid-list md-grid-tile md-grid-tile-header h4,
      md-grid-list md-grid-tile md-grid-tile-footer h4 {
        font-size: 12px; }
    md-grid-list md-grid-tile md-grid-tile-header {
      top: 0; }
    md-grid-list md-grid-tile md-grid-tile-footer {
      bottom: 0; }

@media screen and (-ms-high-contrast: active) {
  md-grid-tile {
    border: 1px solid #fff; }
  md-grid-tile-footer {
    border-top: 1px solid #fff; } }

md-icon {
  margin: auto;
  background-repeat: no-repeat no-repeat;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  height: 24px;
  width: 24px; }
  md-icon svg {
    pointer-events: none;
    display: block; }
  md-icon[md-font-icon] {
    line-height: 1;
    width: auto; }

md-input-container {
  display: inline-block;
  position: relative;
  padding: 2px;
  margin: 18px 0;
  vertical-align: middle;
  /*
   * The .md-input class is added to the input/textarea
   */ }
  md-input-container:after {
    content: '';
    display: table;
    clear: both; }
  md-input-container.md-block {
    display: block; }
  md-input-container .md-errors-spacer {
    float: right;
    min-height: 24px;
    min-width: 1px; }
    html[dir=rtl] md-input-container .md-errors-spacer {
      float: left;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container .md-errors-spacer {
      float: left;
      unicode-bidi: embed; }
    md-input-container .md-errors-spacer bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container .md-errors-spacer bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
  md-input-container > md-icon {
    position: absolute;
    top: 5px;
    left: 2px;
    right: auto; }
    html[dir=rtl] md-input-container > md-icon {
      left: auto;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container > md-icon {
      left: auto;
      unicode-bidi: embed; }
    md-input-container > md-icon bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container > md-icon bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-input-container > md-icon {
      right: 2px;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container > md-icon {
      right: 2px;
      unicode-bidi: embed; }
    md-input-container > md-icon bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container > md-icon bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
  md-input-container textarea,
  md-input-container input[type="text"],
  md-input-container input[type="password"],
  md-input-container input[type="datetime"],
  md-input-container input[type="datetime-local"],
  md-input-container input[type="date"],
  md-input-container input[type="month"],
  md-input-container input[type="time"],
  md-input-container input[type="week"],
  md-input-container input[type="number"],
  md-input-container input[type="email"],
  md-input-container input[type="url"],
  md-input-container input[type="search"],
  md-input-container input[type="tel"],
  md-input-container input[type="color"] {
    /* remove default appearance from all input/textarea */
    -moz-appearance: none;
    -webkit-appearance: none; }
  md-input-container input[type="date"],
  md-input-container input[type="datetime-local"],
  md-input-container input[type="month"],
  md-input-container input[type="time"],
  md-input-container input[type="week"] {
    min-height: 26px; }
  md-input-container textarea {
    resize: none;
    overflow: hidden; }
  md-input-container textarea.md-input {
    min-height: 26px;
    -ms-flex-preferred-size: auto; }
  md-input-container label:not(.md-container-ignore) {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: auto; }
    html[dir=rtl] md-input-container label:not(.md-container-ignore) {
      left: auto;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container label:not(.md-container-ignore) {
      left: auto;
      unicode-bidi: embed; }
    md-input-container label:not(.md-container-ignore) bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container label:not(.md-container-ignore) bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-input-container label:not(.md-container-ignore) {
      right: 0;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container label:not(.md-container-ignore) {
      right: 0;
      unicode-bidi: embed; }
    md-input-container label:not(.md-container-ignore) bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container label:not(.md-container-ignore) bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
  md-input-container.md-has-icon {
    padding-left: 36px;
    padding-right: 0; }
    html[dir=rtl] md-input-container.md-has-icon {
      padding-left: 0;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container.md-has-icon {
      padding-left: 0;
      unicode-bidi: embed; }
    md-input-container.md-has-icon bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container.md-has-icon bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-input-container.md-has-icon {
      padding-right: 36px;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container.md-has-icon {
      padding-right: 36px;
      unicode-bidi: embed; }
    md-input-container.md-has-icon bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container.md-has-icon bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    md-input-container.md-has-icon > label {
      left: 36px;
      right: auto; }
      html[dir=rtl] md-input-container.md-has-icon > label {
        left: auto;
        unicode-bidi: embed; }
      body[dir=rtl] md-input-container.md-has-icon > label {
        left: auto;
        unicode-bidi: embed; }
      md-input-container.md-has-icon > label bdo[dir=rtl] {
        direction: rtl;
        unicode-bidi: bidi-override; }
      md-input-container.md-has-icon > label bdo[dir=ltr] {
        direction: ltr;
        unicode-bidi: bidi-override; }
      html[dir=rtl] md-input-container.md-has-icon > label {
        right: 36px;
        unicode-bidi: embed; }
      body[dir=rtl] md-input-container.md-has-icon > label {
        right: 36px;
        unicode-bidi: embed; }
      md-input-container.md-has-icon > label bdo[dir=rtl] {
        direction: rtl;
        unicode-bidi: bidi-override; }
      md-input-container.md-has-icon > label bdo[dir=ltr] {
        direction: ltr;
        unicode-bidi: bidi-override; }
  md-input-container label:not(.md-no-float):not(.md-container-ignore),
  md-input-container .md-placeholder {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 3px;
    padding-right: 0;
    z-index: 1;
    -webkit-transform: translate3d(0, 28px, 0) scale(1);
            transform: translate3d(0, 28px, 0) scale(1);
    transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
    -webkit-transform-origin: left top;
            transform-origin: left top; }
    html[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), html[dir=rtl]
    md-input-container .md-placeholder {
      padding-left: 0;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), body[dir=rtl]
    md-input-container .md-placeholder {
      padding-left: 0;
      unicode-bidi: embed; }
    md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=rtl],
    md-input-container .md-placeholder bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=ltr],
    md-input-container .md-placeholder bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), html[dir=rtl]
    md-input-container .md-placeholder {
      padding-right: 3px;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), body[dir=rtl]
    md-input-container .md-placeholder {
      padding-right: 3px;
      unicode-bidi: embed; }
    md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=rtl],
    md-input-container .md-placeholder bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=ltr],
    md-input-container .md-placeholder bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), html[dir=rtl]
    md-input-container .md-placeholder {
      -webkit-transform-origin: right top;
              transform-origin: right top;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), body[dir=rtl]
    md-input-container .md-placeholder {
      -webkit-transform-origin: right top;
              transform-origin: right top;
      unicode-bidi: embed; }
    md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=rtl],
    md-input-container .md-placeholder bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=ltr],
    md-input-container .md-placeholder bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
  md-input-container .md-placeholder {
    position: absolute;
    top: 0;
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0); }
  md-input-container.md-input-focused .md-placeholder {
    opacity: 1;
    -webkit-transform: translate3d(0, 24px, 0);
            transform: translate3d(0, 24px, 0); }
  md-input-container.md-input-has-value .md-placeholder {
    transition: none;
    opacity: 0; }
  md-input-container:not(.md-input-has-value) input:not(:focus),
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {
    color: transparent; }
  md-input-container .md-input {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    display: block;
    margin-top: 0;
    background: none;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-width: 0 0 1px 0;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    float: left; }
    html[dir=rtl] md-input-container .md-input {
      float: right;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container .md-input {
      float: right;
      unicode-bidi: embed; }
    md-input-container .md-input bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container .md-input bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    md-input-container .md-input:focus {
      outline: none; }
    md-input-container .md-input:invalid {
      outline: none;
      box-shadow: none; }
    md-input-container .md-input.md-no-flex {
      -webkit-flex: none !important;
          -ms-flex: none !important;
              flex: none !important; }
  md-input-container .md-char-counter {
    text-align: right;
    padding-right: 2px;
    padding-left: 0; }
    html[dir=rtl] md-input-container .md-char-counter {
      text-align: left;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container .md-char-counter {
      text-align: left;
      unicode-bidi: embed; }
    md-input-container .md-char-counter bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container .md-char-counter bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-input-container .md-char-counter {
      padding-right: 0;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container .md-char-counter {
      padding-right: 0;
      unicode-bidi: embed; }
    md-input-container .md-char-counter bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container .md-char-counter bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-input-container .md-char-counter {
      padding-left: 2px;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container .md-char-counter {
      padding-left: 2px;
      unicode-bidi: embed; }
    md-input-container .md-char-counter bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container .md-char-counter bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
  md-input-container ng-messages, md-input-container data-ng-messages, md-input-container x-ng-messages,
  md-input-container [ng-messages], md-input-container [data-ng-messages], md-input-container [x-ng-messages] {
    position: relative;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
    overflow: hidden;
    clear: left; }
    html[dir=rtl] md-input-container ng-messages, html[dir=rtl] md-input-container data-ng-messages, html[dir=rtl] md-input-container x-ng-messages, html[dir=rtl]
    md-input-container [ng-messages], html[dir=rtl] md-input-container [data-ng-messages], html[dir=rtl] md-input-container [x-ng-messages] {
      clear: right;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container ng-messages, body[dir=rtl] md-input-container data-ng-messages, body[dir=rtl] md-input-container x-ng-messages, body[dir=rtl]
    md-input-container [ng-messages], body[dir=rtl] md-input-container [data-ng-messages], body[dir=rtl] md-input-container [x-ng-messages] {
      clear: right;
      unicode-bidi: embed; }
    md-input-container ng-messages bdo[dir=rtl], md-input-container data-ng-messages bdo[dir=rtl], md-input-container x-ng-messages bdo[dir=rtl],
    md-input-container [ng-messages] bdo[dir=rtl], md-input-container [data-ng-messages] bdo[dir=rtl], md-input-container [x-ng-messages] bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container ng-messages bdo[dir=ltr], md-input-container data-ng-messages bdo[dir=ltr], md-input-container x-ng-messages bdo[dir=ltr],
    md-input-container [ng-messages] bdo[dir=ltr], md-input-container [data-ng-messages] bdo[dir=ltr], md-input-container [x-ng-messages] bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    md-input-container ng-messages.ng-enter ng-message, md-input-container ng-messages.ng-enter data-ng-message, md-input-container ng-messages.ng-enter x-ng-message,
    md-input-container ng-messages.ng-enter [ng-message], md-input-container ng-messages.ng-enter [data-ng-message], md-input-container ng-messages.ng-enter [x-ng-message],
    md-input-container ng-messages.ng-enter [ng-message-exp], md-input-container ng-messages.ng-enter [data-ng-message-exp], md-input-container ng-messages.ng-enter [x-ng-message-exp], md-input-container data-ng-messages.ng-enter ng-message, md-input-container data-ng-messages.ng-enter data-ng-message, md-input-container data-ng-messages.ng-enter x-ng-message,
    md-input-container data-ng-messages.ng-enter [ng-message], md-input-container data-ng-messages.ng-enter [data-ng-message], md-input-container data-ng-messages.ng-enter [x-ng-message],
    md-input-container data-ng-messages.ng-enter [ng-message-exp], md-input-container data-ng-messages.ng-enter [data-ng-message-exp], md-input-container data-ng-messages.ng-enter [x-ng-message-exp], md-input-container x-ng-messages.ng-enter ng-message, md-input-container x-ng-messages.ng-enter data-ng-message, md-input-container x-ng-messages.ng-enter x-ng-message,
    md-input-container x-ng-messages.ng-enter [ng-message], md-input-container x-ng-messages.ng-enter [data-ng-message], md-input-container x-ng-messages.ng-enter [x-ng-message],
    md-input-container x-ng-messages.ng-enter [ng-message-exp], md-input-container x-ng-messages.ng-enter [data-ng-message-exp], md-input-container x-ng-messages.ng-enter [x-ng-message-exp],
    md-input-container [ng-messages].ng-enter ng-message,
    md-input-container [ng-messages].ng-enter data-ng-message,
    md-input-container [ng-messages].ng-enter x-ng-message,
    md-input-container [ng-messages].ng-enter [ng-message],
    md-input-container [ng-messages].ng-enter [data-ng-message],
    md-input-container [ng-messages].ng-enter [x-ng-message],
    md-input-container [ng-messages].ng-enter [ng-message-exp],
    md-input-container [ng-messages].ng-enter [data-ng-message-exp],
    md-input-container [ng-messages].ng-enter [x-ng-message-exp], md-input-container [data-ng-messages].ng-enter ng-message, md-input-container [data-ng-messages].ng-enter data-ng-message, md-input-container [data-ng-messages].ng-enter x-ng-message,
    md-input-container [data-ng-messages].ng-enter [ng-message], md-input-container [data-ng-messages].ng-enter [data-ng-message], md-input-container [data-ng-messages].ng-enter [x-ng-message],
    md-input-container [data-ng-messages].ng-enter [ng-message-exp], md-input-container [data-ng-messages].ng-enter [data-ng-message-exp], md-input-container [data-ng-messages].ng-enter [x-ng-message-exp], md-input-container [x-ng-messages].ng-enter ng-message, md-input-container [x-ng-messages].ng-enter data-ng-message, md-input-container [x-ng-messages].ng-enter x-ng-message,
    md-input-container [x-ng-messages].ng-enter [ng-message], md-input-container [x-ng-messages].ng-enter [data-ng-message], md-input-container [x-ng-messages].ng-enter [x-ng-message],
    md-input-container [x-ng-messages].ng-enter [ng-message-exp], md-input-container [x-ng-messages].ng-enter [data-ng-message-exp], md-input-container [x-ng-messages].ng-enter [x-ng-message-exp] {
      opacity: 0;
      margin-top: -100px; }
  md-input-container ng-message, md-input-container data-ng-message, md-input-container x-ng-message,
  md-input-container [ng-message], md-input-container [data-ng-message], md-input-container [x-ng-message],
  md-input-container [ng-message-exp], md-input-container [data-ng-message-exp], md-input-container [x-ng-message-exp],
  md-input-container .md-char-counter {
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    opacity: 1;
    margin-top: 0;
    padding-top: 5px; }
    md-input-container ng-message:not(.md-char-counter), md-input-container data-ng-message:not(.md-char-counter), md-input-container x-ng-message:not(.md-char-counter),
    md-input-container [ng-message]:not(.md-char-counter), md-input-container [data-ng-message]:not(.md-char-counter), md-input-container [x-ng-message]:not(.md-char-counter),
    md-input-container [ng-message-exp]:not(.md-char-counter), md-input-container [data-ng-message-exp]:not(.md-char-counter), md-input-container [x-ng-message-exp]:not(.md-char-counter),
    md-input-container .md-char-counter:not(.md-char-counter) {
      padding-right: 5px;
      padding-left: 0; }
      html[dir=rtl] md-input-container ng-message:not(.md-char-counter), html[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), html[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), html[dir=rtl]
      md-input-container [ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), html[dir=rtl]
      md-input-container [ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), html[dir=rtl]
      md-input-container .md-char-counter:not(.md-char-counter) {
        padding-right: 0;
        unicode-bidi: embed; }
      body[dir=rtl] md-input-container ng-message:not(.md-char-counter), body[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), body[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), body[dir=rtl]
      md-input-container [ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), body[dir=rtl]
      md-input-container [ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), body[dir=rtl]
      md-input-container .md-char-counter:not(.md-char-counter) {
        padding-right: 0;
        unicode-bidi: embed; }
      md-input-container ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=rtl],
      md-input-container [ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=rtl],
      md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl],
      md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=rtl] {
        direction: rtl;
        unicode-bidi: bidi-override; }
      md-input-container ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=ltr],
      md-input-container [ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=ltr],
      md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr],
      md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=ltr] {
        direction: ltr;
        unicode-bidi: bidi-override; }
      html[dir=rtl] md-input-container ng-message:not(.md-char-counter), html[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), html[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), html[dir=rtl]
      md-input-container [ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), html[dir=rtl]
      md-input-container [ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), html[dir=rtl]
      md-input-container .md-char-counter:not(.md-char-counter) {
        padding-left: 5px;
        unicode-bidi: embed; }
      body[dir=rtl] md-input-container ng-message:not(.md-char-counter), body[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), body[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), body[dir=rtl]
      md-input-container [ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), body[dir=rtl]
      md-input-container [ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), body[dir=rtl]
      md-input-container .md-char-counter:not(.md-char-counter) {
        padding-left: 5px;
        unicode-bidi: embed; }
      md-input-container ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=rtl],
      md-input-container [ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=rtl],
      md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl],
      md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=rtl] {
        direction: rtl;
        unicode-bidi: bidi-override; }
      md-input-container ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=ltr],
      md-input-container [ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=ltr],
      md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr],
      md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=ltr] {
        direction: ltr;
        unicode-bidi: bidi-override; }
  md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
    opacity: 0;
    margin-top: -100px; }
  md-input-container .md-auto-hide .md-input-message-animation:not(.ng-animate) {
    opacity: 0;
    margin-top: -100px; }
  md-input-container .md-input-message-animation.ng-enter {
    opacity: 0;
    margin-top: -100px; }
  md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
    -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
            transform: translate3d(0, 6px, 0) scale(0.75); }
  md-input-container.md-input-has-value label {
    transition: none; }
  md-input-container.md-input-focused .md-input,
  md-input-container .md-input.ng-invalid.ng-dirty {
    padding-bottom: 0;
    border-width: 0 0 2px 0; }
  md-input-container .md-input[disabled],
  [disabled] md-input-container .md-input {
    background-position: 0 bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    margin-bottom: -1px; }

md-input-container.md-icon-float {
  transition: margin-top 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
  md-input-container.md-icon-float > label {
    pointer-events: none;
    position: absolute; }
  md-input-container.md-icon-float > md-icon {
    top: 2px;
    left: 2px;
    right: auto; }
    html[dir=rtl] md-input-container.md-icon-float > md-icon {
      left: auto;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container.md-icon-float > md-icon {
      left: auto;
      unicode-bidi: embed; }
    md-input-container.md-icon-float > md-icon bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container.md-icon-float > md-icon bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-input-container.md-icon-float > md-icon {
      right: 2px;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container.md-icon-float > md-icon {
      right: 2px;
      unicode-bidi: embed; }
    md-input-container.md-icon-float > md-icon bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container.md-icon-float > md-icon bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
  md-input-container.md-icon-float.md-input-focused label, md-input-container.md-icon-float.md-input-has-value label {
    -webkit-transform: translate3d(0, 6px, 0) scale(0.75);
            transform: translate3d(0, 6px, 0) scale(0.75);
    transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s; }

md-input-container.md-icon-right {
  padding-right: 36px;
  padding-left: 36px; }
  html[dir=rtl] md-input-container.md-icon-right {
    padding-right: 36px;
    unicode-bidi: embed; }
  body[dir=rtl] md-input-container.md-icon-right {
    padding-right: 36px;
    unicode-bidi: embed; }
  md-input-container.md-icon-right bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override; }
  md-input-container.md-icon-right bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override; }
  html[dir=rtl] md-input-container.md-icon-right {
    padding-left: 36px;
    unicode-bidi: embed; }
  body[dir=rtl] md-input-container.md-icon-right {
    padding-left: 36px;
    unicode-bidi: embed; }
  md-input-container.md-icon-right bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override; }
  md-input-container.md-icon-right bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override; }
  md-input-container.md-icon-right .md-errors-spacer + md-icon {
    margin: 0;
    right: 2px;
    left: auto; }
    html[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
      right: auto;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
      right: auto;
      unicode-bidi: embed; }
    md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
      left: 2px;
      unicode-bidi: embed; }
    body[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
      left: 2px;
      unicode-bidi: embed; }
    md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }

@media screen and (-ms-high-contrast: active) {
  md-input-container.md-default-theme > md-icon {
    fill: #fff; } }

md-list {
  display: block;
  padding: 8px 0px 8px 0px; }
  md-list .md-subheader {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.010em;
    line-height: 1.2em; }

md-list-item {
  position: relative; }
  md-list-item.md-proxy-focus.md-focused .md-no-style {
    transition: background-color 0.15s linear; }
  md-list-item.md-no-proxy,
  md-list-item .md-no-style {
    position: relative;
    padding: 0px 16px;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    md-list-item.md-no-proxy.md-button,
    md-list-item .md-no-style.md-button {
      font-size: inherit;
      height: inherit;
      text-align: left;
      text-transform: none;
      width: 100%;
      white-space: normal;
      -webkit-flex-direction: inherit;
          -ms-flex-direction: inherit;
              flex-direction: inherit;
      -webkit-align-items: inherit;
          -ms-flex-align: inherit;
              align-items: inherit;
      border-radius: 0; }
      md-list-item.md-no-proxy.md-button > .md-ripple-container,
      md-list-item .md-no-style.md-button > .md-ripple-container {
        border-radius: 0; }
    md-list-item.md-no-proxy:focus,
    md-list-item .md-no-style:focus {
      outline: none; }
  md-list-item.md-with-secondary {
    position: relative; }
  md-list-item.md-clickable:hover {
    cursor: pointer; }
  md-list-item md-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    md-list-item md-divider[md-inset] {
      left: 96px;
      width: calc(100% - 96px);
      margin: 0; }

md-list-item, md-list-item .md-list-item-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 48px;
  height: auto; }
  md-list-item > div.md-primary > md-icon:not(.md-avatar-icon),
  md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon),
  md-list-item > md-icon:first-child:not(.md-avatar-icon),
  md-list-item > md-icon.md-secondary:not(.md-avatar-icon), md-list-item .md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon),
  md-list-item .md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon),
  md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon),
  md-list-item .md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon) {
    width: 24px;
    margin-top: 16px;
    margin-bottom: 12px;
    box-sizing: content-box; }
  md-list-item > div.md-primary > md-checkbox,
  md-list-item > div.md-secondary > md-checkbox,
  md-list-item > md-checkbox,
  md-list-item md-checkbox.md-secondary, md-list-item .md-list-item-inner > div.md-primary > md-checkbox,
  md-list-item .md-list-item-inner > div.md-secondary > md-checkbox,
  md-list-item .md-list-item-inner > md-checkbox,
  md-list-item .md-list-item-inner md-checkbox.md-secondary {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
    md-list-item > div.md-primary > md-checkbox .md-label,
    md-list-item > div.md-secondary > md-checkbox .md-label,
    md-list-item > md-checkbox .md-label,
    md-list-item md-checkbox.md-secondary .md-label, md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label,
    md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label,
    md-list-item .md-list-item-inner > md-checkbox .md-label,
    md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {
      display: none; }
  md-list-item > md-icon:first-child:not(.md-avatar-icon), md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
    margin-right: 32px; }
  md-list-item > md-checkbox, md-list-item .md-list-item-inner > md-checkbox {
    width: 24px;
    margin-left: 3px;
    margin-right: 29px;
    margin-top: 16px; }
  md-list-item .md-avatar, md-list-item .md-avatar-icon, md-list-item .md-list-item-inner .md-avatar, md-list-item .md-list-item-inner .md-avatar-icon {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 16px;
    border-radius: 50%;
    box-sizing: content-box; }
  md-list-item .md-avatar, md-list-item .md-list-item-inner .md-avatar {
    width: 40px;
    height: 40px; }
  md-list-item .md-avatar-icon, md-list-item .md-list-item-inner .md-avatar-icon {
    padding: 8px; }
  md-list-item md-checkbox.md-secondary,
  md-list-item md-switch.md-secondary, md-list-item .md-list-item-inner md-checkbox.md-secondary,
  md-list-item .md-list-item-inner md-switch.md-secondary {
    margin-top: 0;
    margin-bottom: 0; }
  md-list-item md-checkbox.md-secondary, md-list-item .md-list-item-inner md-checkbox.md-secondary {
    margin-right: 0; }
  md-list-item md-switch.md-secondary, md-list-item .md-list-item-inner md-switch.md-secondary {
    margin-right: -6px; }
  md-list-item button.md-button.md-secondary-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container {
    background-color: transparent;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    border-radius: 50%;
    margin: 0px;
    min-width: 0px; }
    md-list-item button.md-button.md-secondary-container .md-ripple,
    md-list-item button.md-button.md-secondary-container .md-ripple-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple,
    md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple-container {
      border-radius: 50%; }
    md-list-item button.md-button.md-secondary-container.md-icon-button, md-list-item .md-list-item-inner button.md-button.md-secondary-container.md-icon-button {
      margin-right: -12px; }
  md-list-item .md-secondary-container,
  md-list-item .md-secondary, md-list-item .md-list-item-inner .md-secondary-container,
  md-list-item .md-list-item-inner .md-secondary {
    position: absolute;
    top: 50%;
    right: 16px;
    margin: 0 0 0 16px;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  md-list-item > .md-button.md-secondary-container > .md-secondary, md-list-item .md-list-item-inner > .md-button.md-secondary-container > .md-secondary {
    margin-left: 0;
    position: static; }
  md-list-item > p, md-list-item > .md-list-item-inner > p, md-list-item .md-list-item-inner > p, md-list-item .md-list-item-inner > .md-list-item-inner > p {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0; }

md-list-item.md-2-line,
md-list-item.md-2-line > .md-no-style,
md-list-item.md-3-line,
md-list-item.md-3-line > .md-no-style {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  md-list-item.md-2-line .md-list-item-text,
  md-list-item.md-2-line > .md-no-style .md-list-item-text,
  md-list-item.md-3-line .md-list-item-text,
  md-list-item.md-3-line > .md-no-style .md-list-item-text {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: auto;
    text-overflow: ellipsis; }
    md-list-item.md-2-line .md-list-item-text.md-offset,
    md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset,
    md-list-item.md-3-line .md-list-item-text.md-offset,
    md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
      margin-left: 56px; }
    md-list-item.md-2-line .md-list-item-text h3,
    md-list-item.md-2-line > .md-no-style .md-list-item-text h3,
    md-list-item.md-3-line .md-list-item-text h3,
    md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
      font-size: 16px;
      font-weight: 400;
      letter-spacing: 0.010em;
      margin: 0 0 0px 0;
      line-height: 1.2em;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    md-list-item.md-2-line .md-list-item-text h4,
    md-list-item.md-2-line > .md-no-style .md-list-item-text h4,
    md-list-item.md-3-line .md-list-item-text h4,
    md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
      font-size: 14px;
      letter-spacing: 0.010em;
      margin: 3px 0 1px 0;
      font-weight: 400;
      line-height: 1.2em;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    md-list-item.md-2-line .md-list-item-text p,
    md-list-item.md-2-line > .md-no-style .md-list-item-text p,
    md-list-item.md-3-line .md-list-item-text p,
    md-list-item.md-3-line > .md-no-style .md-list-item-text p {
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.010em;
      margin: 0 0 0 0;
      line-height: 1.6em; }

md-list-item.md-2-line,
md-list-item.md-2-line > .md-no-style {
  height: auto;
  min-height: 72px; }
  md-list-item.md-2-line.md-long-text,
  md-list-item.md-2-line > .md-no-style.md-long-text {
    margin: 1.6em; }
  md-list-item.md-2-line > .md-avatar, md-list-item.md-2-line .md-avatar-icon,
  md-list-item.md-2-line > .md-no-style > .md-avatar,
  md-list-item.md-2-line > .md-no-style .md-avatar-icon {
    margin-top: 12px; }
  md-list-item.md-2-line > md-icon:first-child,
  md-list-item.md-2-line > .md-no-style > md-icon:first-child {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start; }
  md-list-item.md-2-line .md-list-item-text,
  md-list-item.md-2-line > .md-no-style .md-list-item-text {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }

md-list-item.md-3-line,
md-list-item.md-3-line > .md-no-style {
  height: auto;
  min-height: 88px; }
  md-list-item.md-3-line.md-long-text,
  md-list-item.md-3-line > .md-no-style.md-long-text {
    margin: 1.6em; }
  md-list-item.md-3-line > md-icon:first-child,
  md-list-item.md-3-line > .md-avatar,
  md-list-item.md-3-line > .md-no-style > md-icon:first-child,
  md-list-item.md-3-line > .md-no-style > .md-avatar {
    margin-top: 16px; }

.md-open-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  opacity: 0;
  border-radius: 2px; }
  .md-open-menu-container md-menu-divider {
    margin-top: 4px;
    margin-bottom: 4px;
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    width: 100%; }
  .md-open-menu-container md-menu-content > * {
    opacity: 0; }
  .md-open-menu-container:not(.md-clickable) {
    pointer-events: none; }
  .md-open-menu-container.md-active {
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-duration: 200ms; }
    .md-open-menu-container.md-active > md-menu-content > * {
      opacity: 1;
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
      transition-duration: 200ms;
      transition-delay: 100ms; }
  .md-open-menu-container.md-leave {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-duration: 250ms; }

md-menu-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px 0;
  max-height: 304px;
  overflow-y: auto; }
  md-menu-content.md-dense {
    max-height: 208px; }
    md-menu-content.md-dense md-menu-item {
      height: 32px;
      min-height: 0px; }

md-menu-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: 48px;
  height: 48px;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  md-menu-item > * {
    width: 100%;
    margin: auto 0;
    padding-left: 16px;
    padding-right: 16px; }
  md-menu-item > a.md-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  md-menu-item > .md-button {
    border-radius: 0;
    margin: auto 0;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    text-align: left;
    text-align: start;
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-block;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
    width: 100%; }
    md-menu-item > .md-button md-icon {
      margin: auto 16px auto 0; }
    md-menu-item > .md-button p {
      display: inline-block;
      margin: auto; }
    md-menu-item > .md-button span {
      margin-top: auto;
      margin-bottom: auto; }
    md-menu-item > .md-button .md-ripple-container {
      border-radius: inherit; }

.md-menu {
  padding: 8px 0; }

md-toolbar .md-menu {
  height: auto;
  margin: auto;
  padding: 0; }

@media (max-width: 959px) {
  md-menu-content {
    min-width: 112px; }
  md-menu-content[width="3"] {
    min-width: 168px; }
  md-menu-content[width="4"] {
    min-width: 224px; }
  md-menu-content[width="5"] {
    min-width: 280px; }
  md-menu-content[width="6"] {
    min-width: 336px; }
  md-menu-content[width="7"] {
    min-width: 392px; } }

@media (min-width: 960px) {
  md-menu-content {
    min-width: 96px; }
  md-menu-content[width="3"] {
    min-width: 192px; }
  md-menu-content[width="4"] {
    min-width: 256px; }
  md-menu-content[width="5"] {
    min-width: 320px; }
  md-menu-content[width="6"] {
    min-width: 384px; }
  md-menu-content[width="7"] {
    min-width: 448px; } }

md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
  line-height: 1rem;
  height: auto;
  padding: 28px;
  padding-bottom: 12px; }

md-menu-bar {
  padding: 0 20px;
  display: block;
  position: relative;
  z-index: 2; }
  md-menu-bar .md-menu {
    display: inline-block;
    padding: 0;
    position: relative; }
  md-menu-bar button {
    font-size: 14px;
    padding: 0 10px;
    margin: 0;
    border: 0;
    background-color: transparent;
    height: 40px; }
  md-menu-bar md-backdrop.md-menu-backdrop {
    z-index: -2; }

md-menu-content.md-menu-bar-menu.md-dense {
  max-height: none;
  padding: 16px 0; }
  md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
    position: relative; }
    md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
      position: absolute;
      padding: 0;
      width: 24px;
      top: 6px;
      left: 24px; }
    md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
      padding: 0 32px 0 64px; }
  md-menu-content.md-menu-bar-menu.md-dense .md-button {
    min-height: 0;
    height: 32px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    md-menu-content.md-menu-bar-menu.md-dense .md-button span {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end;
      margin: 0 8px; }
  md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
    margin: 8px 0; }
  md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
    text-align: left;
    text-align: start; }
  md-menu-content.md-menu-bar-menu.md-dense .md-menu {
    padding: 0; }
    md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
      position: relative;
      margin: 0;
      width: 100%;
      text-transform: none;
      font-weight: normal;
      border-radius: 0px;
      padding-left: 16px; }
      md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
        display: block;
        content: '\25BC';
        position: absolute;
        top: 0px;
        speak: none;
        -webkit-transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
                transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
        right: 28px; }

md-progress-circular {
  display: block;
  position: relative;
  width: 100px;
  height: 100px;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
  z-index: 2; }
  md-progress-circular .md-spinner-wrapper {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%; }
    md-progress-circular .md-spinner-wrapper .md-inner {
      width: 100px;
      height: 100px;
      position: relative; }
      md-progress-circular .md-spinner-wrapper .md-inner .md-gap {
        position: absolute;
        left: 49px;
        right: 49px;
        top: 0;
        bottom: 0;
        border-top-width: 10px;
        border-top-style: solid;
        box-sizing: border-box; }
      md-progress-circular .md-spinner-wrapper .md-inner .md-left, md-progress-circular .md-spinner-wrapper .md-inner .md-right {
        position: absolute;
        top: 0;
        height: 100px;
        width: 50px;
        overflow: hidden; }
        md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
          position: absolute;
          top: 0;
          width: 100px;
          height: 100px;
          box-sizing: border-box;
          border-width: 10px;
          border-style: solid;
          border-bottom-color: transparent;
          border-radius: 50%; }
      md-progress-circular .md-spinner-wrapper .md-inner .md-left {
        left: 0; }
        md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle {
          left: 0;
          border-right-color: transparent; }
      md-progress-circular .md-spinner-wrapper .md-inner .md-right {
        right: 0; }
        md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
          right: 0;
          border-left-color: transparent; }
  md-progress-circular .md-mode-indeterminate .md-spinner-wrapper {
    -webkit-animation: outer-rotate 2.91667s linear infinite;
            animation: outer-rotate 2.91667s linear infinite; }
    md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner {
      -webkit-animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
              animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; }
      md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-right .md-half-circle {
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-duration: 1.3125s;
                animation-duration: 1.3125s;
        -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
                animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); }
      md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-left .md-half-circle {
        -webkit-animation-name: left-wobble;
                animation-name: left-wobble; }
      md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-right .md-half-circle {
        -webkit-animation-name: right-wobble;
                animation-name: right-wobble; }
  md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper {
    -webkit-animation: none;
            animation: none; }
    md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner {
      -webkit-animation: none;
              animation: none; }
      md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-left .md-half-circle {
        -webkit-animation-name: none;
                animation-name: none; }
      md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-right .md-half-circle {
        -webkit-animation-name: none;
                animation-name: none; }
  md-progress-circular .md-spinner-wrapper.ng-hide {
    -webkit-animation: none;
            animation: none; }
    md-progress-circular .md-spinner-wrapper.ng-hide .md-inner {
      -webkit-animation: none;
              animation: none; }
      md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-left .md-half-circle {
        -webkit-animation-name: none;
                animation-name: none; }
      md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-right .md-half-circle {
        -webkit-animation-name: none;
                animation-name: none; }

@-webkit-keyframes outer-rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(360deg) scale(0.5);
            transform: rotate(360deg) scale(0.5); } }

@keyframes outer-rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(0.5);
            transform: rotate(0deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(360deg) scale(0.5);
            transform: rotate(360deg) scale(0.5); } }

@-webkit-keyframes left-wobble {
  0%, 100% {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); } }

@keyframes left-wobble {
  0%, 100% {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); } }

@-webkit-keyframes right-wobble {
  0%, 100% {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); } }

@keyframes right-wobble {
  0%, 100% {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg); }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); } }

@-webkit-keyframes sporadic-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg); }
  100% {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg); } }

@keyframes sporadic-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  25% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  37.5% {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg); }
  50% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg); }
  62.5% {
    -webkit-transform: rotate(675deg);
            transform: rotate(675deg); }
  75% {
    -webkit-transform: rotate(810deg);
            transform: rotate(810deg); }
  87.5% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg); }
  100% {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg); } }

md-progress-linear {
  display: block;
  position: relative;
  width: 100%;
  height: 5px;
  padding-top: 0 !important;
  margin-bottom: 0 !important; }
  md-progress-linear .md-container {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 5px;
    -webkit-transform: translate(0, 0) scale(1, 1);
            transform: translate(0, 0) scale(1, 1); }
    md-progress-linear .md-container .md-bar {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 5px; }
    md-progress-linear .md-container .md-dashed:before {
      content: "";
      display: none;
      position: absolute;
      margin-top: 0;
      height: 5px;
      width: 100%;
      background-color: transparent;
      background-size: 10px 10px !important;
      background-position: 0px -23px; }
    md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 {
      transition: -webkit-transform 0.2s linear;
      transition: transform 0.2s linear; }
    md-progress-linear .md-container.md-mode-query .md-bar1 {
      display: none; }
    md-progress-linear .md-container.md-mode-query .md-bar2 {
      transition: all 0.2s linear;
      -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
              animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); }
    md-progress-linear .md-container.md-mode-determinate .md-bar1 {
      display: none; }
    md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
      -webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
              animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite; }
    md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
      -webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
              animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite; }
    md-progress-linear .md-container.ng-hide {
      -webkit-animation: none;
              animation: none; }
      md-progress-linear .md-container.ng-hide .md-bar1 {
        -webkit-animation-name: none;
                animation-name: none; }
      md-progress-linear .md-container.ng-hide .md-bar2 {
        -webkit-animation-name: none;
                animation-name: none; }
  md-progress-linear .md-container.md-mode-buffer {
    background-color: transparent !important;
    transition: all 0.2s linear; }
    md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
      display: block;
      -webkit-animation: buffer 3s infinite linear;
              animation: buffer 3s infinite linear; }

@-webkit-keyframes query {
  0% {
    opacity: 1;
    -webkit-transform: translateX(35%) scale(0.3, 1);
            transform: translateX(35%) scale(0.3, 1); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(0, 1);
            transform: translateX(-50%) scale(0, 1); } }

@keyframes query {
  0% {
    opacity: 1;
    -webkit-transform: translateX(35%) scale(0.3, 1);
            transform: translateX(35%) scale(0.3, 1); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(0, 1);
            transform: translateX(-50%) scale(0, 1); } }

@-webkit-keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1;
    background-position: -200px -23px; } }

@keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1;
    background-position: -200px -23px; } }

@-webkit-keyframes md-progress-linear-indeterminate-scale-1 {
  0% {
    -webkit-transform: scaleX(0.1);
            transform: scaleX(0.1);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  36.6% {
    -webkit-transform: scaleX(0.1);
            transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
            animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
  69.15% {
    -webkit-transform: scaleX(0.83);
            transform: scaleX(0.83);
    -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
            animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
  100% {
    -webkit-transform: scaleX(0.1);
            transform: scaleX(0.1); } }

@keyframes md-progress-linear-indeterminate-scale-1 {
  0% {
    -webkit-transform: scaleX(0.1);
            transform: scaleX(0.1);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  36.6% {
    -webkit-transform: scaleX(0.1);
            transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
            animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
  69.15% {
    -webkit-transform: scaleX(0.83);
            transform: scaleX(0.83);
    -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
            animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
  100% {
    -webkit-transform: scaleX(0.1);
            transform: scaleX(0.1); } }

@-webkit-keyframes md-progress-linear-indeterminate-1 {
  0% {
    left: -105.16667%;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  20% {
    left: -105.16667%;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
  69.15% {
    left: 21.5%;
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
  100% {
    left: 95.44444%; } }

@keyframes md-progress-linear-indeterminate-1 {
  0% {
    left: -105.16667%;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  20% {
    left: -105.16667%;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
            animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
  69.15% {
    left: 21.5%;
    -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
            animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
  100% {
    left: 95.44444%; } }

@-webkit-keyframes md-progress-linear-indeterminate-scale-2 {
  0% {
    -webkit-transform: scaleX(0.1);
            transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
            animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
  19.15% {
    -webkit-transform: scaleX(0.57);
            transform: scaleX(0.57);
    -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
            animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
  44.15% {
    -webkit-transform: scaleX(0.91);
            transform: scaleX(0.91);
    -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
            animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
  100% {
    -webkit-transform: scaleX(0.1);
            transform: scaleX(0.1); } }

@keyframes md-progress-linear-indeterminate-scale-2 {
  0% {
    -webkit-transform: scaleX(0.1);
            transform: scaleX(0.1);
    -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
            animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
  19.15% {
    -webkit-transform: scaleX(0.57);
            transform: scaleX(0.57);
    -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
            animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
  44.15% {
    -webkit-transform: scaleX(0.91);
            transform: scaleX(0.91);
    -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
            animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
  100% {
    -webkit-transform: scaleX(0.1);
            transform: scaleX(0.1); } }

@-webkit-keyframes md-progress-linear-indeterminate-2 {
  0% {
    left: -54.88889%;
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
            animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
  25% {
    left: -17.25%;
    -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
            animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
  48.35% {
    left: 29.5%;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
            animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
  100% {
    left: 117.38889%; } }

@keyframes md-progress-linear-indeterminate-2 {
  0% {
    left: -54.88889%;
    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
            animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
  25% {
    left: -17.25%;
    -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
            animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
  48.35% {
    left: 29.5%;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
            animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
  100% {
    left: 117.38889%; } }

md-radio-button {
  box-sizing: border-box;
  display: block;
  margin-bottom: 16px;
  white-space: nowrap;
  cursor: pointer;
  position: relative; }
  md-radio-button[disabled] {
    cursor: default; }
    md-radio-button[disabled] .md-container {
      cursor: default; }
  md-radio-button .md-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    left: 0;
    right: auto; }
    html[dir=rtl] md-radio-button .md-container {
      left: auto;
      unicode-bidi: embed; }
    body[dir=rtl] md-radio-button .md-container {
      left: auto;
      unicode-bidi: embed; }
    md-radio-button .md-container bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-radio-button .md-container bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-radio-button .md-container {
      right: 0;
      unicode-bidi: embed; }
    body[dir=rtl] md-radio-button .md-container {
      right: 0;
      unicode-bidi: embed; }
    md-radio-button .md-container bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-radio-button .md-container bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    md-radio-button .md-container .md-ripple-container {
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      left: -15px;
      top: -15px;
      right: -15px;
      bottom: -15px; }
    md-radio-button .md-container:before {
      box-sizing: border-box;
      background-color: transparent;
      border-radius: 50%;
      content: '';
      position: absolute;
      display: block;
      height: auto;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transition: all 0.5s;
      width: auto; }
  md-radio-button.md-align-top-left > div.md-container {
    top: 12px; }
  md-radio-button .md-off {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    transition: border-color ease 0.28s; }
  md-radio-button .md-on {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: -webkit-transform ease 0.28s;
    transition: transform ease 0.28s;
    -webkit-transform: scale(0);
            transform: scale(0); }
  md-radio-button.md-checked .md-on {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  md-radio-button .md-label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin-left: 30px;
    margin-right: 0;
    vertical-align: middle;
    white-space: normal;
    pointer-events: none;
    width: auto; }
    html[dir=rtl] md-radio-button .md-label {
      margin-left: 0;
      unicode-bidi: embed; }
    body[dir=rtl] md-radio-button .md-label {
      margin-left: 0;
      unicode-bidi: embed; }
    md-radio-button .md-label bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-radio-button .md-label bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-radio-button .md-label {
      margin-right: 30px;
      unicode-bidi: embed; }
    body[dir=rtl] md-radio-button .md-label {
      margin-right: 30px;
      unicode-bidi: embed; }
    md-radio-button .md-label bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-radio-button .md-label bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
  md-radio-button .circle {
    border-radius: 50%; }

md-radio-group md-radio-button:not(:first-child) {
  margin-top: 16px; }

md-radio-group.layout-row md-radio-button {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: inherit;
  margin-right: 16px; }
  html[dir=rtl] md-radio-group.layout-row md-radio-button {
    margin-left: 16px;
    unicode-bidi: embed; }
  body[dir=rtl] md-radio-group.layout-row md-radio-button {
    margin-left: 16px;
    unicode-bidi: embed; }
  md-radio-group.layout-row md-radio-button bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override; }
  md-radio-group.layout-row md-radio-button bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override; }
  html[dir=rtl] md-radio-group.layout-row md-radio-button {
    margin-right: inherit;
    unicode-bidi: embed; }
  body[dir=rtl] md-radio-group.layout-row md-radio-button {
    margin-right: inherit;
    unicode-bidi: embed; }
  md-radio-group.layout-row md-radio-button bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override; }
  md-radio-group.layout-row md-radio-button bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override; }
  md-radio-group.layout-row md-radio-button:last-of-type {
    margin-left: inherit;
    margin-right: 0; }
    html[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type {
      margin-left: 0;
      unicode-bidi: embed; }
    body[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type {
      margin-left: 0;
      unicode-bidi: embed; }
    md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type {
      margin-right: inherit;
      unicode-bidi: embed; }
    body[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type {
      margin-right: inherit;
      unicode-bidi: embed; }
    md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }

md-radio-group:focus {
  outline: none; }

md-radio-group.md-focused .md-checked .md-container:before {
  left: -8px;
  top: -8px;
  right: -8px;
  bottom: -8px; }

.md-inline-form md-radio-group {
  margin: 18px 0 19px; }
  .md-inline-form md-radio-group md-radio-button {
    display: inline-block;
    height: 30px;
    padding: 2px;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0; }

@media screen and (-ms-high-contrast: active) {
  md-radio-button.md-default-theme .md-on {
    background-color: #fff; } }

.md-select-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 90;
  opacity: 0;
  display: none; }
  .md-select-menu-container:not(.md-clickable) {
    pointer-events: none; }
  .md-select-menu-container md-progress-circular {
    display: table;
    margin: 24px auto !important; }
  .md-select-menu-container.md-active {
    display: block;
    opacity: 1; }
    .md-select-menu-container.md-active md-select-menu {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-duration: 150ms; }
      .md-select-menu-container.md-active md-select-menu > * {
        opacity: 1;
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        transition-duration: 150ms;
        transition-delay: 100ms; }
  .md-select-menu-container.md-leave {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-duration: 250ms; }

md-input-container > md-select {
  margin: 0;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

md-select {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 26px 0; }
  md-select[disabled] .md-select-value {
    background-position: 0 bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    margin-bottom: -1px; }
  md-select:focus {
    outline: none; }
  md-select[disabled]:hover {
    cursor: default; }
  md-select:not([disabled]):hover {
    cursor: pointer; }
  md-select:not([disabled]).ng-invalid.ng-dirty .md-select-value {
    border-bottom: 2px solid;
    padding-bottom: 0; }
  md-select:not([disabled]):focus .md-select-value {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom: 0; }

.md-select-value {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 2px 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: transparent;
  position: relative;
  box-sizing: content-box;
  min-width: 64px;
  min-height: 26px;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .md-select-value .md-text {
    display: inline; }
  .md-select-value *:first-child {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transform: translate3d(0, 2px, 0);
            transform: translate3d(0, 2px, 0); }
  .md-select-value .md-select-icon {
    display: block;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-align: end;
    width: 24px;
    margin: 0 4px;
    -webkit-transform: translate3d(0, 1px, 0);
            transform: translate3d(0, 1px, 0); }
  .md-select-value .md-select-icon:after {
    display: block;
    content: '\25BC';
    position: relative;
    top: 2px;
    speak: none;
    -webkit-transform: scaleY(0.6) scaleX(1);
            transform: scaleY(0.6) scaleX(1); }
  .md-select-value.md-select-placeholder {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 2px;
    z-index: 1; }

md-select-menu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  max-height: 256px;
  min-height: 48px;
  overflow-y: hidden;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1);
          transform: scale(1); }
  md-select-menu.md-reverse {
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  md-select-menu:not(.md-overflow) md-content {
    padding-top: 8px;
    padding-bottom: 8px; }
  html[dir=rtl] md-select-menu {
    -webkit-transform-origin: right top;
            transform-origin: right top;
    unicode-bidi: embed; }
  body[dir=rtl] md-select-menu {
    -webkit-transform-origin: right top;
            transform-origin: right top;
    unicode-bidi: embed; }
  md-select-menu bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override; }
  md-select-menu bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override; }
  md-select-menu md-content {
    min-width: 136px;
    min-height: 48px;
    max-height: 256px;
    overflow-y: auto; }
  md-select-menu > * {
    opacity: 0; }

md-option {
  cursor: pointer;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  padding: 0 16px 0 16px;
  height: 48px; }
  md-option[disabled] {
    cursor: default; }
  md-option:focus {
    outline: none; }
  md-option .md-text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px; }

md-optgroup {
  display: block; }
  md-optgroup label {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    padding: 16px;
    font-weight: 500; }
  md-optgroup md-option {
    padding-left: 32px;
    padding-right: 32px; }

@media screen and (-ms-high-contrast: active) {
  .md-select-backdrop {
    background-color: transparent; }
  md-select-menu {
    border: 1px solid #fff; } }

md-sidenav {
  box-sizing: border-box;
  position: absolute;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 60;
  width: 320px;
  max-width: 320px;
  bottom: 0;
  overflow: auto; }
  md-sidenav ul {
    list-style: none; }
  md-sidenav.md-closed {
    display: none; }
  md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    transition: 0.2s ease-in all; }
  md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
    position: static;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-right, md-sidenav.md-locked-open-remove.md-closed {
    position: static;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  md-sidenav.md-locked-open-remove-active {
    transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    width: 0;
    min-width: 0; }
  md-sidenav.md-closed.md-locked-open-add {
    width: 0;
    min-width: 0;
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0); }
  md-sidenav.md-closed.md-locked-open-add-active {
    transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    width: 320px;
    min-width: 320px;
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0); }

.md-sidenav-backdrop.md-locked-open {
  display: none; }

.md-sidenav-left, md-sidenav {
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0); }
  .md-sidenav-left.md-closed, md-sidenav.md-closed {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }

.md-sidenav-right {
  left: 100%;
  top: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0); }
  .md-sidenav-right.md-closed {
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0); }

@media screen and (min-width: 600px) {
  md-sidenav {
    max-width: 400px; } }

@media screen and (max-width: 456px) {
  md-sidenav {
    width: calc(100% - 56px);
    min-width: calc(100% - 56px);
    max-width: calc(100% - 56px); } }

@media screen and (-ms-high-contrast: active) {
  .md-sidenav-left, md-sidenav {
    border-right: 1px solid #fff; }
  .md-sidenav-right {
    border-left: 1px solid #fff; } }

@-webkit-keyframes sliderFocusThumb {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes sliderFocusThumb {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  100% {
    opacity: 0; } }

md-slider {
  height: 48px;
  position: relative;
  display: block;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0;
  /**
   * Track
   */
  /**
   * Slider thumb
   */
  /* The sign that's focused in discrete mode */
  /**
   * The border/background that comes in when focused in non-discrete mode
   */
  /* Don't animate left/right while panning */ }
  md-slider *, md-slider *:after {
    box-sizing: border-box; }
  md-slider .md-slider-wrapper {
    position: relative; }
  md-slider .md-track-container {
    width: 100%;
    position: absolute;
    top: 23px;
    height: 2px; }
  md-slider .md-track {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%; }
  md-slider .md-track-fill {
    transition: width 0.05s linear; }
  md-slider .md-track-ticks {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%; }
  md-slider .md-track-ticks canvas {
    width: 100%; }
  md-slider .md-thumb-container {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    transition: left 0.1s linear; }
  md-slider .md-thumb {
    z-index: 1;
    position: absolute;
    left: -19px;
    top: 5px;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    transition: all 0.1s linear; }
    md-slider .md-thumb:after {
      content: '';
      position: absolute;
      left: 3px;
      top: 3px;
      width: 32px;
      height: 32px;
      border-radius: 32px;
      border-width: 3px;
      border-style: solid; }
  md-slider .md-sign {
    /* Center the children (slider-thumb-text) */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    left: -14px;
    top: -20px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    -webkit-transform: scale(0.4) translate3d(0, 70px, 0);
            transform: scale(0.4) translate3d(0, 70px, 0);
    transition: all 0.2s ease-in-out;
    /* The arrow pointing down under the sign */ }
    md-slider .md-sign:after {
      position: absolute;
      content: '';
      left: 0px;
      border-radius: 16px;
      top: 19px;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent;
      border-top-width: 16px;
      border-top-style: solid;
      opacity: 0;
      -webkit-transform: translate3d(0, -8px, 0);
              transform: translate3d(0, -8px, 0);
      transition: all 0.2s ease-in-out; }
    md-slider .md-sign .md-thumb-text {
      z-index: 1;
      font-size: 12px;
      font-weight: bold; }
  md-slider .md-focus-thumb {
    position: absolute;
    left: -24px;
    top: 0px;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    display: none;
    opacity: 0;
    background-color: #C0C0C0;
    -webkit-animation: sliderFocusThumb 0.4s linear;
            animation: sliderFocusThumb 0.4s linear; }
  md-slider .md-focus-ring {
    position: absolute;
    left: -24px;
    top: 0px;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    -webkit-transform: scale(0);
            transform: scale(0);
    transition: all 0.2s linear;
    opacity: 0.26; }
  md-slider .md-disabled-thumb {
    position: absolute;
    left: -22px;
    top: 2px;
    width: 44px;
    height: 44px;
    border-radius: 44px;
    -webkit-transform: scale(0.35);
            transform: scale(0.35);
    border-width: 6px;
    border-style: solid;
    display: none; }
  md-slider.md-min .md-thumb:after {
    background-color: white; }
  md-slider.md-min .md-sign {
    opacity: 0; }
  md-slider:focus {
    outline: none; }
  md-slider.md-dragging .md-thumb-container,
  md-slider.md-dragging .md-track-fill {
    transition: none; }
  md-slider:not([md-discrete]) {
    /* Hide the sign and ticks in non-discrete mode */ }
    md-slider:not([md-discrete]) .md-track-ticks,
    md-slider:not([md-discrete]) .md-sign {
      display: none; }
    md-slider:not([md-discrete]):not([disabled]):hover .md-thumb {
      -webkit-transform: scale(0.6);
              transform: scale(0.6); }
    md-slider:not([md-discrete]):not([disabled]):focus .md-focus-thumb, md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-thumb {
      display: block; }
    md-slider:not([md-discrete]):not([disabled]):focus .md-focus-ring, md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-ring {
      -webkit-transform: scale(1);
              transform: scale(1); }
    md-slider:not([md-discrete]):not([disabled]):focus .md-thumb, md-slider:not([md-discrete]):not([disabled]).md-active .md-thumb {
      -webkit-transform: scale(0.85);
              transform: scale(0.85); }
  md-slider[md-discrete] {
    /* Hide the focus thumb in discrete mode */ }
    md-slider[md-discrete] .md-focus-thumb,
    md-slider[md-discrete] .md-focus-ring {
      display: none; }
    md-slider[md-discrete]:not([disabled]):focus .md-sign,
    md-slider[md-discrete]:not([disabled]):focus .md-sign:after, md-slider[md-discrete]:not([disabled]).md-active .md-sign,
    md-slider[md-discrete]:not([disabled]).md-active .md-sign:after {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0) scale(1);
              transform: translate3d(0, 0, 0) scale(1); }
  md-slider[disabled] .md-track-fill {
    display: none; }
  md-slider[disabled] .md-sign {
    display: none; }
  md-slider[disabled] .md-thumb {
    -webkit-transform: scale(0.35);
            transform: scale(0.35); }
  md-slider[disabled] .md-disabled-thumb {
    display: block; }

@media screen and (-ms-high-contrast: active) {
  md-slider.md-default-theme .md-track {
    border-bottom: 1px solid #fff; } }

.md-sticky-clone {
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  position: absolute !important;
  -webkit-transform: translate3d(-9999px, -9999px, 0);
          transform: translate3d(-9999px, -9999px, 0); }
  .md-sticky-clone[sticky-state="active"] {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect) .md-subheader-inner {
      -webkit-animation: subheaderStickyHoverIn 0.3s ease-out both;
              animation: subheaderStickyHoverIn 0.3s ease-out both; }

@-webkit-keyframes subheaderStickyHoverIn {
  0% {
    box-shadow: 0 0 0 0 transparent; }
  100% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }

@keyframes subheaderStickyHoverIn {
  0% {
    box-shadow: 0 0 0 0 transparent; }
  100% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }

@-webkit-keyframes subheaderStickyHoverOut {
  0% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
  100% {
    box-shadow: 0 0 0 0 transparent; } }

@keyframes subheaderStickyHoverOut {
  0% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
  100% {
    box-shadow: 0 0 0 0 transparent; } }

.md-subheader-wrapper:not(.md-sticky-no-effect) {
  transition: 0.2s ease-out margin; }
  .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
    margin: 0; }
  .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
    z-index: 2; }
  .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
    margin-top: -2px; }
  .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
    -webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
            animation: subheaderStickyHoverOut 0.3s ease-out both; }

.md-subheader {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  margin: 0 0 0 0;
  position: relative; }
  .md-subheader .md-subheader-inner {
    display: block;
    padding: 16px; }
  .md-subheader .md-subheader-content {
    display: block;
    z-index: 1;
    position: relative; }

.md-inline-form md-switch {
  margin-top: 18px;
  margin-bottom: 19px; }

md-switch {
  margin: 16px 0;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 30px;
  line-height: 28px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: inherit;
  margin-right: 16px; }
  html[dir=rtl] md-switch {
    margin-left: 16px;
    unicode-bidi: embed; }
  body[dir=rtl] md-switch {
    margin-left: 16px;
    unicode-bidi: embed; }
  md-switch bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override; }
  md-switch bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override; }
  html[dir=rtl] md-switch {
    margin-right: inherit;
    unicode-bidi: embed; }
  body[dir=rtl] md-switch {
    margin-right: inherit;
    unicode-bidi: embed; }
  md-switch bdo[dir=rtl] {
    direction: rtl;
    unicode-bidi: bidi-override; }
  md-switch bdo[dir=ltr] {
    direction: ltr;
    unicode-bidi: bidi-override; }
  md-switch:last-of-type {
    margin-left: inherit;
    margin-right: 0; }
    html[dir=rtl] md-switch:last-of-type {
      margin-left: 0;
      unicode-bidi: embed; }
    body[dir=rtl] md-switch:last-of-type {
      margin-left: 0;
      unicode-bidi: embed; }
    md-switch:last-of-type bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-switch:last-of-type bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
    html[dir=rtl] md-switch:last-of-type {
      margin-right: inherit;
      unicode-bidi: embed; }
    body[dir=rtl] md-switch:last-of-type {
      margin-right: inherit;
      unicode-bidi: embed; }
    md-switch:last-of-type bdo[dir=rtl] {
      direction: rtl;
      unicode-bidi: bidi-override; }
    md-switch:last-of-type bdo[dir=ltr] {
      direction: ltr;
      unicode-bidi: bidi-override; }
  md-switch[disabled] {
    cursor: default; }
    md-switch[disabled] .md-container {
      cursor: default; }
  md-switch .md-container {
    cursor: -webkit-grab;
    cursor: grab;
    width: 36px;
    height: 24px;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    margin-right: 8px;
    float: left; }
  md-switch:not([disabled]) .md-dragging,
  md-switch:not([disabled]).md-dragging .md-container {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  md-switch.md-focused:not([disabled]) .md-thumb:before {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px; }
  md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
    background-color: rgba(0, 0, 0, 0.12); }
  md-switch .md-label {
    border-color: transparent;
    border-width: 0;
    float: left; }
  md-switch .md-bar {
    left: 1px;
    width: 34px;
    top: 5px;
    height: 14px;
    border-radius: 8px;
    position: absolute; }
  md-switch .md-thumb-container {
    top: 2px;
    left: 0;
    width: 16px;
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    z-index: 1; }
  md-switch.md-checked .md-thumb-container {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  md-switch .md-thumb {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    outline: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
    md-switch .md-thumb:before {
      background-color: transparent;
      border-radius: 50%;
      content: '';
      position: absolute;
      display: block;
      height: auto;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transition: all 0.5s;
      width: auto; }
    md-switch .md-thumb .md-ripple-container {
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      left: -20px;
      top: -20px;
      right: -20px;
      bottom: -20px; }
  md-switch:not(.md-dragging) .md-bar,
  md-switch:not(.md-dragging) .md-thumb-container,
  md-switch:not(.md-dragging) .md-thumb {
    transition: all 0.08s linear;
    transition-property: -webkit-transform, background-color;
    transition-property: transform, background-color; }
  md-switch:not(.md-dragging) .md-bar,
  md-switch:not(.md-dragging) .md-thumb {
    transition-delay: 0.05s; }

@media screen and (-ms-high-contrast: active) {
  md-switch.md-default-theme .md-bar {
    background-color: #666; }
  md-switch.md-default-theme.md-checked .md-bar {
    background-color: #9E9E9E; }
  md-switch.md-default-theme .md-thumb {
    background-color: #fff; } }

@-webkit-keyframes md-tab-content-hide {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes md-tab-content-hide {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

md-tab-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0; }

md-tabs {
  display: block;
  margin: 0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    min-height: 248px; }
  md-tabs[md-align-tabs="bottom"] {
    padding-bottom: 48px; }
    md-tabs[md-align-tabs="bottom"] md-tabs-wrapper {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 48px;
      z-index: 2; }
    md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper {
      top: 0;
      bottom: 48px; }
  md-tabs.md-dynamic-height md-tabs-content-wrapper {
    min-height: 0;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    overflow: visible; }
  md-tabs.md-dynamic-height md-tab-content.md-active {
    position: relative; }
  md-tabs[md-border-bottom] md-tabs-wrapper {
    border-width: 0 0 1px;
    border-style: solid; }
  md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
    top: 49px; }

md-tabs-wrapper {
  display: block;
  position: relative; }
  md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
    height: 100%;
    width: 32px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    line-height: 1em;
    z-index: 2;
    cursor: pointer;
    font-size: 16px;
    background: transparent no-repeat center center;
    transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
    md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
      outline: none; }
    md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
      opacity: 0.25;
      cursor: default; }
    md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
      transition: none; }
    md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate3d(-50%, -50%, 0);
              transform: translate3d(-50%, -50%, 0); }
  md-tabs-wrapper md-prev-button {
    left: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=="); }
  md-tabs-wrapper md-next-button {
    right: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K"); }
    md-tabs-wrapper md-next-button md-icon {
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
              transform: translate3d(-50%, -50%, 0) rotate(180deg); }
  md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }

md-tabs-canvas {
  position: relative;
  overflow: hidden;
  display: block;
  height: 48px; }
  md-tabs-canvas:after {
    content: '';
    display: table;
    clear: both; }
  md-tabs-canvas .md-dummy-wrapper {
    position: absolute;
    top: 0;
    left: 0; }
  md-tabs-canvas.md-paginated {
    margin: 0 32px; }
  md-tabs-canvas.md-center-tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center; }
    md-tabs-canvas.md-center-tabs .md-tab {
      float: none;
      display: inline-block; }

md-pagination-wrapper {
  height: 48px;
  display: block;
  transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  position: absolute;
  width: 999999px;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  md-pagination-wrapper:after {
    content: '';
    display: table;
    clear: both; }
  md-pagination-wrapper.md-center-tabs {
    position: relative;
    width: initial;
    margin: 0 auto; }

md-tabs-content-wrapper {
  display: block;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }

md-tab-content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  overflow: auto; }
  md-tab-content.md-no-scroll {
    bottom: auto;
    overflow: hidden; }
  md-tab-content.ng-leave, md-tab-content.md-no-transition {
    transition: none; }
  md-tab-content.md-left:not(.md-active) {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-animation: 1s md-tab-content-hide;
            animation: 1s md-tab-content-hide;
    opacity: 0; }
    md-tab-content.md-left:not(.md-active) * {
      transition: visibility 0s linear;
      transition-delay: 0.5s;
      visibility: hidden; }
  md-tab-content.md-right:not(.md-active) {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-animation: 1s md-tab-content-hide;
            animation: 1s md-tab-content-hide;
    opacity: 0; }
    md-tab-content.md-right:not(.md-active) * {
      transition: visibility 0s linear;
      transition-delay: 0.5s;
      visibility: hidden; }
  md-tab-content > div.ng-leave {
    -webkit-animation: 1s md-tab-content-hide;
            animation: 1s md-tab-content-hide; }

md-ink-bar {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
  height: 2px; }
  md-ink-bar.md-left {
    transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); }
  md-ink-bar.md-right {
    transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }

md-tab {
  position: absolute;
  z-index: -1;
  left: -9999px; }

.md-tab {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  padding: 12px 24px;
  transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  text-transform: uppercase;
  float: left;
  font-weight: 500;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis; }
  .md-tab.md-focused {
    box-shadow: none;
    outline: none; }
  .md-tab.md-active {
    cursor: default; }
  .md-tab.md-disabled {
    pointer-events: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-user-drag: none;
    opacity: 0.5;
    cursor: default; }
  .md-tab.ng-leave {
    transition: none; }

md-toolbar + md-tabs {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

md-toast {
  position: absolute;
  z-index: 105;
  box-sizing: border-box;
  cursor: default;
  overflow: hidden;
  padding: 8px;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  /* Transition differently when swiping */
  /*
   * When the toast doesn't take up the whole screen,
   * make it rotate when the user swipes it away
   */ }
  md-toast .md-toast-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 0;
    max-height: 168px;
    max-width: 100%;
    min-height: 48px;
    padding-left: 24px;
    padding-right: 24px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-radius: 2px;
    font-size: 14px;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
            transform: translate3d(0, 0, 0) rotateZ(0deg);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  md-toast.md-capsule {
    border-radius: 24px; }
    md-toast.md-capsule .md-toast-content {
      border-radius: 24px; }
  md-toast.ng-leave-active .md-toast-content {
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-toast.md-swipeleft .md-toast-content, md-toast.md-swiperight .md-toast-content, md-toast.md-swipeup .md-toast-content, md-toast.md-swipedown .md-toast-content {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  md-toast.ng-enter {
    opacity: 0; }
    md-toast.ng-enter .md-toast-content {
      -webkit-transform: translate3d(0, 100%, 0);
              transform: translate3d(0, 100%, 0); }
    md-toast.ng-enter.md-top .md-toast-content {
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0); }
    md-toast.ng-enter.ng-enter-active {
      opacity: 1; }
      md-toast.ng-enter.ng-enter-active .md-toast-content {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
  md-toast.ng-leave.ng-leave-active .md-toast-content {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
  md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0); }
  md-toast .md-action {
    line-height: 19px;
    margin-left: 24px;
    margin-right: 0;
    cursor: pointer;
    text-transform: uppercase;
    float: right; }
    md-toast .md-action.md-button {
      min-width: 0; }

@media (max-width: 959px) {
  md-toast {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border-radius: 0;
    bottom: 0; }
    md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
      -webkit-transform: translate3d(0, -50%, 0);
              transform: translate3d(0, -50%, 0); }
    md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
      -webkit-transform: translate3d(0, 50%, 0);
              transform: translate3d(0, 50%, 0); } }

@media (min-width: 960px) {
  md-toast {
    min-width: 304px;
    /*
   * When the toast doesn't take up the whole screen,
   * make it rotate when the user swipes it away
   */ }
    md-toast.md-bottom {
      bottom: 0; }
    md-toast.md-left {
      left: 0; }
    md-toast.md-right {
      right: 0; }
    md-toast.md-top {
      top: 0; }
    md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
      -webkit-transform: translate3d(-50%, 0, 0);
              transform: translate3d(-50%, 0, 0); }
    md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
      -webkit-transform: translate3d(50%, 0, 0);
              transform: translate3d(50%, 0, 0); } }

@media (min-width: 1920px) {
  md-toast .md-toast-content {
    max-width: 568px; } }

@media screen and (-ms-high-contrast: active) {
  md-toast {
    border: 1px solid #fff; } }

.md-toast-animating {
  overflow: hidden !important; }

md-toolbar {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  min-height: 64px;
  width: 100%; }
  md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
    transition: box-shadow 0.5s linear; }
  md-toolbar md-toolbar-filler {
    width: 72px; }
  md-toolbar *,
  md-toolbar *:before,
  md-toolbar *:after {
    box-sizing: border-box; }
  md-toolbar.md-tall {
    height: 128px;
    min-height: 128px;
    max-height: 128px; }
  md-toolbar.md-medium-tall {
    height: 88px;
    min-height: 88px;
    max-height: 88px; }
    md-toolbar.md-medium-tall .md-toolbar-tools {
      height: 48px;
      min-height: 48px;
      max-height: 48px; }
  md-toolbar > .md-indent {
    margin-left: 64px; }
  md-toolbar ~ md-content > md-list {
    padding: 0; }
    md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
      display: none; }

.md-toolbar-tools {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 64px;
  max-height: 64px;
  padding: 0 16px;
  margin: 0; }
  .md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
    font-size: inherit;
    font-weight: inherit;
    margin: inherit; }
  .md-toolbar-tools a {
    color: inherit;
    text-decoration: none; }
  .md-toolbar-tools .fill-height {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .md-toolbar-tools .md-button {
    margin-top: 0;
    margin-bottom: 0; }
  .md-toolbar-tools > .md-button:first-child {
    margin-left: -8px; }
  .md-toolbar-tools > .md-button:last-child {
    margin-right: -8px; }
  .md-toolbar-tools > md-menu:last-child {
    margin-right: -8px; }
    .md-toolbar-tools > md-menu:last-child > .md-button {
      margin-right: 0; }
  @media screen and (-ms-high-contrast: active) {
    .md-toolbar-tools {
      border-bottom: 1px solid #fff; } }

@media only screen and (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  md-toolbar {
    min-height: 56px; }
  .md-toolbar-tools {
    height: 56px;
    max-height: 56px; } }

@media only screen and (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
  md-toolbar {
    min-height: 48px; }
  .md-toolbar-tools {
    height: 48px;
    max-height: 48px; } }

md-tooltip {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  pointer-events: none;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px; }
  @media screen and (min-width: 960px) {
    md-tooltip {
      font-size: 10px; } }
  md-tooltip .md-content {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transform-origin: center top;
            transform-origin: center top;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
    height: 32px;
    line-height: 32px;
    padding-left: 16px;
    padding-right: 16px; }
    @media screen and (min-width: 960px) {
      md-tooltip .md-content {
        height: 22px;
        line-height: 22px;
        padding-left: 8px;
        padding-right: 8px; } }
    md-tooltip .md-content.md-show-add {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-duration: .2s;
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 0; }
    md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
      -webkit-transform-origin: center top;
              transform-origin: center top; }
    md-tooltip .md-content.md-show-remove {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-duration: .2s; }
      md-tooltip .md-content.md-show-remove.md-show-remove-active {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 0; }
  md-tooltip.md-hide {
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-tooltip.md-show {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    pointer-events: auto;
    will-change: opacity, height, width; }

.md-virtual-repeat-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative; }
  .md-virtual-repeat-container .md-virtual-repeat-scroller {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .md-virtual-repeat-container .md-virtual-repeat-sizer {
    box-sizing: border-box;
    height: 1px;
    display: block;
    margin: 0;
    padding: 0;
    width: 1px; }
  .md-virtual-repeat-container .md-virtual-repeat-offsetter {
    box-sizing: border-box;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0; }

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
  overflow-x: auto;
  overflow-y: hidden; }

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  bottom: 16px;
  right: auto;
  white-space: nowrap; }

.md-whiteframe-1dp, .md-whiteframe-z1 {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }

.md-whiteframe-2dp {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); }

.md-whiteframe-3dp {
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12); }

.md-whiteframe-4dp, .md-whiteframe-z2 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }

.md-whiteframe-5dp {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }

.md-whiteframe-6dp {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.md-whiteframe-7dp, .md-whiteframe-z3 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }

.md-whiteframe-8dp {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }

.md-whiteframe-9dp {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }

.md-whiteframe-10dp, .md-whiteframe-z4 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }

.md-whiteframe-11dp {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }

.md-whiteframe-12dp {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }

.md-whiteframe-13dp, .md-whiteframe-z5 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }

.md-whiteframe-14dp {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }

.md-whiteframe-15dp {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }

.md-whiteframe-16dp {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }

.md-whiteframe-17dp {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }

.md-whiteframe-18dp {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }

.md-whiteframe-19dp {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }

.md-whiteframe-20dp {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }

.md-whiteframe-21dp {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }

.md-whiteframe-22dp {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }

.md-whiteframe-23dp {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }

.md-whiteframe-24dp {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }

@media screen and (-ms-high-contrast: active) {
  md-whiteframe {
    border: 1px solid #fff; } }
/*!
 * Angular Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.0.3
 */
/*
*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*
*/
@-moz-document url-prefix() {
  [layout-fill] {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%; } }

/*
 *  Apply Mixins to create Layout/Flexbox styles
 *
 */
[flex-order] {
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0; }

[flex-order="-20"] {
  -webkit-order: -20;
      -ms-flex-order: -20;
          order: -20; }

[flex-order="-19"] {
  -webkit-order: -19;
      -ms-flex-order: -19;
          order: -19; }

[flex-order="-18"] {
  -webkit-order: -18;
      -ms-flex-order: -18;
          order: -18; }

[flex-order="-17"] {
  -webkit-order: -17;
      -ms-flex-order: -17;
          order: -17; }

[flex-order="-16"] {
  -webkit-order: -16;
      -ms-flex-order: -16;
          order: -16; }

[flex-order="-15"] {
  -webkit-order: -15;
      -ms-flex-order: -15;
          order: -15; }

[flex-order="-14"] {
  -webkit-order: -14;
      -ms-flex-order: -14;
          order: -14; }

[flex-order="-13"] {
  -webkit-order: -13;
      -ms-flex-order: -13;
          order: -13; }

[flex-order="-12"] {
  -webkit-order: -12;
      -ms-flex-order: -12;
          order: -12; }

[flex-order="-11"] {
  -webkit-order: -11;
      -ms-flex-order: -11;
          order: -11; }

[flex-order="-10"] {
  -webkit-order: -10;
      -ms-flex-order: -10;
          order: -10; }

[flex-order="-9"] {
  -webkit-order: -9;
      -ms-flex-order: -9;
          order: -9; }

[flex-order="-8"] {
  -webkit-order: -8;
      -ms-flex-order: -8;
          order: -8; }

[flex-order="-7"] {
  -webkit-order: -7;
      -ms-flex-order: -7;
          order: -7; }

[flex-order="-6"] {
  -webkit-order: -6;
      -ms-flex-order: -6;
          order: -6; }

[flex-order="-5"] {
  -webkit-order: -5;
      -ms-flex-order: -5;
          order: -5; }

[flex-order="-4"] {
  -webkit-order: -4;
      -ms-flex-order: -4;
          order: -4; }

[flex-order="-3"] {
  -webkit-order: -3;
      -ms-flex-order: -3;
          order: -3; }

[flex-order="-2"] {
  -webkit-order: -2;
      -ms-flex-order: -2;
          order: -2; }

[flex-order="-1"] {
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1; }

[flex-order="0"] {
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0; }

[flex-order="1"] {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

[flex-order="2"] {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

[flex-order="3"] {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }

[flex-order="4"] {
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }

[flex-order="5"] {
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }

[flex-order="6"] {
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; }

[flex-order="7"] {
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7; }

[flex-order="8"] {
  -webkit-order: 8;
      -ms-flex-order: 8;
          order: 8; }

[flex-order="9"] {
  -webkit-order: 9;
      -ms-flex-order: 9;
          order: 9; }

[flex-order="10"] {
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10; }

[flex-order="11"] {
  -webkit-order: 11;
      -ms-flex-order: 11;
          order: 11; }

[flex-order="12"] {
  -webkit-order: 12;
      -ms-flex-order: 12;
          order: 12; }

[flex-order="13"] {
  -webkit-order: 13;
      -ms-flex-order: 13;
          order: 13; }

[flex-order="14"] {
  -webkit-order: 14;
      -ms-flex-order: 14;
          order: 14; }

[flex-order="15"] {
  -webkit-order: 15;
      -ms-flex-order: 15;
          order: 15; }

[flex-order="16"] {
  -webkit-order: 16;
      -ms-flex-order: 16;
          order: 16; }

[flex-order="17"] {
  -webkit-order: 17;
      -ms-flex-order: 17;
          order: 17; }

[flex-order="18"] {
  -webkit-order: 18;
      -ms-flex-order: 18;
          order: 18; }

[flex-order="19"] {
  -webkit-order: 19;
      -ms-flex-order: 19;
          order: 19; }

[flex-order="20"] {
  -webkit-order: 20;
      -ms-flex-order: 20;
          order: 20; }

[flex-offset="0"] {
  margin-left: 0%; }

[flex-offset="5"] {
  margin-left: 5%; }

[flex-offset="10"] {
  margin-left: 10%; }

[flex-offset="15"] {
  margin-left: 15%; }

[flex-offset="20"] {
  margin-left: 20%; }

[flex-offset="25"] {
  margin-left: 25%; }

[flex-offset="30"] {
  margin-left: 30%; }

[flex-offset="35"] {
  margin-left: 35%; }

[flex-offset="40"] {
  margin-left: 40%; }

[flex-offset="45"] {
  margin-left: 45%; }

[flex-offset="50"] {
  margin-left: 50%; }

[flex-offset="55"] {
  margin-left: 55%; }

[flex-offset="60"] {
  margin-left: 60%; }

[flex-offset="65"] {
  margin-left: 65%; }

[flex-offset="70"] {
  margin-left: 70%; }

[flex-offset="75"] {
  margin-left: 75%; }

[flex-offset="80"] {
  margin-left: 80%; }

[flex-offset="85"] {
  margin-left: 85%; }

[flex-offset="90"] {
  margin-left: 90%; }

[flex-offset="95"] {
  margin-left: 95%; }

[flex-offset="33"] {
  margin-left: calc(100% / 3); }

[flex-offset="66"] {
  margin-left: calc(200% / 3); }

[layout-align] {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

[layout-align="start"],
[layout-align="start start"],
[layout-align="start center"],
[layout-align="start end"],
[layout-align="start stretch"] {
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start; }

[layout-align="center"],
[layout-align="center start"],
[layout-align="center center"],
[layout-align="center end"],
[layout-align="center stretch"] {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

[layout-align="end"],
[layout-align="end center"],
[layout-align="end start"],
[layout-align="end end"],
[layout-align="end stretch"] {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

[layout-align="space-around"],
[layout-align="space-around center"],
[layout-align="space-around start"],
[layout-align="space-around end"],
[layout-align="space-around stretch"] {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around; }

[layout-align="space-between"],
[layout-align="space-between center"],
[layout-align="space-between start"],
[layout-align="space-between end"],
[layout-align="space-between stretch"] {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

[layout-align="start start"],
[layout-align="center start"],
[layout-align="end start"],
[layout-align="space-between start"],
[layout-align="space-around start"] {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start; }

[layout-align="start center"],
[layout-align="center center"],
[layout-align="end center"],
[layout-align="space-between center"],
[layout-align="space-around center"] {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  max-width: 100%; }

[layout-align="start center"] > *,
[layout-align="center center"] > *,
[layout-align="end center"] > *,
[layout-align="space-between center"] > *,
[layout-align="space-around center"] > * {
  max-width: 100%;
  box-sizing: border-box; }

[layout-align="start end"],
[layout-align="center end"],
[layout-align="end end"],
[layout-align="space-between end"],
[layout-align="space-around end"] {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-content: flex-end;
      -ms-flex-line-pack: end;
          align-content: flex-end; }

[layout-align="start stretch"],
[layout-align="center stretch"],
[layout-align="end stretch"],
[layout-align="space-between stretch"],
[layout-align="space-around stretch"] {
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch; }

[flex] {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  box-sizing: border-box; }

@media screen\0 {
  [flex] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

[flex-grow] {
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  box-sizing: border-box; }

[flex-initial] {
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  box-sizing: border-box; }

[flex-auto] {
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  box-sizing: border-box; }

[flex-none] {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  box-sizing: border-box; }

[flex="0"] {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="0"],
[layout="row"] > [flex="0"] {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="0"],
[layout="column"] > [flex="0"] {
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box; }

[flex="5"] {
  -webkit-flex: 1 1 5%;
      -ms-flex: 1 1 5%;
          flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="5"],
[layout="row"] > [flex="5"] {
  -webkit-flex: 1 1 5%;
      -ms-flex: 1 1 5%;
          flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="5"],
[layout="column"] > [flex="5"] {
  -webkit-flex: 1 1 5%;
      -ms-flex: 1 1 5%;
          flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box; }

[flex="10"] {
  -webkit-flex: 1 1 10%;
      -ms-flex: 1 1 10%;
          flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="10"],
[layout="row"] > [flex="10"] {
  -webkit-flex: 1 1 10%;
      -ms-flex: 1 1 10%;
          flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="10"],
[layout="column"] > [flex="10"] {
  -webkit-flex: 1 1 10%;
      -ms-flex: 1 1 10%;
          flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box; }

[flex="15"] {
  -webkit-flex: 1 1 15%;
      -ms-flex: 1 1 15%;
          flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="15"],
[layout="row"] > [flex="15"] {
  -webkit-flex: 1 1 15%;
      -ms-flex: 1 1 15%;
          flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="15"],
[layout="column"] > [flex="15"] {
  -webkit-flex: 1 1 15%;
      -ms-flex: 1 1 15%;
          flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box; }

[flex="20"] {
  -webkit-flex: 1 1 20%;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="20"],
[layout="row"] > [flex="20"] {
  -webkit-flex: 1 1 20%;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="20"],
[layout="column"] > [flex="20"] {
  -webkit-flex: 1 1 20%;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box; }

[flex="25"] {
  -webkit-flex: 1 1 25%;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="25"],
[layout="row"] > [flex="25"] {
  -webkit-flex: 1 1 25%;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="25"],
[layout="column"] > [flex="25"] {
  -webkit-flex: 1 1 25%;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box; }

[flex="30"] {
  -webkit-flex: 1 1 30%;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="30"],
[layout="row"] > [flex="30"] {
  -webkit-flex: 1 1 30%;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="30"],
[layout="column"] > [flex="30"] {
  -webkit-flex: 1 1 30%;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box; }

[flex="35"] {
  -webkit-flex: 1 1 35%;
      -ms-flex: 1 1 35%;
          flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="35"],
[layout="row"] > [flex="35"] {
  -webkit-flex: 1 1 35%;
      -ms-flex: 1 1 35%;
          flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="35"],
[layout="column"] > [flex="35"] {
  -webkit-flex: 1 1 35%;
      -ms-flex: 1 1 35%;
          flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box; }

[flex="40"] {
  -webkit-flex: 1 1 40%;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="40"],
[layout="row"] > [flex="40"] {
  -webkit-flex: 1 1 40%;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="40"],
[layout="column"] > [flex="40"] {
  -webkit-flex: 1 1 40%;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box; }

[flex="45"] {
  -webkit-flex: 1 1 45%;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="45"],
[layout="row"] > [flex="45"] {
  -webkit-flex: 1 1 45%;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="45"],
[layout="column"] > [flex="45"] {
  -webkit-flex: 1 1 45%;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box; }

[flex="50"] {
  -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="50"],
[layout="row"] > [flex="50"] {
  -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="50"],
[layout="column"] > [flex="50"] {
  -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box; }

[flex="55"] {
  -webkit-flex: 1 1 55%;
      -ms-flex: 1 1 55%;
          flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="55"],
[layout="row"] > [flex="55"] {
  -webkit-flex: 1 1 55%;
      -ms-flex: 1 1 55%;
          flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="55"],
[layout="column"] > [flex="55"] {
  -webkit-flex: 1 1 55%;
      -ms-flex: 1 1 55%;
          flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box; }

[flex="60"] {
  -webkit-flex: 1 1 60%;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="60"],
[layout="row"] > [flex="60"] {
  -webkit-flex: 1 1 60%;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="60"],
[layout="column"] > [flex="60"] {
  -webkit-flex: 1 1 60%;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box; }

[flex="65"] {
  -webkit-flex: 1 1 65%;
      -ms-flex: 1 1 65%;
          flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="65"],
[layout="row"] > [flex="65"] {
  -webkit-flex: 1 1 65%;
      -ms-flex: 1 1 65%;
          flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="65"],
[layout="column"] > [flex="65"] {
  -webkit-flex: 1 1 65%;
      -ms-flex: 1 1 65%;
          flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box; }

[flex="70"] {
  -webkit-flex: 1 1 70%;
      -ms-flex: 1 1 70%;
          flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="70"],
[layout="row"] > [flex="70"] {
  -webkit-flex: 1 1 70%;
      -ms-flex: 1 1 70%;
          flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="70"],
[layout="column"] > [flex="70"] {
  -webkit-flex: 1 1 70%;
      -ms-flex: 1 1 70%;
          flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box; }

[flex="75"] {
  -webkit-flex: 1 1 75%;
      -ms-flex: 1 1 75%;
          flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="75"],
[layout="row"] > [flex="75"] {
  -webkit-flex: 1 1 75%;
      -ms-flex: 1 1 75%;
          flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="75"],
[layout="column"] > [flex="75"] {
  -webkit-flex: 1 1 75%;
      -ms-flex: 1 1 75%;
          flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box; }

[flex="80"] {
  -webkit-flex: 1 1 80%;
      -ms-flex: 1 1 80%;
          flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="80"],
[layout="row"] > [flex="80"] {
  -webkit-flex: 1 1 80%;
      -ms-flex: 1 1 80%;
          flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="80"],
[layout="column"] > [flex="80"] {
  -webkit-flex: 1 1 80%;
      -ms-flex: 1 1 80%;
          flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box; }

[flex="85"] {
  -webkit-flex: 1 1 85%;
      -ms-flex: 1 1 85%;
          flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="85"],
[layout="row"] > [flex="85"] {
  -webkit-flex: 1 1 85%;
      -ms-flex: 1 1 85%;
          flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="85"],
[layout="column"] > [flex="85"] {
  -webkit-flex: 1 1 85%;
      -ms-flex: 1 1 85%;
          flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box; }

[flex="90"] {
  -webkit-flex: 1 1 90%;
      -ms-flex: 1 1 90%;
          flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="90"],
[layout="row"] > [flex="90"] {
  -webkit-flex: 1 1 90%;
      -ms-flex: 1 1 90%;
          flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="90"],
[layout="column"] > [flex="90"] {
  -webkit-flex: 1 1 90%;
      -ms-flex: 1 1 90%;
          flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box; }

[flex="95"] {
  -webkit-flex: 1 1 95%;
      -ms-flex: 1 1 95%;
          flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="95"],
[layout="row"] > [flex="95"] {
  -webkit-flex: 1 1 95%;
      -ms-flex: 1 1 95%;
          flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="95"],
[layout="column"] > [flex="95"] {
  -webkit-flex: 1 1 95%;
      -ms-flex: 1 1 95%;
          flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box; }

[flex="100"] {
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="100"],
[layout="row"] > [flex="100"] {
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="100"],
[layout="column"] > [flex="100"] {
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="33"], [layout="row"] > [flex="33"], [layout="row"] > [flex="33"], [layout="row"] > [flex="33"] {
  -webkit-flex: 1 1 33%;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
  max-width: calc(100% / 3);
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="34"], [layout="row"] > [flex="34"], [layout="row"] > [flex="34"], [layout="row"] > [flex="34"] {
  -webkit-flex: 1 1 34%;
      -ms-flex: 1 1 34%;
          flex: 1 1 34%;
  max-width: 34%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="66"], [layout="row"] > [flex="66"], [layout="row"] > [flex="66"], [layout="row"] > [flex="66"] {
  -webkit-flex: 1 1 66%;
      -ms-flex: 1 1 66%;
          flex: 1 1 66%;
  max-width: calc(200% / 3);
  max-height: 100%;
  box-sizing: border-box; }

[layout="row"] > [flex="67"], [layout="row"] > [flex="67"], [layout="row"] > [flex="67"], [layout="row"] > [flex="67"] {
  -webkit-flex: 1 1 67%;
      -ms-flex: 1 1 67%;
          flex: 1 1 67%;
  max-width: 67%;
  max-height: 100%;
  box-sizing: border-box; }

[layout="column"] > [flex="33"], [layout="column"] > [flex="33"], [layout="column"] > [flex="33"], [layout="column"] > [flex="33"] {
  -webkit-flex: 1 1 33%;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
  max-width: 100%;
  max-height: calc(100% / 3);
  box-sizing: border-box; }

[layout="column"] > [flex="34"], [layout="column"] > [flex="34"], [layout="column"] > [flex="34"], [layout="column"] > [flex="34"] {
  -webkit-flex: 1 1 34%;
      -ms-flex: 1 1 34%;
          flex: 1 1 34%;
  max-width: 100%;
  max-height: 34%;
  box-sizing: border-box; }

[layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"] {
  -webkit-flex: 1 1 66%;
      -ms-flex: 1 1 66%;
          flex: 1 1 66%;
  max-width: 100%;
  max-height: calc(200% / 3);
  box-sizing: border-box; }

[layout="column"] > [flex="67"], [layout="column"] > [flex="67"], [layout="column"] > [flex="67"], [layout="column"] > [flex="67"] {
  -webkit-flex: 1 1 67%;
      -ms-flex: 1 1 67%;
          flex: 1 1 67%;
  max-width: 100%;
  max-height: 67%;
  box-sizing: border-box; }

[layout], [layout="column"], [layout="row"] {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

[layout="column"] {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

[layout="row"] {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

[layout-padding] > [flex-sm], [layout-padding] > [flex-lt-md] {
  padding: 4px; }

[layout-padding],
[layout-padding] > [flex],
[layout-padding] > [flex-gt-sm],
[layout-padding] > [flex-md],
[layout-padding] > [flex-lt-lg] {
  padding: 8px; }

[layout-padding] > [flex-gt-md],
[layout-padding] > [flex-lg] {
  padding: 16px; }

[layout-margin] > [flex-sm],
[layout-margin] > [flex-lt-md] {
  margin: 4px; }

[layout-margin],
[layout-margin] > [flex],
[layout-margin] > [flex-gt-sm],
[layout-margin] > [flex-md],
[layout-margin] > [flex-lt-lg] {
  margin: 8px; }

[layout-margin] > [flex-gt-md],
[layout-margin] > [flex-lg] {
  margin: 16px; }

[layout-wrap] {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

[layout-nowrap] {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }

[layout-fill] {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%; }

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         $layout-breakpoint-xs:     600px !default;
 *         $layout-breakpoint-sm:     960px !default;
 *         $layout-breakpoint-md:     1280px !default;
 *         $layout-breakpoint-lg:     1920px !default;
 */
@media (max-width: 599px) {
  [hide-xs]:not([show-xs]):not([show]), [hide]:not([show-xs]):not([show]) {
    display: none; }
  [flex-order-xs="-20"] {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  [flex-order-xs="-19"] {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  [flex-order-xs="-18"] {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  [flex-order-xs="-17"] {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  [flex-order-xs="-16"] {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  [flex-order-xs="-15"] {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  [flex-order-xs="-14"] {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  [flex-order-xs="-13"] {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  [flex-order-xs="-12"] {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  [flex-order-xs="-11"] {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  [flex-order-xs="-10"] {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  [flex-order-xs="-9"] {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  [flex-order-xs="-8"] {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  [flex-order-xs="-7"] {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  [flex-order-xs="-6"] {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  [flex-order-xs="-5"] {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  [flex-order-xs="-4"] {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  [flex-order-xs="-3"] {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  [flex-order-xs="-2"] {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  [flex-order-xs="-1"] {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  [flex-order-xs="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-xs="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-xs="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-xs="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-xs="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-xs="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-xs="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-xs="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-xs="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-xs="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-xs="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-xs="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-xs="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-xs="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-xs="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-xs="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-xs="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-xs="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-xs="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-xs="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [flex-order-xs="20"] {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  [flex-offset-xs="0"] {
    margin-left: 0%; }
  [flex-offset-xs="5"] {
    margin-left: 5%; }
  [flex-offset-xs="10"] {
    margin-left: 10%; }
  [flex-offset-xs="15"] {
    margin-left: 15%; }
  [flex-offset-xs="20"] {
    margin-left: 20%; }
  [flex-offset-xs="25"] {
    margin-left: 25%; }
  [flex-offset-xs="30"] {
    margin-left: 30%; }
  [flex-offset-xs="35"] {
    margin-left: 35%; }
  [flex-offset-xs="40"] {
    margin-left: 40%; }
  [flex-offset-xs="45"] {
    margin-left: 45%; }
  [flex-offset-xs="50"] {
    margin-left: 50%; }
  [flex-offset-xs="55"] {
    margin-left: 55%; }
  [flex-offset-xs="60"] {
    margin-left: 60%; }
  [flex-offset-xs="65"] {
    margin-left: 65%; }
  [flex-offset-xs="70"] {
    margin-left: 70%; }
  [flex-offset-xs="75"] {
    margin-left: 75%; }
  [flex-offset-xs="80"] {
    margin-left: 80%; }
  [flex-offset-xs="85"] {
    margin-left: 85%; }
  [flex-offset-xs="90"] {
    margin-left: 90%; }
  [flex-offset-xs="95"] {
    margin-left: 95%; }
  [flex-offset-xs="33"] {
    margin-left: calc(100% / 3); }
  [flex-offset-xs="66"] {
    margin-left: calc(200% / 3); }
  [layout-align-xs] {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  [layout-align-xs="start"],
  [layout-align-xs="start start"],
  [layout-align-xs="start center"],
  [layout-align-xs="start end"],
  [layout-align-xs="start stretch"] {
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start; }
  [layout-align-xs="center"],
  [layout-align-xs="center start"],
  [layout-align-xs="center center"],
  [layout-align-xs="center end"],
  [layout-align-xs="center stretch"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-xs="end"],
  [layout-align-xs="end center"],
  [layout-align-xs="end start"],
  [layout-align-xs="end end"],
  [layout-align-xs="end stretch"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-xs="space-around"],
  [layout-align-xs="space-around center"],
  [layout-align-xs="space-around start"],
  [layout-align-xs="space-around end"],
  [layout-align-xs="space-around stretch"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-xs="space-between"],
  [layout-align-xs="space-between center"],
  [layout-align-xs="space-between start"],
  [layout-align-xs="space-between end"],
  [layout-align-xs="space-between stretch"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-xs="start start"],
  [layout-align-xs="center start"],
  [layout-align-xs="end start"],
  [layout-align-xs="space-between start"],
  [layout-align-xs="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  [layout-align-xs="start center"],
  [layout-align-xs="center center"],
  [layout-align-xs="end center"],
  [layout-align-xs="space-between center"],
  [layout-align-xs="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  [layout-align-xs="start center"] > *,
  [layout-align-xs="center center"] > *,
  [layout-align-xs="end center"] > *,
  [layout-align-xs="space-between center"] > *,
  [layout-align-xs="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box; }
  [layout-align-xs="start end"],
  [layout-align-xs="center end"],
  [layout-align-xs="end end"],
  [layout-align-xs="space-between end"],
  [layout-align-xs="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  [layout-align-xs="start stretch"],
  [layout-align-xs="center stretch"],
  [layout-align-xs="end stretch"],
  [layout-align-xs="space-between stretch"],
  [layout-align-xs="space-around stretch"] {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  [flex-xs] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (max-width: 599px) {
  [flex-xs] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (max-width: 599px) {
  [flex-xs-grow] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  [flex-xs-initial] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  [flex-xs-auto] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  [flex-xs-none] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  [flex-xs="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="0"],
  [layout-xs="row"] > [flex-xs="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="0"],
  [layout-xs="column"] > [flex-xs="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  [flex-xs="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="5"],
  [layout-xs="row"] > [flex-xs="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="5"],
  [layout-xs="column"] > [flex-xs="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  [flex-xs="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="10"],
  [layout-xs="row"] > [flex-xs="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="10"],
  [layout-xs="column"] > [flex-xs="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  [flex-xs="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="15"],
  [layout-xs="row"] > [flex-xs="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="15"],
  [layout-xs="column"] > [flex-xs="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  [flex-xs="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="20"],
  [layout-xs="row"] > [flex-xs="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="20"],
  [layout-xs="column"] > [flex-xs="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  [flex-xs="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="25"],
  [layout-xs="row"] > [flex-xs="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="25"],
  [layout-xs="column"] > [flex-xs="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  [flex-xs="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="30"],
  [layout-xs="row"] > [flex-xs="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="30"],
  [layout-xs="column"] > [flex-xs="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  [flex-xs="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="35"],
  [layout-xs="row"] > [flex-xs="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="35"],
  [layout-xs="column"] > [flex-xs="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  [flex-xs="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="40"],
  [layout-xs="row"] > [flex-xs="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="40"],
  [layout-xs="column"] > [flex-xs="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  [flex-xs="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="45"],
  [layout-xs="row"] > [flex-xs="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="45"],
  [layout-xs="column"] > [flex-xs="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  [flex-xs="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="50"],
  [layout-xs="row"] > [flex-xs="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="50"],
  [layout-xs="column"] > [flex-xs="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  [flex-xs="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="55"],
  [layout-xs="row"] > [flex-xs="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="55"],
  [layout-xs="column"] > [flex-xs="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  [flex-xs="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="60"],
  [layout-xs="row"] > [flex-xs="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="60"],
  [layout-xs="column"] > [flex-xs="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  [flex-xs="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="65"],
  [layout-xs="row"] > [flex-xs="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="65"],
  [layout-xs="column"] > [flex-xs="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  [flex-xs="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="70"],
  [layout-xs="row"] > [flex-xs="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="70"],
  [layout-xs="column"] > [flex-xs="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  [flex-xs="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="75"],
  [layout-xs="row"] > [flex-xs="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="75"],
  [layout-xs="column"] > [flex-xs="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  [flex-xs="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="80"],
  [layout-xs="row"] > [flex-xs="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="80"],
  [layout-xs="column"] > [flex-xs="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  [flex-xs="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="85"],
  [layout-xs="row"] > [flex-xs="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="85"],
  [layout-xs="column"] > [flex-xs="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  [flex-xs="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="90"],
  [layout-xs="row"] > [flex-xs="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="90"],
  [layout-xs="column"] > [flex-xs="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  [flex-xs="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="95"],
  [layout-xs="row"] > [flex-xs="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="95"],
  [layout-xs="column"] > [flex-xs="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  [flex-xs="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="100"],
  [layout-xs="row"] > [flex-xs="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="100"],
  [layout-xs="column"] > [flex-xs="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="33"], [layout="row"] > [flex-xs="33"], [layout-xs="row"] > [flex-xs="33"], [layout-xs="row"] > [flex-xs="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="34"], [layout="row"] > [flex-xs="34"], [layout-xs="row"] > [flex-xs="34"], [layout-xs="row"] > [flex-xs="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 34%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="66"], [layout="row"] > [flex-xs="66"], [layout-xs="row"] > [flex-xs="66"], [layout-xs="row"] > [flex-xs="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xs="67"], [layout="row"] > [flex-xs="67"], [layout-xs="row"] > [flex-xs="67"], [layout-xs="row"] > [flex-xs="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 67%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="33"], [layout="column"] > [flex-xs="33"], [layout-xs="column"] > [flex-xs="33"], [layout-xs="column"] > [flex-xs="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="34"], [layout="column"] > [flex-xs="34"], [layout-xs="column"] > [flex-xs="34"], [layout-xs="column"] > [flex-xs="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 100%;
    max-height: 34%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="66"], [layout="column"] > [flex-xs="66"], [layout-xs="column"] > [flex-xs="66"], [layout-xs="column"] > [flex-xs="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-xs="67"], [layout="column"] > [flex-xs="67"], [layout-xs="column"] > [flex-xs="67"], [layout-xs="column"] > [flex-xs="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 100%;
    max-height: 67%;
    box-sizing: border-box; }
  [layout-xs], [layout-xs="column"], [layout-xs="row"] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-xs="column"] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-xs="row"] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 600px) {
  [flex-order-gt-xs="-20"] {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  [flex-order-gt-xs="-19"] {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  [flex-order-gt-xs="-18"] {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  [flex-order-gt-xs="-17"] {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  [flex-order-gt-xs="-16"] {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  [flex-order-gt-xs="-15"] {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  [flex-order-gt-xs="-14"] {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  [flex-order-gt-xs="-13"] {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  [flex-order-gt-xs="-12"] {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  [flex-order-gt-xs="-11"] {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  [flex-order-gt-xs="-10"] {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  [flex-order-gt-xs="-9"] {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  [flex-order-gt-xs="-8"] {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  [flex-order-gt-xs="-7"] {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  [flex-order-gt-xs="-6"] {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  [flex-order-gt-xs="-5"] {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  [flex-order-gt-xs="-4"] {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  [flex-order-gt-xs="-3"] {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  [flex-order-gt-xs="-2"] {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  [flex-order-gt-xs="-1"] {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  [flex-order-gt-xs="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-gt-xs="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-gt-xs="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-gt-xs="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-gt-xs="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-gt-xs="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-gt-xs="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-gt-xs="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-gt-xs="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-gt-xs="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-gt-xs="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-gt-xs="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-gt-xs="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-gt-xs="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-gt-xs="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-gt-xs="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-gt-xs="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-gt-xs="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-gt-xs="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-gt-xs="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [flex-order-gt-xs="20"] {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  [flex-offset-gt-xs="0"] {
    margin-left: 0%; }
  [flex-offset-gt-xs="5"] {
    margin-left: 5%; }
  [flex-offset-gt-xs="10"] {
    margin-left: 10%; }
  [flex-offset-gt-xs="15"] {
    margin-left: 15%; }
  [flex-offset-gt-xs="20"] {
    margin-left: 20%; }
  [flex-offset-gt-xs="25"] {
    margin-left: 25%; }
  [flex-offset-gt-xs="30"] {
    margin-left: 30%; }
  [flex-offset-gt-xs="35"] {
    margin-left: 35%; }
  [flex-offset-gt-xs="40"] {
    margin-left: 40%; }
  [flex-offset-gt-xs="45"] {
    margin-left: 45%; }
  [flex-offset-gt-xs="50"] {
    margin-left: 50%; }
  [flex-offset-gt-xs="55"] {
    margin-left: 55%; }
  [flex-offset-gt-xs="60"] {
    margin-left: 60%; }
  [flex-offset-gt-xs="65"] {
    margin-left: 65%; }
  [flex-offset-gt-xs="70"] {
    margin-left: 70%; }
  [flex-offset-gt-xs="75"] {
    margin-left: 75%; }
  [flex-offset-gt-xs="80"] {
    margin-left: 80%; }
  [flex-offset-gt-xs="85"] {
    margin-left: 85%; }
  [flex-offset-gt-xs="90"] {
    margin-left: 90%; }
  [flex-offset-gt-xs="95"] {
    margin-left: 95%; }
  [flex-offset-gt-xs="33"] {
    margin-left: calc(100% / 3); }
  [flex-offset-gt-xs="66"] {
    margin-left: calc(200% / 3); }
  [layout-align-gt-xs] {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  [layout-align-gt-xs="start"],
  [layout-align-gt-xs="start start"],
  [layout-align-gt-xs="start center"],
  [layout-align-gt-xs="start end"],
  [layout-align-gt-xs="start stretch"] {
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start; }
  [layout-align-gt-xs="center"],
  [layout-align-gt-xs="center start"],
  [layout-align-gt-xs="center center"],
  [layout-align-gt-xs="center end"],
  [layout-align-gt-xs="center stretch"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-gt-xs="end"],
  [layout-align-gt-xs="end center"],
  [layout-align-gt-xs="end start"],
  [layout-align-gt-xs="end end"],
  [layout-align-gt-xs="end stretch"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-gt-xs="space-around"],
  [layout-align-gt-xs="space-around center"],
  [layout-align-gt-xs="space-around start"],
  [layout-align-gt-xs="space-around end"],
  [layout-align-gt-xs="space-around stretch"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-gt-xs="space-between"],
  [layout-align-gt-xs="space-between center"],
  [layout-align-gt-xs="space-between start"],
  [layout-align-gt-xs="space-between end"],
  [layout-align-gt-xs="space-between stretch"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-gt-xs="start start"],
  [layout-align-gt-xs="center start"],
  [layout-align-gt-xs="end start"],
  [layout-align-gt-xs="space-between start"],
  [layout-align-gt-xs="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  [layout-align-gt-xs="start center"],
  [layout-align-gt-xs="center center"],
  [layout-align-gt-xs="end center"],
  [layout-align-gt-xs="space-between center"],
  [layout-align-gt-xs="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  [layout-align-gt-xs="start center"] > *,
  [layout-align-gt-xs="center center"] > *,
  [layout-align-gt-xs="end center"] > *,
  [layout-align-gt-xs="space-between center"] > *,
  [layout-align-gt-xs="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box; }
  [layout-align-gt-xs="start end"],
  [layout-align-gt-xs="center end"],
  [layout-align-gt-xs="end end"],
  [layout-align-gt-xs="space-between end"],
  [layout-align-gt-xs="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  [layout-align-gt-xs="start stretch"],
  [layout-align-gt-xs="center stretch"],
  [layout-align-gt-xs="end stretch"],
  [layout-align-gt-xs="space-between stretch"],
  [layout-align-gt-xs="space-around stretch"] {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  [flex-gt-xs] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 600px) {
  [flex-gt-xs] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 600px) {
  [flex-gt-xs-grow] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  [flex-gt-xs-initial] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  [flex-gt-xs-auto] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  [flex-gt-xs-none] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  [flex-gt-xs="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="0"],
  [layout-gt-xs="row"] > [flex-gt-xs="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="0"],
  [layout-gt-xs="column"] > [flex-gt-xs="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  [flex-gt-xs="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="5"],
  [layout-gt-xs="row"] > [flex-gt-xs="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="5"],
  [layout-gt-xs="column"] > [flex-gt-xs="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  [flex-gt-xs="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="10"],
  [layout-gt-xs="row"] > [flex-gt-xs="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="10"],
  [layout-gt-xs="column"] > [flex-gt-xs="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  [flex-gt-xs="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="15"],
  [layout-gt-xs="row"] > [flex-gt-xs="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="15"],
  [layout-gt-xs="column"] > [flex-gt-xs="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  [flex-gt-xs="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="20"],
  [layout-gt-xs="row"] > [flex-gt-xs="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="20"],
  [layout-gt-xs="column"] > [flex-gt-xs="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  [flex-gt-xs="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="25"],
  [layout-gt-xs="row"] > [flex-gt-xs="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="25"],
  [layout-gt-xs="column"] > [flex-gt-xs="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  [flex-gt-xs="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="30"],
  [layout-gt-xs="row"] > [flex-gt-xs="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="30"],
  [layout-gt-xs="column"] > [flex-gt-xs="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  [flex-gt-xs="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="35"],
  [layout-gt-xs="row"] > [flex-gt-xs="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="35"],
  [layout-gt-xs="column"] > [flex-gt-xs="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  [flex-gt-xs="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="40"],
  [layout-gt-xs="row"] > [flex-gt-xs="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="40"],
  [layout-gt-xs="column"] > [flex-gt-xs="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  [flex-gt-xs="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="45"],
  [layout-gt-xs="row"] > [flex-gt-xs="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="45"],
  [layout-gt-xs="column"] > [flex-gt-xs="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  [flex-gt-xs="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="50"],
  [layout-gt-xs="row"] > [flex-gt-xs="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="50"],
  [layout-gt-xs="column"] > [flex-gt-xs="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  [flex-gt-xs="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="55"],
  [layout-gt-xs="row"] > [flex-gt-xs="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="55"],
  [layout-gt-xs="column"] > [flex-gt-xs="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  [flex-gt-xs="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="60"],
  [layout-gt-xs="row"] > [flex-gt-xs="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="60"],
  [layout-gt-xs="column"] > [flex-gt-xs="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  [flex-gt-xs="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="65"],
  [layout-gt-xs="row"] > [flex-gt-xs="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="65"],
  [layout-gt-xs="column"] > [flex-gt-xs="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  [flex-gt-xs="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="70"],
  [layout-gt-xs="row"] > [flex-gt-xs="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="70"],
  [layout-gt-xs="column"] > [flex-gt-xs="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  [flex-gt-xs="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="75"],
  [layout-gt-xs="row"] > [flex-gt-xs="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="75"],
  [layout-gt-xs="column"] > [flex-gt-xs="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  [flex-gt-xs="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="80"],
  [layout-gt-xs="row"] > [flex-gt-xs="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="80"],
  [layout-gt-xs="column"] > [flex-gt-xs="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  [flex-gt-xs="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="85"],
  [layout-gt-xs="row"] > [flex-gt-xs="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="85"],
  [layout-gt-xs="column"] > [flex-gt-xs="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  [flex-gt-xs="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="90"],
  [layout-gt-xs="row"] > [flex-gt-xs="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="90"],
  [layout-gt-xs="column"] > [flex-gt-xs="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  [flex-gt-xs="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="95"],
  [layout-gt-xs="row"] > [flex-gt-xs="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="95"],
  [layout-gt-xs="column"] > [flex-gt-xs="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  [flex-gt-xs="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="100"],
  [layout-gt-xs="row"] > [flex-gt-xs="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="100"],
  [layout-gt-xs="column"] > [flex-gt-xs="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="33"], [layout="row"] > [flex-gt-xs="33"], [layout-gt-xs="row"] > [flex-gt-xs="33"], [layout-gt-xs="row"] > [flex-gt-xs="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="34"], [layout="row"] > [flex-gt-xs="34"], [layout-gt-xs="row"] > [flex-gt-xs="34"], [layout-gt-xs="row"] > [flex-gt-xs="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 34%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="66"], [layout="row"] > [flex-gt-xs="66"], [layout-gt-xs="row"] > [flex-gt-xs="66"], [layout-gt-xs="row"] > [flex-gt-xs="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-xs="67"], [layout="row"] > [flex-gt-xs="67"], [layout-gt-xs="row"] > [flex-gt-xs="67"], [layout-gt-xs="row"] > [flex-gt-xs="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 67%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="33"], [layout="column"] > [flex-gt-xs="33"], [layout-gt-xs="column"] > [flex-gt-xs="33"], [layout-gt-xs="column"] > [flex-gt-xs="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="34"], [layout="column"] > [flex-gt-xs="34"], [layout-gt-xs="column"] > [flex-gt-xs="34"], [layout-gt-xs="column"] > [flex-gt-xs="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 100%;
    max-height: 34%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="66"], [layout="column"] > [flex-gt-xs="66"], [layout-gt-xs="column"] > [flex-gt-xs="66"], [layout-gt-xs="column"] > [flex-gt-xs="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-xs="67"], [layout="column"] > [flex-gt-xs="67"], [layout-gt-xs="column"] > [flex-gt-xs="67"], [layout-gt-xs="column"] > [flex-gt-xs="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 100%;
    max-height: 67%;
    box-sizing: border-box; }
  [layout-gt-xs], [layout-gt-xs="column"], [layout-gt-xs="row"] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-gt-xs="column"] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-gt-xs="row"] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 600px) and (max-width: 959px) {
  [hide-sm]:not([show-gt-xs]):not([show-sm]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-sm]):not([show]) {
    display: none; }
  [hide-sm]:not([show-sm]):not([show]) {
    display: none; }
  [flex-order-sm="-20"] {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  [flex-order-sm="-19"] {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  [flex-order-sm="-18"] {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  [flex-order-sm="-17"] {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  [flex-order-sm="-16"] {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  [flex-order-sm="-15"] {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  [flex-order-sm="-14"] {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  [flex-order-sm="-13"] {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  [flex-order-sm="-12"] {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  [flex-order-sm="-11"] {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  [flex-order-sm="-10"] {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  [flex-order-sm="-9"] {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  [flex-order-sm="-8"] {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  [flex-order-sm="-7"] {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  [flex-order-sm="-6"] {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  [flex-order-sm="-5"] {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  [flex-order-sm="-4"] {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  [flex-order-sm="-3"] {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  [flex-order-sm="-2"] {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  [flex-order-sm="-1"] {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  [flex-order-sm="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-sm="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-sm="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-sm="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-sm="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-sm="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-sm="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-sm="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-sm="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-sm="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-sm="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-sm="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-sm="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-sm="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-sm="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-sm="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-sm="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-sm="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-sm="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-sm="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [flex-order-sm="20"] {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  [flex-offset-sm="0"] {
    margin-left: 0%; }
  [flex-offset-sm="5"] {
    margin-left: 5%; }
  [flex-offset-sm="10"] {
    margin-left: 10%; }
  [flex-offset-sm="15"] {
    margin-left: 15%; }
  [flex-offset-sm="20"] {
    margin-left: 20%; }
  [flex-offset-sm="25"] {
    margin-left: 25%; }
  [flex-offset-sm="30"] {
    margin-left: 30%; }
  [flex-offset-sm="35"] {
    margin-left: 35%; }
  [flex-offset-sm="40"] {
    margin-left: 40%; }
  [flex-offset-sm="45"] {
    margin-left: 45%; }
  [flex-offset-sm="50"] {
    margin-left: 50%; }
  [flex-offset-sm="55"] {
    margin-left: 55%; }
  [flex-offset-sm="60"] {
    margin-left: 60%; }
  [flex-offset-sm="65"] {
    margin-left: 65%; }
  [flex-offset-sm="70"] {
    margin-left: 70%; }
  [flex-offset-sm="75"] {
    margin-left: 75%; }
  [flex-offset-sm="80"] {
    margin-left: 80%; }
  [flex-offset-sm="85"] {
    margin-left: 85%; }
  [flex-offset-sm="90"] {
    margin-left: 90%; }
  [flex-offset-sm="95"] {
    margin-left: 95%; }
  [flex-offset-sm="33"] {
    margin-left: calc(100% / 3); }
  [flex-offset-sm="66"] {
    margin-left: calc(200% / 3); }
  [layout-align-sm] {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  [layout-align-sm="start"],
  [layout-align-sm="start start"],
  [layout-align-sm="start center"],
  [layout-align-sm="start end"],
  [layout-align-sm="start stretch"] {
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start; }
  [layout-align-sm="center"],
  [layout-align-sm="center start"],
  [layout-align-sm="center center"],
  [layout-align-sm="center end"],
  [layout-align-sm="center stretch"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-sm="end"],
  [layout-align-sm="end center"],
  [layout-align-sm="end start"],
  [layout-align-sm="end end"],
  [layout-align-sm="end stretch"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-sm="space-around"],
  [layout-align-sm="space-around center"],
  [layout-align-sm="space-around start"],
  [layout-align-sm="space-around end"],
  [layout-align-sm="space-around stretch"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-sm="space-between"],
  [layout-align-sm="space-between center"],
  [layout-align-sm="space-between start"],
  [layout-align-sm="space-between end"],
  [layout-align-sm="space-between stretch"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-sm="start start"],
  [layout-align-sm="center start"],
  [layout-align-sm="end start"],
  [layout-align-sm="space-between start"],
  [layout-align-sm="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  [layout-align-sm="start center"],
  [layout-align-sm="center center"],
  [layout-align-sm="end center"],
  [layout-align-sm="space-between center"],
  [layout-align-sm="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  [layout-align-sm="start center"] > *,
  [layout-align-sm="center center"] > *,
  [layout-align-sm="end center"] > *,
  [layout-align-sm="space-between center"] > *,
  [layout-align-sm="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box; }
  [layout-align-sm="start end"],
  [layout-align-sm="center end"],
  [layout-align-sm="end end"],
  [layout-align-sm="space-between end"],
  [layout-align-sm="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  [layout-align-sm="start stretch"],
  [layout-align-sm="center stretch"],
  [layout-align-sm="end stretch"],
  [layout-align-sm="space-between stretch"],
  [layout-align-sm="space-around stretch"] {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  [flex-sm] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 600px) and (max-width: 959px) {
  [flex-sm] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 600px) and (max-width: 959px) {
  [flex-sm-grow] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  [flex-sm-initial] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  [flex-sm-auto] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  [flex-sm-none] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  [flex-sm="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="0"],
  [layout-sm="row"] > [flex-sm="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="0"],
  [layout-sm="column"] > [flex-sm="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  [flex-sm="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="5"],
  [layout-sm="row"] > [flex-sm="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="5"],
  [layout-sm="column"] > [flex-sm="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  [flex-sm="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="10"],
  [layout-sm="row"] > [flex-sm="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="10"],
  [layout-sm="column"] > [flex-sm="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  [flex-sm="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="15"],
  [layout-sm="row"] > [flex-sm="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="15"],
  [layout-sm="column"] > [flex-sm="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  [flex-sm="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="20"],
  [layout-sm="row"] > [flex-sm="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="20"],
  [layout-sm="column"] > [flex-sm="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  [flex-sm="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="25"],
  [layout-sm="row"] > [flex-sm="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="25"],
  [layout-sm="column"] > [flex-sm="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  [flex-sm="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="30"],
  [layout-sm="row"] > [flex-sm="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="30"],
  [layout-sm="column"] > [flex-sm="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  [flex-sm="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="35"],
  [layout-sm="row"] > [flex-sm="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="35"],
  [layout-sm="column"] > [flex-sm="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  [flex-sm="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="40"],
  [layout-sm="row"] > [flex-sm="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="40"],
  [layout-sm="column"] > [flex-sm="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  [flex-sm="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="45"],
  [layout-sm="row"] > [flex-sm="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="45"],
  [layout-sm="column"] > [flex-sm="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  [flex-sm="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="50"],
  [layout-sm="row"] > [flex-sm="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="50"],
  [layout-sm="column"] > [flex-sm="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  [flex-sm="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="55"],
  [layout-sm="row"] > [flex-sm="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="55"],
  [layout-sm="column"] > [flex-sm="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  [flex-sm="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="60"],
  [layout-sm="row"] > [flex-sm="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="60"],
  [layout-sm="column"] > [flex-sm="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  [flex-sm="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="65"],
  [layout-sm="row"] > [flex-sm="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="65"],
  [layout-sm="column"] > [flex-sm="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  [flex-sm="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="70"],
  [layout-sm="row"] > [flex-sm="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="70"],
  [layout-sm="column"] > [flex-sm="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  [flex-sm="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="75"],
  [layout-sm="row"] > [flex-sm="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="75"],
  [layout-sm="column"] > [flex-sm="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  [flex-sm="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="80"],
  [layout-sm="row"] > [flex-sm="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="80"],
  [layout-sm="column"] > [flex-sm="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  [flex-sm="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="85"],
  [layout-sm="row"] > [flex-sm="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="85"],
  [layout-sm="column"] > [flex-sm="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  [flex-sm="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="90"],
  [layout-sm="row"] > [flex-sm="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="90"],
  [layout-sm="column"] > [flex-sm="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  [flex-sm="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="95"],
  [layout-sm="row"] > [flex-sm="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="95"],
  [layout-sm="column"] > [flex-sm="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  [flex-sm="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="100"],
  [layout-sm="row"] > [flex-sm="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="100"],
  [layout-sm="column"] > [flex-sm="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="33"], [layout="row"] > [flex-sm="33"], [layout-sm="row"] > [flex-sm="33"], [layout-sm="row"] > [flex-sm="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="34"], [layout="row"] > [flex-sm="34"], [layout-sm="row"] > [flex-sm="34"], [layout-sm="row"] > [flex-sm="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 34%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="66"], [layout="row"] > [flex-sm="66"], [layout-sm="row"] > [flex-sm="66"], [layout-sm="row"] > [flex-sm="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-sm="67"], [layout="row"] > [flex-sm="67"], [layout-sm="row"] > [flex-sm="67"], [layout-sm="row"] > [flex-sm="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 67%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="33"], [layout="column"] > [flex-sm="33"], [layout-sm="column"] > [flex-sm="33"], [layout-sm="column"] > [flex-sm="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="34"], [layout="column"] > [flex-sm="34"], [layout-sm="column"] > [flex-sm="34"], [layout-sm="column"] > [flex-sm="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 100%;
    max-height: 34%;
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="66"], [layout="column"] > [flex-sm="66"], [layout-sm="column"] > [flex-sm="66"], [layout-sm="column"] > [flex-sm="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-sm="67"], [layout="column"] > [flex-sm="67"], [layout-sm="column"] > [flex-sm="67"], [layout-sm="column"] > [flex-sm="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 100%;
    max-height: 67%;
    box-sizing: border-box; }
  [layout-sm], [layout-sm="column"], [layout-sm="row"] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-sm="column"] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-sm="row"] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 960px) {
  [flex-order-gt-sm="-20"] {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  [flex-order-gt-sm="-19"] {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  [flex-order-gt-sm="-18"] {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  [flex-order-gt-sm="-17"] {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  [flex-order-gt-sm="-16"] {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  [flex-order-gt-sm="-15"] {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  [flex-order-gt-sm="-14"] {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  [flex-order-gt-sm="-13"] {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  [flex-order-gt-sm="-12"] {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  [flex-order-gt-sm="-11"] {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  [flex-order-gt-sm="-10"] {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  [flex-order-gt-sm="-9"] {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  [flex-order-gt-sm="-8"] {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  [flex-order-gt-sm="-7"] {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  [flex-order-gt-sm="-6"] {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  [flex-order-gt-sm="-5"] {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  [flex-order-gt-sm="-4"] {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  [flex-order-gt-sm="-3"] {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  [flex-order-gt-sm="-2"] {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  [flex-order-gt-sm="-1"] {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  [flex-order-gt-sm="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-gt-sm="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-gt-sm="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-gt-sm="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-gt-sm="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-gt-sm="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-gt-sm="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-gt-sm="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-gt-sm="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-gt-sm="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-gt-sm="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-gt-sm="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-gt-sm="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-gt-sm="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-gt-sm="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-gt-sm="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-gt-sm="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-gt-sm="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-gt-sm="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-gt-sm="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [flex-order-gt-sm="20"] {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  [flex-offset-gt-sm="0"] {
    margin-left: 0%; }
  [flex-offset-gt-sm="5"] {
    margin-left: 5%; }
  [flex-offset-gt-sm="10"] {
    margin-left: 10%; }
  [flex-offset-gt-sm="15"] {
    margin-left: 15%; }
  [flex-offset-gt-sm="20"] {
    margin-left: 20%; }
  [flex-offset-gt-sm="25"] {
    margin-left: 25%; }
  [flex-offset-gt-sm="30"] {
    margin-left: 30%; }
  [flex-offset-gt-sm="35"] {
    margin-left: 35%; }
  [flex-offset-gt-sm="40"] {
    margin-left: 40%; }
  [flex-offset-gt-sm="45"] {
    margin-left: 45%; }
  [flex-offset-gt-sm="50"] {
    margin-left: 50%; }
  [flex-offset-gt-sm="55"] {
    margin-left: 55%; }
  [flex-offset-gt-sm="60"] {
    margin-left: 60%; }
  [flex-offset-gt-sm="65"] {
    margin-left: 65%; }
  [flex-offset-gt-sm="70"] {
    margin-left: 70%; }
  [flex-offset-gt-sm="75"] {
    margin-left: 75%; }
  [flex-offset-gt-sm="80"] {
    margin-left: 80%; }
  [flex-offset-gt-sm="85"] {
    margin-left: 85%; }
  [flex-offset-gt-sm="90"] {
    margin-left: 90%; }
  [flex-offset-gt-sm="95"] {
    margin-left: 95%; }
  [flex-offset-gt-sm="33"] {
    margin-left: calc(100% / 3); }
  [flex-offset-gt-sm="66"] {
    margin-left: calc(200% / 3); }
  [layout-align-gt-sm] {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  [layout-align-gt-sm="start"],
  [layout-align-gt-sm="start start"],
  [layout-align-gt-sm="start center"],
  [layout-align-gt-sm="start end"],
  [layout-align-gt-sm="start stretch"] {
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start; }
  [layout-align-gt-sm="center"],
  [layout-align-gt-sm="center start"],
  [layout-align-gt-sm="center center"],
  [layout-align-gt-sm="center end"],
  [layout-align-gt-sm="center stretch"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-gt-sm="end"],
  [layout-align-gt-sm="end center"],
  [layout-align-gt-sm="end start"],
  [layout-align-gt-sm="end end"],
  [layout-align-gt-sm="end stretch"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-gt-sm="space-around"],
  [layout-align-gt-sm="space-around center"],
  [layout-align-gt-sm="space-around start"],
  [layout-align-gt-sm="space-around end"],
  [layout-align-gt-sm="space-around stretch"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-gt-sm="space-between"],
  [layout-align-gt-sm="space-between center"],
  [layout-align-gt-sm="space-between start"],
  [layout-align-gt-sm="space-between end"],
  [layout-align-gt-sm="space-between stretch"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-gt-sm="start start"],
  [layout-align-gt-sm="center start"],
  [layout-align-gt-sm="end start"],
  [layout-align-gt-sm="space-between start"],
  [layout-align-gt-sm="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  [layout-align-gt-sm="start center"],
  [layout-align-gt-sm="center center"],
  [layout-align-gt-sm="end center"],
  [layout-align-gt-sm="space-between center"],
  [layout-align-gt-sm="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  [layout-align-gt-sm="start center"] > *,
  [layout-align-gt-sm="center center"] > *,
  [layout-align-gt-sm="end center"] > *,
  [layout-align-gt-sm="space-between center"] > *,
  [layout-align-gt-sm="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box; }
  [layout-align-gt-sm="start end"],
  [layout-align-gt-sm="center end"],
  [layout-align-gt-sm="end end"],
  [layout-align-gt-sm="space-between end"],
  [layout-align-gt-sm="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  [layout-align-gt-sm="start stretch"],
  [layout-align-gt-sm="center stretch"],
  [layout-align-gt-sm="end stretch"],
  [layout-align-gt-sm="space-between stretch"],
  [layout-align-gt-sm="space-around stretch"] {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  [flex-gt-sm] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 960px) {
  [flex-gt-sm] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 960px) {
  [flex-gt-sm-grow] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  [flex-gt-sm-initial] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  [flex-gt-sm-auto] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  [flex-gt-sm-none] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  [flex-gt-sm="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="0"],
  [layout-gt-sm="row"] > [flex-gt-sm="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="0"],
  [layout-gt-sm="column"] > [flex-gt-sm="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  [flex-gt-sm="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="5"],
  [layout-gt-sm="row"] > [flex-gt-sm="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="5"],
  [layout-gt-sm="column"] > [flex-gt-sm="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  [flex-gt-sm="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="10"],
  [layout-gt-sm="row"] > [flex-gt-sm="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="10"],
  [layout-gt-sm="column"] > [flex-gt-sm="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  [flex-gt-sm="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="15"],
  [layout-gt-sm="row"] > [flex-gt-sm="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="15"],
  [layout-gt-sm="column"] > [flex-gt-sm="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  [flex-gt-sm="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="20"],
  [layout-gt-sm="row"] > [flex-gt-sm="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="20"],
  [layout-gt-sm="column"] > [flex-gt-sm="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  [flex-gt-sm="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="25"],
  [layout-gt-sm="row"] > [flex-gt-sm="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="25"],
  [layout-gt-sm="column"] > [flex-gt-sm="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  [flex-gt-sm="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="30"],
  [layout-gt-sm="row"] > [flex-gt-sm="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="30"],
  [layout-gt-sm="column"] > [flex-gt-sm="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  [flex-gt-sm="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="35"],
  [layout-gt-sm="row"] > [flex-gt-sm="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="35"],
  [layout-gt-sm="column"] > [flex-gt-sm="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  [flex-gt-sm="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="40"],
  [layout-gt-sm="row"] > [flex-gt-sm="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="40"],
  [layout-gt-sm="column"] > [flex-gt-sm="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  [flex-gt-sm="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="45"],
  [layout-gt-sm="row"] > [flex-gt-sm="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="45"],
  [layout-gt-sm="column"] > [flex-gt-sm="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  [flex-gt-sm="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="50"],
  [layout-gt-sm="row"] > [flex-gt-sm="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="50"],
  [layout-gt-sm="column"] > [flex-gt-sm="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  [flex-gt-sm="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="55"],
  [layout-gt-sm="row"] > [flex-gt-sm="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="55"],
  [layout-gt-sm="column"] > [flex-gt-sm="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  [flex-gt-sm="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="60"],
  [layout-gt-sm="row"] > [flex-gt-sm="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="60"],
  [layout-gt-sm="column"] > [flex-gt-sm="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  [flex-gt-sm="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="65"],
  [layout-gt-sm="row"] > [flex-gt-sm="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="65"],
  [layout-gt-sm="column"] > [flex-gt-sm="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  [flex-gt-sm="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="70"],
  [layout-gt-sm="row"] > [flex-gt-sm="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="70"],
  [layout-gt-sm="column"] > [flex-gt-sm="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  [flex-gt-sm="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="75"],
  [layout-gt-sm="row"] > [flex-gt-sm="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="75"],
  [layout-gt-sm="column"] > [flex-gt-sm="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  [flex-gt-sm="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="80"],
  [layout-gt-sm="row"] > [flex-gt-sm="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="80"],
  [layout-gt-sm="column"] > [flex-gt-sm="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  [flex-gt-sm="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="85"],
  [layout-gt-sm="row"] > [flex-gt-sm="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="85"],
  [layout-gt-sm="column"] > [flex-gt-sm="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  [flex-gt-sm="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="90"],
  [layout-gt-sm="row"] > [flex-gt-sm="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="90"],
  [layout-gt-sm="column"] > [flex-gt-sm="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  [flex-gt-sm="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="95"],
  [layout-gt-sm="row"] > [flex-gt-sm="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="95"],
  [layout-gt-sm="column"] > [flex-gt-sm="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  [flex-gt-sm="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="100"],
  [layout-gt-sm="row"] > [flex-gt-sm="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="100"],
  [layout-gt-sm="column"] > [flex-gt-sm="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="33"], [layout="row"] > [flex-gt-sm="33"], [layout-gt-sm="row"] > [flex-gt-sm="33"], [layout-gt-sm="row"] > [flex-gt-sm="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="34"], [layout="row"] > [flex-gt-sm="34"], [layout-gt-sm="row"] > [flex-gt-sm="34"], [layout-gt-sm="row"] > [flex-gt-sm="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 34%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="66"], [layout="row"] > [flex-gt-sm="66"], [layout-gt-sm="row"] > [flex-gt-sm="66"], [layout-gt-sm="row"] > [flex-gt-sm="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-sm="67"], [layout="row"] > [flex-gt-sm="67"], [layout-gt-sm="row"] > [flex-gt-sm="67"], [layout-gt-sm="row"] > [flex-gt-sm="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 67%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="33"], [layout="column"] > [flex-gt-sm="33"], [layout-gt-sm="column"] > [flex-gt-sm="33"], [layout-gt-sm="column"] > [flex-gt-sm="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="34"], [layout="column"] > [flex-gt-sm="34"], [layout-gt-sm="column"] > [flex-gt-sm="34"], [layout-gt-sm="column"] > [flex-gt-sm="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 100%;
    max-height: 34%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="66"], [layout="column"] > [flex-gt-sm="66"], [layout-gt-sm="column"] > [flex-gt-sm="66"], [layout-gt-sm="column"] > [flex-gt-sm="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-sm="67"], [layout="column"] > [flex-gt-sm="67"], [layout-gt-sm="column"] > [flex-gt-sm="67"], [layout-gt-sm="column"] > [flex-gt-sm="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 100%;
    max-height: 67%;
    box-sizing: border-box; }
  [layout-gt-sm], [layout-gt-sm="column"], [layout-gt-sm="row"] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-gt-sm="column"] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-gt-sm="row"] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 960px) and (max-width: 1279px) {
  [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]) {
    display: none; }
  [hide-md]:not([show-md]):not([show]) {
    display: none; }
  [flex-order-md="-20"] {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  [flex-order-md="-19"] {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  [flex-order-md="-18"] {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  [flex-order-md="-17"] {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  [flex-order-md="-16"] {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  [flex-order-md="-15"] {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  [flex-order-md="-14"] {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  [flex-order-md="-13"] {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  [flex-order-md="-12"] {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  [flex-order-md="-11"] {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  [flex-order-md="-10"] {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  [flex-order-md="-9"] {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  [flex-order-md="-8"] {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  [flex-order-md="-7"] {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  [flex-order-md="-6"] {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  [flex-order-md="-5"] {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  [flex-order-md="-4"] {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  [flex-order-md="-3"] {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  [flex-order-md="-2"] {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  [flex-order-md="-1"] {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  [flex-order-md="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-md="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-md="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-md="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-md="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-md="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-md="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-md="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-md="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-md="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-md="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-md="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-md="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-md="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-md="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-md="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-md="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-md="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-md="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-md="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [flex-order-md="20"] {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  [flex-offset-md="0"] {
    margin-left: 0%; }
  [flex-offset-md="5"] {
    margin-left: 5%; }
  [flex-offset-md="10"] {
    margin-left: 10%; }
  [flex-offset-md="15"] {
    margin-left: 15%; }
  [flex-offset-md="20"] {
    margin-left: 20%; }
  [flex-offset-md="25"] {
    margin-left: 25%; }
  [flex-offset-md="30"] {
    margin-left: 30%; }
  [flex-offset-md="35"] {
    margin-left: 35%; }
  [flex-offset-md="40"] {
    margin-left: 40%; }
  [flex-offset-md="45"] {
    margin-left: 45%; }
  [flex-offset-md="50"] {
    margin-left: 50%; }
  [flex-offset-md="55"] {
    margin-left: 55%; }
  [flex-offset-md="60"] {
    margin-left: 60%; }
  [flex-offset-md="65"] {
    margin-left: 65%; }
  [flex-offset-md="70"] {
    margin-left: 70%; }
  [flex-offset-md="75"] {
    margin-left: 75%; }
  [flex-offset-md="80"] {
    margin-left: 80%; }
  [flex-offset-md="85"] {
    margin-left: 85%; }
  [flex-offset-md="90"] {
    margin-left: 90%; }
  [flex-offset-md="95"] {
    margin-left: 95%; }
  [flex-offset-md="33"] {
    margin-left: calc(100% / 3); }
  [flex-offset-md="66"] {
    margin-left: calc(200% / 3); }
  [layout-align-md] {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  [layout-align-md="start"],
  [layout-align-md="start start"],
  [layout-align-md="start center"],
  [layout-align-md="start end"],
  [layout-align-md="start stretch"] {
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start; }
  [layout-align-md="center"],
  [layout-align-md="center start"],
  [layout-align-md="center center"],
  [layout-align-md="center end"],
  [layout-align-md="center stretch"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-md="end"],
  [layout-align-md="end center"],
  [layout-align-md="end start"],
  [layout-align-md="end end"],
  [layout-align-md="end stretch"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-md="space-around"],
  [layout-align-md="space-around center"],
  [layout-align-md="space-around start"],
  [layout-align-md="space-around end"],
  [layout-align-md="space-around stretch"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-md="space-between"],
  [layout-align-md="space-between center"],
  [layout-align-md="space-between start"],
  [layout-align-md="space-between end"],
  [layout-align-md="space-between stretch"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-md="start start"],
  [layout-align-md="center start"],
  [layout-align-md="end start"],
  [layout-align-md="space-between start"],
  [layout-align-md="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  [layout-align-md="start center"],
  [layout-align-md="center center"],
  [layout-align-md="end center"],
  [layout-align-md="space-between center"],
  [layout-align-md="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  [layout-align-md="start center"] > *,
  [layout-align-md="center center"] > *,
  [layout-align-md="end center"] > *,
  [layout-align-md="space-between center"] > *,
  [layout-align-md="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box; }
  [layout-align-md="start end"],
  [layout-align-md="center end"],
  [layout-align-md="end end"],
  [layout-align-md="space-between end"],
  [layout-align-md="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  [layout-align-md="start stretch"],
  [layout-align-md="center stretch"],
  [layout-align-md="end stretch"],
  [layout-align-md="space-between stretch"],
  [layout-align-md="space-around stretch"] {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  [flex-md] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 960px) and (max-width: 1279px) {
  [flex-md] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 960px) and (max-width: 1279px) {
  [flex-md-grow] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  [flex-md-initial] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  [flex-md-auto] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  [flex-md-none] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  [flex-md="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="0"],
  [layout-md="row"] > [flex-md="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="0"],
  [layout-md="column"] > [flex-md="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  [flex-md="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="5"],
  [layout-md="row"] > [flex-md="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="5"],
  [layout-md="column"] > [flex-md="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  [flex-md="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="10"],
  [layout-md="row"] > [flex-md="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="10"],
  [layout-md="column"] > [flex-md="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  [flex-md="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="15"],
  [layout-md="row"] > [flex-md="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="15"],
  [layout-md="column"] > [flex-md="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  [flex-md="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="20"],
  [layout-md="row"] > [flex-md="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="20"],
  [layout-md="column"] > [flex-md="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  [flex-md="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="25"],
  [layout-md="row"] > [flex-md="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="25"],
  [layout-md="column"] > [flex-md="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  [flex-md="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="30"],
  [layout-md="row"] > [flex-md="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="30"],
  [layout-md="column"] > [flex-md="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  [flex-md="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="35"],
  [layout-md="row"] > [flex-md="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="35"],
  [layout-md="column"] > [flex-md="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  [flex-md="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="40"],
  [layout-md="row"] > [flex-md="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="40"],
  [layout-md="column"] > [flex-md="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  [flex-md="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="45"],
  [layout-md="row"] > [flex-md="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="45"],
  [layout-md="column"] > [flex-md="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  [flex-md="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="50"],
  [layout-md="row"] > [flex-md="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="50"],
  [layout-md="column"] > [flex-md="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  [flex-md="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="55"],
  [layout-md="row"] > [flex-md="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="55"],
  [layout-md="column"] > [flex-md="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  [flex-md="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="60"],
  [layout-md="row"] > [flex-md="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="60"],
  [layout-md="column"] > [flex-md="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  [flex-md="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="65"],
  [layout-md="row"] > [flex-md="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="65"],
  [layout-md="column"] > [flex-md="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  [flex-md="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="70"],
  [layout-md="row"] > [flex-md="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="70"],
  [layout-md="column"] > [flex-md="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  [flex-md="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="75"],
  [layout-md="row"] > [flex-md="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="75"],
  [layout-md="column"] > [flex-md="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  [flex-md="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="80"],
  [layout-md="row"] > [flex-md="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="80"],
  [layout-md="column"] > [flex-md="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  [flex-md="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="85"],
  [layout-md="row"] > [flex-md="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="85"],
  [layout-md="column"] > [flex-md="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  [flex-md="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="90"],
  [layout-md="row"] > [flex-md="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="90"],
  [layout-md="column"] > [flex-md="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  [flex-md="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="95"],
  [layout-md="row"] > [flex-md="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="95"],
  [layout-md="column"] > [flex-md="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  [flex-md="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="100"],
  [layout-md="row"] > [flex-md="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="100"],
  [layout-md="column"] > [flex-md="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="33"], [layout="row"] > [flex-md="33"], [layout-md="row"] > [flex-md="33"], [layout-md="row"] > [flex-md="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="34"], [layout="row"] > [flex-md="34"], [layout-md="row"] > [flex-md="34"], [layout-md="row"] > [flex-md="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 34%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="66"], [layout="row"] > [flex-md="66"], [layout-md="row"] > [flex-md="66"], [layout-md="row"] > [flex-md="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-md="67"], [layout="row"] > [flex-md="67"], [layout-md="row"] > [flex-md="67"], [layout-md="row"] > [flex-md="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 67%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="33"], [layout="column"] > [flex-md="33"], [layout-md="column"] > [flex-md="33"], [layout-md="column"] > [flex-md="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-md="34"], [layout="column"] > [flex-md="34"], [layout-md="column"] > [flex-md="34"], [layout-md="column"] > [flex-md="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 100%;
    max-height: 34%;
    box-sizing: border-box; }
  [layout="column"] > [flex-md="66"], [layout="column"] > [flex-md="66"], [layout-md="column"] > [flex-md="66"], [layout-md="column"] > [flex-md="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-md="67"], [layout="column"] > [flex-md="67"], [layout-md="column"] > [flex-md="67"], [layout-md="column"] > [flex-md="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 100%;
    max-height: 67%;
    box-sizing: border-box; }
  [layout-md], [layout-md="column"], [layout-md="row"] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-md="column"] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-md="row"] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 1280px) {
  [flex-order-gt-md="-20"] {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  [flex-order-gt-md="-19"] {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  [flex-order-gt-md="-18"] {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  [flex-order-gt-md="-17"] {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  [flex-order-gt-md="-16"] {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  [flex-order-gt-md="-15"] {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  [flex-order-gt-md="-14"] {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  [flex-order-gt-md="-13"] {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  [flex-order-gt-md="-12"] {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  [flex-order-gt-md="-11"] {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  [flex-order-gt-md="-10"] {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  [flex-order-gt-md="-9"] {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  [flex-order-gt-md="-8"] {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  [flex-order-gt-md="-7"] {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  [flex-order-gt-md="-6"] {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  [flex-order-gt-md="-5"] {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  [flex-order-gt-md="-4"] {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  [flex-order-gt-md="-3"] {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  [flex-order-gt-md="-2"] {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  [flex-order-gt-md="-1"] {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  [flex-order-gt-md="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-gt-md="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-gt-md="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-gt-md="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-gt-md="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-gt-md="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-gt-md="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-gt-md="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-gt-md="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-gt-md="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-gt-md="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-gt-md="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-gt-md="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-gt-md="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-gt-md="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-gt-md="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-gt-md="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-gt-md="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-gt-md="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-gt-md="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [flex-order-gt-md="20"] {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  [flex-offset-gt-md="0"] {
    margin-left: 0%; }
  [flex-offset-gt-md="5"] {
    margin-left: 5%; }
  [flex-offset-gt-md="10"] {
    margin-left: 10%; }
  [flex-offset-gt-md="15"] {
    margin-left: 15%; }
  [flex-offset-gt-md="20"] {
    margin-left: 20%; }
  [flex-offset-gt-md="25"] {
    margin-left: 25%; }
  [flex-offset-gt-md="30"] {
    margin-left: 30%; }
  [flex-offset-gt-md="35"] {
    margin-left: 35%; }
  [flex-offset-gt-md="40"] {
    margin-left: 40%; }
  [flex-offset-gt-md="45"] {
    margin-left: 45%; }
  [flex-offset-gt-md="50"] {
    margin-left: 50%; }
  [flex-offset-gt-md="55"] {
    margin-left: 55%; }
  [flex-offset-gt-md="60"] {
    margin-left: 60%; }
  [flex-offset-gt-md="65"] {
    margin-left: 65%; }
  [flex-offset-gt-md="70"] {
    margin-left: 70%; }
  [flex-offset-gt-md="75"] {
    margin-left: 75%; }
  [flex-offset-gt-md="80"] {
    margin-left: 80%; }
  [flex-offset-gt-md="85"] {
    margin-left: 85%; }
  [flex-offset-gt-md="90"] {
    margin-left: 90%; }
  [flex-offset-gt-md="95"] {
    margin-left: 95%; }
  [flex-offset-gt-md="33"] {
    margin-left: calc(100% / 3); }
  [flex-offset-gt-md="66"] {
    margin-left: calc(200% / 3); }
  [layout-align-gt-md] {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  [layout-align-gt-md="start"],
  [layout-align-gt-md="start start"],
  [layout-align-gt-md="start center"],
  [layout-align-gt-md="start end"],
  [layout-align-gt-md="start stretch"] {
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start; }
  [layout-align-gt-md="center"],
  [layout-align-gt-md="center start"],
  [layout-align-gt-md="center center"],
  [layout-align-gt-md="center end"],
  [layout-align-gt-md="center stretch"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-gt-md="end"],
  [layout-align-gt-md="end center"],
  [layout-align-gt-md="end start"],
  [layout-align-gt-md="end end"],
  [layout-align-gt-md="end stretch"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-gt-md="space-around"],
  [layout-align-gt-md="space-around center"],
  [layout-align-gt-md="space-around start"],
  [layout-align-gt-md="space-around end"],
  [layout-align-gt-md="space-around stretch"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-gt-md="space-between"],
  [layout-align-gt-md="space-between center"],
  [layout-align-gt-md="space-between start"],
  [layout-align-gt-md="space-between end"],
  [layout-align-gt-md="space-between stretch"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-gt-md="start start"],
  [layout-align-gt-md="center start"],
  [layout-align-gt-md="end start"],
  [layout-align-gt-md="space-between start"],
  [layout-align-gt-md="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  [layout-align-gt-md="start center"],
  [layout-align-gt-md="center center"],
  [layout-align-gt-md="end center"],
  [layout-align-gt-md="space-between center"],
  [layout-align-gt-md="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  [layout-align-gt-md="start center"] > *,
  [layout-align-gt-md="center center"] > *,
  [layout-align-gt-md="end center"] > *,
  [layout-align-gt-md="space-between center"] > *,
  [layout-align-gt-md="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box; }
  [layout-align-gt-md="start end"],
  [layout-align-gt-md="center end"],
  [layout-align-gt-md="end end"],
  [layout-align-gt-md="space-between end"],
  [layout-align-gt-md="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  [layout-align-gt-md="start stretch"],
  [layout-align-gt-md="center stretch"],
  [layout-align-gt-md="end stretch"],
  [layout-align-gt-md="space-between stretch"],
  [layout-align-gt-md="space-around stretch"] {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  [flex-gt-md] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 1280px) {
  [flex-gt-md] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 1280px) {
  [flex-gt-md-grow] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  [flex-gt-md-initial] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  [flex-gt-md-auto] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  [flex-gt-md-none] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  [flex-gt-md="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="0"],
  [layout-gt-md="row"] > [flex-gt-md="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="0"],
  [layout-gt-md="column"] > [flex-gt-md="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  [flex-gt-md="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="5"],
  [layout-gt-md="row"] > [flex-gt-md="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="5"],
  [layout-gt-md="column"] > [flex-gt-md="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  [flex-gt-md="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="10"],
  [layout-gt-md="row"] > [flex-gt-md="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="10"],
  [layout-gt-md="column"] > [flex-gt-md="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  [flex-gt-md="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="15"],
  [layout-gt-md="row"] > [flex-gt-md="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="15"],
  [layout-gt-md="column"] > [flex-gt-md="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  [flex-gt-md="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="20"],
  [layout-gt-md="row"] > [flex-gt-md="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="20"],
  [layout-gt-md="column"] > [flex-gt-md="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  [flex-gt-md="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="25"],
  [layout-gt-md="row"] > [flex-gt-md="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="25"],
  [layout-gt-md="column"] > [flex-gt-md="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  [flex-gt-md="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="30"],
  [layout-gt-md="row"] > [flex-gt-md="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="30"],
  [layout-gt-md="column"] > [flex-gt-md="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  [flex-gt-md="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="35"],
  [layout-gt-md="row"] > [flex-gt-md="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="35"],
  [layout-gt-md="column"] > [flex-gt-md="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  [flex-gt-md="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="40"],
  [layout-gt-md="row"] > [flex-gt-md="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="40"],
  [layout-gt-md="column"] > [flex-gt-md="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  [flex-gt-md="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="45"],
  [layout-gt-md="row"] > [flex-gt-md="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="45"],
  [layout-gt-md="column"] > [flex-gt-md="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  [flex-gt-md="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="50"],
  [layout-gt-md="row"] > [flex-gt-md="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="50"],
  [layout-gt-md="column"] > [flex-gt-md="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  [flex-gt-md="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="55"],
  [layout-gt-md="row"] > [flex-gt-md="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="55"],
  [layout-gt-md="column"] > [flex-gt-md="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  [flex-gt-md="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="60"],
  [layout-gt-md="row"] > [flex-gt-md="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="60"],
  [layout-gt-md="column"] > [flex-gt-md="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  [flex-gt-md="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="65"],
  [layout-gt-md="row"] > [flex-gt-md="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="65"],
  [layout-gt-md="column"] > [flex-gt-md="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  [flex-gt-md="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="70"],
  [layout-gt-md="row"] > [flex-gt-md="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="70"],
  [layout-gt-md="column"] > [flex-gt-md="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  [flex-gt-md="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="75"],
  [layout-gt-md="row"] > [flex-gt-md="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="75"],
  [layout-gt-md="column"] > [flex-gt-md="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  [flex-gt-md="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="80"],
  [layout-gt-md="row"] > [flex-gt-md="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="80"],
  [layout-gt-md="column"] > [flex-gt-md="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  [flex-gt-md="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="85"],
  [layout-gt-md="row"] > [flex-gt-md="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="85"],
  [layout-gt-md="column"] > [flex-gt-md="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  [flex-gt-md="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="90"],
  [layout-gt-md="row"] > [flex-gt-md="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="90"],
  [layout-gt-md="column"] > [flex-gt-md="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  [flex-gt-md="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="95"],
  [layout-gt-md="row"] > [flex-gt-md="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="95"],
  [layout-gt-md="column"] > [flex-gt-md="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  [flex-gt-md="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="100"],
  [layout-gt-md="row"] > [flex-gt-md="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="100"],
  [layout-gt-md="column"] > [flex-gt-md="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="33"], [layout="row"] > [flex-gt-md="33"], [layout-gt-md="row"] > [flex-gt-md="33"], [layout-gt-md="row"] > [flex-gt-md="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="34"], [layout="row"] > [flex-gt-md="34"], [layout-gt-md="row"] > [flex-gt-md="34"], [layout-gt-md="row"] > [flex-gt-md="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 34%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="66"], [layout="row"] > [flex-gt-md="66"], [layout-gt-md="row"] > [flex-gt-md="66"], [layout-gt-md="row"] > [flex-gt-md="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-md="67"], [layout="row"] > [flex-gt-md="67"], [layout-gt-md="row"] > [flex-gt-md="67"], [layout-gt-md="row"] > [flex-gt-md="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 67%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="33"], [layout="column"] > [flex-gt-md="33"], [layout-gt-md="column"] > [flex-gt-md="33"], [layout-gt-md="column"] > [flex-gt-md="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="34"], [layout="column"] > [flex-gt-md="34"], [layout-gt-md="column"] > [flex-gt-md="34"], [layout-gt-md="column"] > [flex-gt-md="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 100%;
    max-height: 34%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="66"], [layout="column"] > [flex-gt-md="66"], [layout-gt-md="column"] > [flex-gt-md="66"], [layout-gt-md="column"] > [flex-gt-md="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-md="67"], [layout="column"] > [flex-gt-md="67"], [layout-gt-md="column"] > [flex-gt-md="67"], [layout-gt-md="column"] > [flex-gt-md="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 100%;
    max-height: 67%;
    box-sizing: border-box; }
  [layout-gt-md], [layout-gt-md="column"], [layout-gt-md="row"] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-gt-md="column"] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-gt-md="row"] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 1280px) and (max-width: 1919px) {
  [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]) {
    display: none; }
  [hide-lg]:not([show-lg]):not([show]) {
    display: none; }
  [flex-order-lg="-20"] {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  [flex-order-lg="-19"] {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  [flex-order-lg="-18"] {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  [flex-order-lg="-17"] {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  [flex-order-lg="-16"] {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  [flex-order-lg="-15"] {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  [flex-order-lg="-14"] {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  [flex-order-lg="-13"] {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  [flex-order-lg="-12"] {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  [flex-order-lg="-11"] {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  [flex-order-lg="-10"] {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  [flex-order-lg="-9"] {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  [flex-order-lg="-8"] {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  [flex-order-lg="-7"] {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  [flex-order-lg="-6"] {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  [flex-order-lg="-5"] {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  [flex-order-lg="-4"] {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  [flex-order-lg="-3"] {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  [flex-order-lg="-2"] {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  [flex-order-lg="-1"] {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  [flex-order-lg="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-lg="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-lg="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-lg="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-lg="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-lg="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-lg="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-lg="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-lg="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-lg="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-lg="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-lg="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-lg="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-lg="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-lg="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-lg="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-lg="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-lg="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-lg="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-lg="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [flex-order-lg="20"] {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  [flex-offset-lg="0"] {
    margin-left: 0%; }
  [flex-offset-lg="5"] {
    margin-left: 5%; }
  [flex-offset-lg="10"] {
    margin-left: 10%; }
  [flex-offset-lg="15"] {
    margin-left: 15%; }
  [flex-offset-lg="20"] {
    margin-left: 20%; }
  [flex-offset-lg="25"] {
    margin-left: 25%; }
  [flex-offset-lg="30"] {
    margin-left: 30%; }
  [flex-offset-lg="35"] {
    margin-left: 35%; }
  [flex-offset-lg="40"] {
    margin-left: 40%; }
  [flex-offset-lg="45"] {
    margin-left: 45%; }
  [flex-offset-lg="50"] {
    margin-left: 50%; }
  [flex-offset-lg="55"] {
    margin-left: 55%; }
  [flex-offset-lg="60"] {
    margin-left: 60%; }
  [flex-offset-lg="65"] {
    margin-left: 65%; }
  [flex-offset-lg="70"] {
    margin-left: 70%; }
  [flex-offset-lg="75"] {
    margin-left: 75%; }
  [flex-offset-lg="80"] {
    margin-left: 80%; }
  [flex-offset-lg="85"] {
    margin-left: 85%; }
  [flex-offset-lg="90"] {
    margin-left: 90%; }
  [flex-offset-lg="95"] {
    margin-left: 95%; }
  [flex-offset-lg="33"] {
    margin-left: calc(100% / 3); }
  [flex-offset-lg="66"] {
    margin-left: calc(200% / 3); }
  [layout-align-lg] {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  [layout-align-lg="start"],
  [layout-align-lg="start start"],
  [layout-align-lg="start center"],
  [layout-align-lg="start end"],
  [layout-align-lg="start stretch"] {
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start; }
  [layout-align-lg="center"],
  [layout-align-lg="center start"],
  [layout-align-lg="center center"],
  [layout-align-lg="center end"],
  [layout-align-lg="center stretch"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-lg="end"],
  [layout-align-lg="end center"],
  [layout-align-lg="end start"],
  [layout-align-lg="end end"],
  [layout-align-lg="end stretch"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-lg="space-around"],
  [layout-align-lg="space-around center"],
  [layout-align-lg="space-around start"],
  [layout-align-lg="space-around end"],
  [layout-align-lg="space-around stretch"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-lg="space-between"],
  [layout-align-lg="space-between center"],
  [layout-align-lg="space-between start"],
  [layout-align-lg="space-between end"],
  [layout-align-lg="space-between stretch"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-lg="start start"],
  [layout-align-lg="center start"],
  [layout-align-lg="end start"],
  [layout-align-lg="space-between start"],
  [layout-align-lg="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  [layout-align-lg="start center"],
  [layout-align-lg="center center"],
  [layout-align-lg="end center"],
  [layout-align-lg="space-between center"],
  [layout-align-lg="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  [layout-align-lg="start center"] > *,
  [layout-align-lg="center center"] > *,
  [layout-align-lg="end center"] > *,
  [layout-align-lg="space-between center"] > *,
  [layout-align-lg="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box; }
  [layout-align-lg="start end"],
  [layout-align-lg="center end"],
  [layout-align-lg="end end"],
  [layout-align-lg="space-between end"],
  [layout-align-lg="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  [layout-align-lg="start stretch"],
  [layout-align-lg="center stretch"],
  [layout-align-lg="end stretch"],
  [layout-align-lg="space-between stretch"],
  [layout-align-lg="space-around stretch"] {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  [flex-lg] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 1280px) and (max-width: 1919px) {
  [flex-lg] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 1280px) and (max-width: 1919px) {
  [flex-lg-grow] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  [flex-lg-initial] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  [flex-lg-auto] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  [flex-lg-none] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  [flex-lg="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="0"],
  [layout-lg="row"] > [flex-lg="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="0"],
  [layout-lg="column"] > [flex-lg="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  [flex-lg="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="5"],
  [layout-lg="row"] > [flex-lg="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="5"],
  [layout-lg="column"] > [flex-lg="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  [flex-lg="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="10"],
  [layout-lg="row"] > [flex-lg="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="10"],
  [layout-lg="column"] > [flex-lg="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  [flex-lg="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="15"],
  [layout-lg="row"] > [flex-lg="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="15"],
  [layout-lg="column"] > [flex-lg="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  [flex-lg="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="20"],
  [layout-lg="row"] > [flex-lg="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="20"],
  [layout-lg="column"] > [flex-lg="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  [flex-lg="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="25"],
  [layout-lg="row"] > [flex-lg="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="25"],
  [layout-lg="column"] > [flex-lg="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  [flex-lg="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="30"],
  [layout-lg="row"] > [flex-lg="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="30"],
  [layout-lg="column"] > [flex-lg="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  [flex-lg="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="35"],
  [layout-lg="row"] > [flex-lg="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="35"],
  [layout-lg="column"] > [flex-lg="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  [flex-lg="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="40"],
  [layout-lg="row"] > [flex-lg="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="40"],
  [layout-lg="column"] > [flex-lg="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  [flex-lg="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="45"],
  [layout-lg="row"] > [flex-lg="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="45"],
  [layout-lg="column"] > [flex-lg="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  [flex-lg="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="50"],
  [layout-lg="row"] > [flex-lg="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="50"],
  [layout-lg="column"] > [flex-lg="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  [flex-lg="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="55"],
  [layout-lg="row"] > [flex-lg="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="55"],
  [layout-lg="column"] > [flex-lg="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  [flex-lg="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="60"],
  [layout-lg="row"] > [flex-lg="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="60"],
  [layout-lg="column"] > [flex-lg="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  [flex-lg="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="65"],
  [layout-lg="row"] > [flex-lg="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="65"],
  [layout-lg="column"] > [flex-lg="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  [flex-lg="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="70"],
  [layout-lg="row"] > [flex-lg="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="70"],
  [layout-lg="column"] > [flex-lg="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  [flex-lg="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="75"],
  [layout-lg="row"] > [flex-lg="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="75"],
  [layout-lg="column"] > [flex-lg="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  [flex-lg="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="80"],
  [layout-lg="row"] > [flex-lg="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="80"],
  [layout-lg="column"] > [flex-lg="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  [flex-lg="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="85"],
  [layout-lg="row"] > [flex-lg="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="85"],
  [layout-lg="column"] > [flex-lg="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  [flex-lg="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="90"],
  [layout-lg="row"] > [flex-lg="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="90"],
  [layout-lg="column"] > [flex-lg="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  [flex-lg="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="95"],
  [layout-lg="row"] > [flex-lg="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="95"],
  [layout-lg="column"] > [flex-lg="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  [flex-lg="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="100"],
  [layout-lg="row"] > [flex-lg="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="100"],
  [layout-lg="column"] > [flex-lg="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="33"], [layout="row"] > [flex-lg="33"], [layout-lg="row"] > [flex-lg="33"], [layout-lg="row"] > [flex-lg="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="34"], [layout="row"] > [flex-lg="34"], [layout-lg="row"] > [flex-lg="34"], [layout-lg="row"] > [flex-lg="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 34%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="66"], [layout="row"] > [flex-lg="66"], [layout-lg="row"] > [flex-lg="66"], [layout-lg="row"] > [flex-lg="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-lg="67"], [layout="row"] > [flex-lg="67"], [layout-lg="row"] > [flex-lg="67"], [layout-lg="row"] > [flex-lg="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 67%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="33"], [layout="column"] > [flex-lg="33"], [layout-lg="column"] > [flex-lg="33"], [layout-lg="column"] > [flex-lg="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="34"], [layout="column"] > [flex-lg="34"], [layout-lg="column"] > [flex-lg="34"], [layout-lg="column"] > [flex-lg="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 100%;
    max-height: 34%;
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="66"], [layout="column"] > [flex-lg="66"], [layout-lg="column"] > [flex-lg="66"], [layout-lg="column"] > [flex-lg="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-lg="67"], [layout="column"] > [flex-lg="67"], [layout-lg="column"] > [flex-lg="67"], [layout-lg="column"] > [flex-lg="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 100%;
    max-height: 67%;
    box-sizing: border-box; }
  [layout-lg], [layout-lg="column"], [layout-lg="row"] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-lg="column"] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-lg="row"] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; } }

@media (min-width: 1920px) {
  [flex-order-gt-lg="-20"] {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  [flex-order-gt-lg="-19"] {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  [flex-order-gt-lg="-18"] {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  [flex-order-gt-lg="-17"] {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  [flex-order-gt-lg="-16"] {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  [flex-order-gt-lg="-15"] {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  [flex-order-gt-lg="-14"] {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  [flex-order-gt-lg="-13"] {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  [flex-order-gt-lg="-12"] {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  [flex-order-gt-lg="-11"] {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  [flex-order-gt-lg="-10"] {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  [flex-order-gt-lg="-9"] {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  [flex-order-gt-lg="-8"] {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  [flex-order-gt-lg="-7"] {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  [flex-order-gt-lg="-6"] {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  [flex-order-gt-lg="-5"] {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  [flex-order-gt-lg="-4"] {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  [flex-order-gt-lg="-3"] {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  [flex-order-gt-lg="-2"] {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  [flex-order-gt-lg="-1"] {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  [flex-order-gt-lg="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-gt-lg="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-gt-lg="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-gt-lg="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-gt-lg="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-gt-lg="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-gt-lg="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-gt-lg="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-gt-lg="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-gt-lg="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-gt-lg="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-gt-lg="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-gt-lg="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-gt-lg="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-gt-lg="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-gt-lg="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-gt-lg="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-gt-lg="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-gt-lg="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-gt-lg="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [flex-order-gt-lg="20"] {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  [flex-offset-gt-lg="0"] {
    margin-left: 0%; }
  [flex-offset-gt-lg="5"] {
    margin-left: 5%; }
  [flex-offset-gt-lg="10"] {
    margin-left: 10%; }
  [flex-offset-gt-lg="15"] {
    margin-left: 15%; }
  [flex-offset-gt-lg="20"] {
    margin-left: 20%; }
  [flex-offset-gt-lg="25"] {
    margin-left: 25%; }
  [flex-offset-gt-lg="30"] {
    margin-left: 30%; }
  [flex-offset-gt-lg="35"] {
    margin-left: 35%; }
  [flex-offset-gt-lg="40"] {
    margin-left: 40%; }
  [flex-offset-gt-lg="45"] {
    margin-left: 45%; }
  [flex-offset-gt-lg="50"] {
    margin-left: 50%; }
  [flex-offset-gt-lg="55"] {
    margin-left: 55%; }
  [flex-offset-gt-lg="60"] {
    margin-left: 60%; }
  [flex-offset-gt-lg="65"] {
    margin-left: 65%; }
  [flex-offset-gt-lg="70"] {
    margin-left: 70%; }
  [flex-offset-gt-lg="75"] {
    margin-left: 75%; }
  [flex-offset-gt-lg="80"] {
    margin-left: 80%; }
  [flex-offset-gt-lg="85"] {
    margin-left: 85%; }
  [flex-offset-gt-lg="90"] {
    margin-left: 90%; }
  [flex-offset-gt-lg="95"] {
    margin-left: 95%; }
  [flex-offset-gt-lg="33"] {
    margin-left: calc(100% / 3); }
  [flex-offset-gt-lg="66"] {
    margin-left: calc(200% / 3); }
  [layout-align-gt-lg] {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  [layout-align-gt-lg="start"],
  [layout-align-gt-lg="start start"],
  [layout-align-gt-lg="start center"],
  [layout-align-gt-lg="start end"],
  [layout-align-gt-lg="start stretch"] {
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start; }
  [layout-align-gt-lg="center"],
  [layout-align-gt-lg="center start"],
  [layout-align-gt-lg="center center"],
  [layout-align-gt-lg="center end"],
  [layout-align-gt-lg="center stretch"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-gt-lg="end"],
  [layout-align-gt-lg="end center"],
  [layout-align-gt-lg="end start"],
  [layout-align-gt-lg="end end"],
  [layout-align-gt-lg="end stretch"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-gt-lg="space-around"],
  [layout-align-gt-lg="space-around center"],
  [layout-align-gt-lg="space-around start"],
  [layout-align-gt-lg="space-around end"],
  [layout-align-gt-lg="space-around stretch"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-gt-lg="space-between"],
  [layout-align-gt-lg="space-between center"],
  [layout-align-gt-lg="space-between start"],
  [layout-align-gt-lg="space-between end"],
  [layout-align-gt-lg="space-between stretch"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-gt-lg="start start"],
  [layout-align-gt-lg="center start"],
  [layout-align-gt-lg="end start"],
  [layout-align-gt-lg="space-between start"],
  [layout-align-gt-lg="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  [layout-align-gt-lg="start center"],
  [layout-align-gt-lg="center center"],
  [layout-align-gt-lg="end center"],
  [layout-align-gt-lg="space-between center"],
  [layout-align-gt-lg="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  [layout-align-gt-lg="start center"] > *,
  [layout-align-gt-lg="center center"] > *,
  [layout-align-gt-lg="end center"] > *,
  [layout-align-gt-lg="space-between center"] > *,
  [layout-align-gt-lg="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box; }
  [layout-align-gt-lg="start end"],
  [layout-align-gt-lg="center end"],
  [layout-align-gt-lg="end end"],
  [layout-align-gt-lg="space-between end"],
  [layout-align-gt-lg="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  [layout-align-gt-lg="start stretch"],
  [layout-align-gt-lg="center stretch"],
  [layout-align-gt-lg="end stretch"],
  [layout-align-gt-lg="space-between stretch"],
  [layout-align-gt-lg="space-around stretch"] {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  [flex-gt-lg] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 1920px) {
  [flex-gt-lg] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 1920px) {
  [flex-gt-lg-grow] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  [flex-gt-lg-initial] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  [flex-gt-lg-auto] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  [flex-gt-lg-none] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  [flex-gt-lg="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="0"],
  [layout-gt-lg="row"] > [flex-gt-lg="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="0"],
  [layout-gt-lg="column"] > [flex-gt-lg="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  [flex-gt-lg="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="5"],
  [layout-gt-lg="row"] > [flex-gt-lg="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="5"],
  [layout-gt-lg="column"] > [flex-gt-lg="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  [flex-gt-lg="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="10"],
  [layout-gt-lg="row"] > [flex-gt-lg="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="10"],
  [layout-gt-lg="column"] > [flex-gt-lg="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  [flex-gt-lg="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="15"],
  [layout-gt-lg="row"] > [flex-gt-lg="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="15"],
  [layout-gt-lg="column"] > [flex-gt-lg="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  [flex-gt-lg="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="20"],
  [layout-gt-lg="row"] > [flex-gt-lg="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="20"],
  [layout-gt-lg="column"] > [flex-gt-lg="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  [flex-gt-lg="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="25"],
  [layout-gt-lg="row"] > [flex-gt-lg="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="25"],
  [layout-gt-lg="column"] > [flex-gt-lg="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  [flex-gt-lg="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="30"],
  [layout-gt-lg="row"] > [flex-gt-lg="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="30"],
  [layout-gt-lg="column"] > [flex-gt-lg="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  [flex-gt-lg="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="35"],
  [layout-gt-lg="row"] > [flex-gt-lg="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="35"],
  [layout-gt-lg="column"] > [flex-gt-lg="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  [flex-gt-lg="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="40"],
  [layout-gt-lg="row"] > [flex-gt-lg="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="40"],
  [layout-gt-lg="column"] > [flex-gt-lg="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  [flex-gt-lg="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="45"],
  [layout-gt-lg="row"] > [flex-gt-lg="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="45"],
  [layout-gt-lg="column"] > [flex-gt-lg="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  [flex-gt-lg="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="50"],
  [layout-gt-lg="row"] > [flex-gt-lg="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="50"],
  [layout-gt-lg="column"] > [flex-gt-lg="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  [flex-gt-lg="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="55"],
  [layout-gt-lg="row"] > [flex-gt-lg="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="55"],
  [layout-gt-lg="column"] > [flex-gt-lg="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  [flex-gt-lg="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="60"],
  [layout-gt-lg="row"] > [flex-gt-lg="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="60"],
  [layout-gt-lg="column"] > [flex-gt-lg="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  [flex-gt-lg="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="65"],
  [layout-gt-lg="row"] > [flex-gt-lg="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="65"],
  [layout-gt-lg="column"] > [flex-gt-lg="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  [flex-gt-lg="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="70"],
  [layout-gt-lg="row"] > [flex-gt-lg="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="70"],
  [layout-gt-lg="column"] > [flex-gt-lg="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  [flex-gt-lg="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="75"],
  [layout-gt-lg="row"] > [flex-gt-lg="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="75"],
  [layout-gt-lg="column"] > [flex-gt-lg="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  [flex-gt-lg="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="80"],
  [layout-gt-lg="row"] > [flex-gt-lg="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="80"],
  [layout-gt-lg="column"] > [flex-gt-lg="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  [flex-gt-lg="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="85"],
  [layout-gt-lg="row"] > [flex-gt-lg="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="85"],
  [layout-gt-lg="column"] > [flex-gt-lg="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  [flex-gt-lg="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="90"],
  [layout-gt-lg="row"] > [flex-gt-lg="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="90"],
  [layout-gt-lg="column"] > [flex-gt-lg="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  [flex-gt-lg="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="95"],
  [layout-gt-lg="row"] > [flex-gt-lg="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="95"],
  [layout-gt-lg="column"] > [flex-gt-lg="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  [flex-gt-lg="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="100"],
  [layout-gt-lg="row"] > [flex-gt-lg="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="100"],
  [layout-gt-lg="column"] > [flex-gt-lg="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="33"], [layout="row"] > [flex-gt-lg="33"], [layout-gt-lg="row"] > [flex-gt-lg="33"], [layout-gt-lg="row"] > [flex-gt-lg="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="34"], [layout="row"] > [flex-gt-lg="34"], [layout-gt-lg="row"] > [flex-gt-lg="34"], [layout-gt-lg="row"] > [flex-gt-lg="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 34%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="66"], [layout="row"] > [flex-gt-lg="66"], [layout-gt-lg="row"] > [flex-gt-lg="66"], [layout-gt-lg="row"] > [flex-gt-lg="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-gt-lg="67"], [layout="row"] > [flex-gt-lg="67"], [layout-gt-lg="row"] > [flex-gt-lg="67"], [layout-gt-lg="row"] > [flex-gt-lg="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 67%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="33"], [layout="column"] > [flex-gt-lg="33"], [layout-gt-lg="column"] > [flex-gt-lg="33"], [layout-gt-lg="column"] > [flex-gt-lg="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="34"], [layout="column"] > [flex-gt-lg="34"], [layout-gt-lg="column"] > [flex-gt-lg="34"], [layout-gt-lg="column"] > [flex-gt-lg="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 100%;
    max-height: 34%;
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="66"], [layout="column"] > [flex-gt-lg="66"], [layout-gt-lg="column"] > [flex-gt-lg="66"], [layout-gt-lg="column"] > [flex-gt-lg="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-gt-lg="67"], [layout="column"] > [flex-gt-lg="67"], [layout-gt-lg="column"] > [flex-gt-lg="67"], [layout-gt-lg="column"] > [flex-gt-lg="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 100%;
    max-height: 67%;
    box-sizing: border-box; }
  [layout-gt-lg], [layout-gt-lg="column"], [layout-gt-lg="row"] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-gt-lg="column"] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-gt-lg="row"] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  [flex-order-xl="-20"] {
    -webkit-order: -20;
        -ms-flex-order: -20;
            order: -20; }
  [flex-order-xl="-19"] {
    -webkit-order: -19;
        -ms-flex-order: -19;
            order: -19; }
  [flex-order-xl="-18"] {
    -webkit-order: -18;
        -ms-flex-order: -18;
            order: -18; }
  [flex-order-xl="-17"] {
    -webkit-order: -17;
        -ms-flex-order: -17;
            order: -17; }
  [flex-order-xl="-16"] {
    -webkit-order: -16;
        -ms-flex-order: -16;
            order: -16; }
  [flex-order-xl="-15"] {
    -webkit-order: -15;
        -ms-flex-order: -15;
            order: -15; }
  [flex-order-xl="-14"] {
    -webkit-order: -14;
        -ms-flex-order: -14;
            order: -14; }
  [flex-order-xl="-13"] {
    -webkit-order: -13;
        -ms-flex-order: -13;
            order: -13; }
  [flex-order-xl="-12"] {
    -webkit-order: -12;
        -ms-flex-order: -12;
            order: -12; }
  [flex-order-xl="-11"] {
    -webkit-order: -11;
        -ms-flex-order: -11;
            order: -11; }
  [flex-order-xl="-10"] {
    -webkit-order: -10;
        -ms-flex-order: -10;
            order: -10; }
  [flex-order-xl="-9"] {
    -webkit-order: -9;
        -ms-flex-order: -9;
            order: -9; }
  [flex-order-xl="-8"] {
    -webkit-order: -8;
        -ms-flex-order: -8;
            order: -8; }
  [flex-order-xl="-7"] {
    -webkit-order: -7;
        -ms-flex-order: -7;
            order: -7; }
  [flex-order-xl="-6"] {
    -webkit-order: -6;
        -ms-flex-order: -6;
            order: -6; }
  [flex-order-xl="-5"] {
    -webkit-order: -5;
        -ms-flex-order: -5;
            order: -5; }
  [flex-order-xl="-4"] {
    -webkit-order: -4;
        -ms-flex-order: -4;
            order: -4; }
  [flex-order-xl="-3"] {
    -webkit-order: -3;
        -ms-flex-order: -3;
            order: -3; }
  [flex-order-xl="-2"] {
    -webkit-order: -2;
        -ms-flex-order: -2;
            order: -2; }
  [flex-order-xl="-1"] {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1; }
  [flex-order-xl="0"] {
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0; }
  [flex-order-xl="1"] {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  [flex-order-xl="2"] {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  [flex-order-xl="3"] {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  [flex-order-xl="4"] {
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  [flex-order-xl="5"] {
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  [flex-order-xl="6"] {
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; }
  [flex-order-xl="7"] {
    -webkit-order: 7;
        -ms-flex-order: 7;
            order: 7; }
  [flex-order-xl="8"] {
    -webkit-order: 8;
        -ms-flex-order: 8;
            order: 8; }
  [flex-order-xl="9"] {
    -webkit-order: 9;
        -ms-flex-order: 9;
            order: 9; }
  [flex-order-xl="10"] {
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10; }
  [flex-order-xl="11"] {
    -webkit-order: 11;
        -ms-flex-order: 11;
            order: 11; }
  [flex-order-xl="12"] {
    -webkit-order: 12;
        -ms-flex-order: 12;
            order: 12; }
  [flex-order-xl="13"] {
    -webkit-order: 13;
        -ms-flex-order: 13;
            order: 13; }
  [flex-order-xl="14"] {
    -webkit-order: 14;
        -ms-flex-order: 14;
            order: 14; }
  [flex-order-xl="15"] {
    -webkit-order: 15;
        -ms-flex-order: 15;
            order: 15; }
  [flex-order-xl="16"] {
    -webkit-order: 16;
        -ms-flex-order: 16;
            order: 16; }
  [flex-order-xl="17"] {
    -webkit-order: 17;
        -ms-flex-order: 17;
            order: 17; }
  [flex-order-xl="18"] {
    -webkit-order: 18;
        -ms-flex-order: 18;
            order: 18; }
  [flex-order-xl="19"] {
    -webkit-order: 19;
        -ms-flex-order: 19;
            order: 19; }
  [flex-order-xl="20"] {
    -webkit-order: 20;
        -ms-flex-order: 20;
            order: 20; }
  [flex-offset-xl="0"] {
    margin-left: 0%; }
  [flex-offset-xl="5"] {
    margin-left: 5%; }
  [flex-offset-xl="10"] {
    margin-left: 10%; }
  [flex-offset-xl="15"] {
    margin-left: 15%; }
  [flex-offset-xl="20"] {
    margin-left: 20%; }
  [flex-offset-xl="25"] {
    margin-left: 25%; }
  [flex-offset-xl="30"] {
    margin-left: 30%; }
  [flex-offset-xl="35"] {
    margin-left: 35%; }
  [flex-offset-xl="40"] {
    margin-left: 40%; }
  [flex-offset-xl="45"] {
    margin-left: 45%; }
  [flex-offset-xl="50"] {
    margin-left: 50%; }
  [flex-offset-xl="55"] {
    margin-left: 55%; }
  [flex-offset-xl="60"] {
    margin-left: 60%; }
  [flex-offset-xl="65"] {
    margin-left: 65%; }
  [flex-offset-xl="70"] {
    margin-left: 70%; }
  [flex-offset-xl="75"] {
    margin-left: 75%; }
  [flex-offset-xl="80"] {
    margin-left: 80%; }
  [flex-offset-xl="85"] {
    margin-left: 85%; }
  [flex-offset-xl="90"] {
    margin-left: 90%; }
  [flex-offset-xl="95"] {
    margin-left: 95%; }
  [flex-offset-xl="33"] {
    margin-left: calc(100% / 3); }
  [flex-offset-xl="66"] {
    margin-left: calc(200% / 3); }
  [layout-align-xl] {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  [layout-align-xl="start"],
  [layout-align-xl="start start"],
  [layout-align-xl="start center"],
  [layout-align-xl="start end"],
  [layout-align-xl="start stretch"] {
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start; }
  [layout-align-xl="center"],
  [layout-align-xl="center start"],
  [layout-align-xl="center center"],
  [layout-align-xl="center end"],
  [layout-align-xl="center stretch"] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  [layout-align-xl="end"],
  [layout-align-xl="end center"],
  [layout-align-xl="end start"],
  [layout-align-xl="end end"],
  [layout-align-xl="end stretch"] {
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  [layout-align-xl="space-around"],
  [layout-align-xl="space-around center"],
  [layout-align-xl="space-around start"],
  [layout-align-xl="space-around end"],
  [layout-align-xl="space-around stretch"] {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  [layout-align-xl="space-between"],
  [layout-align-xl="space-between center"],
  [layout-align-xl="space-between start"],
  [layout-align-xl="space-between end"],
  [layout-align-xl="space-between stretch"] {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  [layout-align-xl="start start"],
  [layout-align-xl="center start"],
  [layout-align-xl="end start"],
  [layout-align-xl="space-between start"],
  [layout-align-xl="space-around start"] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  [layout-align-xl="start center"],
  [layout-align-xl="center center"],
  [layout-align-xl="end center"],
  [layout-align-xl="space-between center"],
  [layout-align-xl="space-around center"] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    max-width: 100%; }
  [layout-align-xl="start center"] > *,
  [layout-align-xl="center center"] > *,
  [layout-align-xl="end center"] > *,
  [layout-align-xl="space-between center"] > *,
  [layout-align-xl="space-around center"] > * {
    max-width: 100%;
    box-sizing: border-box; }
  [layout-align-xl="start end"],
  [layout-align-xl="center end"],
  [layout-align-xl="end end"],
  [layout-align-xl="space-between end"],
  [layout-align-xl="space-around end"] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
  [layout-align-xl="start stretch"],
  [layout-align-xl="center stretch"],
  [layout-align-xl="end stretch"],
  [layout-align-xl="space-between stretch"],
  [layout-align-xl="space-around stretch"] {
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch; }
  [flex-xl] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    box-sizing: border-box; } }

@media screen\0  and (min-width: 1920px) {
  [flex-xl] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; } }

@media (min-width: 1920px) {
  [flex-xl-grow] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    box-sizing: border-box; }
  [flex-xl-initial] {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    box-sizing: border-box; }
  [flex-xl-auto] {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    box-sizing: border-box; }
  [flex-xl-none] {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    box-sizing: border-box; }
  [flex-xl="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="0"],
  [layout-xl="row"] > [flex-xl="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="0"],
  [layout-xl="column"] > [flex-xl="0"] {
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  [flex-xl="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="5"],
  [layout-xl="row"] > [flex-xl="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="5"],
  [layout-xl="column"] > [flex-xl="5"] {
    -webkit-flex: 1 1 5%;
        -ms-flex: 1 1 5%;
            flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  [flex-xl="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="10"],
  [layout-xl="row"] > [flex-xl="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="10"],
  [layout-xl="column"] > [flex-xl="10"] {
    -webkit-flex: 1 1 10%;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  [flex-xl="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="15"],
  [layout-xl="row"] > [flex-xl="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="15"],
  [layout-xl="column"] > [flex-xl="15"] {
    -webkit-flex: 1 1 15%;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  [flex-xl="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="20"],
  [layout-xl="row"] > [flex-xl="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="20"],
  [layout-xl="column"] > [flex-xl="20"] {
    -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  [flex-xl="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="25"],
  [layout-xl="row"] > [flex-xl="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="25"],
  [layout-xl="column"] > [flex-xl="25"] {
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  [flex-xl="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="30"],
  [layout-xl="row"] > [flex-xl="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="30"],
  [layout-xl="column"] > [flex-xl="30"] {
    -webkit-flex: 1 1 30%;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  [flex-xl="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="35"],
  [layout-xl="row"] > [flex-xl="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="35"],
  [layout-xl="column"] > [flex-xl="35"] {
    -webkit-flex: 1 1 35%;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  [flex-xl="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="40"],
  [layout-xl="row"] > [flex-xl="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="40"],
  [layout-xl="column"] > [flex-xl="40"] {
    -webkit-flex: 1 1 40%;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  [flex-xl="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="45"],
  [layout-xl="row"] > [flex-xl="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="45"],
  [layout-xl="column"] > [flex-xl="45"] {
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  [flex-xl="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="50"],
  [layout-xl="row"] > [flex-xl="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="50"],
  [layout-xl="column"] > [flex-xl="50"] {
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  [flex-xl="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="55"],
  [layout-xl="row"] > [flex-xl="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="55"],
  [layout-xl="column"] > [flex-xl="55"] {
    -webkit-flex: 1 1 55%;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  [flex-xl="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="60"],
  [layout-xl="row"] > [flex-xl="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="60"],
  [layout-xl="column"] > [flex-xl="60"] {
    -webkit-flex: 1 1 60%;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  [flex-xl="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="65"],
  [layout-xl="row"] > [flex-xl="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="65"],
  [layout-xl="column"] > [flex-xl="65"] {
    -webkit-flex: 1 1 65%;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  [flex-xl="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="70"],
  [layout-xl="row"] > [flex-xl="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="70"],
  [layout-xl="column"] > [flex-xl="70"] {
    -webkit-flex: 1 1 70%;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  [flex-xl="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="75"],
  [layout-xl="row"] > [flex-xl="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="75"],
  [layout-xl="column"] > [flex-xl="75"] {
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  [flex-xl="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="80"],
  [layout-xl="row"] > [flex-xl="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="80"],
  [layout-xl="column"] > [flex-xl="80"] {
    -webkit-flex: 1 1 80%;
        -ms-flex: 1 1 80%;
            flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  [flex-xl="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="85"],
  [layout-xl="row"] > [flex-xl="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="85"],
  [layout-xl="column"] > [flex-xl="85"] {
    -webkit-flex: 1 1 85%;
        -ms-flex: 1 1 85%;
            flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  [flex-xl="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="90"],
  [layout-xl="row"] > [flex-xl="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="90"],
  [layout-xl="column"] > [flex-xl="90"] {
    -webkit-flex: 1 1 90%;
        -ms-flex: 1 1 90%;
            flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  [flex-xl="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="95"],
  [layout-xl="row"] > [flex-xl="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="95"],
  [layout-xl="column"] > [flex-xl="95"] {
    -webkit-flex: 1 1 95%;
        -ms-flex: 1 1 95%;
            flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  [flex-xl="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="100"],
  [layout-xl="row"] > [flex-xl="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="100"],
  [layout-xl="column"] > [flex-xl="100"] {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="33"], [layout="row"] > [flex-xl="33"], [layout-xl="row"] > [flex-xl="33"], [layout-xl="row"] > [flex-xl="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: calc(100% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="34"], [layout="row"] > [flex-xl="34"], [layout-xl="row"] > [flex-xl="34"], [layout-xl="row"] > [flex-xl="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 34%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="66"], [layout="row"] > [flex-xl="66"], [layout-xl="row"] > [flex-xl="66"], [layout-xl="row"] > [flex-xl="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: calc(200% / 3);
    max-height: 100%;
    box-sizing: border-box; }
  [layout="row"] > [flex-xl="67"], [layout="row"] > [flex-xl="67"], [layout-xl="row"] > [flex-xl="67"], [layout-xl="row"] > [flex-xl="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 67%;
    max-height: 100%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="33"], [layout="column"] > [flex-xl="33"], [layout-xl="column"] > [flex-xl="33"], [layout-xl="column"] > [flex-xl="33"] {
    -webkit-flex: 1 1 33%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%;
    max-width: 100%;
    max-height: calc(100% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="34"], [layout="column"] > [flex-xl="34"], [layout-xl="column"] > [flex-xl="34"], [layout-xl="column"] > [flex-xl="34"] {
    -webkit-flex: 1 1 34%;
        -ms-flex: 1 1 34%;
            flex: 1 1 34%;
    max-width: 100%;
    max-height: 34%;
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="66"], [layout="column"] > [flex-xl="66"], [layout-xl="column"] > [flex-xl="66"], [layout-xl="column"] > [flex-xl="66"] {
    -webkit-flex: 1 1 66%;
        -ms-flex: 1 1 66%;
            flex: 1 1 66%;
    max-width: 100%;
    max-height: calc(200% / 3);
    box-sizing: border-box; }
  [layout="column"] > [flex-xl="67"], [layout="column"] > [flex-xl="67"], [layout-xl="column"] > [flex-xl="67"], [layout-xl="column"] > [flex-xl="67"] {
    -webkit-flex: 1 1 67%;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
    max-width: 100%;
    max-height: 67%;
    box-sizing: border-box; }
  [layout-xl], [layout-xl="column"], [layout-xl="row"] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  [layout-xl="column"] {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  [layout-xl="row"] {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
  [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-lg]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]) {
    display: none; }
  [hide-xl]:not([show-xl]):not([show-gt-lg]):not([show]) {
    display: none; } }
@font-face {
  font-family: 'ziploop-iconfont';
  src: url("../fonts/ziploop-iconfont.eot?r5p070");
  src: url("../fonts/ziploop-iconfont.eot?r5p070#iefix") format("embedded-opentype"), url("../fonts/ziploop-iconfont.woff2?r5p070") format("woff2"), url("../fonts/ziploop-iconfont.ttf?r5p070") format("truetype"), url("../fonts/ziploop-iconfont.woff?r5p070") format("woff"), url("../fonts/ziploop-iconfont.svg?r5p070#ziploop-iconfont") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="zli-"], [class*=" zli-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ziploop-iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.zli-redo2:before {
  content: "\e968"; }

.zli-receiptcolored:before {
  content: "\e900"; }

.zli-trendscolored:before {
  content: "\e902"; }

.zli-buisness:before {
  content: "\e903"; }

.zli-rewardscolored:before {
  content: "\e904"; }

.zli-award:before {
  content: "\e901"; }

.zli-linkedin-circle:before {
  content: "\e636"; }

.zli-facebook-circle:before {
  content: "\e637"; }

.zli-twitter-circle:before {
  content: "\e638"; }

.zli-pinterest-circle:before {
  content: "\e639"; }

.zli-dashboard:before {
  content: "\e63a"; }

.zli-facebook:before {
  content: "\ea8d"; }

.zli-shoppingbag2:before {
  content: "\e600"; }

.zli-shoppingbag1:before {
  content: "\e601"; }

.zli-download:before {
  content: "\e602"; }

.zli-edit:before {
  content: "\e603"; }

.zli-next:before {
  content: "\e604"; }

.zli-openheart:before {
  content: "\e605"; }

.zli-previous:before {
  content: "\e606"; }

.zli-shoppingbag3:before {
  content: "\e607"; }

.zli-sweetheart:before {
  content: "\e608"; }

.zli-tag:before {
  content: "\e609"; }

.zli-back:before {
  content: "\e60a"; }

.zli-bang:before {
  content: "\e60b"; }

.zli-checkmark:before {
  content: "\e60c"; }

.zli-forward:before {
  content: "\e60d"; }

.zli-select:before {
  content: "\e60e"; }

.zli-select1:before {
  content: "\e60f"; }

.zli-star:before {
  content: "\e610"; }

.zli-favorites:before {
  content: "\e611"; }

.zli-hive:before {
  content: "\e612"; }

.zli-logout:before {
  content: "\e613"; }

.zli-menu:before {
  content: "\e614"; }

.zli-more:before {
  content: "\e615"; }

.zli-privacy:before {
  content: "\e616"; }

.zli-terms:before {
  content: "\e617"; }

.zli-closet:before {
  content: "\e618"; }

.zli-lock2:before {
  content: "\e619"; }

.zli-trends:before {
  content: "\e61a"; }

.zli-return:before {
  content: "\e61b"; }

.zli-rewards:before {
  content: "\e61c"; }

.zli-safe:before {
  content: "\e61d"; }

.zli-settings:before {
  content: "\e61e"; }

.zli-sort:before {
  content: "\e61f"; }

.zli-lock1:before {
  content: "\e620"; }

.zli-myloop:before {
  content: "\e621"; }

.zli-note:before {
  content: "\e622"; }

.zli-original:before {
  content: "\e623"; }

.zli-profile:before {
  content: "\e624"; }

.zli-receipts:before {
  content: "\e625"; }

.zli-alert:before {
  content: "\e60b"; }

.zli-redeem:before {
  content: "\e626"; }

.zli-stores:before {
  content: "\e627"; }

.zli-categorize:before {
  content: "\e628"; }

.zli-delete:before {
  content: "\e629"; }

.zli-export:before {
  content: "\e62a"; }

.zli-help:before {
  content: "\e62b"; }

.zli-history:before {
  content: "\e62c"; }

.zli-home:before {
  content: "\e62d"; }

.zli-info:before {
  content: "\e62e"; }

.zli-lookup:before {
  content: "\e62f"; }

.zli-mail:before {
  content: "\e630"; }

.zli-messages:before {
  content: "\e631"; }

.zli-about:before {
  content: "\e632"; }

.zli-capture:before {
  content: "\e633"; }

/******** Master SASS file for app wide styles *****/
/* 
* Material Design Iconic Font 1.0.1 by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
* Usage:  <span class='zmd zmd-fontname'></span>  <i class="md zmd-local-florist"></i>
*/
@font-face {
  font-family: 'Material Design Iconic Font';
  src: url("../fonts/Material-Design-Iconic-Font.eot?v=1.0.1");
  src: url("../fonts/Material-Design-Iconic-Font.eot?#iefix&v=1.0.1") format("embedded-opentype"), url("../fonts/Material-Design-Iconic-Font.woff?v=1.0.1") format("woff"), url("../fonts/Material-Design-Iconic-Font.ttf?v=1.0.1") format("truetype"), url("../fonts/Material-Design-Iconic-Font.svg?v=1.0.1#Material-Design-Iconic-Font") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="zmd-"], [class*=" zmd-"] {
  display: inline-block;
  font: normal normal normal 14px/1 'Material Design Iconic Font';
  font-size: inherit;
  speak: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.zmd {
  line-height: inherit;
  vertical-align: bottom; }

/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
/* If you do not want use all icons you can disable icon set here */
.zmd-3d-rotation:before {
  content: "\f000"; }

.zmd-accessibility:before {
  content: "\f001"; }

.zmd-account-balance:before {
  content: "\f002"; }

.zmd-account-balance-wallet:before {
  content: "\f003"; }

.zmd-account-box:before {
  content: "\f004"; }

.zmd-account-child:before {
  content: "\f005"; }

.zmd-account-circle:before {
  content: "\f006"; }

.zmd-add-shopping-cart:before {
  content: "\f007"; }

.zmd-alarm:before {
  content: "\f008"; }

.zmd-alarm-add:before {
  content: "\f009"; }

.zmd-alarm-off:before {
  content: "\f00a"; }

.zmd-alarm-on:before {
  content: "\f00b"; }

.zmd-android:before {
  content: "\f00c"; }

.zmd-announcement:before {
  content: "\f00d"; }

.zmd-aspect-ratio:before {
  content: "\f00e"; }

.zmd-assessment:before {
  content: "\f00f"; }

.zmd-assignment:before {
  content: "\f010"; }

.zmd-assignment-ind:before {
  content: "\f011"; }

.zmd-assignment-late:before {
  content: "\f012"; }

.zmd-assignment-return:before {
  content: "\f013"; }

.zmd-assignment-returned:before {
  content: "\f014"; }

.zmd-assignment-turned-in:before {
  content: "\f015"; }

.zmd-autorenew:before {
  content: "\f016"; }

.zmd-backup:before {
  content: "\f017"; }

.zmd-book:before {
  content: "\f018"; }

.zmd-bookmark:before {
  content: "\f019"; }

.zmd-bookmark-outline:before {
  content: "\f01a"; }

.zmd-bug-report:before {
  content: "\f01b"; }

.zmd-cached:before {
  content: "\f01c"; }

.zmd-class:before {
  content: "\f01d"; }

.zmd-credit-card:before {
  content: "\f01e"; }

.zmd-dashboard:before {
  content: "\f01f"; }

.zmd-delete:before {
  content: "\f020"; }

.zmd-description:before {
  content: "\f021"; }

.zmd-dns:before {
  content: "\f022"; }

.zmd-done:before {
  content: "\f023"; }

.zmd-done-all:before {
  content: "\f024"; }

.zmd-event:before {
  content: "\f025"; }

.zmd-exit-to-app:before {
  content: "\f026"; }

.zmd-explore:before {
  content: "\f027"; }

.zmd-extension:before {
  content: "\f028"; }

.zmd-face-unlock:before {
  content: "\f029"; }

.zmd-favorite:before {
  content: "\f02a"; }

.zmd-favorite-outline:before {
  content: "\f02b"; }

.zmd-find-in-page:before {
  content: "\f02c"; }

.zmd-find-replace:before {
  content: "\f02d"; }

.zmd-flip-to-back:before {
  content: "\f02e"; }

.zmd-flip-to-front:before {
  content: "\f02f"; }

.zmd-get-app:before {
  content: "\f030"; }

.zmd-grade:before {
  content: "\f031"; }

.zmd-group-work:before {
  content: "\f032"; }

.zmd-help:before {
  content: "\f033"; }

.zmd-highlight-remove:before {
  content: "\f034"; }

.zmd-history:before {
  content: "\f035"; }

.zmd-home:before {
  content: "\f036"; }

.zmd-https:before {
  content: "\f037"; }

.zmd-info:before {
  content: "\f038"; }

.zmd-info-outline:before {
  content: "\f039"; }

.zmd-input:before {
  content: "\f03a"; }

.zmd-invert-colors:before {
  content: "\f03b"; }

.zmd-label:before {
  content: "\f03c"; }

.zmd-label-outline:before {
  content: "\f03d"; }

.zmd-language:before {
  content: "\f03e"; }

.zmd-launch:before {
  content: "\f03f"; }

.zmd-list:before {
  content: "\f040"; }

.zmd-lock:before {
  content: "\f041"; }

.zmd-lock-open:before {
  content: "\f042"; }

.zmd-lock-outline:before {
  content: "\f043"; }

.zmd-loyalty:before {
  content: "\f044"; }

.zmd-markunread-mailbox:before {
  content: "\f045"; }

.zmd-note-add:before {
  content: "\f046"; }

.zmd-open-in-browser:before {
  content: "\f047"; }

.zmd-open-in-new:before {
  content: "\f048"; }

.zmd-open-with:before {
  content: "\f049"; }

.zmd-pageview:before {
  content: "\f04a"; }

.zmd-payment:before {
  content: "\f04b"; }

.zmd-perm-camera-mic:before {
  content: "\f04c"; }

.zmd-perm-contact-cal:before {
  content: "\f04d"; }

.zmd-perm-data-setting:before {
  content: "\f04e"; }

.zmd-perm-device-info:before {
  content: "\f04f"; }

.zmd-perm-identity:before {
  content: "\f050"; }

.zmd-perm-media:before {
  content: "\f051"; }

.zmd-perm-phone-msg:before {
  content: "\f052"; }

.zmd-perm-scan-wifi:before {
  content: "\f053"; }

.zmd-picture-in-picture:before {
  content: "\f054"; }

.zmd-polymer:before {
  content: "\f055"; }

.zmd-print:before {
  content: "\f056"; }

.zmd-query-builder:before {
  content: "\f057"; }

.zmd-question-answer:before {
  content: "\f058"; }

.zmd-receipt:before {
  content: "\f059"; }

.zmd-redeem:before {
  content: "\f05a"; }

.zmd-report-problem:before {
  content: "\f05b"; }

.zmd-restore:before {
  content: "\f05c"; }

.zmd-room:before {
  content: "\f05d"; }

.zmd-schedule:before {
  content: "\f05e"; }

.zmd-search:before {
  content: "\f05f"; }

.zmd-settings:before {
  content: "\f060"; }

.zmd-settings-applications:before {
  content: "\f061"; }

.zmd-settings-backup-restore:before {
  content: "\f062"; }

.zmd-settings-bluetooth:before {
  content: "\f063"; }

.zmd-settings-cell:before {
  content: "\f064"; }

.zmd-settings-display:before {
  content: "\f065"; }

.zmd-settings-ethernet:before {
  content: "\f066"; }

.zmd-settings-input-antenna:before {
  content: "\f067"; }

.zmd-settings-input-component:before {
  content: "\f068"; }

.zmd-settings-input-composite:before {
  content: "\f069"; }

.zmd-settings-input-hdmi:before {
  content: "\f06a"; }

.zmd-settings-input-svideo:before {
  content: "\f06b"; }

.zmd-settings-overscan:before {
  content: "\f06c"; }

.zmd-settings-phone:before {
  content: "\f06d"; }

.zmd-settings-power:before {
  content: "\f06e"; }

.zmd-settings-remote:before {
  content: "\f06f"; }

.zmd-settings-voice:before {
  content: "\f070"; }

.zmd-shop:before {
  content: "\f071"; }

.zmd-shopping-basket:before {
  content: "\f072"; }

.zmd-shopping-cart:before {
  content: "\f073"; }

.zmd-shop-two:before {
  content: "\f074"; }

.zmd-speaker-notes:before {
  content: "\f075"; }

.zmd-spellcheck:before {
  content: "\f076"; }

.zmd-star-rate:before {
  content: "\f077"; }

.zmd-stars:before {
  content: "\f078"; }

.zmd-store:before {
  content: "\f079"; }

.zmd-subject:before {
  content: "\f07a"; }

.zmd-swap-horiz:before {
  content: "\f07b"; }

.zmd-swap-vert:before {
  content: "\f07c"; }

.zmd-swap-vert-circle:before {
  content: "\f07d"; }

.zmd-system-update-tv:before {
  content: "\f07e"; }

.zmd-tab:before {
  content: "\f07f"; }

.zmd-tab-unselected:before {
  content: "\f080"; }

.zmd-theaters:before {
  content: "\f081"; }

.zmd-thumb-down:before {
  content: "\f082"; }

.zmd-thumbs-up-down:before {
  content: "\f083"; }

.zmd-thumb-up:before {
  content: "\f084"; }

.zmd-toc:before {
  content: "\f085"; }

.zmd-today:before {
  content: "\f086"; }

.zmd-track-changes:before {
  content: "\f087"; }

.zmd-translate:before {
  content: "\f088"; }

.zmd-trending-down:before {
  content: "\f089"; }

.zmd-trending-neutral:before {
  content: "\f08a"; }

.zmd-trending-up:before {
  content: "\f08b"; }

.zmd-turned-in:before {
  content: "\f08c"; }

.zmd-turned-in-not:before {
  content: "\f08d"; }

.zmd-verified-user:before {
  content: "\f08e"; }

.zmd-view-agenda:before {
  content: "\f08f"; }

.zmd-view-array:before {
  content: "\f090"; }

.zmd-view-carousel:before {
  content: "\f091"; }

.zmd-view-column:before {
  content: "\f092"; }

.zmd-view-day:before {
  content: "\f093"; }

.zmd-view-headline:before {
  content: "\f094"; }

.zmd-view-list:before {
  content: "\f095"; }

.zmd-view-module:before {
  content: "\f096"; }

.zmd-view-quilt:before {
  content: "\f097"; }

.zmd-view-stream:before {
  content: "\f098"; }

.zmd-view-week:before {
  content: "\f099"; }

.zmd-visibility:before {
  content: "\f09a"; }

.zmd-visibility-off:before {
  content: "\f09b"; }

.zmd-wallet-giftcard:before {
  content: "\f09c"; }

.zmd-wallet-membership:before {
  content: "\f09d"; }

.zmd-wallet-travel:before {
  content: "\f09e"; }

.zmd-work:before {
  content: "\f09f"; }

.zmd-album:before {
  content: "\f0a2"; }

.zmd-av-timer:before {
  content: "\f0a3"; }

.zmd-closed-caption:before {
  content: "\f0a4"; }

.zmd-equalizer:before {
  content: "\f0a5"; }

.zmd-explicit:before {
  content: "\f0a6"; }

.zmd-fast-forward:before {
  content: "\f0a7"; }

.zmd-fast-rewind:before {
  content: "\f0a8"; }

.zmd-games:before {
  content: "\f0a9"; }

.zmd-hearing:before {
  content: "\f0aa"; }

.zmd-high-quality:before {
  content: "\f0ab"; }

.zmd-loop:before {
  content: "\f0ac"; }

.zmd-mic:before {
  content: "\f0ad"; }

.zmd-mic-none:before {
  content: "\f0ae"; }

.zmd-mic-off:before {
  content: "\f0af"; }

.zmd-movie:before {
  content: "\f0b0"; }

.zmd-my-library-add:before {
  content: "\f0b1"; }

.zmd-my-library-books:before {
  content: "\f0b2"; }

.zmd-my-library-music:before {
  content: "\f0b3"; }

.zmd-new-releases:before {
  content: "\f0b4"; }

.zmd-not-interested:before {
  content: "\f0b5"; }

.zmd-pause:before {
  content: "\f0b6"; }

.zmd-pause-circle-fill:before {
  content: "\f0b7"; }

.zmd-pause-circle-outline:before {
  content: "\f0b8"; }

.zmd-play-arrow:before {
  content: "\f0b9"; }

.zmd-play-circle-fill:before {
  content: "\f0ba"; }

.zmd-play-circle-outline:before {
  content: "\f0bb"; }

.zmd-playlist-add:before {
  content: "\f0bc"; }

.zmd-play-shopping-bag:before {
  content: "\f0bd"; }

.zmd-queue:before {
  content: "\f0be"; }

.zmd-queue-music:before {
  content: "\f0bf"; }

.zmd-radio:before {
  content: "\f0c0"; }

.zmd-recent-actors:before {
  content: "\f0c1"; }

.zmd-repeat:before {
  content: "\f0c2"; }

.zmd-repeat-one:before {
  content: "\f0c3"; }

.zmd-replay:before {
  content: "\f0c4"; }

.zmd-shuffle:before {
  content: "\f0c5"; }

.zmd-skip-next:before {
  content: "\f0c6"; }

.zmd-skip-previous:before {
  content: "\f0c7"; }

.zmd-snooze:before {
  content: "\f0c8"; }

.zmd-stop:before {
  content: "\f0c9"; }

.zmd-subtitles:before {
  content: "\f0ca"; }

.zmd-surround-sound:before {
  content: "\f0cb"; }

.zmd-videocam:before {
  content: "\f0cc"; }

.zmd-videocam-off:before {
  content: "\f0cd"; }

.zmd-video-collection:before {
  content: "\f0ce"; }

.zmd-volume-down:before {
  content: "\f0cf"; }

.zmd-volume-mute:before {
  content: "\f0d0"; }

.zmd-volume-off:before {
  content: "\f0d1"; }

.zmd-volume-up:before {
  content: "\f0d2"; }

.zmd-web:before {
  content: "\f0d3"; }

.zmd-business:before {
  content: "\f0d4"; }

.zmd-call:before {
  content: "\f0d5"; }

.zmd-call-end:before {
  content: "\f0d6"; }

.zmd-call-made:before {
  content: "\f0d7"; }

.zmd-call-merge:before {
  content: "\f0d8"; }

.zmd-call-missed:before {
  content: "\f0d9"; }

.zmd-call-received:before {
  content: "\f0da"; }

.zmd-call-split:before {
  content: "\f0db"; }

.zmd-chat:before {
  content: "\f0dc"; }

.zmd-clear-all:before {
  content: "\f0dd"; }

.zmd-comment:before {
  content: "\f0de"; }

.zmd-contacts:before {
  content: "\f0df"; }

.zmd-dialer-sip:before {
  content: "\f0e0"; }

.zmd-dialpad:before {
  content: "\f0e1"; }

.zmd-dnd-on:before {
  content: "\f0e2"; }

.zmd-email:before {
  content: "\f0e3"; }

.zmd-forum:before {
  content: "\f0e4"; }

.zmd-import-export:before {
  content: "\f0e5"; }

.zmd-invert-colors-off:before {
  content: "\f0e6"; }

.zmd-invert-colors-on:before {
  content: "\f0e7"; }

.zmd-live-help:before {
  content: "\f0e8"; }

.zmd-location-off:before {
  content: "\f0e9"; }

.zmd-location-on:before {
  content: "\f0ea"; }

.zmd-message:before {
  content: "\f0eb"; }

.zmd-messenger:before {
  content: "\f0ec"; }

.zmd-no-sim:before {
  content: "\f0ed"; }

.zmd-phone:before {
  content: "\f0ee"; }

.zmd-portable-wifi-off:before {
  content: "\f0ef"; }

.zmd-quick-contacts-dialer:before {
  content: "\f0f0"; }

.zmd-quick-contacts-mail:before {
  content: "\f0f1"; }

.zmd-ring-volume:before {
  content: "\f0f2"; }

.zmd-stay-current-landscape:before {
  content: "\f0f3"; }

.zmd-stay-current-portrait:before {
  content: "\f0f4"; }

.zmd-stay-primary-landscape:before {
  content: "\f0f5"; }

.zmd-stay-primary-portrait:before {
  content: "\f0f6"; }

.zmd-swap-calls:before {
  content: "\f0f7"; }

.zmd-textsms:before {
  content: "\f0f8"; }

.zmd-voicemail:before {
  content: "\f0f9"; }

.zmd-vpn-key:before {
  content: "\f0fa"; }

.zmd-add:before {
  content: "\f0fb"; }

.zmd-add-box:before {
  content: "\f0fc"; }

.zmd-add-circle:before {
  content: "\f0fd"; }

.zmd-add-circle-outline:before {
  content: "\f0fe"; }

.zmd-archive:before {
  content: "\f0ff"; }

.zmd-backspace:before {
  content: "\f100"; }

.zmd-block:before {
  content: "\f101"; }

.zmd-clear:before {
  content: "\f102"; }

.zmd-content-copy:before {
  content: "\f103"; }

.zmd-content-cut:before {
  content: "\f104"; }

.zmd-content-paste:before {
  content: "\f105"; }

.zmd-create:before {
  content: "\f106"; }

.zmd-drafts:before {
  content: "\f107"; }

.zmd-filter-list:before {
  content: "\f108"; }

.zmd-flag:before {
  content: "\f109"; }

.zmd-forward:before {
  content: "\f10a"; }

.zmd-gesture:before {
  content: "\f10b"; }

.zmd-inbox:before {
  content: "\f10c"; }

.zmd-link:before {
  content: "\f10d"; }

.zmd-mail:before {
  content: "\f10e"; }

.zmd-markunread:before {
  content: "\f10f"; }

.zmd-redo:before {
  content: "\f110"; }

.zmd-remove:before {
  content: "\f111"; }

.zmd-remove-circle:before {
  content: "\f112"; }

.zmd-remove-circle-outline:before {
  content: "\f113"; }

.zmd-reply:before {
  content: "\f114"; }

.zmd-reply-all:before {
  content: "\f115"; }

.zmd-report:before {
  content: "\f116"; }

.zmd-save:before {
  content: "\f117"; }

.zmd-select-all:before {
  content: "\f118"; }

.zmd-send:before {
  content: "\f119"; }

.zmd-sort:before {
  content: "\f11a"; }

.zmd-text-format:before {
  content: "\f11b"; }

.zmd-undo:before {
  content: "\f11c"; }

.zmd-attach-file:before {
  content: "\f168"; }

.zmd-attach-money:before {
  content: "\f169"; }

.zmd-border-all:before {
  content: "\f16a"; }

.zmd-border-bottom:before {
  content: "\f16b"; }

.zmd-border-clear:before {
  content: "\f16c"; }

.zmd-border-color:before {
  content: "\f16d"; }

.zmd-border-horizontal:before {
  content: "\f16e"; }

.zmd-border-inner:before {
  content: "\f16f"; }

.zmd-border-left:before {
  content: "\f170"; }

.zmd-border-outer:before {
  content: "\f171"; }

.zmd-border-right:before {
  content: "\f172"; }

.zmd-border-style:before {
  content: "\f173"; }

.zmd-border-top:before {
  content: "\f174"; }

.zmd-border-vertical:before {
  content: "\f175"; }

.zmd-format-align-center:before {
  content: "\f176"; }

.zmd-format-align-justify:before {
  content: "\f177"; }

.zmd-format-align-left:before {
  content: "\f178"; }

.zmd-format-align-right:before {
  content: "\f179"; }

.zmd-format-bold:before {
  content: "\f17a"; }

.zmd-format-clear:before {
  content: "\f17b"; }

.zmd-format-color-fill:before {
  content: "\f17c"; }

.zmd-format-color-reset:before {
  content: "\f17d"; }

.zmd-format-color-text:before {
  content: "\f17e"; }

.zmd-format-indent-decrease:before {
  content: "\f17f"; }

.zmd-format-indent-increase:before {
  content: "\f180"; }

.zmd-format-italic:before {
  content: "\f181"; }

.zmd-format-line-spacing:before {
  content: "\f182"; }

.zmd-format-list-bulleted:before {
  content: "\f183"; }

.zmd-format-list-numbered:before {
  content: "\f184"; }

.zmd-format-paint:before {
  content: "\f185"; }

.zmd-format-quote:before {
  content: "\f186"; }

.zmd-format-size:before {
  content: "\f187"; }

.zmd-format-strikethrough:before {
  content: "\f188"; }

.zmd-format-textdirection-l-to-r:before {
  content: "\f189"; }

.zmd-format-textdirection-r-to-l:before {
  content: "\f18a"; }

.zmd-format-underline:before {
  content: "\f18b"; }

.zmd-functions:before {
  content: "\f18c"; }

.zmd-insert-chart:before {
  content: "\f18d"; }

.zmd-insert-comment:before {
  content: "\f18e"; }

.zmd-insert-drive-file:before {
  content: "\f18f"; }

.zmd-insert-emoticon:before {
  content: "\f190"; }

.zmd-insert-invitation:before {
  content: "\f191"; }

.zmd-insert-link:before {
  content: "\f192"; }

.zmd-insert-photo:before {
  content: "\f193"; }

.zmd-merge-type:before {
  content: "\f194"; }

.zmd-mode-comment:before {
  content: "\f195"; }

.zmd-mode-edit:before {
  content: "\f196"; }

.zmd-publish:before {
  content: "\f197"; }

.zmd-vertical-align-bottom:before {
  content: "\f198"; }

.zmd-vertical-align-center:before {
  content: "\f199"; }

.zmd-vertical-align-top:before {
  content: "\f19a"; }

.zmd-wrap-text:before {
  content: "\f19b"; }

.zmd-cast:before {
  content: "\f1a9"; }

.zmd-cast-connected:before {
  content: "\f1aa"; }

.zmd-computer:before {
  content: "\f1ab"; }

.zmd-desktop-mac:before {
  content: "\f1ac"; }

.zmd-desktop-windows:before {
  content: "\f1ad"; }

.zmd-dock:before {
  content: "\f1ae"; }

.zmd-gamepad:before {
  content: "\f1af"; }

.zmd-headset:before {
  content: "\f1b0"; }

.zmd-headset-mic:before {
  content: "\f1b1"; }

.zmd-keyboard:before {
  content: "\f1b2"; }

.zmd-keyboard-alt:before {
  content: "\f1b3"; }

.zmd-keyboard-arrow-down:before {
  content: "\f1b4"; }

.zmd-keyboard-arrow-left:before {
  content: "\f1b5"; }

.zmd-keyboard-arrow-right:before {
  content: "\f1b6"; }

.zmd-keyboard-arrow-up:before {
  content: "\f1b7"; }

.zmd-keyboard-backspace:before {
  content: "\f1b8"; }

.zmd-keyboard-capslock:before {
  content: "\f1b9"; }

.zmd-keyboard-control:before {
  content: "\f1ba"; }

.zmd-keyboard-hide:before {
  content: "\f1bb"; }

.zmd-keyboard-return:before {
  content: "\f1bc"; }

.zmd-keyboard-tab:before {
  content: "\f1bd"; }

.zmd-keyboard-voice:before {
  content: "\f1be"; }

.zmd-laptop:before {
  content: "\f1bf"; }

.zmd-laptop-chromebook:before {
  content: "\f1c0"; }

.zmd-laptop-mac:before {
  content: "\f1c1"; }

.zmd-laptop-windows:before {
  content: "\f1c2"; }

.zmd-memory:before {
  content: "\f1c3"; }

.zmd-mouse:before {
  content: "\f1c4"; }

.zmd-phone-android:before {
  content: "\f1c5"; }

.zmd-phone-iphone:before {
  content: "\f1c6"; }

.zmd-phonelink:before {
  content: "\f1c7"; }

.zmd-phonelink-off:before {
  content: "\f1c8"; }

.zmd-security:before {
  content: "\f1c9"; }

.zmd-sim-card:before {
  content: "\f1ca"; }

.zmd-smartphone:before {
  content: "\f1cb"; }

.zmd-speaker:before {
  content: "\f1cc"; }

.zmd-tablet:before {
  content: "\f1cd"; }

.zmd-tablet-android:before {
  content: "\f1ce"; }

.zmd-tablet-mac:before {
  content: "\f1cf"; }

.zmd-tv:before {
  content: "\f1d0"; }

.zmd-watch:before {
  content: "\f1d1"; }

.zmd-add-to-photos:before {
  content: "\f1d2"; }

.zmd-adjust:before {
  content: "\f1d3"; }

.zmd-assistant-photo:before {
  content: "\f1d4"; }

.zmd-audiotrack:before {
  content: "\f1d5"; }

.zmd-blur-circular:before {
  content: "\f1d6"; }

.zmd-blur-linear:before {
  content: "\f1d7"; }

.zmd-blur-off:before {
  content: "\f1d8"; }

.zmd-blur-on:before {
  content: "\f1d9"; }

.zmd-brightness-1:before {
  content: "\f1da"; }

.zmd-brightness-2:before {
  content: "\f1db"; }

.zmd-brightness-3:before {
  content: "\f1dc"; }

.zmd-brightness-4:before {
  content: "\f1dd"; }

.zmd-brightness-5:before {
  content: "\f1de"; }

.zmd-brightness-6:before {
  content: "\f1df"; }

.zmd-brightness-7:before {
  content: "\f1e0"; }

.zmd-brush:before {
  content: "\f1e1"; }

.zmd-camera:before {
  content: "\f1e2"; }

.zmd-camera-alt:before {
  content: "\f1e3"; }

.zmd-camera-front:before {
  content: "\f1e4"; }

.zmd-camera-rear:before {
  content: "\f1e5"; }

.zmd-camera-roll:before {
  content: "\f1e6"; }

.zmd-center-focus-strong:before {
  content: "\f1e7"; }

.zmd-center-focus-weak:before {
  content: "\f1e8"; }

.zmd-collections:before {
  content: "\f1e9"; }

.zmd-colorize:before {
  content: "\f1ea"; }

.zmd-color-lens:before {
  content: "\f1eb"; }

.zmd-compare:before {
  content: "\f1ec"; }

.zmd-control-point:before {
  content: "\f1ed"; }

.zmd-control-point-duplicate:before {
  content: "\f1ee"; }

.zmd-crop:before {
  content: "\f1ef"; }

.zmd-crop-3-2:before {
  content: "\f1f0"; }

.zmd-crop-5-4:before {
  content: "\f1f1"; }

.zmd-crop-7-5:before {
  content: "\f1f2"; }

.zmd-crop-16-9:before {
  content: "\f1f3"; }

.zmd-crop-din:before {
  content: "\f1f4"; }

.zmd-crop-free:before {
  content: "\f1f5"; }

.zmd-crop-landscape:before {
  content: "\f1f6"; }

.zmd-crop-original:before {
  content: "\f1f7"; }

.zmd-crop-portrait:before {
  content: "\f1f8"; }

.zmd-crop-square:before {
  content: "\f1f9"; }

.zmd-dehaze:before {
  content: "\f1fa"; }

.zmd-details:before {
  content: "\f1fb"; }

.zmd-edit:before {
  content: "\f1fc"; }

.zmd-exposure:before {
  content: "\f1fd"; }

.zmd-exposure-minus-1:before {
  content: "\f1fe"; }

.zmd-exposure-minus-2:before {
  content: "\f1ff"; }

.zmd-exposure-zero:before {
  content: "\f200"; }

.zmd-exposure-plus-1:before {
  content: "\f201"; }

.zmd-exposure-plus-2:before {
  content: "\f202"; }

.zmd-filter:before {
  content: "\f203"; }

.zmd-filter-1:before {
  content: "\f204"; }

.zmd-filter-2:before {
  content: "\f205"; }

.zmd-filter-3:before {
  content: "\f206"; }

.zmd-filter-4:before {
  content: "\f207"; }

.zmd-filter-5:before {
  content: "\f208"; }

.zmd-filter-6:before {
  content: "\f209"; }

.zmd-filter-7:before {
  content: "\f20a"; }

.zmd-filter-8:before {
  content: "\f20b"; }

.zmd-filter-9:before {
  content: "\f20c"; }

.zmd-filter-9-plus:before {
  content: "\f20d"; }

.zmd-filter-b-and-w:before {
  content: "\f20e"; }

.zmd-filter-center-focus:before {
  content: "\f20f"; }

.zmd-filter-drama:before {
  content: "\f210"; }

.zmd-filter-frames:before {
  content: "\f211"; }

.zmd-filter-hdr:before {
  content: "\f212"; }

.zmd-filter-none:before {
  content: "\f213"; }

.zmd-filter-tilt-shift:before {
  content: "\f214"; }

.zmd-filter-vintage:before {
  content: "\f215"; }

.zmd-flare:before {
  content: "\f216"; }

.zmd-flash-auto:before {
  content: "\f217"; }

.zmd-flash-off:before {
  content: "\f218"; }

.zmd-flash-on:before {
  content: "\f219"; }

.zmd-flip:before {
  content: "\f21a"; }

.zmd-gradient:before {
  content: "\f21b"; }

.zmd-grain:before {
  content: "\f21c"; }

.zmd-grid-off:before {
  content: "\f21d"; }

.zmd-grid-on:before {
  content: "\f21e"; }

.zmd-hdr-off:before {
  content: "\f21f"; }

.zmd-hdr-on:before {
  content: "\f220"; }

.zmd-hdr-strong:before {
  content: "\f221"; }

.zmd-hdr-weak:before {
  content: "\f222"; }

.zmd-healing:before {
  content: "\f223"; }

.zmd-image:before {
  content: "\f224"; }

.zmd-image-aspect-ratio:before {
  content: "\f225"; }

.zmd-iso:before {
  content: "\f226"; }

.zmd-landscape:before {
  content: "\f227"; }

.zmd-leak-add:before {
  content: "\f228"; }

.zmd-leak-remove:before {
  content: "\f229"; }

.zmd-lens:before {
  content: "\f22a"; }

.zmd-looks:before {
  content: "\f22b"; }

.zmd-looks-1:before {
  content: "\f22c"; }

.zmd-looks-2:before {
  content: "\f22d"; }

.zmd-looks-3:before {
  content: "\f22e"; }

.zmd-looks-4:before {
  content: "\f22f"; }

.zmd-looks-5:before {
  content: "\f230"; }

.zmd-looks-6:before {
  content: "\f231"; }

.zmd-loupe:before {
  content: "\f232"; }

.zmd-movie-creation:before {
  content: "\f233"; }

.zmd-nature:before {
  content: "\f234"; }

.zmd-nature-people:before {
  content: "\f235"; }

.zmd-navigate-before:before {
  content: "\f236"; }

.zmd-navigate-next:before {
  content: "\f237"; }

.zmd-palette:before {
  content: "\f238"; }

.zmd-panorama:before {
  content: "\f239"; }

.zmd-panorama-fisheye:before {
  content: "\f23a"; }

.zmd-panorama-horizontal:before {
  content: "\f23b"; }

.zmd-panorama-vertical:before {
  content: "\f23c"; }

.zmd-panorama-wide-angle:before {
  content: "\f23d"; }

.zmd-photo:before {
  content: "\f23e"; }

.zmd-photo-album:before {
  content: "\f23f"; }

.zmd-photo-camera:before {
  content: "\f240"; }

.zmd-photo-library:before {
  content: "\f241"; }

.zmd-portrait:before {
  content: "\f242"; }

.zmd-remove-red-eye:before {
  content: "\f243"; }

.zmd-rotate-left:before {
  content: "\f244"; }

.zmd-rotate-right:before {
  content: "\f245"; }

.zmd-slideshow:before {
  content: "\f246"; }

.zmd-straighten:before {
  content: "\f247"; }

.zmd-style:before {
  content: "\f248"; }

.zmd-switch-camera:before {
  content: "\f249"; }

.zmd-switch-video:before {
  content: "\f24a"; }

.zmd-tag-faces:before {
  content: "\f24b"; }

.zmd-texture:before {
  content: "\f24c"; }

.zmd-timelapse:before {
  content: "\f24d"; }

.zmd-timer:before {
  content: "\f24e"; }

.zmd-timer-3:before {
  content: "\f24f"; }

.zmd-timer-10:before {
  content: "\f250"; }

.zmd-timer-auto:before {
  content: "\f251"; }

.zmd-timer-off:before {
  content: "\f252"; }

.zmd-tonality:before {
  content: "\f253"; }

.zmd-transform:before {
  content: "\f254"; }

.zmd-tune:before {
  content: "\f255"; }

.zmd-wb-auto:before {
  content: "\f256"; }

.zmd-wb-cloudy:before {
  content: "\f257"; }

.zmd-wb-incandescent:before {
  content: "\f258"; }

.zmd-wb-irradescent:before {
  content: "\f259"; }

.zmd-wb-sunny:before {
  content: "\f25a"; }

.zmd-apps:before {
  content: "\f292"; }

.zmd-cancel:before {
  content: "\f293"; }

.zmd-arrow-drop-down-circle:before {
  content: "\f294"; }

.zmd-arrow-drop-down:before {
  content: "\f295"; }

.zmd-arrow-drop-up:before {
  content: "\f296"; }

.zmd-arrow-back:before {
  content: "\f297"; }

.zmd-arrow-forward:before {
  content: "\f298"; }

.zmd-check:before {
  content: "\f299"; }

.zmd-close:before {
  content: "\f29a"; }

.zmd-chevron-left:before {
  content: "\f29b"; }

.zmd-chevron-right:before {
  content: "\f29c"; }

.zmd-expand-less:before {
  content: "\f29d"; }

.zmd-expand-more:before {
  content: "\f29e"; }

.zmd-fullscreen:before {
  content: "\f29f"; }

.zmd-fullscreen-exit:before {
  content: "\f2a0"; }

.zmd-menu:before {
  content: "\f2a1"; }

.zmd-more-horiz:before {
  content: "\f2a2"; }

.zmd-more-vert:before {
  content: "\f2a3"; }

.zmd-refresh:before {
  content: "\f2a4"; }

.zmd-unfold-less:before {
  content: "\f2a5"; }

.zmd-unfold-more:before {
  content: "\f2a6"; }

.zmd-cake:before {
  content: "\f2c9"; }

.zmd-domain:before {
  content: "\f2ca"; }

.zmd-location-city:before {
  content: "\f2cb"; }

.zmd-mood:before {
  content: "\f2cc"; }

.zmd-notifications-none:before {
  content: "\f2cd"; }

.zmd-notifications:before {
  content: "\f2ce"; }

.zmd-notifications-off:before {
  content: "\f2cf"; }

.zmd-notifications-on:before {
  content: "\f2d0"; }

.zmd-notifications-paused:before {
  content: "\f2d1"; }

.zmd-pages:before {
  content: "\f2d2"; }

.zmd-party-mode:before {
  content: "\f2d3"; }

.zmd-group:before {
  content: "\f2d4"; }

.zmd-group-add:before {
  content: "\f2d5"; }

.zmd-people:before {
  content: "\f2d6"; }

.zmd-people-outline:before {
  content: "\f2d7"; }

.zmd-person:before {
  content: "\f2d8"; }

.zmd-person-add:before {
  content: "\f2d9"; }

.zmd-person-outline:before {
  content: "\f2da"; }

.zmd-plus-one:before {
  content: "\f2db"; }

.zmd-poll:before {
  content: "\f2dc"; }

.zmd-public:before {
  content: "\f2dd"; }

.zmd-school:before {
  content: "\f2de"; }

.zmd-share:before {
  content: "\f2df"; }

.zmd-whatshot:before {
  content: "\f2e0"; }

.zmd-check-box:before {
  content: "\f2e1"; }

.zmd-check-box-outline-blank:before {
  content: "\f2e2"; }

.zmd-radio-button-off:before {
  content: "\f2e3"; }

.zmd-radio-button-on:before {
  content: "\f2e4"; }

.zmd-star:before {
  content: "\f2e5"; }

.zmd-star-half:before {
  content: "\f2e6"; }

.zmd-star-outline:before {
  content: "\f2e7"; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
/*********************************************************************
* Overwrites/Additions for MD styling and MD patterns
*********************************************************************/
.md-button {
  text-transform: none;
  font-size: 16px;
  margin: 6px 0; }
  .md-button.zlc-bigbtn {
    height: 50px;
    width: 100%; }
  .md-button:not([disabled]).md-focused {
    background-color: inherit; }

.md-button.md-raised {
  box-shadow: none !important; }

.md-button.cancel {
  color: #EC1C5E; }

md-content {
  overflow: inherit; }

.md-whiteframe-z1 {
  background-color: white; }
  .md-whiteframe-z1 .zl-md-whiteframe-header {
    height: 52px;
    padding: 5px 10px; }

/***********************************************************
*  Font: app uses Open Sans, md icons use RobotDraft
***********************************************************/
.md-select-icon {
  font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif; }

h4 {
  font-weight: normal; }

/***********************************************************
*  Dialogs
***********************************************************/
.md-dialog-container,
md-backdrop.md-opaque.md-default-theme {
  background-color: rgba(0, 0, 0, 0.3); }

.md-button.md-default-theme.md-primary, .md-button.md-primary {
  background-color: #37454e; }

md-dialog .md-dialog-content {
  padding: 0; }

md-dialog .md-title {
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 20px; }

md-dialog .md-dialog-content-body {
  padding: 15px 15px 25px 15px; }

md-dialog md-dialog-actions .md-button,
md-dialog .md-actions .md-button {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin: 0;
  border-radius: 0; }
  md-dialog md-dialog-actions .md-button.md-default-theme.md-primary,
  md-dialog .md-actions .md-button.md-default-theme.md-primary {
    background-color: #37454E;
    color: white; }
    md-dialog md-dialog-actions .md-button.md-default-theme.md-primary:focus,
    md-dialog .md-actions .md-button.md-default-theme.md-primary:focus {
      background-color: #37454E; }
    md-dialog md-dialog-actions .md-button.md-default-theme.md-primary:active, md-dialog md-dialog-actions .md-button.md-default-theme.md-primary:hover,
    md-dialog .md-actions .md-button.md-default-theme.md-primary:active,
    md-dialog .md-actions .md-button.md-default-theme.md-primary:hover {
      background-color: #4c5f6c; }
  md-dialog md-dialog-actions .md-button:nth-child(2),
  md-dialog .md-actions .md-button:nth-child(2) {
    border-left: 1px solid #6b6b6b; }

/***** Ziploop Dialogs *****/
md-dialog,
md-dialog.zl-dialog {
  position: relative; }
  md-dialog .zl-dialog-subheader, md-dialog md-toolbar,
  md-dialog.zl-dialog .zl-dialog-subheader,
  md-dialog.zl-dialog md-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    min-height: 48px;
    font-size: 22px;
    color: rgba(0, 0, 0, 0.75);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    md-dialog .zl-dialog-subheader.font-20, md-dialog md-toolbar.font-20,
    md-dialog.zl-dialog .zl-dialog-subheader.font-20,
    md-dialog.zl-dialog md-toolbar.font-20 {
      font-size: 20px; }
  md-dialog md-content,
  md-dialog.zl-dialog md-content {
    padding: 15px; }
  md-dialog md-toolbar,
  md-dialog md-dialog-actions,
  md-dialog.zl-dialog md-toolbar,
  md-dialog.zl-dialog md-dialog-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 0;
    margin: 0;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    md-dialog md-toolbar.two-button .md-button,
    md-dialog md-dialog-actions.two-button .md-button,
    md-dialog.zl-dialog md-toolbar.two-button .md-button,
    md-dialog.zl-dialog md-dialog-actions.two-button .md-button {
      margin: 0;
      border-radius: 0; }
    md-dialog md-toolbar.two-button button:nth-child(2),
    md-dialog md-dialog-actions.two-button button:nth-child(2),
    md-dialog.zl-dialog md-toolbar.two-button button:nth-child(2),
    md-dialog.zl-dialog md-dialog-actions.two-button button:nth-child(2) {
      border-left: 1px solid #6b6b6b; }
  md-dialog button[disabled],
  md-dialog.zl-dialog button[disabled] {
    color: rgba(0, 0, 0, 0.54); }

button.md-button.deny {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2); }
  button.md-button.deny span {
    color: #EC1C5E; }

button.md-button.confirm {
  background-color: #EC1C5E;
  color: rgba(0, 0, 0, 0.2);
  border-color: #000; }
  button.md-button.confirm span {
    color: #FFFFFF; }
  button.md-button.confirm:focus {
    background-color: #EC1C5E; }
  button.md-button.confirm:active, button.md-button.confirm:hover {
    background-color: #f04b7f; }

md-dialog.meaty-dialog {
  width: 90%;
  max-width: 540px; }
  md-dialog.meaty-dialog md-content,
  md-dialog.meaty-dialog md-dialog-content {
    padding: 15px; }
  md-dialog.meaty-dialog md-checkbox {
    margin: 5px; }

md-dialog.full-dialog {
  width: 100%;
  min-width: 100%;
  height: 100%;
  max-height: 100%; }

/***** Dialogs ON DESKTOP *****/
@media (min-width: 960px) {
  md-dialog {
    max-width: 390px; }
  .md-dialog-container {
    left: calc(50% - 480px);
    top: 5%;
    width: 960px;
    max-width: 960px;
    background-color: transparent; }
  .full-dialog {
    max-width: 600px;
    max-height: 90%;
    height: 90%; } }

/***********************************************************
* md-select (child of .md-select-menu-container)
* md-select-menu-container is appended to body and positioned
* with inline styling from the directive
***********************************************************/
md-select-menu {
  max-height: 500px; }
  md-select-menu md-content {
    max-height: 500px; }

md-checkbox:focus .md-label:not(:empty) {
  border-color: transparent; }

/***** Make directives be block *****/
md-action {
  display: block; }

md-select-menu.md-default-theme md-option:focus:not([selected]) {
  background: white; }

#contact-searching {
  width: 100%;
  height: 40vh; }
  #contact-searching .contacts {
    height: 100%;
    overflow-y: scroll; }
  #contact-searching .md-headline {
    font-size: 18px;
    margin-left: 8px; }
  #contact-searching .zmd {
    font-size: 24px;
    margin-top: -4px;
    margin-right: 18px; }
  #contact-searching md-card {
    width: 100%; }

.button-box.view-rewards {
  background-color: #37454E;
  color: #ffffff;
  border-radius: 4px;
  margin-top: 110px; }
  .button-box.view-rewards .zli-rewards {
    color: #ffffff;
    font-size: 22px; }
  .button-box.view-rewards span {
    margin-bottom: 0; }

html p, body p {
  line-height: normal; }

@font-face {
  font-family: 'ziploop-iconfont';
  src: url("../fonts/ziploop-iconfont.eot?6n7sue");
  src: url("../fonts/ziploop-iconfont.eot?6n7sue#iefix") format("embedded-opentype"), url("../fonts/ziploop-iconfont.woff2?6n7sue") format("woff2"), url("../fonts/ziploop-iconfont.ttf?6n7sue") format("truetype"), url("../fonts/ziploop-iconfont.woff?6n7sue") format("woff"), url("../fonts/ziploop-iconfont.svg?6n7sue#ziploop-iconfont") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="zli-"], [class*=" zli-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ziploop-iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.zli-cards-in:before {
  content: "\e91c"; }

.zli-new-receipt:before {
  content: "\e91d"; }

.zli-cards:before {
  content: "\e91e"; }

.zli-shoppingbag2:before {
  content: "\e600"; }

.zli-shoppingbag1:before {
  content: "\e601"; }

.zli-download:before {
  content: "\e602"; }

.zli-edit:before {
  content: "\e603"; }

.zli-next:before {
  content: "\e604"; }

.zli-openheart:before {
  content: "\e605"; }

.zli-previous:before {
  content: "\e606"; }

.zli-shoppingbag3:before {
  content: "\e607"; }

.zli-sweetheart:before {
  content: "\e608"; }

.zli-tag:before {
  content: "\e609"; }

.zli-back:before {
  content: "\e60a"; }

.zli-bang:before {
  content: "\e60b"; }

.zli-checkmark:before {
  content: "\e60c"; }

.zli-forward:before {
  content: "\e60d"; }

.zli-select:before {
  content: "\e60e"; }

.zli-select1:before {
  content: "\e60f"; }

.zli-star:before {
  content: "\e610"; }

.zli-favorites:before {
  content: "\e611"; }

.zli-hive:before {
  content: "\e612"; }

.zli-logout:before {
  content: "\e613"; }

.zli-menu:before {
  content: "\e614"; }

.zli-more:before {
  content: "\e615"; }

.zli-privacy:before {
  content: "\e616"; }

.zli-terms:before {
  content: "\e617"; }

.zli-closet:before {
  content: "\e618"; }

.zli-lock2:before {
  content: "\e619"; }

.zli-trends:before {
  content: "\e61a"; }

.zli-return:before {
  content: "\e61b"; }

.zli-rewards:before {
  content: "\e61c"; }

.zli-safe:before {
  content: "\e61d"; }

.zli-settings:before {
  content: "\e61e"; }

.zli-sort:before {
  content: "\e61f"; }

.zli-lock1:before {
  content: "\e620"; }

.zli-myloop22:before {
  content: "\e621"; }

.zli-note:before {
  content: "\e622"; }

.zli-original:before {
  content: "\e623"; }

.zli-profile:before {
  content: "\e624"; }

.zli-receipts:before {
  content: "\e625"; }

.zli-redeem2:before {
  content: "\e626"; }

.zli-stores:before {
  content: "\e627"; }

.zli-categorize:before {
  content: "\e628"; }

.zli-delete:before {
  content: "\e629"; }

.zli-export:before {
  content: "\e62a"; }

.zli-help:before {
  content: "\e62b"; }

.zli-history:before {
  content: "\e62c"; }

.zli-home:before {
  content: "\e62d"; }

.zli-info:before {
  content: "\e62e"; }

.zli-lookup:before {
  content: "\e62f"; }

.zli-mail:before {
  content: "\e630"; }

.zli-messages:before {
  content: "\e631"; }

.zli-about:before {
  content: "\e632"; }

.zli-capture:before {
  content: "\e633"; }

.zli-linkedin-circle:before {
  content: "\e636"; }

.zli-facebook-circle:before {
  content: "\e637"; }

.zli-twitter-circle:before {
  content: "\e638"; }

.zli-pinterest-circle:before {
  content: "\e639"; }

.zli-dashboard:before {
  content: "\e63a"; }

.zli-receiptcolored:before {
  content: "\e91f"; }

.zli-trendscolored:before {
  content: "\e920"; }

.zli-buisness:before {
  content: "\e921"; }

.zli-rewardscolored:before {
  content: "\e922"; }

.zli-award:before {
  content: "\e923"; }

.zli-redo22:before {
  content: "\e968"; }

.zli-facebook:before {
  content: "\ea8d"; }

.zli-camera2:before {
  content: "\e902"; }

.zli-receipt-in2:before {
  content: "\e903"; }

.zli-capture-in:before {
  content: "\e90a"; }

.zli-cards-in2:before {
  content: "\e90b"; }

.zli-dashboard-in2:before {
  content: "\e90c"; }

.zli-rewards-in2:before {
  content: "\e90d"; }

.zli-vip-in2:before {
  content: "\e90e"; }

.zli-report-in2:before {
  content: "\e90f"; }

.zli-send-in2:before {
  content: "\e910"; }

/****************************************************************
* Bootstrap classes needed for ui-bootstrap components:
* ui-acocordion, ui-collapse, ui-transition
****************************************************************/
a {
  color: inherit;
  text-decoration: none; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

.collapse {
  display: none;
  visibility: hidden; }

.collapse.in {
  display: block;
  visibility: visible; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease; }

/***************************************
* Animations BETA
* WARNING: Still a work in progress
***************************************/
/* Note:  Think there is an issue with the page transition if the page is longer than
the view port, e.g. summary and list views.  This causes a scroll of the receipt-detail
during the transition. Workaround might be to set fixed  page height of ng-view div
during transition*/
.summary-to-receipt.ng-leave, .receipt-from-summary.ng-enter {
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: -2px 0px 5px 0 rgba(0, 0, 0, 0.26); }

.receipt-from-summary.ng-enter,
.receipt-from-progactivity.ng-enter {
  animation: moveFromBottom .5s ease-out; }

.receipt-to-summary.ng-leave {
  animation: moveToRight .5s ease-out; }

@keyframes moveToTop {
  from { }
  to {
    transform: translateY(-100%); } }

@keyframes moveToRight {
  to {
    transform: translateX(100%); }
  from {
    transform: translateX(0); } }

@keyframes scaleUp {
  from {
    opacity: 0.3;
    -webkit-transform: scale(0.8);
    z-index: 101; } }

@keyframes moveFromTop {
  from {
    transform: translateY(-100%); } }

@keyframes moveFromBottom {
  from {
    transform: translateY(100%); } }

@keyframes moveFromLeft {
  from {
    transform: translateX(-100%);
    z-index: 101; } }

@keyframes moveFromRight {
  from {
    transform: translateX(100%);
    z-index: 101; } }

.zl-fadeout {
  animation: fadeOut .5s ease-out;
  opacity: 0 !important; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.zl-fadein {
  animation: fadeIn .5s ease-in; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.glowing {
  animation-name: goldGlow;
  animation-duration: 3s;
  animation-timing-function: ease;
  animation-iteration-count: infinite; }

@keyframes goldGlow {
  from {
    background-color: #f1c40f;
    box-shadow: 0 0 9px #f1c40f; }
  75% {
    background-color: #f8df54;
    box-shadow: 0 0 18px #f8df54; }
  to {
    background-color: #f1c40f;
    box-shadow: 0 0 9px #f1c40f; } }

.capture-transition.ng-enter {
  z-index: 900;
  animation: slideInUp 0.5s both linear; }

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
* {
  font-family: 'Open Sans', sans-serif; }

/***************************************
*  Reset/Control Browser Defaults
***************************************/
body h1, body h2, body h3, body h4, body h5, body h6,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  margin: 0; }

*, *:before, *:after {
  box-sizing: border-box; }

p {
  margin: 0;
  padding: 0; }

button {
  border: none;
  background-color: transparent; }

input, textarea {
  -webkit-appearance: none; }

button:focus, i:focus, div:focus {
  outline: none; }

/***************************************
*  App Container and Page Container
***************************************/
body {
  overflow: hidden; }

#zlc-app-container {
  position: relative;
  overflow: hidden;
  -ms-flex-flow: column;
      flex-flow: column;
  display: -ms-flexbox;
  display: flex;
  height: 100vh; }

#zlc-ngview-container {
  height: 100%;
  overflow-y: scroll;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  @media (min-width: 600px) {
    #zlc-ngview-container {
      background-color: #F1F6F5; } }

#zlc-ngview {
  -ms-flex: 1;
      flex: 1;
  max-width: 1024px;
  width: 100%; }
  @media (min-width: 600px) {
    #zlc-ngview {
      overflow: scroll; } }

.zlc-maxwith {
  max-width: 1024px; }

.main-class {
  color: #090909; }

.page-container {
  max-width: 1024px; }
  .page-container.backdrop,
  .page-container .backdrop {
    padding: 15px; }
    @media (max-width: 320px) {
      .page-container.backdrop,
      .page-container .backdrop {
        padding: 10px; } }
    @media (min-width: 600px) {
      .page-container.backdrop,
      .page-container .backdrop {
        padding: 15px 15px 15px 15px; } }

.page-content md-content {
  padding: 0; }

.page-content .md-button.action {
  background-color: transparent;
  border: none;
  height: 38px;
  margin: 8px auto 16px 0;
  position: absolute;
  top: 10px;
  right: 25px;
  width: 36px; }

/***************************************
*  Utility Classes
***************************************/
.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.inline-block {
  display: inline-block; }

.margin0auto {
  margin: 0 auto; }

.pos-relative {
  position: relative; }

.cur-pointer {
  cursor: pointer; }

.text-em1p2 {
  font-size: 1.2em; }

.text-em1p4 {
  font-size: 1.4em; }

.text-em1p6 {
  font-size: 1.6em; }

.text-12px {
  font-size: 12px; }

.text-14px {
  font-size: 14px; }

.text-16px {
  font-size: 16px; }

.text-18px {
  font-size: 18px; }

.text-22px {
  font-size: 22px; }

.bg-white {
  background-color: white;
  width: 100%; }

.w-100pct {
  width: 100%; }

.default-cursor {
  cursor: pointer; }

.md-tile-content.flex-basis-33,
.flex-basis-33 {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%; }

.md-tile-content.flex-basis-66,
.flex-basis-66 {
  -ms-flex-preferred-size: 66%;
      flex-basis: 66%; }

.zl-flex-container-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column; }
  @media (max-width: 600px) {
    .zl-flex-container-column {
      position: absolute;
      top: 0px; } }

.zl-flex-child-1 {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column; }

/***************************************
*  App Wide  - should probably move to own file
***************************************/
zl-storelogo-gt {
  display: block; }
  zl-storelogo-gt .logo-img {
    display: block;
    max-height: 26px;
    max-width: 100%; }

.logo-img {
  display: block;
  max-height: 20px;
  max-width: 200px; }

.toggle {
  cursor: pointer; }

.spinner {
  position: absolute;
  width: 100%;
  padding-right: 25px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#capture {
  background-color: #ffffff;
  overflow-x: hidden;
  color: rgba(0, 0, 0, 0.87); }
  #capture .capture-container {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    overflow: hidden; }
    #capture .capture-container .header {
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
      height: 80px;
      padding: 0;
      text-align: center; }
      #capture .capture-container .header .title {
        padding: 10px 0 0 0;
        font-size: 24px; }
      #capture .capture-container .header .instructions {
        padding: 0 15px;
        font-size: 16px; }
    #capture .capture-container .receiptTheme {
      background-color: #ffffff; }
    #capture .capture-container .rewardTheme {
      background-color: #ffffff; }
    #capture .capture-container .retakeButton {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      cursor: pointer; }
    #capture .capture-container .captureButton {
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      opacity: 0 !important;
      overflow: hidden !important;
      z-index: 100 !important;
      margin-top: -40px;
      padding-top: -20px;
      top: -20px;
      cursor: pointer; }
    #capture .capture-container .mdCaptureButton {
      background-color: #EC1C5E;
      font-size: 32px;
      height: 64px;
      width: 300px;
      padding-top: 12px;
      padding-bottom: 12px; }
    #capture .capture-container .capture-instructions {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 30px;
      text-align: center; }
      #capture .capture-container .capture-instructions p {
        margin-top: 30px;
        margin-bottom: 30px; }
    #capture .capture-container .queue-img-container.bottom {
      padding-top: 20px; }
    #capture .capture-container .tag-retake-float {
      width: 100%;
      margin-top: -56px;
      float: left;
      height: 45px; }
    #capture .capture-container .tag-retake-button {
      background-color: #EC1C5E;
      color: white; }
    #capture .capture-container .tag-button {
      float: left;
      margin-left: 10px; }
    #capture .capture-container .retake-button {
      float: right;
      margin-right: 10px; }
    #capture .capture-container .queue-img-container {
      position: relative;
      text-align: center;
      min-height: 130px; }
      #capture .capture-container .queue-img-container img.capture-preview {
        max-width: 100%;
        padding: 0 10px;
        margin-bottom: -10px; }
      #capture .capture-container .queue-img-container .capture-preview.ng-enter {
        opacity: 0;
        transition: opacity 150ms linear; }
      #capture .capture-container .queue-img-container .capture-preview.ng-enter.ng-enter-active {
        opacity: 1;
        transition: opacity 150ms linear; }
      #capture .capture-container .queue-img-container .tag-retake {
        position: absolute;
        bottom: 9px;
        left: 0;
        right: 0; }
        #capture .capture-container .queue-img-container .tag-retake .md-button {
          position: absolute;
          color: white;
          background-color: black;
          width: 80px;
          height: 40px;
          font-weight: bold;
          margin-right: 5px;
          margin-bottom: 5px;
          border-radius: 2px; }
        #capture .capture-container .queue-img-container .tag-retake .tag-button {
          left: 19px;
          bottom: 0; }
        #capture .capture-container .queue-img-container .tag-retake .retake-button {
          right: 15px;
          bottom: 0;
          line-height: 40px; }
    #capture .capture-container .capture-preview.ng-enter,
    #capture .capture-container .cancel-button.ng-enter {
      opacity: 0;
      transition: opacity 300ms linear; }
    #capture .capture-container .capture-preview.ng-enter.ng-enter-active,
    #capture .capture-container .cancel-button.ng-enter.ng-enter-active {
      opacity: 1;
      transition: opacity 300ms linear; }
    #capture .capture-container .upload-buttons.ng-enter,
    #capture .capture-container .captureButton.ng-enter {
      opacity: 0;
      transition: opacity 300ms linear;
      transition-delay: 500ms; }
    #capture .capture-container .upload-buttons.ng-enter.ng-enter-active,
    #capture .capture-container .captureButton.ng-enter.ng-enter-active {
      opacity: 1;
      transition: opacity 300ms linear;
      transition-delay: 500ms; }
    #capture .capture-container .preview-container {
      max-width: 100%; }
    #capture .capture-container .capture-box {
      position: relative; }
    #capture .capture-container .capture-spinner {
      position: absolute;
      top: 0;
      padding-top: 40px;
      width: 100%; }
    #capture .capture-container zl-capture-image-button-set {
      height: 80px; }
    #capture .capture-container .zl-capture-image-button.top {
      border-bottom: none;
      border: none; }
    #capture .capture-container .zl-capture-image-button.top.border-bottom {
      border-bottom: 1px solid white; }
    #capture .capture-container .zl-capture-image-button.next-section {
      background-color: #37454E;
      color: white;
      height: auto;
      padding: 0 0 5px 0;
      margin-top: 10px;
      margin-left: 10px;
      margin-right: 10px; }
    #capture .capture-container .zl-capture-image-button {
      display: block;
      position: relative;
      height: 98px;
      border-top: 1px solid white;
      border-bottom: 1px solid white;
      padding: 20px 0;
      font-size: 24px;
      text-align: center;
      margin: auto; }
      #capture .capture-container .zl-capture-image-button span.zli-capture,
      #capture .capture-container .zl-capture-image-button span.zmd-add {
        margin-right: 10px; }
      #capture .capture-container .zl-capture-image-button span.zmd-add {
        font-size: 30px; }
      #capture .capture-container .zl-capture-image-button .next-section {
        padding: 2px 0; }
      #capture .capture-container .zl-capture-image-button .subtext {
        padding: 2px 0;
        margin-top: -5px;
        font-size: 14px; }
    #capture .capture-container .upload-buttons {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
      height: auto;
      text-align: center;
      width: 100%;
      max-width: 600px;
      position: absolute;
      bottom: 4px; }
      #capture .capture-container .upload-buttons div {
        padding: 0 10px; }
        #capture .capture-container .upload-buttons div button {
          width: 100%;
          height: 50px;
          font-size: 18px;
          font-weight: bold; }
        #capture .capture-container .upload-buttons div .cancel {
          background-color: white;
          color: #EC1C5E;
          border: 1px solid #d9d9d9; }
        #capture .capture-container .upload-buttons div .upload {
          background-color: #EC1C5E;
          color: white; }
        #capture .capture-container .upload-buttons div .md-button.md-default-theme[disabled] {
          color: white; }
    #capture .capture-container .cancel-button {
      position: absolute;
      bottom: 0;
      height: 100px;
      width: 100%;
      max-width: 1024px;
      font-size: 64px;
      text-align: center;
      background-color: #ffffff; }
      #capture .capture-container .cancel-button .zmd {
        color: #EC1C5E; }
  #capture .capture-show {
    opacity: 1;
    overflow-y: visible; }
  #capture .capture-show.ng-hide-remove.ng-hide-remove-active {
    transition: all linear 0.5s; }
  #capture .capture-show.ng-hide {
    opacity: 0; }
  #capture .upload-overlay {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    background-color: black; }
    #capture .upload-overlay .uploading-spinner {
      height: 100%; }
  @media (min-width: 600px) {
    #capture {
      height: 90vh; }
      #capture .capture-container {
        height: 93vh; }
        #capture .capture-container .capture-instructions {
          max-width: 600px; }
        #capture .capture-container .capture-box {
          height: 62vh; } }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
/***************************************
*  Home
***************************************/
.home-feed.page-container {
  background: inherit; }

#home .page-container.backdrop {
  padding: 0 15px; }
  @media (min-width: 600px) {
    #home .page-container.backdrop {
      margin-top: 0px;
      padding: 15px 0px 15px 0px; } }

md-toolbar#home-header {
  display: block;
  height: 100px;
  background-color: none; }
  md-toolbar#home-header .header-flex-box {
    padding: 6px 10px 9px; }
  md-toolbar#home-header .head-but {
    position: relative;
    color: white;
    width: 40px;
    height: 40px;
    background-color: transparent;
    outline: none;
    padding: 0; }
    md-toolbar#home-header .head-but .zmd-menu {
      font-size: 32px; }
    md-toolbar#home-header .head-but .message-badge {
      position: absolute;
      right: 0;
      width: 16px;
      height: 16px;
      border-radius: 16px;
      font-size: 11px;
      line-height: 16px;
      background-color: #EC1C5E; }
  md-toolbar#home-header .zl-logo {
    padding-left: 11px;
    height: 26px;
    vertical-align: middle; }
    @media (max-width: 600px) {
      md-toolbar#home-header .zl-logo {
        height: 20px; } }
  md-toolbar#home-header .photo-email-container {
    text-align: center;
    position: relative;
    top: 50px; }
    @media (min-width: 600px) {
      md-toolbar#home-header .photo-email-container {
        top: 40px; } }
    md-toolbar#home-header .photo-email-container .email-label {
      position: relative;
      top: -5px;
      font-size: 18px; }
      @media (max-width: 600px) {
        md-toolbar#home-header .photo-email-container .email-label {
          font-size: 16px; } }

.home-photo-container {
  width: 80px;
  height: 80px;
  margin-left: auto;
  margin-right: auto; }

.home-feed {
  overflow-y: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1; }
  .home-feed .home-feed-items {
    width: 100%; }
  .home-feed .feed-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1;
    width: 100%;
    max-width: 415px;
    margin: 0 auto; }
  @media (min-width: 600px) {
    .home-feed .feed-container {
      max-width: 1024px; }
    .home-feed .feed-container md-list {
      -ms-flex: 1 1 20em;
          flex: 1 1 20em; }
    .home-feed .feed-container .views {
      -ms-flex: 2 2 20em;
          flex: 2 2 20em; } }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#landing {
  background: #4d4d4d; }
  #landing.page-container {
    height: 100%; }
  #landing #logsign-container {
    max-width: 415px;
    margin: 0 auto; }
  #landing .content-container {
    height: 100%;
    opacity: 1; }
  #landing #landing-cover {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100%;
    max-height: 768px; }
    #landing #landing-cover .landing-icon {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1;
          flex: 1;
      -ms-flex-pack: center;
          justify-content: center; }
      #landing #landing-cover .landing-icon div {
        margin: auto; }
    #landing #landing-cover .landing-buttons {
      width: 100%; }
      #landing #landing-cover .landing-buttons .md-button {
        display: block;
        width: 100%;
        height: 50px;
        color: white;
        font-size: 18px;
        line-height: 36px; }
      #landing #landing-cover .landing-buttons .md-button.login {
        margin-top: 10px;
        background-color: transparent;
        border: 1px solid white; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#message-summary .no-records {
  margin-top: 55%;
  text-align: center; }
  @media (min-width: 600px) {
    #message-summary .no-records {
      margin-top: 28%; } }
  #message-summary .no-records p.gray {
    color: rgba(0, 0, 0, 0.54);
    margin-bottom: 30px;
    padding: 0px 20px;
    font-size: 20px;
    text-align: left; }
  #message-summary .no-records .zli, #message-summary .no-records .zmd, #message-summary .no-records .material-icons {
    font-size: 28px; }

#message-summary .no-records p.gray {
  text-align: center; }

@media (min-width: 600px) {
  #message-summary {
    overflow-y: hidden; }
    #message-summary .views {
      height: 85vh;
      overflow-y: scroll; }
    #message-summary .list-container {
      height: 85vh;
      overflow-y: scroll; } }

#message-summary .message.message-animate.active {
  border: solid; }
  @media (min-width: 600px) {
    #message-summary .message.message-animate.active {
      border-color: #37454E;
      border-bottom: solid 4px #37454E; } }

#message-summary .message-animate.ng-leave, #message-summary .message-animate.ng-move {
  transition: 0.5s linear all;
  position: relative; }

#message-summary .message-animate.ng-leave {
  opacity: 1; }

#message-summary .message-animate.ng-leave.ng-leave-active {
  opacity: 0; }

#message-summary .message-animate.ng-move {
  opacity: 0.5; }

#message-summary .message-animate.ng-move.ng-move-active {
  opacity: 1; }

#message-summary .message-container {
  background-color: #e05463;
  width: 100%;
  position: relative;
  height: 80px; }

#message-summary .icon {
  color: white;
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 25px;
  z-index: 0; }

#message-summary .message {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background-color: white;
  padding: 10px;
  height: 80px; }

#message-summary .logo-img {
  max-height: 18px;
  max-width: 120px;
  margin: 0; }

#message-summary .logo-name {
  font-size: 14px; }

#message-summary p {
  margin: 0; }

#message-summary .channel {
  font-weight: bold; }

#message-summary .date {
  color: rgba(0, 0, 0, 0.54);
  font-size: 15px; }

#message-summary .subject {
  line-height: 22px;
  font-size: 15px;
  white-space: nowrap; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
/******************************************************************
 Styling for login and signup components, which are in multiple routes and directives,
 thus this class can be used in multiple jade files to provide uniform styling for all
 login and signup components
******************************************************************/
.login-signup {
  width: 100%;
  height: 100%;
  background-color: #4d4d4d;
  padding: 20px;
  color: white;
  /****** Animations for signup/login screens & components ******/ }
  .login-signup [flex] {
    width: 100%; }
  .login-signup .logsign-container {
    max-width: 415px; }
  .login-signup .signup-accent {
    color: #2163d4; }
  .login-signup .signup-header {
    padding: 10px 0;
    width: 100%;
    color: white; }
  .login-signup .fb-box {
    width: 100%;
    min-height: 50px; }
    .login-signup .fb-box .helper-links {
      margin-top: 10px;
      text-align: center; }
  .login-signup .md-button.facebook-button {
    margin: 0;
    background-image: linear-gradient(#3660ba, #3059af);
    color: white; }
    .login-signup .md-button.facebook-button div {
      line-height: 8px; }
    .login-signup .md-button.facebook-button span {
      vertical-align: super;
      display: inline-block;
      margin-left: 10px; }
  .login-signup .or-divider {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    margin-top: 8px;
    color: white; }
    .login-signup .or-divider .divider-line {
      width: 100%;
      height: 0;
      border: 1px solid white;
      margin-top: 10px;
      -ms-flex: 50;
          flex: 50; }
    .login-signup .or-divider .divider-full-line {
      width: 100%;
      height: 0;
      border: 1px solid white;
      -ms-flex: 1;
          flex: 1; }
    .login-signup .or-divider .or-block {
      width: 35px;
      text-align: center; }
  .login-signup .signup-header {
    position: relative; }
    .login-signup .signup-header .remove-container {
      position: absolute; }
    .login-signup .signup-header .zmd.zmd-highlight-remove {
      font-size: 30px;
      margin-top: 1px;
      margin-left: 10px; }
    .login-signup .signup-header .header-title {
      -ms-flex: 1;
          flex: 1;
      font-size: 24px;
      text-align: center; }
  .login-signup .signup-panel,
  .login-signup .login-panel {
    width: 100%;
    max-width: 415px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex: 1;
        flex: 1; }
  .login-signup form {
    width: 100%;
    margin: 10px 0;
    color: white; }
    .login-signup form input {
      width: 100%;
      height: 50px;
      padding-left: 10px;
      border: 1px solid rgba(0, 0, 0, 0.3);
      border-radius: 2px; }
  .login-signup button.full-width {
    width: 100%;
    height: 50px;
    color: white;
    background-color: #EC1C5E; }
  @media (max-width: 500px) {
    .login-signup .md-button.md-default-theme.md-accent.md-raised:not([disabled]):hover, .login-signup .md-button.md-default-theme.md-accent.md-raised:not([disabled]):focus, .login-signup .md-button.md-default-theme.md-accent.md-raised:not([disabled]):active, .login-signup .md-button.md-default-theme.md-accent.md-raised:not([disabled]):visited {
      background-color: #EC1C5E; } }
  .login-signup .anti-button {
    margin-top: 10px; }
  .login-signup .input-top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px 2px 0 0; }
  .login-signup .input-bot {
    border-radius: 0 0 2px 2px; }
  .login-signup .input-md {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 0; }
  .login-signup .commerce-input-wrapper {
    margin-bottom: 18px; }
  .login-signup .helper-text {
    color: white;
    font-size: 14px;
    text-align: center;
    margin: 10px 0;
    line-height: 1.3; }
    .login-signup .helper-text span {
      text-decoration: underline;
      cursor: pointer; }
  .login-signup .error-msg {
    padding: 0 20px 0 6px;
    height: 50px;
    color: #EC1C5E;
    font-size: 14px; }
  .login-signup .error-box {
    padding: 10px 0 10px 10px;
    font-size: 14px;
    color: #EC1C5E; }
  .login-signup .animate-if.ng-enter, .login-signup .animate-if.ng-leave {
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }
  .login-signup .animate-if.ng-enter, .login-signup .animate-if.ng-leave.ng-leave-active {
    opacity: 0; }
  .login-signup .animate-if.ng-leave, .login-signup .animate-if.ng-enter.ng-enter-active {
    opacity: 1; }
  .login-signup .ani-if.ng-enter, .login-signup .ani-if.ng-leave {
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }
  .login-signup .ani-if.ng-enter, .login-signup .ani-if.ng-leave.ng-leave-active {
    position: absolute;
    opacity: 0; }
  .login-signup .ani-if.ng-leave, .login-signup .ani-if.ng-enter.ng-enter-active {
    position: absolute;
    opacity: 1; }
  .login-signup .animate-in.ng-enter {
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }
  .login-signup .animate-in.ng-enter.ng-enter-active {
    opacity: 1; }

#confirm-page {
  margin-top: 50px; }
  #confirm-page div {
    color: white;
    text-align: center;
    margin: 30px 0; }
  #confirm-page .headline {
    font-size: 18px; }
  #confirm-page .explain {
    font-size: 14px; }
  #confirm-page .confirm-signup {
    display: block;
    margin: 0 auto; }
  #confirm-page .resend {
    margin-top: 10px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#profile {
  background-color: white; }
  #profile .button-box.profile {
    padding: 20px 4px 0px 12px; }
    @media (min-width: 600px) {
      #profile .button-box.profile {
        width: 50%; } }
  #profile .button-box .send {
    border: 1px solid #EC1C5E;
    background-color: #EC1C5E;
    color: white; }
  #profile .button-box .md-button {
    width: 48%;
    font-size: 20px; }
  #profile .button-box .cancel {
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-right: 10px; }
  #profile .default-cursor {
    position: absolute;
    color: #fff; }
    #profile .default-cursor input {
      position: relative;
      bottom: 15px;
      opacity: 0;
      width: 100px; }

/* Used by both profile.jade and cover-chooser.jade */
.reset-button.pad-profile {
  padding: 0 20px 10px;
  text-align: center; }

.reset-button button {
  width: 100%;
  max-width: 400px;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #EC1C5E; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#programs zl-program-card {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 10px; }
  #programs zl-program-card md-card {
    margin: 0;
    padding: 10px; }
    #programs zl-program-card md-card md-card-content {
      margin-top: 16px;
      padding: 0; }
  #programs zl-program-card .logo-img {
    max-height: 38px;
    max-width: 250px;
    width: auto;
    padding-right: 10px; }
  #programs zl-program-card .change-pen {
    width: 100%; }
  #programs zl-program-card md-card-header-text {
    line-height: 1; }
  #programs zl-program-card md-card-header-text.logo {
    height: 35px; }
  #programs zl-program-card .md-subheader {
    padding: 10px 0 0;
    font-size: 1em; }
  #programs zl-program-card .zmd {
    font-size: 24px;
    color: #EC1C5E; }
  #programs zl-program-card .zli {
    font-size: 32px; }
  #programs zl-program-card .zli-rewards {
    padding: 6px 0 2px 0;
    color: #37454E; }
  #programs zl-program-card .zli-trends {
    color: #37454E; }
  #programs zl-program-card .icon-box {
    position: absolute;
    top: 0;
    width: 100%;
    height: 80px; }
  #programs zl-program-card md-progress-circular .md-spinner-wrapper .md-inner .md-gap, #programs zl-program-card md-progress-circular .md-spinner-wrapper .md-inner .md-half-circle {
    border-width: 6px; }
  #programs zl-program-card md-progress-circular.background-circle {
    margin-top: -80px;
    z-index: 0; }
    #programs zl-program-card md-progress-circular.background-circle .md-inner .md-gap, #programs zl-program-card md-progress-circular.background-circle .md-inner .md-half-circle {
      border-color: rgba(61, 61, 61, 0.12); }
  #programs zl-program-card .max-reward-box {
    max-width: 400px;
    margin-bottom: 30px;
    border-radius: 8px; }
    #programs zl-program-card .max-reward-box .zli {
      color: #37454E;
      font-size: 44px;
      margin-right: 12px; }
    #programs zl-program-card .max-reward-box .congrats {
      font-weight: bold; }
  #programs zl-program-card .md-button.md-primary {
    width: 40%;
    padding: 4px 0;
    line-height: 1.3; }
  #programs zl-program-card .md-subheader.zmd, #programs zl-program-card .md-subheader.edit {
    color: #52B39F; }
  #programs zl-program-card .md-subheader.zmd {
    padding-left: 20px; }
  @media (min-width: 600px) {
    #programs zl-program-card {
      max-width: 600px;
      margin: 8px auto; } }

md-bottom-sheet#program-terms .zl-dialog-close-box {
  right: 2px;
  top: 2px;
  left: initial; }
  md-bottom-sheet#program-terms .zl-dialog-close-box .zmd {
    font-size: 24px; }

md-bottom-sheet#program-terms ol {
  padding: 0 8px 0 22px; }

md-bottom-sheet#program-terms li {
  margin: 4px 0;
  font-size: 14px;
  line-height: 16px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#settings md-list {
  padding: 0; }

#settings .zl-md-item-header {
  height: 40.5px;
  background-color: rgba(61, 61, 61, 0.12);
  font-weight: 600; }

#settings .md-list-item-text {
  height: 54px;
  padding: 15px; }

#settings md-divider {
  border-top-width: 2px; }

#settings md-checkbox {
  padding-right: 10px;
  margin: 0; }

#settings .button-container {
  padding: 20px; }

#settings .desktop-done-button {
  width: 50%;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
  margin: -10px auto;
  margin-left: 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #EC1C5E;
  color: #ffffff; }

#settings .desktop-reset-button {
  width: 50%;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
  margin: -10px auto;
  margin-right: 20px;
  border: 1px solid rgba(0, 0, 0, 0.2); }

#settings .mobile-reset-button {
  width: 100%;
  height: 50px;
  font-size: 20px;
  font-weight: bold;
  margin: -10px auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #EC1C5E;
  color: #ffffff; }

#settings md-select .md-select-value {
  min-width: auto;
  border-bottom: none; }
  #settings md-select .md-select-value .md-select-icon {
    color: rgba(0, 0, 0, 0.54); }

#settings md-list-item button.md-button.md-secondary-container.md-icon-button {
  margin-right: -8px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#trends-list .no-records {
  margin-top: 55%;
  text-align: center; }
  @media (min-width: 600px) {
    #trends-list .no-records {
      margin-top: 28%; } }
  #trends-list .no-records p.gray {
    color: rgba(0, 0, 0, 0.54);
    margin-bottom: 30px;
    padding: 0px 20px;
    font-size: 20px;
    text-align: left; }
  #trends-list .no-records .zli, #trends-list .no-records .zmd, #trends-list .no-records .material-icons {
    font-size: 28px; }

#trends-list .no-records .zli, #trends-list .no-records .add-trend {
  color: #37454E; }

#trends-list .no-records .add-trend {
  color: rgba(0, 0, 0, 0.54); }

#trends-list .no-records .default-cursor {
  margin-left: 20px; }

#trends-list .md-whiteframe-z1 {
  margin-bottom: 10px; }

#trends-list .storelogo-box {
  cursor: pointer; }

#trends-list .zmd {
  width: 30px;
  margin-left: 5px;
  font-size: 32px;
  color: rgba(0, 0, 0, 0.3); }

#trends-list .trend-img-container {
  max-height: 1000px;
  overflow-y: hidden;
  cursor: pointer; }

#trends-list .trend-img {
  width: 100%; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#vip, #vip-contact-card, #vip-rep, #vip-decider {
  -ms-flex: 1;
      flex: 1;
  background: white;
  max-width: 600px;
  margin: 0 auto;
  height: 100%; }
  @media (min-width: 600px) {
    #vip, #vip-contact-card, #vip-rep, #vip-decider {
      height: 82vh; } }
  #vip .vip-header, #vip-contact-card .vip-header, #vip-rep .vip-header, #vip-decider .vip-header {
    min-height: 50px;
    max-height: 50px;
    padding-top: 10px; }
  #vip .logo-img, #vip-contact-card .logo-img, #vip-rep .logo-img, #vip-decider .logo-img {
    max-height: 36px; }
  #vip form, #vip-contact-card form, #vip-rep form, #vip-decider form {
    -ms-flex: 1;
        flex: 1; }
    #vip form .zmd-cancel, #vip-contact-card form .zmd-cancel, #vip-rep form .zmd-cancel, #vip-decider form .zmd-cancel {
      position: relative;
      left: 85%;
      bottom: 60px;
      font-size: 20px;
      z-index: 6;
      width: 60px;
      height: 60px; }
  #vip md-input-container, #vip-contact-card md-input-container, #vip-rep md-input-container, #vip-decider md-input-container {
    margin-bottom: 0; }
    #vip md-input-container label, #vip-contact-card md-input-container label, #vip-rep md-input-container label, #vip-decider md-input-container label {
      color: rgba(0, 0, 0, 0.87);
      font-size: 18px; }
    #vip md-input-container .md-input, #vip-contact-card md-input-container .md-input, #vip-rep md-input-container .md-input, #vip-decider md-input-container .md-input {
      border-color: rgba(0, 0, 0, 0.2); }
    #vip md-input-container .placeholder, #vip-contact-card md-input-container .placeholder, #vip-rep md-input-container .placeholder, #vip-decider md-input-container .placeholder {
      padding-left: 5px;
      color: rgba(0, 0, 0, 0.54);
      font-size: 14px; }
    #vip md-input-container .optional, #vip-contact-card md-input-container .optional, #vip-rep md-input-container .optional, #vip-decider md-input-container .optional {
      margin-top: 0px; }
  #vip #contact-search, #vip-contact-card #contact-search, #vip-rep #contact-search, #vip-decider #contact-search {
    position: fixed;
    top: 155px;
    z-index: 12;
    background-color: #ffffff;
    width: 100%;
    max-width: 600px; }
  #vip #contact-searching, #vip-contact-card #contact-searching, #vip-rep #contact-searching, #vip-decider #contact-searching {
    height: 40vh; }
    #vip #contact-searching .contacts, #vip-contact-card #contact-searching .contacts, #vip-rep #contact-searching .contacts, #vip-decider #contact-searching .contacts {
      height: 100%;
      overflow-y: scroll; }
    #vip #contact-searching .md-headline, #vip-contact-card #contact-searching .md-headline, #vip-rep #contact-searching .md-headline, #vip-decider #contact-searching .md-headline {
      font-size: 18px;
      margin-left: 8px; }
    #vip #contact-searching .zmd, #vip-contact-card #contact-searching .zmd, #vip-rep #contact-searching .zmd, #vip-decider #contact-searching .zmd {
      font-size: 24px;
      margin-top: -4px;
      margin-right: 18px; }
  #vip .heading, #vip-contact-card .heading, #vip-rep .heading, #vip-decider .heading {
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: baseline;
        align-items: baseline; }
    #vip .heading span, #vip-contact-card .heading span, #vip-rep .heading span, #vip-decider .heading span {
      font-size: 16px; }
  #vip h2, #vip-contact-card h2, #vip-rep h2, #vip-decider h2 {
    font-size: 20px;
    padding: 0 0 10px 2px; }
    @media (min-height: 800px) {
      #vip h2, #vip-contact-card h2, #vip-rep h2, #vip-decider h2 {
        padding-bottom: 18px; } }
  #vip .md-title, #vip-contact-card .md-title, #vip-rep .md-title, #vip-decider .md-title {
    font-size: 16px; }
  #vip .programs, #vip-contact-card .programs, #vip-rep .programs, #vip-decider .programs {
    -ms-flex: 1;
        flex: 1;
    position: relative;
    overflow-y: auto; }
  #vip .button-box, #vip-contact-card .button-box, #vip-rep .button-box, #vip-decider .button-box {
    margin: 10px 0 4px; }
    #vip .button-box .md-button, #vip-contact-card .button-box .md-button, #vip-rep .button-box .md-button, #vip-decider .button-box .md-button {
      width: 48%;
      font-size: 20px; }
    #vip .button-box .cancel, #vip-contact-card .button-box .cancel, #vip-rep .button-box .cancel, #vip-decider .button-box .cancel {
      border: 1px solid rgba(0, 0, 0, 0.2); }
    #vip .button-box .send, #vip-contact-card .button-box .send, #vip-rep .button-box .send, #vip-decider .button-box .send {
      border: 1px solid #EC1C5E;
      background-color: #EC1C5E;
      color: white; }
  #vip .error-box, #vip-contact-card .error-box, #vip-rep .error-box, #vip-decider .error-box {
    position: relative;
    overflow: hidden;
    height: 18px;
    clear: left; }
  #vip .error, #vip-contact-card .error, #vip-rep .error, #vip-decider .error {
    position: absolute;
    left: 2px;
    font-size: 12px;
    color: red;
    z-index: 0; }
  #vip .error.ng-enter, #vip-contact-card .error.ng-enter, #vip-rep .error.ng-enter, #vip-decider .error.ng-enter {
    opacity: 0;
    bottom: 20px;
    transition: all .8s ease; }
  #vip .error.ng-enter.ng-enter-active, #vip-contact-card .error.ng-enter.ng-enter-active, #vip-rep .error.ng-enter.ng-enter-active, #vip-decider .error.ng-enter.ng-enter-active {
    opacity: 1;
    bottom: 0; }
  #vip .error.ng-enter.ng-enter-active, #vip-contact-card .error.ng-enter.ng-enter-active, #vip-rep .error.ng-enter.ng-enter-active, #vip-decider .error.ng-enter.ng-enter-active {
    opacity: 0;
    bottom: 20px;
    transition: all .8s ease; }
  #vip .error.ng-leave, #vip-contact-card .error.ng-leave, #vip-rep .error.ng-leave, #vip-decider .error.ng-leave {
    opacity: 1;
    bottom: 0; }
  #vip .zmd-cancel:before, #vip-contact-card .zmd-cancel:before, #vip-rep .zmd-cancel:before, #vip-decider .zmd-cancel:before {
    position: relative;
    left: 40%;
    top: 15px; }
  #vip .button-view, #vip-contact-card .button-view, #vip-rep .button-view, #vip-decider .button-view {
    padding: 10px 10px 5px 10px;
    width: 100%;
    bottom: 0; }
  #vip .button-box.standard, #vip .button-box.standard .md-button, #vip-contact-card .button-box.standard, #vip-contact-card .button-box.standard .md-button, #vip-rep .button-box.standard, #vip-rep .button-box.standard .md-button, #vip-decider .button-box.standard, #vip-decider .button-box.standard .md-button {
    width: 65%;
    background-color: #EC1C5E;
    color: #ffffff;
    border-radius: 4px; }
  #vip .button-box .send, #vip-contact-card .button-box .send, #vip-rep .button-box .send, #vip-decider .button-box .send {
    border: 1px solid #EC1C5E;
    background-color: #EC1C5E;
    color: white; }
  #vip .button-box .md-button.send-only, #vip-contact-card .button-box .md-button.send-only, #vip-rep .button-box .md-button.send-only, #vip-decider .button-box .md-button.send-only {
    width: 80%; }
  #vip .button-box .md-button, #vip-contact-card .button-box .md-button, #vip-rep .button-box .md-button, #vip-decider .button-box .md-button {
    width: 48%;
    font-size: 20px; }
  #vip .button-box .cancel, #vip-contact-card .button-box .cancel, #vip-rep .button-box .cancel, #vip-decider .button-box .cancel {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  #vip md-select.send-qty md-select-value.md-select-placeholder, #vip-contact-card md-select.send-qty md-select-value.md-select-placeholder, #vip-rep md-select.send-qty md-select-value.md-select-placeholder, #vip-decider md-select.send-qty md-select-value.md-select-placeholder {
    color: rgba(0, 0, 0, 0.87); }
  #vip md-select.send-qty span, #vip-contact-card md-select.send-qty span, #vip-rep md-select.send-qty span, #vip-decider md-select.send-qty span {
    height: 24px; }
  #vip .rep-reinvite-date, #vip-contact-card .rep-reinvite-date, #vip-rep .rep-reinvite-date, #vip-decider .rep-reinvite-date {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.54); }
  #vip zl-vip-program-card md-card, #vip-contact-card zl-vip-program-card md-card, #vip-rep zl-vip-program-card md-card, #vip-decider zl-vip-program-card md-card {
    min-height: 66px;
    max-height: 66px; }
  #vip zl-vip-program-card md-card-header, #vip-contact-card zl-vip-program-card md-card-header, #vip-rep zl-vip-program-card md-card-header, #vip-decider zl-vip-program-card md-card-header {
    padding: 8px 16px; }

#vip.preview {
  width: 300px;
  max-width: 100%;
  height: auto; }
  #vip.preview .vip-header {
    padding: 0; }
  #vip.preview .md-title {
    font-size: 10px;
    overflow: hidden;
    white-space: nowrap; }
  #vip.preview .md-subhead {
    font-size: 8px; }
  #vip.preview zl-storelogo-gt {
    width: 50%; }
  #vip.preview md-input-container {
    height: 26px;
    margin-top: 0; }
    #vip.preview md-input-container .placeholder {
      font-size: 8px; }
  #vip.preview label, #vip.preview input, #vip.preview textarea {
    font-size: 8px; }
  #vip.preview zl-vip-program-card md-card {
    margin-top: -10px;
    min-height: 40px;
    max-height: 66px; }
  #vip.preview zl-vip-program-card md-card-header {
    padding: 4px 8px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
md-menu-content {
  max-height: 80vh; }
  md-menu-content .msg-count-box {
    position: absolute;
    left: 127px;
    top: 22px;
    width: 22px;
    height: 22px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: #EC1C5E; }

#footer {
  position: relative;
  background: #37454E;
  min-height: 53px; }
  @media (min-width: 600px) {
    #footer {
      min-height: 41px; }
      #footer .footer-container {
        display: -ms-flexbox;
        display: flex; }
      #footer .header img.clip-circle {
        border-radius: 0px;
        height: 30px;
        width: 30px;
        -ms-flex-align: center;
            align-items: center;
        position: relative;
        top: 3px;
        bottom: 2px; } }
  #footer .captureButton {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    overflow: hidden !important;
    z-index: 100 !important;
    margin-top: -60px;
    padding-top: -20px;
    top: -20px;
    cursor: pointer; }
  #footer .footerCaptureButton {
    display: block !important;
    width: 42px !important;
    height: 54px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    z-index: 100 !important;
    position: absolute;
    bottom: 0;
    cursor: pointer; }
  #footer .zli.zli-new-receipt {
    font-size: 33px; }
  #footer .zmd, #footer .zli {
    font-size: 30px; }
    @media (min-width: 600px) {
      #footer .zmd, #footer .zli {
        font-size: 18px;
        margin-right: 3px;
        color: #ffffff; } }
  #footer .zli.zli-new-receipt {
    font-size: 33px; }
    @media (min-width: 600px) {
      #footer .zli.zli-new-receipt {
        font-size: 16px;
        margin-right: 3px;
        color: #ffffff; } }
  #footer .zmd-perm-contact-cal {
    font-size: 34px; }
    @media (min-width: 600px) {
      #footer .zmd-perm-contact-cal {
        font-size: 18px;
        line-height: 1.3;
        margin-right: 3px;
        color: #ffffff; } }
  @media (min-width: 600px) {
    #footer .zmd-menu, #footer .zmd-menu:hover {
      font-size: 33px;
      color: #ffffff; } }
  #footer .zli-cards-in, #footer .zli-cards-in:hover {
    font-size: 35px; }
    @media (min-width: 600px) {
      #footer .zli-cards-in, #footer .zli-cards-in:hover {
        font-size: 20px;
        color: #ffffff;
        line-height: .5; } }
  #footer md-menu-item:hover {
    background: green; }
  #footer md-toolbar.footer-box {
    background: #f2f2f2;
    border-top: 1px solid #d9d9d9;
    height: 53px;
    min-height: 53px;
    max-width: 1024px; }
    @media (min-width: 600px) {
      #footer md-toolbar.footer-box {
        height: 41px;
        min-height: 41px;
        background: #37454E; } }
    #footer md-toolbar.footer-box .md-menu {
      margin: 0; }
    #footer md-toolbar.footer-box .message-badge {
      position: absolute;
      right: 0;
      width: 16px;
      height: 16px;
      border-radius: 16px;
      font-size: 11px;
      line-height: 16px;
      background-color: #EC1C5E; }
    #footer md-toolbar.footer-box .button-box {
      -ms-flex-preferred-size: 18%;
          flex-basis: 18%;
      text-align: center; }
    #footer md-toolbar.footer-box .button-box:nth-child(3) {
      -ms-flex-preferred-size: 28%;
          flex-basis: 28%; }
    #footer md-toolbar.footer-box .md-button {
      min-width: 0;
      min-width: auto;
      min-height: 0;
      min-height: auto;
      line-height: normal;
      margin: 0;
      color: #b3b3b3; }
      @media (min-width: 600px) {
        #footer md-toolbar.footer-box .md-button {
          color: #fff;
          border-radius: 0px; } }
    #footer md-toolbar.footer-box .md-button.capture {
      -ms-flex-preferred-size: 28%;
          flex-basis: 28%;
      position: absolute;
      left: calc(50% - 30px);
      bottom: 4px;
      height: 54px;
      width: 54px;
      color: white; }
      @media (min-width: 600px) {
        #footer md-toolbar.footer-box .md-button.capture {
          height: 54px;
          width: 54px; } }
    #footer md-toolbar.footer-box .active .zli-dashboard,
    #footer md-toolbar.footer-box .md-button:hover.home {
      color: #37454E;
      background-color: #f2f2f2; }
    #footer md-toolbar.footer-box .active .zli-receipts, #footer md-toolbar.footer-box .active .zli-new-receipt,
    #footer md-toolbar.footer-box .md-button:hover.receipts, #footer md-toolbar.footer-box .md-button:hover.new-receipt {
      color: #37454E;
      background-color: #f2f2f2; }
    #footer md-toolbar.footer-box .active .zli-rewards,
    #footer md-toolbar.footer-box .md-button:hover.rewards {
      color: #37454E;
      background-color: #f2f2f2; }
    #footer md-toolbar.footer-box .active .zli-trends, #footer md-toolbar.footer-box .active .zli-cards-in,
    #footer md-toolbar.footer-box .md-button.trends:hover, #footer md-toolbar.footer-box .md-button.cards-in:hover {
      color: #37454E;
      background-color: #f2f2f2; }
    #footer md-toolbar.footer-box .active .zmd-perm-contact-cal, #footer md-toolbar.footer-box .active .zli-vip, #footer md-toolbar.footer-box .md-button:hover.vip {
      color: #37454E;
      background-color: #f2f2f2; }
    @media (min-width: 600px) {
      #footer md-toolbar.footer-box .md-button.not-cap:focus, #footer md-toolbar.footer-box .md-button.not-cap:hover {
        background-color: transparent; }
      #footer md-toolbar.footer-box .active, #footer md-toolbar.footer-box .md-button:hover .zli, #footer md-toolbar.footer-box .md-button:hover .zmd, #footer md-toolbar.footer-box .md-button.trends:hover, #footer md-toolbar.footer-box .md-button:hover.rewards, #footer md-toolbar.footer-box .md-button:hover.receipts,
      #footer md-toolbar.footer-box .md-button:hover.new-receipt, #footer md-toolbar.footer-box .md-button:hover.home, #footer md-toolbar.footer-box .active .zli-trends, #footer md-toolbar.footer-box .active .zli-rewards, #footer md-toolbar.footer-box .active .zli-new-receipt,
      #footer md-toolbar.footer-box .active .zli-dashboard, #footer md-toolbar.footer-box .active .zmd-perm-contact-cal, #footer md-toolbar.footer-box .active .zli-myloop, #footer md-toolbar.footer-box .active .zli-cards-in {
        color: rgba(0, 0, 0, 0.7);
        color: #A3CCE7;
        height: 22px;
        background-color: transparent; } }
    #footer md-toolbar.footer-box.touch .md-button:hover.home {
      color: #b3b3b3; }
  #footer .capture-chooser-background {
    position: absolute;
    width: 100%;
    height: 2000px;
    bottom: 52px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.54); }
    @media (min-width: 600px) {
      #footer .capture-chooser-background {
        bottom: 64px; } }
  #footer .capture-options-container {
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0; }
    #footer .capture-options-container .capture-options {
      margin: 0 auto;
      width: 250px;
      text-align: center; }
      #footer .capture-options-container .capture-options .button-container {
        display: inline-block;
        width: 60px;
        height: 80px;
        font-size: 14px;
        font-weight: bold;
        margin: 20px;
        color: white; }
        #footer .capture-options-container .capture-options .button-container .md-button.md-fab {
          width: 60px;
          height: 60px;
          line-height: 1;
          margin: 0;
          background-color: white; }
          @media (min-width: 600px) {
            #footer .capture-options-container .capture-options .button-container .md-button.md-fab {
              padding: 10px; } }
          #footer .capture-options-container .capture-options .button-container .md-button.md-fab:hover, #footer .capture-options-container .capture-options .button-container .md-button.md-fab:focus {
            background-color: rgba(0, 0, 0, 0.2); }
          #footer .capture-options-container .capture-options .button-container .md-button.md-fab .zli {
            line-height: 30px; }
          #footer .capture-options-container .capture-options .button-container .md-button.md-fab .zli-receipts, #footer .capture-options-container .capture-options .button-container .md-button.md-fab .zli-new-receipt {
            color: #37454E; }
          #footer .capture-options-container .capture-options .button-container .md-button.md-fab .zli-rewards {
            color: #37454E; }
  #footer .redeem-msg {
    position: absolute;
    cursor: pointer; }
    #footer .redeem-msg .bubble {
      height: 46px;
      width: 76px;
      background-color: #51b39f;
      position: relative;
      border-radius: 6px; }
    #footer .redeem-msg .bubble:after {
      height: 20px;
      width: 20px;
      background-color: #51b39f;
      content: '';
      position: absolute;
      bottom: -9px;
      left: 27px;
      transform: rotate(45deg);
      z-index: -1; }
    #footer .redeem-msg .container > * {
      display: inline-block; }
    #footer .redeem-msg .container {
      padding-top: 7px;
      display: inline-block; }
      #footer .redeem-msg .container .redeem-icn {
        margin: 0 7px 0 10px;
        font-size: 30px; }
  @media (min-width: 600px) {
    #footer md-toolbar.footer-box.desktop {
      max-width: 1024px;
      width: 100%; } }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
/***************************************
*  Header
***************************************/
md-toolbar#header {
  padding: 0 10px;
  font-family: 'Open Sans';
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 52px; }
  @media (max-width: 320px) {
    md-toolbar#header {
      font-size: 18px; } }
  md-toolbar#header .header-flex-box {
    max-width: 1024px;
    width: 100%;
    padding: 0 1% 0 0; }
    md-toolbar#header .header-flex-box > [flex='10'] {
      min-width: 10%; }
  md-toolbar#header .head-but {
    position: relative;
    color: white;
    width: 55px;
    height: 40px;
    background-color: transparent;
    outline: none;
    text-align: left;
    padding: 0; }
    md-toolbar#header .head-but .zmd-menu {
      font-size: 32px; }
    md-toolbar#header .head-but .message-badge {
      position: absolute;
      right: 12px;
      text-align: center;
      width: 16px;
      height: 16px;
      border-radius: 16px;
      font-size: 11px;
      line-height: 16px;
      background-color: #EC1C5E; }
  md-toolbar#header a {
    display: block;
    margin: auto;
    text-decoration: none; }
  md-toolbar#header .zmd {
    color: white;
    font-size: 26px;
    padding-left: 7px; }
    md-toolbar#header .zmd.left {
      padding-left: 0px; }
  md-toolbar#header .head-but .zmd.zli-cards {
    font-size: 32px;
    vertical-align: sub; }
  md-toolbar#header .head-but .zmd-swap-horiz {
    font-size: 33px; }
  md-toolbar#header .zmd-edit {
    font-size: 24px; }
  md-toolbar#header .zmd-edit.new {
    line-height: 1.5; }
  md-toolbar#header .head-but.two {
    width: 40px; }
  md-toolbar#header .zmd.zli-redo2 {
    line-height: 1.7;
    font-size: 23px; }
  @media (max-width: 360px) {
    md-toolbar#header .head-but.two {
      width: 33px; } }
  md-toolbar#header .zmd-arrow-back {
    font-size: 28px; }
  md-toolbar#header .zmd-search,
  md-toolbar#header .zmd-arrow-back {
    font-size: 28px; }
  md-toolbar#header .search-cancel {
    color: white;
    margin: 5px;
    text-align: right; }
  @media (min-width: 600px) {
    md-toolbar#header {
      min-height: 38px;
      font-size: 12px;
      background: #fff;
      padding: 0px; }
      md-toolbar#header .head-but, md-toolbar#header .head-but.two {
        height: 36px;
        width: 100%;
        background-color: #fff;
        color: rgba(0, 0, 0, 0.7); }
      md-toolbar#header .head-but.capture {
        color: #fff;
        border: none;
        background: #EC1C5E;
        text-align: center; }
      md-toolbar#header .filter-bar {
        background-color: rgba(0, 0, 0, 0);
        border: none; }
        md-toolbar#header .filter-bar md-input-container {
          height: 36px;
          border-right: none;
          margin: 0px 2px;
          color: rgba(0, 0, 0, 0.7);
          background: #fff;
          border-radius: 3px; }
      md-toolbar#header .zmd, md-toolbar#header .zli {
        color: rgba(0, 0, 0, 0.63);
        font-size: 18px;
        padding-left: 0; }
      md-toolbar#header .zmd.zli-redo2 {
        margin-top: 0px;
        line-height: 1.3;
        font-size: 16px;
        width: 28px; }
      md-toolbar#header .zmd-edit.new {
        line-height: 1.3; }
      md-toolbar#header .head-but .zmd.zli-cards {
        font-size: 20px; }
      md-toolbar#header .zmd.zmd-visibility {
        color: rgba(0, 0, 0, 0.63);
        font-size: 18px;
        line-height: 1.5; }
      md-toolbar#header .zmd.zmd-swap-horiz {
        font-size: 3.5vmin;
        color: rgba(0, 0, 0, 0.7);
        margin-right: 6px;
        padding: 0px; }
      md-toolbar#header .zli-capture {
        color: #fff;
        margin-right: 8px; } }

md-input-container#search-bar {
  margin: 0px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 2px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#record-actions .zmd {
  font-size: 2.2vw;
  padding-right: 1%;
  vertical-align: top;
  color: #37454E; }

@media (min-width: 727px) {
  #record-actions .zmd {
    font-size: 24px; }
  #record-actions .zli-redo2 {
    font-size: 20px; } }

@media (min-width: 980px) {
  #record-actions .zmd {
    font-size: 24px; }
  #record-actions .zli-redo2 {
    font-size: 20px; } }

#record-actions button {
  padding: 0 6px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
md-sidenav.zlc-sidenav {
  z-index: 1000;
  height: 100%;
  min-width: 200px;
  width: 55%;
  max-width: 400px;
  color: white; }
  md-sidenav.zlc-sidenav .sidenav-photo-container {
    width: 80px;
    margin-left: auto;
    margin-right: auto; }
  md-sidenav.zlc-sidenav .sidenav-header {
    min-height: 185px;
    padding: 20px 30px;
    background-color: #37454E;
    background-size: cover; }
    md-sidenav.zlc-sidenav .sidenav-header .zmd-edit {
      font-size: 20px; }
  md-sidenav.zlc-sidenav md-divider {
    margin-top: 12px;
    width: 210px; }
  md-sidenav.zlc-sidenav md-content {
    background-color: #37454E;
    color: white;
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex; }
  md-sidenav.zlc-sidenav md-list {
    -ms-flex: 1;
        flex: 1;
    max-height: 425px;
    padding: 12px 0; }
  md-sidenav.zlc-sidenav .zmd, md-sidenav.zlc-sidenav .zli {
    font-size: 24px;
    padding: 0 20px 0 10px; }
  md-sidenav.zlc-sidenav md-list-item {
    min-height: 30px; }
  md-sidenav.zlc-sidenav .md-list-item-text {
    position: relative;
    width: 100%;
    text-align: left;
    padding-top: 0;
    font-size: 1.5em; }
  md-sidenav.zlc-sidenav .menu-text {
    font-size: .8em;
    vertical-align: text-bottom; }
  md-sidenav.zlc-sidenav .msg-count-box {
    position: absolute;
    left: 90px;
    top: 2px;
    width: 30px;
    height: 22px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    background-color: #EC1C5E; }
  md-sidenav.zlc-sidenav .msg-count-badge {
    position: absolute;
    left: 88px;
    top: 0px;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    font-size: 11px;
    line-height: 16px;
    background-color: #EC1C5E; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
@media (max-width: 330px) {
  #tags-modal {
    max-width: 90%; } }

#tags-modal md-content {
  padding: 0;
  margin: 18px 0 0 18px;
  text-align: left; }
  #tags-modal md-content .tag-checkbox {
    width: 48%; }
    #tags-modal md-content .tag-checkbox md-checkbox {
      margin: 5px 15px 5px 5px;
      font-size: 13px; }
      #tags-modal md-content .tag-checkbox md-checkbox .md-label {
        margin-left: 28px; }

#tags-modal .md-actions {
  padding: 16px; }
  #tags-modal .md-actions .md-button {
    margin-top: 10px;
    color: #EC1C5E;
    border: 1px solid rgba(0, 0, 0, 0.2); }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
.getting-started {
  -ms-flex: 1;
      flex: 1;
  padding: 25px 0 10px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54); }
  .getting-started .top-text {
    line-height: 24px;
    text-align: center;
    margin: 8px 0;
    font-size: 18px; }
  .getting-started .get-started-item {
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0 0 36px;
    color: rgba(0, 0, 0, 0.54); }
    .getting-started .get-started-item .gs-icon-circle {
      height: 36px;
      width: 36px;
      border-radius: 18px;
      margin-right: 14px; }
    .getting-started .get-started-item .zli,
    .getting-started .get-started-item .zmd {
      display: inline-block;
      text-align: center;
      color: white;
      color: #37454E;
      width: 36px;
      height: 36px;
      line-height: 36px;
      font-size: 18px; }
    .getting-started .get-started-item .zli-receipts, .getting-started .get-started-item .zli-trends {
      font-size: 16px; }
    .getting-started .get-started-item .zli-new-receipt {
      font-size: 23px; }
    .getting-started .get-started-item .zmd-perm-contact-cal {
      padding-top: 1px; }
    .getting-started .get-started-item .zmd-send {
      padding-left: 2px; }
    .getting-started .get-started-item .zli-cards-in {
      font-size: 23px; }
    .getting-started .get-started-item .label {
      width: 205px;
      text-align: left;
      line-height: 34px; }
      .getting-started .get-started-item .label .email {
        font-size: 14px;
        line-height: 20px; }
  .getting-started .receipts .gs-icon-circle, .getting-started .new-receipt .gs-icon-circle, .getting-started .email .gs-icon-circle {
    background-color: #37454E;
    background-color: transparent; }
  .getting-started .rewards .gs-icon-circle, .getting-started .vip .gs-icon-circle {
    background-color: #37454E;
    background-color: transparent; }
  .getting-started .trends .gs-icon-circle {
    background-color: #37454E;
    background-color: transparent; }
  @media (max-width: 320px) {
    .getting-started {
      padding-top: 0; } }

.home-feed-items {
  -ms-flex: 1;
      flex: 1; }
  .home-feed-items .recent-activity {
    color: rgba(0, 0, 0, 0.54);
    margin-top: 3px;
    font-size: .9em; }
  .home-feed-items .feed-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-align: center; }
  .home-feed-items .feed-icon-receipts, .home-feed-items .feed-icon-new-receipt {
    background-color: #37454E;
    background-color: transparent; }
  .home-feed-items .feed-icon-alert {
    background-color: #EC1C5E;
    background-color: transparent; }
  .home-feed-items .feed-icon-rewards {
    background-color: #37454E;
    background-color: transparent; }
  .home-feed-items .feed-icon-cards-in {
    background-color: #37454E;
    background-color: transparent; }
  .home-feed-items .feed-icon-trends {
    background-color: #37454E;
    background-color: transparent; }
  .home-feed-items .feed-icon-myloop {
    background-color: #EC1C5E;
    background-color: transparent; }
  .home-feed-items .feed-icon .zli, .home-feed-items .feed-icon .zmd {
    line-height: 40px;
    font-size: 20px;
    color: white;
    color: #37454E; }
  .home-feed-items .feed-icon .zli-new-receipt {
    font-size: 23px; }
  .home-feed-items .feed-icon .zli.zli-myloop {
    font-size: 23px; }
  .home-feed-items .feed-icon .zmd-perm-contact-cal {
    font-size: 24px;
    padding-top: 1px; }
  .home-feed-items .feed-icon .zli-cards-in {
    font-size: 28px; }
  .home-feed-items md-list-item.md-2-line .md-list-item-text h3, .home-feed-items md-list-item.md-2-line > .md-no-style .md-list-item-text h3 {
    white-space: normal; }
  .home-feed-items md-list-item.active {
    border: solid;
    border-color: #37454E;
    border-bottom: solid 4px #37454E; }
  .home-feed-items md-list md-list-item.md-2-line {
    min-height: 62px; }
    .home-feed-items md-list md-list-item.md-2-line > .md-no-style {
      min-height: 64px;
      padding: 0px 10px; }
    .home-feed-items md-list md-list-item.md-2-line .md-list-item-text {
      margin: 8px 0 2px; }
      .home-feed-items md-list md-list-item.md-2-line .md-list-item-text h3 {
        overflow-x: scroll;
        overflow-wrap: break-word;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400px; }
      .home-feed-items md-list md-list-item.md-2-line .md-list-item-text h3::-webkit-scrollbar {
        height: 0px;
        width: 0px; }
      .home-feed-items md-list md-list-item.md-2-line .md-list-item-text h4 {
        color: rgba(0, 0, 0, 0.54);
        margin: 6px 0 10px;
        font-size: 13px; }
  .home-feed-items .feed-item-value {
    margin-left: 5px; }
  .home-feed-items .divider {
    border-top: 1px solid rgba(0, 0, 0, 0.2); }
  @media (min-width: 600px) {
    .home-feed-items md-list {
      background: #fff;
      overflow: scroll;
      height: 56vh; } }
  @media (min-width: 600px) and (min-height: 700px) {
    .home-feed-items md-list {
      height: 62vh; } }
  @media (min-width: 600px) and (min-height: 800px) {
    .home-feed-items md-list {
      height: 67vh; } }
  @media (min-width: 600px) {
    .home-feed-items .views {
      overflow: hidden; } }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#message-detail .container {
  max-width: 100%;
  padding-bottom: 10px; }

#message-detail #welcome-email {
  margin: 0 auto;
  max-width: 650px;
  font-weight: lighter; }
  #message-detail #welcome-email .hero {
    background: url("https://files.ziploop.com/website-header-top2-jpg") no-repeat;
    background-size: 100%;
    height: 180px;
    overflow-y: hidden;
    color: white;
    text-align: center; }
    #message-detail #welcome-email .hero h1 {
      font-weight: normal;
      font-size: 30px;
      line-height: 1.2; }
    #message-detail #welcome-email .hero .smaller {
      font-size: 26px; }
  #message-detail #welcome-email .title {
    margin-top: 10px;
    text-align: center; }
  #message-detail #welcome-email .body {
    margin: 14px 0; }
  #message-detail #welcome-email md-divider {
    width: 90%;
    margin: 10px auto; }
    #message-detail #welcome-email md-divider.bottom-divider {
      margin-top: 14px; }
  #message-detail #welcome-email .email {
    color: #37454E; }
  #message-detail #welcome-email h2 {
    font-weight: bold;
    font-size: 20px; }
  #message-detail #welcome-email .item {
    margin: 0 5px 10px 16px;
    font-size: 16px; }
    #message-detail #welcome-email .item h3 {
      font-weight: normal; }
  #message-detail #welcome-email .footer {
    margin: 20px 5px 20px;
    color: rgba(0, 0, 0, 0.87); }
    #message-detail #welcome-email .footer .bee {
      width: 50px;
      padding-right: 10px; }
  #message-detail #welcome-email .vip .welcome-biz-img {
    padding: 18px 5px; }
  #message-detail #welcome-email .vip .email-box {
    text-align: center;
    font-size: 14px; }
  #message-detail #welcome-email .vip .email {
    color: #37454E; }

#message-detail table, #message-detail tbody, #message-detail div {
  max-width: 100%; }

#message-detail a, #message-detail img {
  max-width: 100%;
  height: auto !important; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#signup {
  height: 568px; }

#signup-form {
  padding: 8px; }
  #signup-form .fb-box {
    height: 112px; }
  #signup-form .helper-text {
    margin: 10px 0 20px; }
  #signup-form .helper-text-blurb {
    margin: 0; }
  #signup-form .md-button.md-default-theme[disabled],
  #signup-form .md-button.md-default-theme.md-raised[disabled] {
    background-color: #e02862; }
  #signup-form .error-msg {
    position: relative;
    height: auto;
    padding: 0 0 0 6px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#cover-chooser {
  width: 100%;
  max-width: 415px; }
  #cover-chooser md-content .md-subheader {
    text-align: center; }
  #cover-chooser md-content .upload-button input {
    position: absolute;
    left: 0;
    opacity: 0;
    height: 50px; }
  #cover-chooser md-content .md-button {
    border: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
/* Mobile Cover Photos */
.cover-photo.black-leather {
  background-image: url("/images/black-leather-415.jpg"); }

.cover-photo.green-leather {
  background-image: url("/images/green-leather-415.jpg"); }

.cover-photo.pink-leather {
  background-image: url("/images/pink-leather-415.jpg"); }

.cover-photo.leopard {
  background-image: url("/images/leopard-415.jpg"); }

.cover-photo.dark-jeans {
  background-image: url("/images/dark-jeans-415.jpg"); }

.cover-photo.light-jeans {
  background-image: url("/images/light-jeans-415.jpg"); }

.cover-photo.gray-fabric {
  background-image: url("/images/gray-fabric-415.jpg"); }

.cover-photo.blue-gradient {
  background-image: url("/images/blue-gradient-415.jpg"); }

.cover-photo.palm-drive {
  background-image: url("https://files.ziploop.com/palm-drive-415"); }

.cover-photo.rodeo-drive {
  background-image: url("https://files.ziploop.com/rodeo-drive-4156"); }

.cover-photo.charcoal {
  background-image: url("https://files.ziploop.com/greybg"); }

.cover-photo.ucb {
  background-image: url("https://files.ziploop.com/backgroundbears390");
  background-size: cover; }

.cover-photo.calpoly {
  background-image: url("https://files.ziploop.com/polyhorsesm92");
  background-size: cover; }

.cover-photo.custom-bg {
  background-image: url("https://files.ziploop.com/char");
  background-size: cover;
  background-position: center; }

/* Desktop Cover Photos */
@media (min-width: 415px) {
  .cover-photo.black-leather {
    background-image: url("/images/black-leather-1024.jpg"); }
  .cover-photo.green-leather {
    background-image: url("/images/green-leather-1024.jpg"); }
  .cover-photo.pink-leather {
    background-image: url("/images/pink-leather-1024.jpg"); }
  .cover-photo.leopard {
    background-image: url("/images/leopard-1024.jpg"); }
  .cover-photo.dark-jeans {
    background-image: url("/images/dark-jeans-1024.jpg"); }
  .cover-photo.light-jeans {
    background-image: url("/images/light-jeans-1024.jpg"); }
  .cover-photo.gray-fabric {
    background-image: url("/images/gray-fabric-1024.jpg"); }
  .cover-photo.blue-gradient {
    background-image: url("/images/blue-gradient-1024.jpg"); }
  .cover-photo.charcoal {
    background-image: url("https://files.ziploop.com/greybg"); }
  .cover-photo.palm-drive {
    background-image: url("https://files.ziploop.com/palm-drive-1024"); }
  .cover-photo.rodeo-drive {
    background-image: url("https://files.ziploop.com/rodeo-drive-10247"); }
  .cover-photo.ucb {
    background-image: url("https://files.ziploop.com/backgroundbears700"); }
  .cover-photo.calpoly {
    background-image: url("https://files.ziploop.com/polyhorsesm"); }
  .cover-photo.custom-bg {
    background-image: url("https://files.ziploop.com/greybg");
    background-size: cover;
    background-position: center; } }

/* line 1, ../../source/scss/ng-img-crop.scss */
img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden; }

/* line 7, ../../source/scss/ng-img-crop.scss */
img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */ }

.crop-area-overlay {
  position: relative;
  background-color: rgba(0, 0, 0, 0.42);
  width: 100%;
  height: 185px;
  z-index: 12; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#profile-header-container {
  z-index: 10;
  margin-top: -2px;
  height: 100px;
  color: white; }
  #profile-header-container img.bg {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 160px; }
  #profile-header-container .head-container {
    padding: 0px 15px; }
    #profile-header-container .head-container .bg-edit {
      margin-top: 38px;
      width: 33%;
      float: right;
      -ms-flex-pack: end;
          justify-content: flex-end;
      position: relative;
      font-weight: 600; }
      #profile-header-container .head-container .bg-edit span {
        background-color: rgba(0, 0, 0, 0.4);
        line-height: 1.5;
        padding: 0px 8px 0px 5px; }
      #profile-header-container .head-container .bg-edit input {
        position: absolute;
        right: 0;
        opacity: 0; }
    #profile-header-container .head-container .content {
      position: relative;
      width: 33%;
      margin-left: 33%;
      color: white;
      font-weight: bold; }
      #profile-header-container .head-container .content div {
        position: relative; }
        #profile-header-container .head-container .content div span.zli.zli-capture {
          padding: 0 10px; }
        #profile-header-container .head-container .content div input {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          opacity: 0; }
    #profile-header-container .head-container .content.profile {
      text-align: center; }
      #profile-header-container .head-container .content.profile .default-cursor {
        position: relative;
        top: -55px;
        right: 3px;
        height: 30px; }
        #profile-header-container .head-container .content.profile .default-cursor div.bg-reg {
          position: relative;
          background-color: rgba(0, 0, 0, 0.4);
          width: 76px;
          top: -2px;
          left: 127px; }
        #profile-header-container .head-container .content.profile .default-cursor div.bg-lg {
          position: relative;
          background-color: rgba(0, 0, 0, 0.4);
          width: 76px;
          top: -2px;
          left: 324px; }
      #profile-header-container .head-container .content.profile input {
        position: relative;
        top: -50px;
        height: 80px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#profile-info {
  display: block;
  position: relative;
  max-width: 415px; }
  #profile-info .zmd-info-outline {
    position: relative;
    left: 90%;
    top: 24px;
    text-align: center;
    z-index: 7;
    font-size: 23px;
    width: 30px;
    height: 30px; }
  #profile-info form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    #profile-info form span.email {
      position: fixed;
      top: 100px;
      right: 100px;
      color: white;
      font-weight: 600; }
    #profile-info form .input-container {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      padding-bottom: 16px; }
      #profile-info form .input-container label {
        -ms-flex: 30;
            flex: 30;
        -ms-flex-order: 1;
            order: 1;
        color: rgba(0, 0, 0, 0.87);
        height: 20px;
        line-height: 28px; }
      #profile-info form .input-container input,
      #profile-info form .input-container md-select {
        -ms-flex: 70;
            flex: 70;
        -ms-flex-order: 1;
            order: 1;
        margin-left: 5px;
        padding: 0 0 0 2px;
        color: rgba(0, 0, 0, 0.87);
        border: none; }
      #profile-info form .input-container input,
      #profile-info form .input-container md-select {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0; }
      #profile-info form .input-container md-select {
        margin: 0; }
        #profile-info form .input-container md-select md-select-value {
          padding-top: 0;
          line-height: 15px;
          border-bottom: none; }
          #profile-info form .input-container md-select md-select-value .md-select-icon {
            width: 100%;
            margin: 0 10px;
            color: rgba(0, 0, 0, 0.54); }
  #profile-info .error-msgs {
    width: 100%;
    margin-top: -10px;
    font-size: 12px;
    color: #EC1C5E; }
    #profile-info .error-msgs p {
      margin-left: 30%; }

zl-barcode {
  display: block;
  height: 40px;
  max-width: 100%;
  overflow-y: hidden; }
  zl-barcode .barcode-img {
    height: 100px;
    max-width: 100%;
    overflow: hidden; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#channel-dialog-tmpl {
  width: 90%;
  max-width: 400px; }
  @media (max-width: 320px) {
    #channel-dialog-tmpl {
      width: 300px; } }
  #channel-dialog-tmpl md-content.channel-dialog-content {
    min-height: 332px;
    overflow-x: hidden; }
  #channel-dialog-tmpl form {
    width: 100%; }
  #channel-dialog-tmpl md-autocomplete {
    width: 100%; }
    #channel-dialog-tmpl md-autocomplete md-autocomplete-wrap {
      box-shadow: none;
      background-color: transparent; }
  #channel-dialog-tmpl .md-au
md-icon {
    height: 20px;
    width: 20px; }
  #channel-dialog-tmpl md-radio-button {
    margin: 10px 5px; }
  #channel-dialog-tmpl md-radio-button.md-default-theme .md-on {
    background-color: rgba(0, 0, 0, 0.87); }
  #channel-dialog-tmpl md-radio-button.md-default-theme .md-off {
    border-color: rgba(0, 0, 0, 0.87); }
  #channel-dialog-tmpl .msg {
    margin: 12px 5px;
    line-height: 1.6; }
    @media (max-width: 320px) {
      #channel-dialog-tmpl .msg {
        line-height: 1.2; } }
  #channel-dialog-tmpl .category-list {
    overflow-y: scroll;
    padding: 0 15px;
    max-height: 200px;
    margin: 0 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px; }
    #channel-dialog-tmpl .category-list md-radio-button:first-child {
      padding-top: 0; }
  #channel-dialog-tmpl .categories {
    max-height: 400px; }
  #channel-dialog-tmpl .categories.ng-hide-add.ng-hide-add-active,
  #channel-dialog-tmpl .categories.ng-hide-remove.ng-hide-remove-active {
    transition: all ease-out .5s; }
  #channel-dialog-tmpl .categories.ng-hide {
    max-height: 0;
    opacity: 0; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
zl-edit-record {
  display: block; }

@media (min-width: 600px) {
  #edit md-content {
    height: 82vh; } }

#edit md-input-container {
  height: 30px; }
  #edit md-input-container .md-input {
    min-height: 30px; }
  #edit md-input-container .md-input[disabled] {
    color: #000; }
  #edit md-input-container md-select.md-receiptTheme-theme[disabled] .md-select-value {
    color: rgba(0, 0, 0, 0.75); }
  #edit md-input-container .md-errors-spacer {
    min-height: 2px; }

#edit .button-box .send {
  border: 1px solid #EC1C5E;
  background-color: #EC1C5E;
  color: white; }

#edit .button-box .md-button {
  width: 48%;
  font-size: 20px; }

#edit .button-box .cancel {
  border: 1px solid rgba(0, 0, 0, 0.2); }

.zl-select-form-label {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px; }

.form-icons {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 10px; }
  .form-icons .zmd {
    font-size: 28px; }

.form-button-box {
  position: relative;
  top: -38px;
  right: 0;
  padding: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: end;
      align-items: flex-end;
  font-size: 18px;
  cursor: pointer; }

.input-box {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
/********************************************************************
* Filter bar on Receipt & Reward summary pages contains sort and history select
* Issue with md-select positioning md-select-menu-container with in-line styling set in the md-select directive
********************************************************************/
#reward-summary .zmd-swap-vert,
#reward-summary .zmd-visibility, #programs .zmd-swap-vert,
#programs .zmd-visibility {
  color: #37454E; }

md-option .md-text {
  font-size: 17px; }
  @media (min-width: 600px) {
    md-option .md-text {
      font-size: 13px; } }

.filter-bar {
  background-color: white;
  z-index: 10;
  border: 1px solid rgba(0, 0, 0, 0.3); }
  .filter-bar md-input-container {
    margin: 0;
    padding-top: 0;
    height: 34px; }
    .filter-bar md-input-container:first-child {
      border-right: 1px solid rgba(0, 0, 0, 0.3); }
  .filter-bar .date-range {
    color: #37454E;
    padding-right: 8px; }
  .filter-bar .zmd {
    margin-right: 7px; }
  .filter-bar .zmd-swap-vert {
    margin-right: 5px;
    font-size: 24px; }
  .filter-bar .webfilter {
    position: relative !important;
    top: 600px !important; }
  .filter-bar md-select {
    margin: 0; }
    @media (max-width: 320px) {
      .filter-bar md-select {
        margin: 0 5px; } }
    .filter-bar md-select .md-select-value {
      border: none;
      min-width: auto;
      min-height: auto;
      padding: 0; }
      .filter-bar md-select .md-select-value > span {
        text-align: center; }
    .filter-bar md-select:focus .md-select-value {
      border: none; }
  .filter-bar .md-select-icon {
    color: rgba(0, 0, 0, 0.54); }

.webfilter {
  top: 88px !important; }

.webfilter-left {
  top: 88px !important;
  left: 5% !important;
  width: 40% !important; }

.webfilter-right {
  top: 88px !important;
  left: 55% !important;
  width: 40% !important; }

/***************************************
* Receipt Summary
***************************************/
/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#receipt-summary.page-container {
  min-height: 20%; }

#receipt-summary .summary-route {
  margin: 0 50px 15px 6%; }
  #receipt-summary .summary-route .add-receipt {
    text-align: left; }

#receipt-summary .summary-icon-wrapper {
  width: 44px;
  text-align: center; }

#receipt-summary .edit-style-off {
  width: 60%;
  margin-left: 30px; }

#receipt-summary .edit-style-on {
  width: 100%;
  margin: 0px; }

#receipt-summary .receipt-sum h2 {
  line-height: 1; }

#receipt-summary .receipt-sum .amount {
  margin-right: 30px; }

#receipt-summary .no-records {
  margin-top: 55%;
  text-align: center; }
  @media (min-width: 600px) {
    #receipt-summary .no-records {
      margin-top: 28%; } }
  #receipt-summary .no-records p.gray {
    color: rgba(0, 0, 0, 0.54);
    margin-bottom: 30px;
    padding: 0px 20px;
    font-size: 20px;
    text-align: left; }
  #receipt-summary .no-records .zli, #receipt-summary .no-records .zmd, #receipt-summary .no-records .material-icons {
    font-size: 28px; }

#receipt-summary .no-records {
  margin-top: 45%; }
  @media (min-width: 600px) {
    #receipt-summary .no-records {
      margin-top: 20%; } }
  #receipt-summary .no-records .zli, #receipt-summary .no-records .add-receipt, #receipt-summary .no-records .material-icons {
    color: #37454E; }
    @media (min-width: 600px) {
      #receipt-summary .no-records .zli, #receipt-summary .no-records .add-receipt, #receipt-summary .no-records .material-icons {
        color: #37454E; } }
  #receipt-summary .no-records .add-receipt {
    color: rgba(0, 0, 0, 0.54); }

#receipt-summary md-list {
  width: 100%;
  padding: 0; }

#receipt-summary md-item {
  display: block; }

#receipt-summary .receipt-summary-list .md-tile-content, #receipt-summary .receipt-summary-buckets .md-tile-content {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto; }
  #receipt-summary .receipt-summary-list .md-tile-content:first-child, #receipt-summary .receipt-summary-buckets .md-tile-content:first-child {
    -ms-flex: 2;
        flex: 2;
    padding-right: 0; }
  #receipt-summary .receipt-summary-list .md-tile-content h2, #receipt-summary .receipt-summary-list .md-tile-content h3, #receipt-summary .receipt-summary-buckets .md-tile-content h2, #receipt-summary .receipt-summary-buckets .md-tile-content h3 {
    font-weight: 400; }

#receipt-summary zl-storelogo-gt {
  padding-top: 3px; }
  #receipt-summary zl-storelogo-gt .logo-img {
    display: inline; }

#receipt-summary .logo-img {
  max-width: 180px; }

#receipt-summary md-whiteframe {
  margin-bottom: 8px;
  background-color: white; }

#receipt-summary .md-tile-content {
  padding: 16px;
  text-overflow: ellipsis; }

#receipt-summary .amount {
  font-weight: 600; }

#receipt-summary .note {
  margin: 5px 0 0;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  line-height: 1;
  font-style: italic; }

#receipt-summary .icon-box {
  line-height: 1; }
  #receipt-summary .icon-box span {
    display: inline-block;
    text-align: center;
    width: 30px;
    font-size: 20px;
    line-height: 1; }

#receipt-summary .receipt-zoomable {
  height: 100%;
  overflow-y: scroll; }

@media (min-width: 600px) {
  #receipt-summary .receipt-directive {
    height: 82vh;
    overflow-y: scroll;
    background: #fff; }
  #receipt-summary zl-edit-record {
    height: 82vh;
    margin-right: 10px; }
  #receipt-summary md-whiteframe.receipt-summary-buckets :focus {
    outline: none; } }

#receipt-summary accordion {
  width: 100%; }

#receipt-summary .zl-bucket-heading {
  height: 54px;
  padding: 0 16px; }
  @media (min-width: 600px) {
    #receipt-summary .zl-bucket-heading {
      height: 50px; } }

#receipt-summary .panel-heading {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

#receipt-summary .zlc-panel-item.active, #receipt-summary .zl-bucket-heading.active {
  border: solid;
  border-color: #37454E;
  border-bottom: solid 4px #37454E; }
  @media (min-width: 600px) {
    #receipt-summary .zlc-panel-item.active, #receipt-summary .zl-bucket-heading.active {
      border: solid;
      border-color: #37454E;
      border-bottom: solid 4px #37454E; } }

#receipt-summary .zlc-panel-item {
  background-color: rgba(241, 243, 244, 0.7);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  #receipt-summary .zlc-panel-item .logo-name, #receipt-summary .zlc-panel-item .logo-img, #receipt-summary .zlc-panel-item .display-info {
    margin: 0;
    font-size: 18px; }
  #receipt-summary .zlc-panel-item .icon-box {
    margin-left: 20px; }
  @media (max-width: 600px) {
    #receipt-summary .zlc-panel-item .md-tile-content {
      padding: 12px 16px; } }

#receipt-summary .logo-name,
#receipt-summary .label {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.2em;
  font-weight: normal;
  letter-spacing: -.04em; }

#receipt-summary .lil-box {
  margin-right: 5px;
  padding: 1px 8px;
  border-radius: 6px;
  background: rgba(44, 56, 63, 0.7);
  color: white;
  font-weight: 600;
  font-size: 13px; }
  @media (min-width: 600px) {
    #receipt-summary .lil-box {
      background: rgba(44, 56, 63, 0.7); } }

#receipt-summary .zmd.zmd-expand-more {
  margin-left: 5px;
  font-size: 26px;
  color: rgba(0, 0, 0, 0.54); }

#receipt-summary #receipt-buckets.fadein {
  animation: fade-in;
  animation-duration: .5s; }

#receipt-summary .receipt-summary-list md-list-item {
  padding: 0; }
  #receipt-summary .receipt-summary-list md-list-item .md-button {
    padding: 0; }

#receipt-summary .receipt-summary-list .md-tile-content {
  height: 76px; }
  #receipt-summary .receipt-summary-list .md-tile-content.text-right h4 {
    font-size: 1em;
    line-height: 1.6; }

#receipt-summary .receipt-summary-list .icon-box {
  margin-right: 20px; }

@media (max-width: 600px) {
  #receipt-summary .receipt-summary-list .logo-img {
    max-width: 160; } }

@keyframes fade-in {
  from {
    transform: translateY(5px);
    opacity: 0; }
  to {
    transform: translateY(0px);
    opacity: 1; } }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#report-dialog-tmpl {
  color: #37454E; }
  #report-dialog-tmpl md-content {
    padding-top: 0;
    text-align: left; }
    #report-dialog-tmpl md-content .md-subheader {
      font-size: 14px;
      font-weight: 600;
      color: rgba(0, 0, 0, 0.87); }
    #report-dialog-tmpl md-content .email {
      padding: 15px;
      font-size: 14px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      #report-dialog-tmpl md-content .email .md-subheader {
        display: inline-block;
        padding-right: 8px; }
    #report-dialog-tmpl md-content .dates {
      padding: 15px;
      margin-right: 2px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
      #report-dialog-tmpl md-content .dates .md-subheader {
        padding-bottom: 10px; }
      #report-dialog-tmpl md-content .dates input {
        width: 100%;
        height: 30px;
        padding: 4px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        font-size: 13px; }
    #report-dialog-tmpl md-content md-list {
      padding: 0; }
      #report-dialog-tmpl md-content md-list .md-subheader-inner {
        padding-bottom: 0; }
      #report-dialog-tmpl md-content md-list md-list-item {
        min-height: 40px; }
        #report-dialog-tmpl md-content md-list md-list-item .md-list-item-inner {
          min-height: 40px; }
    #report-dialog-tmpl md-content md-checkbox {
      margin-right: 0; }
  #report-dialog-tmpl .md-actions {
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 68px;
    height: 68px; }
    #report-dialog-tmpl .md-actions .md-button {
      margin: 0;
      color: white;
      border-radius: 0;
      background-color: #EC1C5E; }
    #report-dialog-tmpl .md-actions .pdf {
      margin-left: 5%;
      border: none; }
    #report-dialog-tmpl .md-actions .csv {
      margin-right: 5%;
      border: none; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#reward-summary :focus {
  outline: none; }

#reward-summary .edit-style-on {
  width: 100%;
  margin: 0px; }

#reward-summary .edit-style-off {
  width: 60%;
  margin-left: 30px; }

#reward-summary.page-container {
  min-height: 20%; }

#reward-summary .summary-icon-wrapper {
  width: 44px;
  text-align: center; }

#reward-summary .no-records {
  margin-top: 55%;
  text-align: center; }
  @media (min-width: 600px) {
    #reward-summary .no-records {
      margin-top: 28%; } }
  #reward-summary .no-records p.gray {
    color: rgba(0, 0, 0, 0.54);
    margin-bottom: 30px;
    padding: 0px 20px;
    font-size: 20px;
    text-align: left; }
  #reward-summary .no-records .zli, #reward-summary .no-records .zmd, #reward-summary .no-records .material-icons {
    font-size: 28px; }

#reward-summary .no-records {
  margin-top: 40%; }
  @media (min-width: 600px) {
    #reward-summary .no-records {
      margin-top: 20%; } }
  #reward-summary .no-records .zmd.zli-cards {
    font-size: 41px;
    padding-right: 3px; }
  #reward-summary .no-records .zli, #reward-summary .no-records .add-receipt, #reward-summary .no-records .zmd, #reward-summary .no-records .zmd-redeem {
    color: #37454E; }
  #reward-summary .no-records .add-receipt {
    color: rgba(0, 0, 0, 0.54); }

#reward-summary .summary-route {
  margin: 0 50px 15px 5%;
  width: 100%; }

@media (min-width: 600px) {
  #reward-summary #rewards-bucket .rewards-list {
    overflow-y: scroll;
    height: 82vh;
    background: #fff; } }

#reward-summary md-whiteframe {
  margin-bottom: 8px;
  background-color: white; }

#reward-summary #reward-summary-buckets .md-tile-content:first-child {
  -ms-flex: 2;
      flex: 2;
  padding-right: 0; }

#reward-summary #reward-summary-buckets .md-tile-content h2, #reward-summary #reward-summary-buckets .md-tile-content h3 {
  font-weight: 400; }

#reward-summary .logo-img {
  max-width: 180px; }

#reward-summary .md-title-content {
  padding: 16px;
  text-overflow: ellipsis; }

#reward-summary zl-reward-card {
  width: 100%; }
  #reward-summary zl-reward-card:first-child {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px; }
  #reward-summary zl-reward-card h3 {
    font-size: 20px;
    font-weight: 400; }
  #reward-summary zl-reward-card .zli-profile {
    font-size: 18px; }
  #reward-summary zl-reward-card.last-card accordion {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px; }

#reward-summary accordion {
  display: block;
  width: 100%; }

#reward-summary .zl-bucket-heading {
  height: 54px;
  padding: 0 16px; }

#reward-summary .zlc-panel-item.active, #reward-summary .zl-bucket-heading.active {
  border: solid;
  border-color: #37454E;
  border-bottom: solid 4px #37454E; }

#reward-summary .md-tile-content {
  padding: 16px 20px; }

#reward-summary .panel-group {
  background: white;
  border-bottom: none; }

#reward-summary .panel-heading {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

#reward-summary .panel-heading .logo-img {
  max-height: 26px; }

#reward-summary .zlc-panel-item {
  background-color: rgba(241, 243, 244, 0.7);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  #reward-summary .zlc-panel-item .md-tile-content.text-right h3 {
    text-align: left;
    width: 50px; }
  #reward-summary .zlc-panel-item .md-tile-content.text-right div {
    text-align: center;
    width: 50px; }
  #reward-summary .zlc-panel-item .logo-name, #reward-summary .zlc-panel-item .logo-img, #reward-summary .zlc-panel-item .display-info {
    margin: 0;
    font-size: 18px; }
  #reward-summary .zlc-panel-item .icon-box {
    margin-left: 20px; }
  @media (min-width: 600px) {
    #reward-summary .zlc-panel-item .md-tile-content {
      padding: 12px 16px;
      font-size: 13px; }
    #reward-summary .zlc-panel-item .display-info {
      font-size: 15px; } }

@media (min-width: 600px) {
  #reward-summary .zl-bucket-heading {
    height: 50px; } }

#reward-summary .logo-name,
#reward-summary .label {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.2em;
  font-weight: normal;
  letter-spacing: -.04em; }

#reward-summary .lil-box {
  margin-right: 5px;
  padding: 1px 8px;
  border-radius: 6px;
  background: rgba(44, 56, 63, 0.7);
  color: rgba(44, 56, 63, 0.8);
  color: white;
  font-weight: 600;
  font-size: 13px; }

#reward-summary .amount {
  text-align: left; }

#reward-summary span.amount div {
  width: 50px;
  text-align: center; }

#reward-summary .zmd.zmd-expand-more, #reward-summary .zmd.zmd-chevron-right {
  margin-left: 5px;
  font-size: 26px;
  color: rgba(0, 0, 0, 0.54);
  width: 40px; }

#reward-summary .amount h3 {
  font-weight: 400;
  text-align: left;
  width: 50px; }

#reward-summary .zlc-panel .subtext {
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 400; }
  #reward-summary .zlc-panel .subtext.storelogo-box {
    margin-top: 20px; }
  #reward-summary .zlc-panel .subtext .logo-name {
    color: rgba(0, 0, 0, 0.54); }

#reward-summary .zlc-panel .logo-img {
  max-width: 100px; }

#reward-summary .reward-content {
  width: 100%;
  max-width: 300px; }

#reward-summary .code-text {
  margin-bottom: 10px;
  font-size: 20px;
  word-wrap: break-word; }

#reward-summary .code-spacing {
  letter-spacing: 1.2px; }

#reward-summary .vip-reward-image-box {
  position: relative;
  max-width: 300px;
  margin: 0px 15px 4px; }
  #reward-summary .vip-reward-image-box h3 {
    font-size: 16px;
    font-weight: normal; }
  #reward-summary .vip-reward-image-box .code-text {
    font-size: 16px;
    padding-left: 4px; }
  #reward-summary .vip-reward-image-box .code-newline {
    display: block;
    padding-left: 0; }
  #reward-summary .vip-reward-image-box img {
    width: 100%;
    margin-top: 8px; }
  #reward-summary .vip-reward-image-box .redeemed-banner {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    text-align: center; }
    #reward-summary .vip-reward-image-box .redeemed-banner .text {
      padding-bottom: 10px;
      font-size: 44px;
      color: #EC1C5E;
      transform: rotate(-20deg); }
      #reward-summary .vip-reward-image-box .redeemed-banner .text.date {
        padding-left: 44px;
        font-size: 38px; }

#reward-summary zl-barcode {
  max-width: 300px; }
  #reward-summary zl-barcode .barcode-box {
    -ms-flex-align: start;
        align-items: start; }

#reward-summary md-divider {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  width: 100%; }

@media (min-width: 600px) {
  #reward-summary .resize {
    width: 300px; } }

#reward-summary .reward-actions {
  width: 100%;
  padding: 0 calc(20px - 6px);
  color: #37454E;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
  #reward-summary .reward-actions .icon-box {
    -ms-flex: 1;
        flex: 1;
    max-width: 44px;
    text-align: left; }
  #reward-summary .reward-actions .md-button {
    height: 42px;
    min-width: 40px;
    padding: 0;
    font-size: 18px; }
  #reward-summary .reward-actions .shop-now-btn {
    display: inline-block;
    width: 48px;
    height: 30px;
    line-height: 27px;
    border-radius: 30px;
    background-color: #37454E;
    color: white;
    font-size: 16px;
    font-weight: bold; }
  #reward-summary .reward-actions .zmd {
    font-size: 28px; }
  #reward-summary .reward-actions .zli-trends {
    font-size: 24px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#search-bar {
  background-color: white;
  z-index: 10;
  border: 1px solid rgba(0, 0, 0, 0.3); }
  #search-bar .input-box {
    position: relative;
    width: 100%;
    border-radius: 5px; }
    #search-bar .input-box input, #search-bar .input-box input[type="text"] {
      width: 100%;
      border: none;
      text-align: center;
      -webkit-appearance: none;
      border-radius: 0; }
      #search-bar .input-box input label, #search-bar .input-box input[type="text"] label {
        text-align: center; }
  #search-bar .search-clear-btn {
    right: 0%;
    position: absolute;
    padding: 0;
    padding-top: 4px; }
  #search-bar .search-go-btn {
    position: absolute;
    padding: 0;
    padding-top: 4px; }
  @media device {
    #search-bar .search-go-btn {
      padding-top: 6px; }
    #search-bar .search-clear-btn {
      right: 20%;
      padding-top: 6px; } }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
md-dialog#tags-dialog-tmpl {
  width: 90%;
  min-width: 300px;
  max-width: 400px; }
  md-dialog#tags-dialog-tmpl md-content {
    overflow-x: hidden;
    padding: 24px;
    text-align: left; }
    @media (max-width: 320px) {
      md-dialog#tags-dialog-tmpl md-content {
        padding: 15px; } }
  md-dialog#tags-dialog-tmpl .tag-list {
    width: 100%; }
  md-dialog#tags-dialog-tmpl .tag-box {
    position: relative;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%; }
  md-dialog#tags-dialog-tmpl md-checkbox {
    display: inline-block;
    margin: 5px; }
    @media (max-width: 320px) {
      md-dialog#tags-dialog-tmpl md-checkbox {
        font-size: 14px;
        margin-left: 3px; } }
  md-dialog#tags-dialog-tmpl .tag-input {
    position: absolute;
    bottom: 5px;
    width: 48%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    font-size: 14px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#programs.flex-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

#programs .md-title {
  font-size: 18px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
zl-program-activity {
  display: block;
  margin: 8px; }
  zl-program-activity zl-storelogo-gt {
    padding-right: 8px; }
  zl-program-activity .heading {
    max-height: 62px;
    -ms-flex-pack: center;
        justify-content: center; }
  zl-program-activity md-list {
    margin: 0;
    padding-top: 0; }
    zl-program-activity md-list .md-avatar {
      width: auto; }
    zl-program-activity md-list .no-activity {
      margin-top: 100px; }
      zl-program-activity md-list .no-activity span {
        text-align: center; }
    @media (min-width: 600px) {
      zl-program-activity md-list {
        max-width: 415px; } }
  zl-program-activity md-list-item .md-button {
    margin: 0; }
  zl-program-activity md-list-item p {
    font-size: 14px; }
  zl-program-activity md-list-item.balance {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  zl-program-activity md-list-item.current-balance {
    font-weight: 600;
    background-color: #f6f8f8;
    margin-bottom: 6px; }
  zl-program-activity md-list-item.touch-device .md-button.md-rewardTheme-theme:hover {
    background-color: inherit; }
  zl-program-activity .button-box.standard {
    background-color: #EC1C5E;
    color: #ffffff;
    border-radius: 4px;
    margin-top: 16px; }
  zl-program-activity #programs .button-box.standard .md-button {
    width: 100%; }
  zl-program-activity md-virtual-repeat-container {
    height: 50vh; }

/********************************************************
*Animation:   works with $scope.pageClass on ng-view div
*********************************************************/

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#program-choice {
  height: 100%;
  padding: 0; }
  #program-choice .reward-preference {
    width: 100%;
    padding: 0 15px; }
  #program-choice .reward-preference-wrapper {
    width: 100%; }
    #program-choice .reward-preference-wrapper label {
      min-width: 20px;
      line-height: 32px; }
    #program-choice .reward-preference-wrapper md-select {
      margin: 5px 10px; }
  #program-choice .not-available {
    width: 100%;
    color: rgba(0, 0, 0, 0.54);
    font-size: 13px; }
  #program-choice .page-container {
    padding: 16px; }
  #program-choice .choose {
    padding: 20px 20px 5px 20px; }
  #program-choice .terms-container {
    margin-top: 10px; }
  #program-choice .terms-wrapper {
    padding: 0 15px; }
  #program-choice .storelogo-box .logo-img {
    max-height: 38px;
    max-width: 250px;
    width: auto;
    padding-right: 10px;
    padding-bottom: 10px; }
  #program-choice .text-center.edit {
    position: absolute;
    z-index: 2;
    top: 219px;
    left: 73px;
    width: 180px;
    height: 30px;
    color: #52B39F;
    font-size: 22px; }
  #program-choice .choose {
    overflow: hidden; }
    #program-choice .choose span {
      margin-bottom: 10px; }
  #program-choice .md-whiteframe-z1 {
    padding: 20px 15px 5px 15px;
    height: 100%;
    position: relative; }
    #program-choice .md-whiteframe-z1 .contain {
      overflow-y: scroll; }
    #program-choice .md-whiteframe-z1 .inner-container {
      overflow-y: scroll;
      position: relative;
      top: 0px; }
    #program-choice .md-whiteframe-z1 md-checkbox {
      min-width: 30px; }
      #program-choice .md-whiteframe-z1 md-checkbox .md-checked {
        margin-bottom: 12px;
        min-width: 30px;
        color: #37454E; }
        @media (min-width: 600px) {
          #program-choice .md-whiteframe-z1 md-checkbox .md-checked {
            color: #37454E; } }
    #program-choice .md-whiteframe-z1 .reward-list {
      font-size: 12px;
      margin-bottom: 8px; }
      #program-choice .md-whiteframe-z1 .reward-list div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
            align-items: flex-start; }
    #program-choice .md-whiteframe-z1 .terms {
      padding: 10px 0px 10px 0px; }
  #program-choice .material-icons {
    color: #37454E;
    width: 30px; }
  #program-choice .button-box {
    position: absolute;
    bottom: 0px;
    width: 94%;
    margin-bottom: 14px; }
  #program-choice .button-box.view-rewards {
    background-color: #37454E;
    color: #ffffff;
    border-radius: 4px;
    position: relative;
    margin-bottom: 14px;
    width: 80%;
    height: 80px; }
    #program-choice .button-box.view-rewards .zli-rewards {
      color: #ffffff;
      font-size: 22px; }
    #program-choice .button-box.view-rewards span {
      margin-bottom: 0; }
  #program-choice .button-box .md-button {
    width: 48%;
    font-size: 20px; }
  #program-choice .button-box.standard, #program-choice .button-box.standard .md-button {
    width: 65%;
    background-color: #EC1C5E;
    color: #ffffff;
    border-radius: 4px; }
  #program-choice .button-box .send {
    border: 1px solid #EC1C5E;
    background-color: #EC1C5E;
    color: white; }
  #program-choice .button-box .cancel {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  @media (min-width: 600px) {
    #program-choice {
      padding: 0px; }
      #program-choice .page-container {
        padding: 0px; }
      #program-choice .md-whiteframe-z1 {
        height: 75vh; }
      #program-choice .material-icons {
        color: #37454E;
        width: 30px; } }

#program-choice.status-terms {
  padding: 0; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#program-exchange .choose {
  padding: 15px; }
  #program-exchange .choose .md-whiteframe-z1 {
    padding: 15px;
    min-height: 75vh; }
  #program-exchange .choose .inner-container {
    overflow-y: scroll;
    height: 57vh; }
  #program-exchange .choose md-checkbox {
    margin-bottom: 12px;
    min-width: 30px; }
  #program-exchange .choose .exchange-label {
    margin-bottom: 12px; }
  #program-exchange .choose .reward-list {
    padding-left: 30px;
    font-size: 14px; }
    #program-exchange .choose .reward-list div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
          align-items: flex-start; }

#program-exchange .button-box.view-rewards {
  background-color: #37454E;
  color: #ffffff;
  border-radius: 4px;
  margin-top: 110px;
  margin-left: 10%;
  width: 80%; }
  #program-exchange .button-box.view-rewards .zli-rewards {
    color: #ffffff;
    font-size: 22px; }
  #program-exchange .button-box.view-rewards span {
    margin-bottom: 0; }

#program-exchange .button-box .md-button {
  width: 48%;
  font-size: 20px; }

#program-exchange .button-box.standard, #program-exchange .button-box.standard .md-button {
  width: 65%;
  background-color: #EC1C5E;
  color: #ffffff;
  border-radius: 4px; }

#program-exchange .button-box .send {
  border: 1px solid #EC1C5E;
  background-color: #EC1C5E;
  color: white; }

#program-exchange .button-box .cancel {
  border: 1px solid rgba(0, 0, 0, 0.2); }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#programs.page-container {
  min-height: 0px;
  height: 100%; }

#programs {
  height: 100%; }
  #programs .page-container {
    height: 100%; }
  #programs .choose {
    padding: 20px 20px 5px 20px; }
  #programs .storelogo-box .logo-img {
    max-height: 38px;
    max-width: 250px;
    width: auto;
    padding-right: 10px;
    padding-bottom: 10px; }
  #programs .text-center.edit {
    position: absolute;
    z-index: 2;
    top: 219px;
    left: 73px;
    width: 180px;
    height: 30px;
    color: #52B39F;
    font-size: 22px; }
  #programs .choose {
    overflow: hidden; }
    #programs .choose span {
      margin-bottom: 10px; }
  #programs .md-whiteframe-z1.status {
    padding: 0px;
    height: 75vh; }
  #programs .md-whiteframe-z1 {
    padding: 10px;
    min-height: 74vh;
    height: 100%; }
    #programs .md-whiteframe-z1 .contain {
      overflow-y: scroll; }
    #programs .md-whiteframe-z1 .inner-container {
      overflow-y: scroll;
      height: 32vh; }
    #programs .md-whiteframe-z1 md-checkbox {
      margin-bottom: 12px;
      min-width: 30px; }
    #programs .md-whiteframe-z1 .reward-list {
      padding-left: 30px;
      font-size: 14px; }
      #programs .md-whiteframe-z1 .reward-list div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
            align-items: flex-start; }
    #programs .md-whiteframe-z1 .terms {
      padding: 10px 0px 10px 0px; }
  #programs .button-box.view-rewards {
    background-color: #37454E;
    color: #ffffff;
    border-radius: 4px;
    margin-top: 110px;
    margin-left: 10%;
    width: 80%; }
    #programs .button-box.view-rewards .zli-rewards {
      color: #ffffff;
      font-size: 22px; }
    #programs .button-box.view-rewards span {
      margin-bottom: 0; }
  #programs .button-box .md-button {
    width: 48%;
    font-size: 20px; }
  #programs .button-box.standard, #programs .button-box.standard .md-button {
    width: 65%;
    background-color: #EC1C5E;
    color: #ffffff;
    border-radius: 4px; }
  #programs .button-box .send {
    border: 1px solid #EC1C5E;
    background-color: #EC1C5E;
    color: white; }
  #programs .button-box .cancel {
    border: 1px solid rgba(0, 0, 0, 0.2); }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#programs-subscribe {
  height: 84vh; }
  #programs-subscribe :focus {
    outline: none; }
  #programs-subscribe #prog-sub-frame {
    position: relative;
    overflow: hidden; }
  #programs-subscribe .zl-md-whiteframe-header {
    margin: 10px 0px 20px 0px; }
    #programs-subscribe .zl-md-whiteframe-header h3 {
      margin-bottom: 10px;
      font-weight: 200; }
  #programs-subscribe .select-list {
    padding: 0 10px 10px;
    padding-left: 20px;
    padding-bottom: 10px; }
    #programs-subscribe .select-list .logo-img {
      max-height: 30px; }
  #programs-subscribe .list-container {
    overflow-y: scroll; }
    @media (min-width: 600px) {
      #programs-subscribe .list-container {
        overflow: initial; } }
    @media (max-width: 600px) {
      #programs-subscribe .list-container {
        height: 100vh; } }
  #programs-subscribe md-divider {
    margin-bottom: 5px; }
  #programs-subscribe md-whiteframe {
    margin-bottom: 8px;
    background-color: white; }
  #programs-subscribe accordion {
    display: block;
    width: 100%; }
    #programs-subscribe accordion md-checkbox {
      margin: 12px 15px; }
  #programs-subscribe .checkmarks {
    width: 30px; }
  #programs-subscribe .zli-checkmark {
    color: #37454E;
    margin-left: 20px; }
  #programs-subscribe .zl-bucket-heading {
    height: 54px;
    padding: 0 16px; }
  #programs-subscribe .panel-group {
    background: white;
    border-bottom: none; }
  #programs-subscribe .zlc-panel-item.active, #programs-subscribe .zl-bucket-heading.active {
    border: solid;
    border-color: #37454E;
    border-bottom: solid 4px #37454E; }
    @media (min-width: 600px) {
      #programs-subscribe .zlc-panel-item.active, #programs-subscribe .zl-bucket-heading.active {
        border-color: #37454E;
        border-bottom: solid 4px #37454E; } }
  #programs-subscribe .zlc-panel-item {
    padding: 0 20px 0 20px;
    background-color: rgba(241, 243, 244, 0.7);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    #programs-subscribe .zlc-panel-item .md-tile-content.text-right h3 {
      text-align: left;
      width: 50px; }
    #programs-subscribe .zlc-panel-item md-checkbox {
      margin: 0 0 0 31px; }
    #programs-subscribe .zlc-panel-item .md-tile-content.text-right div {
      text-align: center;
      width: 50px; }
    #programs-subscribe .zlc-panel-item .logo-name, #programs-subscribe .zlc-panel-item .logo-img, #programs-subscribe .zlc-panel-item .display-info {
      margin: 0;
      font-size: 16px;
      font-weight: 200; }
    #programs-subscribe .zlc-panel-item .icon-box {
      margin-left: 20px; }
    #programs-subscribe .zlc-panel-item .md-tile-content {
      padding: 12px 16px; }
  #programs-subscribe .zmd-info-outline, #programs-subscribe .zmd.zmd-play-shopping-bag {
    padding-right: 46px;
    cursor: pointer;
    font-size: 22px;
    color: #37454E; }
  #programs-subscribe .program-list {
    position: relative; }
  #programs-subscribe .no-records {
    margin-top: 60%;
    padding: 0 20px; }
  @media (min-width: 600px) {
    #programs-subscribe .select-list {
      padding: 0 40px; }
    #programs-subscribe .program-list {
      background: #fff;
      overflow: scroll;
      height: 75vh; }
    #programs-subscribe .zli-checkmark {
      color: #37454E; }
    #programs-subscribe .no-records {
      margin-top: 20%; } }

zl-ng-view-flex-container {
  position: relative; }

md-dialog#program-subscribe-terms md-dialog-content {
  padding: 8px; }
  md-dialog#program-subscribe-terms md-dialog-content .md-body-1 {
    font-weight: 600;
    margin-left: 6px; }
  md-dialog#program-subscribe-terms md-dialog-content ol {
    margin-top: 4px;
    padding-left: 24px; }
  md-dialog#program-subscribe-terms md-dialog-content li {
    font-size: 13px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
.filter-bar-trends {
  background-color: white;
  z-index: 10;
  border: 1px solid rgba(0, 0, 0, 0.3); }
  .filter-bar-trends .trend-filter-btn {
    height: 34px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.54);
    margin: 0; }
    .filter-bar-trends .trend-filter-btn.selected {
      color: rgba(0, 0, 0, 0.87);
      border-bottom: 3px solid #37454E;
      border-radius: 0; }
  .filter-bar-trends .md-button.md-trendTheme-theme:not([disabled]):hover {
    background-color: white; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#trends-subscribe .select-list {
  padding-left: 20px;
  padding-bottom: 10px; }

#trends-subscribe md-divider {
  margin-bottom: 5px; }

#trends-subscribe .channel-flex {
  max-width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
  @media (min-width: 600px) {
    #trends-subscribe .channel-flex {
      max-width: 45%;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%; } }
  @media (min-width: 960px) {
    #trends-subscribe .channel-flex {
      max-width: 33%;
      -ms-flex: 0 0 33%;
          flex: 0 0 33%; } }

#trends-subscribe md-checkbox {
  margin: 12px 15px; }

@media (min-width: 600px) {
  #trends-subscribe .select-list {
    padding-left: 40px; } }

#about {
  height: 100%; }
  #about .about-container {
    max-width: 800px;
    margin: 0 auto;
    height: 100%;
    background-color: white;
    padding: 15px; }
    #about .about-container p {
      margin: 10px 0;
      line-height: 1.15; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#contact {
  padding: 15px;
  max-width: 415px;
  margin: 0 auto; }
  #contact form input,
  #contact form textarea {
    display: block;
    width: 100%;
    margin: 12px 0;
    padding: 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px; }
  #contact form input {
    height: 30px; }
  #contact form textarea {
    min-height: 150px; }
  #contact .md-button {
    width: 100%;
    margin: 0; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#faq {
  max-width: 800px;
  margin: 0 auto; }
  #faq md-list {
    padding: 16px 0; }
  #faq .question-container {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    background-color: white; }
    #faq .question-container .question {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      height: 70px;
      padding: 6px 16px;
      font-size: 14px;
      font-weight: bold; }
    #faq .question-container .answer {
      display: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      background-color: white;
      padding: 6px 16px; }
      #faq .question-container .answer p {
        line-height: 1.15;
        padding: 10px 0; }
      #faq .question-container .answer a {
        text-decoration: underline;
        color: blue; }
    #faq .question-container .answer.show-answer {
      display: block; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#help {
  max-width: 415px;
  margin: 0 auto; }
  #help md-list md-list-item {
    display: block;
    min-height: 60px;
    line-height: 60px;
    padding-left: 10px;
    background-color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: bold; }
    #help md-list md-list-item a {
      display: block;
      color: rgba(0, 0, 0, 0.87); }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#privacy-policy {
  padding: 20px;
  line-height: 1.15;
  text-align: left; }
  @media (max-width: 600px) {
    #privacy-policy {
      font-size: 14px; }
      #privacy-policy ul {
        padding-left: 20px; } }
  #privacy-policy section,
  #privacy-policy section > p,
  #privacy-policy ul > li {
    line-height: 1.15;
    margin-bottom: 10px; }
  #privacy-policy a {
    text-decoration: underline;
    color: blue; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#terms-of-service {
  padding: 20px;
  line-height: 1.15;
  text-align: left; }
  @media (max-width: 600px) {
    #terms-of-service {
      font-size: 14px; }
      #terms-of-service ul {
        padding-left: 20px; } }
  #terms-of-service div > p,
  #terms-of-service div > ul > li {
    margin-bottom: 10px;
    line-height: 1.15; }
  #terms-of-service a {
    text-decoration: underline;
    color: blue; }
  #terms-of-service .underline {
    text-decoration: underline; }
  #terms-of-service .ordered-terms li {
    list-style-type: none;
    padding-top: 6px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#unsubscribe {
  max-width: 415px;
  margin: 0 auto;
  padding: 20px 10px 10px 10px; }
  #unsubscribe .instructions {
    margin-bottom: 20px; }
    #unsubscribe .instructions h3 {
      text-align: center; }
    #unsubscribe .instructions .email {
      margin: 10px 0;
      text-align: center;
      font-weight: bold; }
  #unsubscribe .md-list-item-inner {
    -ms-flex-pack: justify;
        justify-content: space-between; }
    #unsubscribe .md-list-item-inner > md-checkbox {
      margin-right: 0; }


/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#vip-channel-chooser .md-whiteframe-z1 {
  height: 60px;
  width: 100%;
  margin-bottom: 10px; }

#vip-channel-chooser .logo-img {
  max-height: 26px; }

#vip-channel-chooser .logo-name {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1.2em;
  font-weight: normal;
  letter-spacing: -.04em; }

.vip-cc-header {
  width: 100%;
  height: 60px;
  background-color: white;
  font-size: 18px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
zl-vip-program-item.send-selectable md-select.send.md-default-theme .md-select-value.md-select-placeholder,
zl-vip-program-item.send-selectable md-select.send .md-select-value.md-select-placeholder {
  color: rgba(0, 0, 0, 0.87); }

zl-vip-program-item.share-selectable md-select.share.md-default-theme .md-select-value.md-select-placeholder,
zl-vip-program-item.share-selectable md-select.share .md-select-value.md-select-placeholder {
  color: rgba(0, 0, 0, 0.87); }

.program-item {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0 14px 10px; }
  @media (min-height: 800px) {
    .program-item {
      margin-bottom: 22px; } }
  .program-item h3 {
    max-width: 60%;
    max-height: 22px;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden; }
  .program-item .zmd {
    color: rgba(0, 0, 0, 0.54);
    font-size: 28px;
    vertical-align: middle; }
  .program-item .box {
    height: 32px;
    margin-bottom: -2px;
    padding: 0 14px 0 10px; }
  .program-item .sm-text {
    display: inline-block;
    min-width: 44px;
    color: rgba(0, 0, 0, 0.54); }
  .program-item md-select {
    max-width: 56px;
    margin: 0; }
    .program-item md-select md-select-value {
      min-width: 20px;
      border-style: none; }
    .program-item md-select .send-qty md-select-value {
      color: red; }
  .program-item .md-button {
    min-width: 0;
    min-height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0; }
  .program-item .zmd-remove-red-eye {
    padding: 0 15px 2px 0; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
.vip-container {
  min-height: 82vh;
  height: 100%; }

#vip-customer {
  height: 100%;
  position: relative; }
  #vip-customer md-dialog .md-button.md-primary {
    background-color: orange !important; }
  #vip-customer .customer-view {
    height: 100%;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 0;
    left: 0; }
    #vip-customer .customer-view .image-container {
      padding-bottom: 5px; }
  #vip-customer .customer-info-container {
    width: 400px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px; }
  #vip-customer .button-view {
    height: 55px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ffffff; }
  #vip-customer .button-box.standard, #vip-customer .button-box.standard .md-button {
    width: 65%;
    background-color: #EC1C5E;
    color: #ffffff;
    border-radius: 4px; }
  #vip-customer .button-box .send {
    border: 1px solid #EC1C5E;
    background-color: #EC1C5E;
    color: white; }
  #vip-customer .button-box .md-button.send-only {
    width: 80%; }
  #vip-customer .button-box .md-button {
    width: 48%;
    font-size: 20px; }
  #vip-customer .button-box .cancel {
    border: 1px solid rgba(0, 0, 0, 0.2); }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
md-dialog#vip-directions-dialog {
  position: relative; }
  md-dialog#vip-directions-dialog md-content {
    font-size: 14px; }
  md-dialog#vip-directions-dialog ul {
    padding-left: 25px; }
    md-dialog#vip-directions-dialog ul li {
      list-style-type: decimal; }
      md-dialog#vip-directions-dialog ul li .or {
        padding-left: 40px; }
    md-dialog#vip-directions-dialog ul .item {
      position: relative; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
md-dialog#vip-directions-dialog {
  position: relative; }
  md-dialog#vip-directions-dialog md-content {
    font-size: 14px; }
  md-dialog#vip-directions-dialog ul {
    padding-left: 25px; }
    md-dialog#vip-directions-dialog ul li {
      list-style-type: decimal; }
      md-dialog#vip-directions-dialog ul li .or {
        padding-left: 40px; }
    md-dialog#vip-directions-dialog ul .item {
      position: relative; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
zl-vip-program-item.send-selectable md-select.send.md-default-theme .md-select-value.md-select-placeholder,
zl-vip-program-item.send-selectable md-select.send .md-select-value.md-select-placeholder {
  color: rgba(0, 0, 0, 0.87); }

zl-vip-program-item.share-selectable md-select.share.md-default-theme .md-select-value.md-select-placeholder,
zl-vip-program-item.share-selectable md-select.share .md-select-value.md-select-placeholder {
  color: rgba(0, 0, 0, 0.87); }

.program-item {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0 14px 10px; }
  @media (min-height: 800px) {
    .program-item {
      margin-bottom: 22px; } }
  .program-item h3 {
    max-width: 60%;
    max-height: 22px;
    font-size: 16px;
    font-weight: normal;
    overflow: hidden; }
  .program-item .zmd {
    color: rgba(0, 0, 0, 0.54);
    font-size: 28px;
    vertical-align: middle; }
  .program-item .box {
    height: 32px;
    margin-bottom: -2px;
    padding: 0 14px 0 10px; }
  .program-item .sm-text {
    display: inline-block;
    min-width: 44px;
    color: rgba(0, 0, 0, 0.54); }
  .program-item md-select {
    max-width: 56px;
    margin: 0; }
    .program-item md-select md-select-value {
      min-width: 20px;
      border-style: none; }
  .program-item .md-button {
    min-width: 0;
    min-height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0; }
  .program-item .zmd-remove-red-eye {
    padding: 0 15px 2px 0; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
.vip-container {
  min-height: 82vh;
  height: 100%; }

#vip-rep {
  height: 100%;
  position: relative; }
  #vip-rep md-dialog .md-button.md-primary {
    background-color: orange !important; }
  #vip-rep .customer-view {
    height: 100%;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    left: 0; }
    #vip-rep .customer-view .image-container {
      padding-bottom: 5px; }
  #vip-rep .customer-info-container {
    width: 400px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px; }
  #vip-rep .button-view {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ffffff; }
  #vip-rep .button-box.standard, #vip-rep .button-box.standard .md-button {
    width: 65%;
    background-color: #EC1C5E;
    color: #ffffff;
    border-radius: 4px; }
  #vip-rep .button-box .send {
    border: 1px solid #EC1C5E;
    background-color: #EC1C5E;
    color: white; }
  #vip-rep .button-box .md-button.send-only {
    width: 80%; }
  #vip-rep .button-box .md-button {
    width: 48%;
    font-size: 20px; }
  #vip-rep .button-box .cancel {
    border: 1px solid rgba(0, 0, 0, 0.2); }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
zl-vip-card-view {
  display: inline-block; }

#vip-card-dialog md-content {
  padding: 25px 20px;
  font-size: 20px; }

#vip-card-dialog .item {
  padding-bottom: 16px; }

#vip-card-dialog .exp {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54); }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
zl-profile-photo {
  display: block; }

.avatar {
  display: inherit;
  margin: 10px auto 0 auto; }

.clip-circle {
  border-radius: 100%;
  height: 80px;
  width: 80px;
  margin-top: 10px; }
  @media (min-width: 600px) {
    .clip-circle {
      height: 80px;
      width: 80px; } }

.email-label {
  color: white; }

#labels .logo-img {
  max-height: 15px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
md-dialog#action-dialog {
  position: absolute;
  left: 10%;
  top: calc(52px + 20px);
  border: 2px solid #37454E;
  border-radius: 14px; }
  md-dialog#action-dialog md-dialog-content {
    padding: 12px 8px 10px 12px; }
  md-dialog#action-dialog md-dialog-actions {
    padding: 0 16px; }
  md-dialog#action-dialog .md-button {
    min-width: 62px;
    color: #37454E;
    font-size: 16px; }
    md-dialog#action-dialog .md-button.touch-screen:hover, md-dialog#action-dialog .md-button.touch-screen.md-focused {
      background-color: transparent; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
.zl-dialog-close-box {
  z-index: 11;
  position: absolute;
  display: block;
  top: 4px;
  left: 4px;
  height: 40px;
  width: 40px;
  padding: 0;
  border: none; }
  .zl-dialog-close-box .zmd {
    font-size: 28px;
    color: rgba(0, 0, 0, 0.75); }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#download-banner {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 80px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  z-index: 1000; }
  #download-banner div {
    display: inline-block;
    color: rgba(0, 0, 0, 0.87); }
  #download-banner .close {
    height: 100%;
    width: 32px;
    line-height: 80px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer; }
  #download-banner .icon {
    height: 60px;
    width: 60px;
    background-color: white;
    border-radius: 15px;
    margin: auto 8px auto 0; }
    #download-banner .icon img {
      margin: 4px;
      width: 52px;
      height: 52px; }
  #download-banner .description {
    -ms-flex: 1;
        flex: 1;
    height: 80px;
    padding: 16px 0; }
    #download-banner .description div {
      display: block; }
    #download-banner .description .title {
      font-size: 14px;
      font-weight: bold; }
    #download-banner .description .company {
      font-size: 12px; }
    #download-banner .description .stars {
      color: #fdb813;
      margin-left: -3px;
      font-size: 10px; }
  #download-banner .view {
    color: #2a6dbc;
    width: 100px;
    line-height: 80px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#recovery md-content {
  min-width: 300px;
  max-width: 340px;
  text-align: center; }
  #recovery md-content div {
    width: 100%; }
    #recovery md-content div .instruction {
      margin-top: 20px;
      margin-bottom: 10px;
      font-style: italic; }
    #recovery md-content div input {
      display: block;
      width: 100%;
      margin: 12px 0;
      padding: 4px;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 4px;
      margin-bottom: 10px; }
    #recovery md-content div .md-actions {
      padding: 0; }
    #recovery md-content div button {
      width: 100%;
      margin: 0;
      background-color: #EC1C5E;
      color: white; }

#confirm-identity {
  height: 100%; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#confirm-username md-content {
  max-width: 415px; }
  #confirm-username md-content .title {
    text-align: center;
    font-weight: bold;
    font-size: 1.5em; }
  #confirm-username md-content .info {
    margin: 20px 0; }
  #confirm-username md-content .email {
    text-align: center;
    font-weight: bold; }

#confirm-username .md-actions .md-button {
  border-radius: 3px;
  -ms-flex: 50;
      flex: 50;
  height: 50px; }

#confirm-username .md-actions .cancel {
  background-color: transparent;
  color: #EC1C5E;
  border: 1px solid rgba(0, 0, 0, 0.2); }

#confirm-username .md-actions .confirm {
  background-color: #EC1C5E;
  color: white; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#signup-form .terms-text {
  color: #cccccc;
  font-size: 72%; }

#signup-screen2,
#signup-screen3 {
  max-width: 415px;
  height: 100%; }
  #signup-screen2 input,
  #signup-screen3 input {
    background: transparent;
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.54);
    -webkit-appearance: none; }
  #signup-screen2 .helper-text,
  #signup-screen3 .helper-text {
    margin: 0; }
  #signup-screen2 .username,
  #signup-screen3 .username {
    margin-top: 10px;
    font-size: 14px; }

#signup-screen2 .helper-text {
  width: 250px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#simon-signup,
#vip-signup {
  background: linear-gradient(145deg, #1A2980 10%, #26D0CE 90%);
  overflow-y: none; }
  #simon-signup.page-container,
  #vip-signup.page-container {
    height: 100%; }
  #simon-signup .content-container,
  #vip-signup .content-container {
    height: 100%;
    opacity: 1; }
  #simon-signup .content-container.ng-hide-remove.ng-hide-remove-active,
  #vip-signup .content-container.ng-hide-remove.ng-hide-remove-active {
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 2s; }
  #simon-signup .content-container.ng-hide,
  #vip-signup .content-container.ng-hide {
    opacity: 0; }
  #simon-signup .animate-if.ng-enter, #simon-signup .animate-if.ng-leave,
  #vip-signup .animate-if.ng-enter,
  #vip-signup .animate-if.ng-leave {
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }
  #simon-signup .animate-if.ng-enter, #simon-signup .animate-if.ng-leave.ng-leave-active,
  #vip-signup .animate-if.ng-enter,
  #vip-signup .animate-if.ng-leave.ng-leave-active {
    opacity: 0; }
  #simon-signup .animate-if.ng-leave, #simon-signup .animate-if.ng-enter.ng-enter-active,
  #vip-signup .animate-if.ng-leave,
  #vip-signup .animate-if.ng-enter.ng-enter-active {
    opacity: 1; }
  #simon-signup .animate-thank-you.ng-enter, #simon-signup .animate-thank-you.ng-leave,
  #vip-signup .animate-thank-you.ng-enter,
  #vip-signup .animate-thank-you.ng-leave {
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
    transition-delay: 0.5s; }
  #simon-signup .animate-thank-you.ng-enter, #simon-signup .animate-thank-you.ng-leave.ng-leave-active,
  #vip-signup .animate-thank-you.ng-enter,
  #vip-signup .animate-thank-you.ng-leave.ng-leave-active {
    opacity: 0; }
  #simon-signup .animate-thank-you.ng-leave, #simon-signup .animate-thank-you.ng-enter.ng-enter-active,
  #vip-signup .animate-thank-you.ng-leave,
  #vip-signup .animate-thank-you.ng-enter.ng-enter-active {
    opacity: 1; }
  #simon-signup .signup,
  #vip-signup .signup {
    max-width: 415px;
    margin: 0 auto;
    padding: 20px; }
    #simon-signup .signup .logo,
    #vip-signup .signup .logo {
      max-width: 100%; }
    #simon-signup .signup .instructions,
    #vip-signup .signup .instructions {
      text-align: center;
      color: white;
      margin: 10px 0 5px 0; }
      #simon-signup .signup .instructions .bold,
      #vip-signup .signup .instructions .bold {
        font-weight: bold;
        margin-bottom: 5px; }
        #simon-signup .signup .instructions .bold .reserved,
        #vip-signup .signup .instructions .bold .reserved {
          vertical-align: super;
          font-size: 10px; }
    #simon-signup .signup .thank-you-instructions,
    #vip-signup .signup .thank-you-instructions {
      text-align: center;
      color: white;
      margin-top: 20px;
      margin-bottom: 10px; }
      #simon-signup .signup .thank-you-instructions a,
      #vip-signup .signup .thank-you-instructions a {
        cursor: pointer;
        text-decoration: underline; }
    #simon-signup .signup .app-store-buttons,
    #vip-signup .signup .app-store-buttons {
      display: -ms-flexbox;
      display: flex;
      margin-top: 10px; }
      #simon-signup .signup .app-store-buttons a,
      #vip-signup .signup .app-store-buttons a {
        -ms-flex: 40;
            flex: 40; }
        #simon-signup .signup .app-store-buttons a img,
        #vip-signup .signup .app-store-buttons a img {
          max-width: 100%; }
      #simon-signup .signup .app-store-buttons .flex-divider,
      #vip-signup .signup .app-store-buttons .flex-divider {
        -ms-flex: 20;
            flex: 20; }
    #simon-signup .signup .contact-email,
    #vip-signup .signup .contact-email {
      text-align: center;
      margin-top: 30px;
      color: white; }
    #simon-signup .signup form,
    #vip-signup .signup form {
      width: 100%;
      margin: 10px 0;
      color: white; }
      #simon-signup .signup form input,
      #vip-signup .signup form input {
        width: 100%;
        height: 50px;
        padding-left: 10px; }
      #simon-signup .signup form .center,
      #vip-signup .signup form .center {
        text-align: center; }
    #simon-signup .signup .input-top,
    #vip-signup .signup .input-top {
      border: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.54);
      border-radius: 2px 2px 0 0; }
    #simon-signup .signup .input-bot,
    #vip-signup .signup .input-bot {
      border: none;
      border-radius: 0 0 2px 2px; }
    #simon-signup .signup .input-md,
    #vip-signup .signup .input-md {
      border: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.54);
      border-radius: 0; }
    #simon-signup .signup .helper-links,
    #vip-signup .signup .helper-links {
      color: white;
      font-size: 15px;
      text-align: center;
      margin: 10px 0; }
      #simon-signup .signup .helper-links span,
      #vip-signup .signup .helper-links span {
        text-decoration: underline;
        cursor: pointer; }
    #simon-signup .signup button,
    #vip-signup .signup button {
      width: 100%;
      height: 50px;
      color: white;
      background-color: #EC1C5E;
      margin: 10px 0; }

#vip-signup .instructions.vip {
  font-size: 15px; }
  #vip-signup .instructions.vip div {
    margin-top: 15px; }

#vip-signup img.ziploop {
  margin-top: 10px;
  max-width: 100px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
zl-receipt-detail {
  display: inline-block;
  width: calc(100% + 2px); }

#receipt-carousel-container {
  width: 100%;
  height: 100%;
  overflow-y: scroll; }
  @media (min-width: 600px) {
    #receipt-carousel-container {
      height: 82vh; } }

zl-receipt-carousel {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }
  zl-receipt-carousel .edit-style-child-on {
    width: 100%; }
    @media (min-width: 600px) {
      zl-receipt-carousel .edit-style-child-on {
        width: 60%;
        margin-left: 30px; } }
  zl-receipt-carousel .edit-style-child-off {
    width: 100%; }
  zl-receipt-carousel .edit-record-container {
    width: 100%;
    margin-bottom: 15px; }
    @media (min-width: 600px) {
      zl-receipt-carousel .edit-record-container {
        margin-bottom: 0px; } }
  zl-receipt-carousel .arrow-container {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    top: 50%;
    width: 95%; }
    @media (min-width: 600px) {
      zl-receipt-carousel .arrow-container {
        width: 100%;
        max-width: 570px; } }
    zl-receipt-carousel .arrow-container .zmd-navigate-before, zl-receipt-carousel .arrow-container .zmd-navigate-next, zl-receipt-carousel .arrow-container .zmd-keyboard-arrow-right, zl-receipt-carousel .arrow-container .zmd-keyboard-arrow-left {
      position: relative;
      font-size: 45px;
      opacity: .5;
      padding: 0;
      cursor: pointer; }
      @media (min-width: 600px) {
        zl-receipt-carousel .arrow-container .zmd-navigate-before, zl-receipt-carousel .arrow-container .zmd-navigate-next, zl-receipt-carousel .arrow-container .zmd-keyboard-arrow-right, zl-receipt-carousel .arrow-container .zmd-keyboard-arrow-left {
          font-size: 92px; } }
    zl-receipt-carousel .arrow-container .zmd-navigate-before, zl-receipt-carousel .arrow-container .zmd-keyboard-arrow-left {
      left: -15px;
      color: #005971; }
      @media (min-width: 600px) {
        zl-receipt-carousel .arrow-container .zmd-navigate-before, zl-receipt-carousel .arrow-container .zmd-keyboard-arrow-left {
          left: -30px;
          right: 30px; } }
    zl-receipt-carousel .arrow-container .zmd-navigate-next, zl-receipt-carousel .arrow-container .zmd-keyboard-arrow-right {
      right: -32px;
      color: #005971; }
      @media (min-width: 600px) {
        zl-receipt-carousel .arrow-container .zmd-navigate-next, zl-receipt-carousel .arrow-container .zmd-keyboard-arrow-right {
          left: 28px; } }

.position-prev {
  margin-left: -100%; }

.receipt-carousel-left {
  animation: moveLeft .2s ease-out forwards; }

.receipt-carousel-right {
  animation: moveRight .22s ease-out forwards; }

@keyframes moveLeft {
  to {
    margin-left: -100%; }
  from {
    margin-left: -2px; } }

@keyframes moveRight {
  from {
    margin-left: -100%; }
  to {
    margin-left: 0; } }

/***************************************
* Receipt
***************************************/
/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
.detail-header .star .zmd {
  font-size: 26px; }
  @media (min-width: 727px) {
    .detail-header .star .zmd {
      font-size: 26px !important;
      color: #37454E !important; } }

.view-receipt button {
  color: #37454E;
  background: #fff;
  border: solid #37454E 2px; }
  .view-receipt button span {
    font-size: 12px; }

#receipt-detail [class^='zli-'],
#receipt-list [class^='zli-'],
#receipt-summary [class^='zli-'] {
  color: #37454E; }
  @media (min-width: 600px) {
    #receipt-detail [class^='zli-'],
    #receipt-list [class^='zli-'],
    #receipt-summary [class^='zli-'] {
      color: #37454E; } }

#receipt-detail .zli, #receipt-detail .zmd,
#receipt-list .zli,
#receipt-list .zmd,
#receipt-summary .zli,
#receipt-summary .zmd {
  color: #37454E; }
  @media (min-width: 600px) {
    #receipt-detail .zli, #receipt-detail .zmd,
    #receipt-list .zli,
    #receipt-list .zmd,
    #receipt-summary .zli,
    #receipt-summary .zmd {
      color: #37454E; } }

#receipt-detail .detail-header,
#receipt-list .detail-header,
#receipt-summary .detail-header {
  padding-bottom: 8px; }

#receipt-detail .detail-header .star .zmd,
#receipt-list .detail-header .star .zmd,
#receipt-summary .detail-header .star .zmd {
  font-size: 26px; }
  @media (min-width: 727px) {
    #receipt-detail .detail-header .star .zmd,
    #receipt-list .detail-header .star .zmd,
    #receipt-summary .detail-header .star .zmd {
      font-size: 26px !important;
      color: #37454E !important; } }

#receipt-detail .checkmark,
#receipt-list .checkmark,
#receipt-summary .checkmark {
  font-size: 26px;
  color: #37454E; }

#receipt-detail zl-barcode .barcode-img,
#receipt-list zl-barcode .barcode-img,
#receipt-summary zl-barcode .barcode-img {
  max-width: 550px; }

#receipt-detail zl-barcode,
#receipt-list zl-barcode,
#receipt-summary zl-barcode {
  text-align: center; }

#receipt-detail zl-receipt-detail,
#receipt-list zl-receipt-detail,
#receipt-summary zl-receipt-detail {
  height: 100%; }
  #receipt-detail zl-receipt-detail md-whiteframe,
  #receipt-list zl-receipt-detail md-whiteframe,
  #receipt-summary zl-receipt-detail md-whiteframe {
    height: 100%; }
    @media (min-width: 600px) {
      #receipt-detail zl-receipt-detail md-whiteframe,
      #receipt-list zl-receipt-detail md-whiteframe,
      #receipt-summary zl-receipt-detail md-whiteframe {
        margin-bottom: 0px; } }
    @media (max-width: 600px) {
      #receipt-detail zl-receipt-detail md-whiteframe,
      #receipt-list zl-receipt-detail md-whiteframe,
      #receipt-summary zl-receipt-detail md-whiteframe {
        width: 100vw; } }
  #receipt-detail zl-receipt-detail .w-10-pct,
  #receipt-list zl-receipt-detail .w-10-pct,
  #receipt-summary zl-receipt-detail .w-10-pct {
    padding: 0; }

#receipt-detail {
  height: 100%;
  padding: 0 8px; }
  #receipt-detail .zmd.zmd-navigate-next, #receipt-detail .zmd.zmd-navigate-before, #receipt-detail .zmd.zmd-keyboard-arrow-right, #receipt-detail .zmd.zmd-keyboard-arrow-left {
    color: #00638C; }
    @media (min-width: 600px) {
      #receipt-detail .zmd.zmd-navigate-next, #receipt-detail .zmd.zmd-navigate-before, #receipt-detail .zmd.zmd-keyboard-arrow-right, #receipt-detail .zmd.zmd-keyboard-arrow-left {
        color: #37454E; } }
  #receipt-detail md-whiteframe {
    background-color: white; }
    #receipt-detail md-whiteframe.not-touchscreen {
      padding: 10px 11px; }
      @media (min-width: 600px) {
        #receipt-detail md-whiteframe.not-touchscreen {
          padding: 10px 50px; } }
  #receipt-detail .detail-header {
    width: 100%;
    padding-bottom: 8px; }
  #receipt-detail zl-storelogo-gt {
    text-align: center;
    overflow: hidden; }
    #receipt-detail zl-storelogo-gt .logo-img {
      max-height: 26px;
      display: inline; }
  #receipt-detail .logo-name {
    font-size: 22px; }
    @media (min-width: 600px) {
      #receipt-detail .logo-name {
        font-size: 26px; } }
  #receipt-detail .receipt-data {
    width: 100%;
    margin: 0; }
  #receipt-detail .receipt-zoomable {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    overflow: scroll; }
    @media (min-width: 600px) {
      #receipt-detail .receipt-zoomable {
        width: 85%; } }
  #receipt-detail .receipt-img {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px; }
  #receipt-detail .delete {
    width: 100%;
    margin: 20px 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 20px; }
  #receipt-detail md-input-container .md-input {
    line-height: 1;
    padding-top: 0; }

#receipt-view.home-height {
  height: 56vh;
  position: relative; }
  @media (min-height: 700px) {
    #receipt-view.home-height {
      height: 62vh; } }
  @media (min-height: 800px) {
    #receipt-view.home-height {
      height: 67vh; } }
  #receipt-view.home-height .top-heading.w-100pct {
    position: relative; }

.receipt-zoomable {
  height: 100%;
  overflow-y: scroll; }

.slider {
  width: 100%;
  opacity: 1; }

.slider.ng-hide-remove.ng-hide-remove-active,
.slider.ng-hide-add.ng-hide-add-active {
  transition: all ease-out 1s; }

.slider.ng-hide {
  max-height: 0;
  opacity: 0; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
md-dialog md-content {
  text-align: center; }

button.md-button.deny {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.2);
  border-color: #000; }
  button.md-button.deny span {
    color: #EC1C5E; }

button.md-button.confirm {
  background-color: #EC1C5E;
  color: rgba(0, 0, 0, 0.2);
  border-color: #000; }
  button.md-button.confirm span {
    color: #FFFFFF; }
  button.md-button.confirm:focus {
    background-color: #EC1C5E; }
  button.md-button.confirm:active, button.md-button.confirm:hover {
    background-color: #f04b7f; }

md-dialog.meaty-dialog.redeem-dialog {
  width: 90%;
  max-width: 35px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
/*********************************************************************
* Overwrites/Additions for MD styling and MD patterns
*********************************************************************/
.md-button {
  text-transform: none;
  font-size: 16px;
  margin: 6px 0; }
  .md-button.zlc-bigbtn {
    height: 50px;
    width: 100%; }
  .md-button:not([disabled]).md-focused {
    background-color: inherit; }

.md-button.md-raised {
  box-shadow: none !important; }

.md-button.cancel {
  color: #EC1C5E; }

md-content {
  overflow: inherit; }

.md-whiteframe-z1 {
  background-color: white; }
  .md-whiteframe-z1 .zl-md-whiteframe-header {
    height: 52px;
    padding: 5px 10px; }

/***********************************************************
*  Font: app uses Open Sans, md icons use RobotDraft
***********************************************************/
.md-select-icon {
  font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif; }

h4 {
  font-weight: normal; }

/***********************************************************
*  Dialogs
***********************************************************/
.md-dialog-container,
md-backdrop.md-opaque.md-default-theme {
  background-color: rgba(0, 0, 0, 0.3); }

.md-button.md-default-theme.md-primary, .md-button.md-primary {
  background-color: #37454e; }

md-dialog .md-dialog-content {
  padding: 0; }

md-dialog .md-title {
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 20px; }

md-dialog .md-dialog-content-body {
  padding: 15px 15px 25px 15px; }

md-dialog md-dialog-actions .md-button,
md-dialog .md-actions .md-button {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin: 0;
  border-radius: 0; }
  md-dialog md-dialog-actions .md-button.md-default-theme.md-primary,
  md-dialog .md-actions .md-button.md-default-theme.md-primary {
    background-color: #37454E;
    color: white; }
    md-dialog md-dialog-actions .md-button.md-default-theme.md-primary:focus,
    md-dialog .md-actions .md-button.md-default-theme.md-primary:focus {
      background-color: #37454E; }
    md-dialog md-dialog-actions .md-button.md-default-theme.md-primary:active, md-dialog md-dialog-actions .md-button.md-default-theme.md-primary:hover,
    md-dialog .md-actions .md-button.md-default-theme.md-primary:active,
    md-dialog .md-actions .md-button.md-default-theme.md-primary:hover {
      background-color: #4c5f6c; }
  md-dialog md-dialog-actions .md-button:nth-child(2),
  md-dialog .md-actions .md-button:nth-child(2) {
    border-left: 1px solid #6b6b6b; }

/***** Ziploop Dialogs *****/
md-dialog,
md-dialog.zl-dialog {
  position: relative; }
  md-dialog .zl-dialog-subheader, md-dialog md-toolbar,
  md-dialog.zl-dialog .zl-dialog-subheader,
  md-dialog.zl-dialog md-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    min-height: 48px;
    font-size: 22px;
    color: rgba(0, 0, 0, 0.75);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    md-dialog .zl-dialog-subheader.font-20, md-dialog md-toolbar.font-20,
    md-dialog.zl-dialog .zl-dialog-subheader.font-20,
    md-dialog.zl-dialog md-toolbar.font-20 {
      font-size: 20px; }
  md-dialog md-content,
  md-dialog.zl-dialog md-content {
    padding: 15px; }
  md-dialog md-toolbar,
  md-dialog md-dialog-actions,
  md-dialog.zl-dialog md-toolbar,
  md-dialog.zl-dialog md-dialog-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 0;
    margin: 0;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    md-dialog md-toolbar.two-button .md-button,
    md-dialog md-dialog-actions.two-button .md-button,
    md-dialog.zl-dialog md-toolbar.two-button .md-button,
    md-dialog.zl-dialog md-dialog-actions.two-button .md-button {
      margin: 0;
      border-radius: 0; }
    md-dialog md-toolbar.two-button button:nth-child(2),
    md-dialog md-dialog-actions.two-button button:nth-child(2),
    md-dialog.zl-dialog md-toolbar.two-button button:nth-child(2),
    md-dialog.zl-dialog md-dialog-actions.two-button button:nth-child(2) {
      border-left: 1px solid #6b6b6b; }
  md-dialog button[disabled],
  md-dialog.zl-dialog button[disabled] {
    color: rgba(0, 0, 0, 0.54); }

button.md-button.deny {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2); }
  button.md-button.deny span {
    color: #EC1C5E; }

button.md-button.confirm {
  background-color: #EC1C5E;
  color: rgba(0, 0, 0, 0.2);
  border-color: #000; }
  button.md-button.confirm span {
    color: #FFFFFF; }
  button.md-button.confirm:focus {
    background-color: #EC1C5E; }
  button.md-button.confirm:active, button.md-button.confirm:hover {
    background-color: #f04b7f; }

md-dialog.meaty-dialog {
  width: 90%;
  max-width: 540px; }
  md-dialog.meaty-dialog md-content,
  md-dialog.meaty-dialog md-dialog-content {
    padding: 15px; }
  md-dialog.meaty-dialog md-checkbox {
    margin: 5px; }

md-dialog.full-dialog {
  width: 100%;
  min-width: 100%;
  height: 100%;
  max-height: 100%; }

/***** Dialogs ON DESKTOP *****/
@media (min-width: 960px) {
  md-dialog {
    max-width: 390px; }
  .md-dialog-container {
    left: calc(50% - 480px);
    top: 5%;
    width: 960px;
    max-width: 960px;
    background-color: transparent; }
  .full-dialog {
    max-width: 600px;
    max-height: 90%;
    height: 90%; } }

/***********************************************************
* md-select (child of .md-select-menu-container)
* md-select-menu-container is appended to body and positioned
* with inline styling from the directive
***********************************************************/
md-select-menu {
  max-height: 500px; }
  md-select-menu md-content {
    max-height: 500px; }

md-checkbox:focus .md-label:not(:empty) {
  border-color: transparent; }

/***** Make directives be block *****/
md-action {
  display: block; }

md-select-menu.md-default-theme md-option:focus:not([selected]) {
  background: white; }

#contact-searching {
  width: 100%;
  height: 40vh; }
  #contact-searching .contacts {
    height: 100%;
    overflow-y: scroll; }
  #contact-searching .md-headline {
    font-size: 18px;
    margin-left: 8px; }
  #contact-searching .zmd {
    font-size: 24px;
    margin-top: -4px;
    margin-right: 18px; }
  #contact-searching md-card {
    width: 100%; }

.button-box.view-rewards {
  background-color: #37454E;
  color: #ffffff;
  border-radius: 4px;
  margin-top: 110px; }
  .button-box.view-rewards .zli-rewards {
    color: #ffffff;
    font-size: 22px; }
  .button-box.view-rewards span {
    margin-bottom: 0; }

html p, body p {
  line-height: normal; }

#reward-view {
  min-height: 82vh;
  height: 100%; }

.reward-whiteframe-container {
  height: 100%; }
  @media (min-width: 600px) {
    .reward-whiteframe-container {
      height: 82vh; } }

.view-reward button {
  color: #fff;
  background: rgba(0, 0, 0, 0.54);
  border-radius: 2px; }

#card-view.edit-style-child-on {
  width: 100%; }
  @media (min-width: 600px) {
    #card-view.edit-style-child-on {
      width: 60%;
      margin-left: 30px; } }

#card-view.edit-style-child-off {
  width: 100%; }

#card-view {
  height: 100%;
  position: relative; }
  @media (min-width: 600px) {
    #card-view {
      height: 82vh; } }
  #card-view .content-container {
    overflow-y: scroll;
    height: 90%;
    width: 100%; }
  #card-view .card-container {
    width: 580px;
    padding: 10px 20px 10px 20px; }
  #card-view md-content.md-rewardTheme-theme {
    color: rgba(0, 0, 0, 0.87);
    background-color: white;
    border-radius: 10px; }
    #card-view md-content.md-rewardTheme-theme .top-heading {
      height: 25%;
      min-height: 30px; }
  #card-view .top-heading {
    height: 42px;
    max-height: 42px;
    padding-bottom: 8px; }
    #card-view .top-heading .members .zmd, #card-view .top-heading .members .zli {
      font-size: 2.2vw;
      color: #37454E; }
      @media (min-width: 727px) {
        #card-view .top-heading .members .zmd, #card-view .top-heading .members .zli {
          font-size: 22px; } }
  #card-view md-whiteframe {
    background: #fff;
    padding: 3px 16px 0px 16px;
    height: 79vh; }
    @media (min-width: 600px) {
      #card-view md-whiteframe {
        height: 82vh; } }
    #card-view md-whiteframe .image-box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      overflow-y: scroll;
      overflow-x: hidden;
      margin-top: 8px;
      max-width: 100%; }
  #card-view .redeemed-banner {
    position: absolute;
    bottom: 15%;
    left: 0;
    right: 0;
    text-align: center; }
    #card-view .redeemed-banner .text {
      padding-bottom: 10px;
      font-size: 44px;
      color: #EC1C5E;
      transform: rotate(-20deg); }
      #card-view .redeemed-banner .text.date {
        padding-left: 44px;
        font-size: 38px; }
  #card-view zl-barcode {
    max-height: 40px;
    height: 40px;
    width: 100%;
    max-width: 100%; }
  #card-view .reward-data .code-text {
    margin: 5px 0px;
    font-size: 16px; }
  #card-view md-content.md-padding {
    height: 82vh; }
  #card-view zl-storelogo-gt {
    padding: 12px 15px 6px 15px; }
  #card-view .logo-img {
    max-height: 26px; }
  #card-view .md-tile-content.text-right.flex-basis-33 {
    padding: 12px 15px 6px 15px; }
  #card-view .view-container {
    height: 100%;
    overflow-y: scroll;
    padding: 0px 0px 5px 0px; }
  #card-view .reward-content {
    margin: 0 15px 4px;
    width: 100%;
    max-width: 300px; }
  #card-view .md-padding {
    padding: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column row;
        flex-direction: column row; }
  #card-view .vip-reward-image-box.reward-content {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    max-width: 415px;
    width: 92%;
    min-height: 100px;
    height: 100%;
    margin: 0 15px 4px; }
    #card-view .vip-reward-image-box.reward-content .image-box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      overflow-y: scroll;
      overflow-x: hidden;
      margin-top: 8px;
      max-width: 100%; }
    #card-view .vip-reward-image-box.reward-content img {
      width: 100%;
      margin-bottom: 3px; }
    #card-view .vip-reward-image-box.reward-content .code-text {
      margin: 3px 0px 2px 4px;
      font-size: 16px;
      word-wrap: break-word; }
    #card-view .vip-reward-image-box.reward-content .code-spacing {
      letter-spacing: 1.2px; }
    #card-view .vip-reward-image-box.reward-content h3 {
      font-size: 16px;
      font-weight: normal;
      margin: 12px 0px; }
    #card-view .vip-reward-image-box.reward-content h3.code {
      margin: 5px 0px 5px 0px; }
    #card-view .vip-reward-image-box.reward-content .subtext2 {
      font-size: 14px;
      color: #696868;
      font-style: italic; }
    #card-view .vip-reward-image-box.reward-content .code-newline {
      display: block;
      padding-left: 0; }
  #card-view md-divider {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
    padding: 0px 0px 0px 0px; }
  #card-view .button-view {
    padding: 10px 10px 5px 10px;
    width: 100%;
    position: absolute;
    background-color: #ffffff;
    bottom: 0; }
  #card-view .button-box.standard, #card-view .button-box.standard .md-button {
    width: 65%;
    background-color: #EC1C5E;
    color: #ffffff;
    border-radius: 4px; }
  #card-view .button-box .send {
    border: 1px solid #EC1C5E;
    background-color: #EC1C5E;
    color: white; }
  #card-view .button-box .md-button.send-only {
    width: 80%; }
  #card-view .button-box .md-button {
    width: 48%;
    font-size: 20px; }
  #card-view .button-box .cancel {
    border: 1px solid rgba(0, 0, 0, 0.2); }
  #card-view .md-button.md-rewardTheme-theme.md-primary {
    background-color: #52b39f !important;
    color: yellow; }
  #card-view .reward-actions {
    width: 100%;
    height: 45px;
    padding: 0 calc(20px - 6px);
    margin: 5px;
    color: #37454E; }
    #card-view .reward-actions .md-button {
      margin: 0px;
      min-height: 26px;
      line-height: 30px;
      min-width: 30px;
      width: 100%; }
    #card-view .reward-actions .icon-box {
      -ms-flex: 1;
          flex: 1;
      max-height: 30px;
      max-width: 45px;
      text-align: left;
      margin: 0px; }
      #card-view .reward-actions .icon-box .md-button {
        height: 40px;
        -ms-flex-align: center;
            align-items: center;
        max-width: 20px;
        line-height: 40px;
        padding: 0px;
        margin: 0px;
        font-size: 16px; }
    #card-view .reward-actions .shop-now-btn {
      display: inline-block;
      min-width: 120px;
      height: 38px;
      line-height: 25px;
      border-radius: 2px;
      background-color: #37454E;
      color: white;
      font-size: 18px;
      font-weight: 400;
      margin: 0px; }
      #card-view .reward-actions .shop-now-btn div {
        -ms-flex-pack: center;
            justify-content: center;
        width: 100%; }
      #card-view .reward-actions .shop-now-btn p {
        padding-top: 2px; }
      #card-view .reward-actions .shop-now-btn .zmd {
        padding-top: 0px;
        font-size: 23px; }
    #card-view .reward-actions .zmd {
      font-size: 28px; }
    #card-view .reward-actions .zli-trends {
      font-size: 24px; }
    #card-view .reward-actions i.zli-redo2 {
      font-size: 23px;
      position: relative;
      top: 4px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
zl-reward-edit {
  display: block; }

.edit-frame-container {
  position: absolute;
  top: 0px;
  left: 0%;
  width: 100%;
  max-width: 1024px;
  overflow-y: scroll;
  padding: 67px 15px 67px 15px; }

.edit-frame-animate {
  animation: slideUp .5s ease-out; }

@keyframes slideUp {
  0% {
    top: 60%; }
  100% {
    top: 0%; } }

.edit-frame-done {
  background-color: #E3E7E9;
  padding: 67px 15px 67px 15px; }

.edit-frame-done-lg {
  background-color: #E3E7E9;
  padding: 79px 15px 67px 15px; }

.edit-frame {
  border-radius: 10px; }
  .edit-frame #edit {
    border-radius: 10px; }
    .edit-frame #edit md-content {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 10px;
      border-radius: 10px; }
      .edit-frame #edit md-content form {
        width: 100%; }
    .edit-frame #edit .zli-edit {
      color: #37454E; }
    .edit-frame #edit .zmd {
      color: #37454E; }

.reward-image-box {
  margin-top: 10px;
  background-color: #fff;
  padding: 10px; }

.reward-image {
  display: block;
  width: 100%; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#share md-content {
  display: -ms-flexbox;
  display: flex; }

#share form {
  height: 60px; }
  #share form .zmd-cancel {
    position: relative;
    left: 85%;
    bottom: 60px;
    font-size: 20px;
    z-index: 6;
    width: 60px;
    height: 60px; }

#share md-input-container {
  padding: 0px 10px 0px 10px; }
  #share md-input-container label {
    padding-left: 10px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 18px; }
  #share md-input-container .md-input {
    border-color: rgba(0, 0, 0, 0.2); }
  #share md-input-container .placeholder {
    padding-left: 5px;
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px; }
  #share md-input-container .error-box {
    position: relative;
    overflow: hidden;
    height: 18px;
    clear: left; }
    #share md-input-container .error-box .error {
      position: absolute;
      left: 2px;
      font-size: 12px;
      color: red;
      z-index: 0; }

#share #contact-search {
  position: fixed;
  top: 175px;
  left: 16px;
  z-index: 12;
  background-color: #ffffff;
  max-width: 600px; }

#share .button-box.share-reward {
  position: relative;
  top: 200px; }

#share .button-box {
  width: 100%;
  padding: 0px 10px 5px 10px; }

#share .button-box .send {
  border: 1px solid #EC1C5E;
  background-color: #EC1C5E;
  color: white; }

#share .button-box .md-button {
  width: 48%;
  font-size: 20px; }

#share .button-box .cancel {
  border: 1px solid rgba(0, 0, 0, 0.2); }

#share h3.share-header {
  text-align: center;
  padding: 5px 0px 5px 0px; }

#share .reward-info {
  margin: 20px; }

#share .reward-info .item.description {
  margin: 20px;
  font-weight: 400; }

#share .logo-img {
  max-height: 26px; }

#share .vip-reward-image-box.reward-content.zl-flex-child-1 {
  overflow-x: hidden;
  overflow-y: scroll; }
  #share .vip-reward-image-box.reward-content.zl-flex-child-1 img {
    width: 100%;
    -ms-flex-order: 2;
        order: 2; }

#share .reward-content {
  height: 100px;
  overflow-y: scroll;
  overflow-x: hidden; }

#share .share-sent {
  margin: 65px 40px;
  height: 50vh;
  text-align: center; }
  #share .share-sent img {
    height: 50px;
    width: 60px; }
  #share .share-sent md-button {
    background: #52b39f; }
  #share .share-sent button.md-button.md-rewardTheme-theme.md-ink-ripple {
    background-color: #52b39f;
    color: #fff; }

#share .zmd-cancel:before {
  position: relative;
  left: 40%;
  top: 15px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
md-dialog md-content {
  text-align: center; }

button.md-button.deny {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.2);
  border-color: #000; }
  button.md-button.deny span {
    color: #EC1C5E; }

button.md-button.confirm {
  background-color: #EC1C5E;
  color: rgba(0, 0, 0, 0.2);
  border-color: #000; }
  button.md-button.confirm:focus {
    background-color: #EC1C5E; }
  button.md-button.confirm:active, button.md-button.confirm:hover {
    background-color: #f04b7f; }

md-dialog.meaty-dialog.share-dialog {
  width: 90%;
  max-width: 35px; }

#input-dialog form {
  height: 60px; }
  #input-dialog form .zmd-cancel {
    position: relative;
    left: 85%;
    bottom: 60px;
    font-size: 20px;
    z-index: 6;
    width: 60px;
    height: 60px; }

#input-dialog md-input-container {
  padding: 0px 10px 0px 10px; }
  #input-dialog md-input-container label {
    padding-left: 10px; }
  #input-dialog md-input-container .error-box {
    position: relative;
    overflow: hidden;
    height: 18px;
    clear: left; }
    #input-dialog md-input-container .error-box .error {
      position: absolute;
      left: 2px;
      font-size: 12px;
      color: red;
      z-index: 0; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
md-dialog#reward-view-orig-dialog {
  position: relative; }
  md-dialog#reward-view-orig-dialog md-content {
    position: relative;
    padding: 2px; }
  md-dialog#reward-view-orig-dialog .reward-orig-img {
    display: block;
    max-width: 100%;
    margin-bottom: -1px; }
  md-dialog#reward-view-orig-dialog .reward-zoom-img {
    display: block;
    max-width: 300%; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
/*********************************************************************
* Overwrites/Additions for MD styling and MD patterns
*********************************************************************/
.md-button {
  text-transform: none;
  font-size: 16px;
  margin: 6px 0; }
  .md-button.zlc-bigbtn {
    height: 50px;
    width: 100%; }
  .md-button:not([disabled]).md-focused {
    background-color: inherit; }

.md-button.md-raised {
  box-shadow: none !important; }

.md-button.cancel {
  color: #EC1C5E; }

md-content {
  overflow: inherit; }

.md-whiteframe-z1 {
  background-color: white; }
  .md-whiteframe-z1 .zl-md-whiteframe-header {
    height: 52px;
    padding: 5px 10px; }

/***********************************************************
*  Font: app uses Open Sans, md icons use RobotDraft
***********************************************************/
.md-select-icon {
  font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif; }

h4 {
  font-weight: normal; }

/***********************************************************
*  Dialogs
***********************************************************/
.md-dialog-container,
md-backdrop.md-opaque.md-default-theme {
  background-color: rgba(0, 0, 0, 0.3); }

.md-button.md-default-theme.md-primary, .md-button.md-primary {
  background-color: #37454e; }

md-dialog .md-dialog-content {
  padding: 0; }

md-dialog .md-title {
  padding: 8px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 20px; }

md-dialog .md-dialog-content-body {
  padding: 15px 15px 25px 15px; }

md-dialog md-dialog-actions .md-button,
md-dialog .md-actions .md-button {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin: 0;
  border-radius: 0; }
  md-dialog md-dialog-actions .md-button.md-default-theme.md-primary,
  md-dialog .md-actions .md-button.md-default-theme.md-primary {
    background-color: #37454E;
    color: white; }
    md-dialog md-dialog-actions .md-button.md-default-theme.md-primary:focus,
    md-dialog .md-actions .md-button.md-default-theme.md-primary:focus {
      background-color: #37454E; }
    md-dialog md-dialog-actions .md-button.md-default-theme.md-primary:active, md-dialog md-dialog-actions .md-button.md-default-theme.md-primary:hover,
    md-dialog .md-actions .md-button.md-default-theme.md-primary:active,
    md-dialog .md-actions .md-button.md-default-theme.md-primary:hover {
      background-color: #4c5f6c; }
  md-dialog md-dialog-actions .md-button:nth-child(2),
  md-dialog .md-actions .md-button:nth-child(2) {
    border-left: 1px solid #6b6b6b; }

/***** Ziploop Dialogs *****/
md-dialog,
md-dialog.zl-dialog {
  position: relative; }
  md-dialog .zl-dialog-subheader, md-dialog md-toolbar,
  md-dialog.zl-dialog .zl-dialog-subheader,
  md-dialog.zl-dialog md-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    min-height: 48px;
    font-size: 22px;
    color: rgba(0, 0, 0, 0.75);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    md-dialog .zl-dialog-subheader.font-20, md-dialog md-toolbar.font-20,
    md-dialog.zl-dialog .zl-dialog-subheader.font-20,
    md-dialog.zl-dialog md-toolbar.font-20 {
      font-size: 20px; }
  md-dialog md-content,
  md-dialog.zl-dialog md-content {
    padding: 15px; }
  md-dialog md-toolbar,
  md-dialog md-dialog-actions,
  md-dialog.zl-dialog md-toolbar,
  md-dialog.zl-dialog md-dialog-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 0;
    margin: 0;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    md-dialog md-toolbar.two-button .md-button,
    md-dialog md-dialog-actions.two-button .md-button,
    md-dialog.zl-dialog md-toolbar.two-button .md-button,
    md-dialog.zl-dialog md-dialog-actions.two-button .md-button {
      margin: 0;
      border-radius: 0; }
    md-dialog md-toolbar.two-button button:nth-child(2),
    md-dialog md-dialog-actions.two-button button:nth-child(2),
    md-dialog.zl-dialog md-toolbar.two-button button:nth-child(2),
    md-dialog.zl-dialog md-dialog-actions.two-button button:nth-child(2) {
      border-left: 1px solid #6b6b6b; }
  md-dialog button[disabled],
  md-dialog.zl-dialog button[disabled] {
    color: rgba(0, 0, 0, 0.54); }

button.md-button.deny {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2); }
  button.md-button.deny span {
    color: #EC1C5E; }

button.md-button.confirm {
  background-color: #EC1C5E;
  color: rgba(0, 0, 0, 0.2);
  border-color: #000; }
  button.md-button.confirm span {
    color: #FFFFFF; }
  button.md-button.confirm:focus {
    background-color: #EC1C5E; }
  button.md-button.confirm:active, button.md-button.confirm:hover {
    background-color: #f04b7f; }

md-dialog.meaty-dialog {
  width: 90%;
  max-width: 540px; }
  md-dialog.meaty-dialog md-content,
  md-dialog.meaty-dialog md-dialog-content {
    padding: 15px; }
  md-dialog.meaty-dialog md-checkbox {
    margin: 5px; }

md-dialog.full-dialog {
  width: 100%;
  min-width: 100%;
  height: 100%;
  max-height: 100%; }

/***** Dialogs ON DESKTOP *****/
@media (min-width: 960px) {
  md-dialog {
    max-width: 390px; }
  .md-dialog-container {
    left: calc(50% - 480px);
    top: 5%;
    width: 960px;
    max-width: 960px;
    background-color: transparent; }
  .full-dialog {
    max-width: 600px;
    max-height: 90%;
    height: 90%; } }

/***********************************************************
* md-select (child of .md-select-menu-container)
* md-select-menu-container is appended to body and positioned
* with inline styling from the directive
***********************************************************/
md-select-menu {
  max-height: 500px; }
  md-select-menu md-content {
    max-height: 500px; }

md-checkbox:focus .md-label:not(:empty) {
  border-color: transparent; }

/***** Make directives be block *****/
md-action {
  display: block; }

md-select-menu.md-default-theme md-option:focus:not([selected]) {
  background: white; }

#contact-searching {
  width: 100%;
  height: 40vh; }
  #contact-searching .contacts {
    height: 100%;
    overflow-y: scroll; }
  #contact-searching .md-headline {
    font-size: 18px;
    margin-left: 8px; }
  #contact-searching .zmd {
    font-size: 24px;
    margin-top: -4px;
    margin-right: 18px; }
  #contact-searching md-card {
    width: 100%; }

.button-box.view-rewards {
  background-color: #37454E;
  color: #ffffff;
  border-radius: 4px;
  margin-top: 110px; }
  .button-box.view-rewards .zli-rewards {
    color: #ffffff;
    font-size: 22px; }
  .button-box.view-rewards span {
    margin-bottom: 0; }

html p, body p {
  line-height: normal; }

#vipwidget {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto; }
  #vipwidget #card-view {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; }
    #vipwidget #card-view .button-view {
      position: relative;
      padding: 0; }
    #vipwidget #card-view .button-box .md-button {
      width: auto;
      margin-left: auto;
      margin-right: auto; }
    #vipwidget #card-view .content-container {
      height: auto; }
    #vipwidget #card-view .logo-img {
      width: auto; }
  #vipwidget md-card {
    padding: 10px; }
    #vipwidget md-card #card-view {
      height: auto; }
  #vipwidget .button-box .send {
    border: 1px solid #EC1C5E;
    background-color: #EC1C5E;
    color: white;
    font-size: 16px; }
  #vipwidget .store-your-card {
    padding: 10px;
    font-size: 14px; }
  #vipwidget .store-your-card-login {
    color: #EC1C5E;
    padding-left: 10px; }
  #vipwidget .vip-widget-top {
    padding: 10px;
    font-size: 14px; }
  #vipwidget .vip-widget-message {
    padding: 5px 0; }
  #vipwidget .vip-widget-from-info {
    padding-left: 10px; }

/***************************************
*  Colors
***************************************/
/***************************************
*  Navigation & shared components
***************************************/
/***************************************
*  Breakpoints & Structure
***************************************/
/* Material Design Breakpoints:
   NOTE!!!  These MD breakpoints have been updated since our initial use of beta md https://material.angularjs.org/latest/layout/options
  0    <= size < 600  Phone
  600  <= size < 960  Tablet
  960  <= size < 1200 Tablet-Landscape
  1200 <= size         PC
*/
/***************************************
*  Variables Mimicking Material Design Styles
***************************************/
/***************************************
* Misc Component Specific Variables
***************************************/
/***************************************
*  Mixins (common patterns useful app wide)
***************************************/
#password-reset {
  padding: 15px; }
  #password-reset form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-width: 415px;
    margin: 0 auto; }
    #password-reset form h3 {
      margin-bottom: 10px; }
    #password-reset form input {
      height: 50px;
      line-height: 50px;
      font-size: 24px;
      padding-left: 10px;
      margin-bottom: 10px; }
    #password-reset form .md-button {
      height: 50px;
      font-size: 24px;
      background-color: #EC1C5E;
      color: white; }