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;
  -ms-transform: translate(-50%, -50%) scale(0);
      transform: translate(-50%, -50%) scale(0);
  -ms-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), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-ripple.md-ripple-scaled {
  -ms-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: rgba(0, 0, 0, 0);
  -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%;
}

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

@keyframes md-autocomplete-list-in {
  0% {
    opacity: 0;
    height: 0;
    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%;
  -ms-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 {
  -ms-transform: scale(1);
      transform: scale(1);
  opacity: 1;
}

md-autocomplete button md-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.9);
}

md-autocomplete button md-icon path {
  stroke-width: 0;
}

md-autocomplete button.ng-enter {
  -ms-transform: scale(0);
      transform: scale(0);
  transition: transform 0.15s ease-out;
}

md-autocomplete button.ng-enter.ng-enter-active {
  -ms-transform: scale(1);
      transform: scale(1);
}

md-autocomplete button.ng-leave {
  transition: transform 0.15s ease-out;
}

md-autocomplete button.ng-leave.ng-leave-active {
  -ms-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;
}

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;
  transform: translate3d(0, 80px, 0);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: transform;
}

md-bottom-sheet.md-has-header {
  padding-top: 0;
}

md-bottom-sheet.ng-enter {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

md-bottom-sheet.ng-enter-active {
  opacity: 1;
  display: block;
  transform: translate3d(0, 80px, 0) !important;
}

md-bottom-sheet.ng-leave-active {
  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: -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;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  transition: all 0.5s;
  -ms-flex-align: center;
      align-items: center;
}

md-bottom-sheet.md-grid md-list-item {
  -ms-flex-direction: column;
      flex-direction: column;
  -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 {
    -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) {
    -ms-flex-align: start;
        align-items: flex-start;
  }
  md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
    -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 {
    -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 {
    -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 {
    -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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -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;
  }
}

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

.md-button {
  border-radius: 3px;
  box-sizing: border-box;
  color: currentColor;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  outline: none;
  border: 0;
  display: inline-block;
  -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, 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);
  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 {
  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);
  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 {
  transform: translate3d(0, -43px, 0);
}

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

.md-button-group > .md-button {
  -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 {
    border: 1px solid #fff;
  }
}

md-card {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
  height: auto;
}

md-card md-card-title {
  padding: 24px 16px 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  -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 {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  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 {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: start;
      justify-content: flex-start;
  display: -ms-flexbox;
  display: flex;
  -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 {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-pack: end;
      justify-content: flex-end;
  display: -ms-flexbox;
  display: flex;
  -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;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  min-width: 20px;
  min-height: 20px;
  margin-left: 0;
  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: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-checkbox {
  margin-right: 0;
  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: 0;
  margin-right: 0;
}

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-align-top-left > div.md-container {
  top: 12px;
}

md-checkbox .md-container {
  position: absolute;
  top: 50%;
  -ms-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-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.md-checked .md-icon:after {
  box-sizing: border-box;
  -ms-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[disabled] {
  cursor: default;
}

md-checkbox.md-indeterminate .md-icon:after {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  display: table;
  width: 12px;
  height: 2px;
  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;
      -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%;
  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;
      -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;
  -ms-transform: scale(0);
      transform: scale(0);
  -ms-transform-origin: 0 0;
      transform-origin: 0 0;
  transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-datepicker-calendar-pane.md-pane-open {
  -ms-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%;
  -ms-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;
  -ms-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 {
  -ms-transform: translateY(-85px);
      transform: translateY(-85px);
  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 {
  -ms-transform: translateY(0);
      transform: translateY(0);
}

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

.md-dialog-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: 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: -ms-flexbox;
  display: flex;
  -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);
  -ms-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);
  -ms-transform: translate(0, 100%) scale(0.2);
      transform: translate(0, 100%) scale(0.2);
}

md-dialog > form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto;
}

md-dialog .md-dialog-content {
  padding: 24px;
}

md-dialog md-dialog-content {
  -ms-flex-order: 1;
      order: 1;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-order: 2;
      order: 2;
  box-sizing: border-box;
  -ms-flex-align: center;
      align-items: center;
  -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: -ms-flexbox;
  display: flex;
  -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 {
  -ms-flex-align: center;
      align-items: center;
}

md-fab-speed-dial md-fab-actions {
  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 {
  -ms-flex-direction: column;
      flex-direction: column;
}

md-fab-speed-dial.md-down md-fab-trigger {
  -ms-flex-order: 1;
      order: 1;
}

md-fab-speed-dial.md-down md-fab-actions {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-order: 2;
      order: 2;
}

md-fab-speed-dial.md-up {
  -ms-flex-direction: column;
      flex-direction: column;
}

md-fab-speed-dial.md-up md-fab-trigger {
  -ms-flex-order: 2;
      order: 2;
}

md-fab-speed-dial.md-up md-fab-actions {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-order: 1;
      order: 1;
}

md-fab-speed-dial.md-left {
  -ms-flex-direction: row;
      flex-direction: row;
}

md-fab-speed-dial.md-left md-fab-trigger {
  -ms-flex-order: 2;
      order: 2;
}

md-fab-speed-dial.md-left md-fab-actions {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -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 {
  -ms-flex-direction: row;
      flex-direction: row;
}

md-fab-speed-dial.md-right md-fab-trigger {
  -ms-flex-order: 1;
      order: 1;
}

md-fab-speed-dial.md-right md-fab-actions {
  -ms-flex-direction: row;
      flex-direction: row;
  -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 {
  -ms-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 {
  -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 {
  -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;
  -ms-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;
  -ms-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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: 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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -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 {
  -ms-flex-order: 1;
      order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 3px;
  padding-right: 0;
  z-index: 1;
  transform: translate3d(0, 28px, 0) scale(1);
  transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
  -ms-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 {
  -ms-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 {
  -ms-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, transform;
  transform: translate3d(0, 30px, 0);
}

md-input-container.md-input-focused .md-placeholder {
  opacity: 1;
  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 {
  -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 {
  -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;
  -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) {
  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 {
  transform: translate3d(0, 6px, 0) scale(0.75);
  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;
  -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;
  -ms-flex-direction: inherit;
      flex-direction: 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -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 {
  -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;
  -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;
  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 {
  -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 {
  -ms-flex-align: start;
      align-items: flex-start;
  -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 {
  -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 {
  -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 {
  -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: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  min-height: 48px;
  height: 48px;
  -ms-flex-line-pack: center;
      align-content: center;
  -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: -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;
  -ms-flex-align: baseline;
      align-items: baseline;
  -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: -ms-flexbox;
  display: flex;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button span {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
  -ms-flex-positive: 0;
      flex-grow: 0;
  -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;
  -ms-transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
      transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
  right: 28px;
}

.md-panel-outer-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

._md-panel-hidden {
  display: none;
}

._md-panel-fullscreen {
  border-radius: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0;
}

._md-panel-shown .md-panel {
  opacity: 1;
  transition: none;
}

.md-panel {
  opacity: 0;
  position: fixed;
}

.md-panel._md-panel-shown {
  opacity: 1;
  transition: none;
}

.md-panel._md-panel-animate-enter {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.md-panel._md-panel-animate-leave {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
}

.md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {
  opacity: 0;
}

.md-panel._md-panel-backdrop {
  height: 100%;
  position: absolute;
  width: 100%;
}

.md-panel._md-opaque-enter {
  opacity: .48;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.md-panel._md-opaque-leave {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
}

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 {
  animation: outer-rotate 2.91667s linear infinite;
}

md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner {
  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 {
  animation-iteration-count: infinite;
  animation-duration: 1.3125s;
  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 {
  animation-name: left-wobble;
}

md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  animation-name: right-wobble;
}

md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper {
  animation: none;
}

md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner {
  animation: none;
}

md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-left .md-half-circle {
  animation-name: none;
}

md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-right .md-half-circle {
  animation-name: none;
}

md-progress-circular .md-spinner-wrapper.ng-hide {
  animation: none;
}

md-progress-circular .md-spinner-wrapper.ng-hide .md-inner {
  animation: none;
}

md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-left .md-half-circle {
  animation-name: none;
}

md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-right .md-half-circle {
  animation-name: none;
}

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

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

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

@keyframes sporadic-rotate {
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  100% {
    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;
  -ms-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: 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;
  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 {
  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 {
  animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
}

md-progress-linear .md-container.ng-hide {
  animation: none;
}

md-progress-linear .md-container.ng-hide .md-bar1 {
  animation-name: none;
}

md-progress-linear .md-container.ng-hide .md-bar2 {
  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;
  animation: buffer 3s infinite linear;
}

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

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

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

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

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

@keyframes md-progress-linear-indeterminate-2 {
  0% {
    left: -54.88889%;
    animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
  }
  25% {
    left: -17.25%;
    animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
  }
  48.35% {
    left: 29.5%;
    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%;
  -ms-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: transform ease 0.28s;
  -ms-transform: scale(0);
      transform: scale(0);
}

md-radio-button.md-checked .md-on {
  -ms-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: 0;
  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: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-radio-group.layout-row md-radio-button {
  margin-right: 0;
  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: 0;
  margin-right: 0;
}

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;
  -ms-flex-order: 2;
      order: 2;
}

md-select {
  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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 2px 2px 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  box-sizing: content-box;
  min-width: 64px;
  min-height: 26px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.md-select-value .md-text {
  display: inline;
}

.md-select-value *:first-child {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transform: translate3d(0, 2px, 0);
}

.md-select-value .md-select-icon {
  display: block;
  -ms-flex-align: end;
      align-items: flex-end;
  text-align: end;
  width: 24px;
  margin: 0 4px;
  transform: translate3d(0, 1px, 0);
}

.md-select-value .md-select-icon:after {
  display: block;
  content: '\25BC';
  position: relative;
  top: 2px;
  speak: none;
  -ms-transform: scaleY(0.6) scaleX(1);
      transform: scaleY(0.6) scaleX(1);
}

.md-select-value.md-select-placeholder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 1;
      order: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 2px;
  z-index: 1;
}

md-select-menu {
  display: -ms-flexbox;
  display: flex;
  -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;
  -ms-transform-origin: left top;
      transform-origin: left top;
  -ms-transform: scale(1);
      transform: scale(1);
}

md-select-menu.md-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 {
  -ms-transform-origin: right top;
      transform-origin: right top;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu {
  -ms-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: -ms-flexbox;
  display: flex;
  -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;
  -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-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 40px;
  padding-right: 16px;
}

html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 16px;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 16px;
  unicode-bidi: embed;
}

md-select-menu[multiple] md-option.md-checkbox-enabled bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-right: 40px;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-right: 40px;
  unicode-bidi: embed;
}

md-select-menu[multiple] md-option.md-checkbox-enabled bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  position: absolute;
  top: 50%;
  -ms-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-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  left: auto;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  left: auto;
  unicode-bidi: embed;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  right: 0;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  right: 0;
  unicode-bidi: embed;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .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-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  left: -15px;
  top: -15px;
  right: -15px;
  bottom: -15px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .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-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
  border: none;
}

md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
  box-sizing: border-box;
  -ms-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-select-menu[multiple] md-option.md-checkbox-enabled[disabled] {
  cursor: default;
}

md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  display: table;
  width: 12px;
  height: 2px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  content: '';
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: 10.66667px;
  margin-right: auto;
}

html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: auto;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-left: auto;
  unicode-bidi: embed;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

html[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-right: 10.66667px;
  unicode-bidi: embed;
}

body[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
  margin-right: 10.66667px;
  unicode-bidi: embed;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-container bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

md-sidenav {
  box-sizing: border-box;
  position: absolute;
  -ms-flex-direction: column;
      flex-direction: column;
  z-index: 60;
  width: 320px;
  max-width: 320px;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

md-sidenav ul {
  list-style: none;
}

md-sidenav.md-closed {
  display: none;
}

md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
  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: -ms-flexbox;
  display: flex;
  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: -ms-flexbox;
  display: flex;
  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;
  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;
  transform: translate3d(0%, 0, 0);
}

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

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

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

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

.md-sidenav-right.md-closed {
  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;
  }
}

@keyframes sliderFocusThumb {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    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%;
  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;
  -ms-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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  left: -14px;
  top: -20px;
  width: 28px;
  height: 28px;
  border-radius: 28px;
  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;
  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;
  animation: sliderFocusThumb 0.4s linear;
}

md-slider .md-focus-ring {
  position: absolute;
  left: -24px;
  top: 0px;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  -ms-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;
  -ms-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 {
  -ms-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 {
  -ms-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 {
  -ms-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;
  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 {
  -ms-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;
  transform: translate3d(-9999px, -9999px, 0);
}

.md-sticky-clone[sticky-state="active"] {
  transform: translate3d(0, 0, 0);
}

.md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect) .md-subheader-inner {
  animation: subheaderStickyHoverIn 0.3s ease-out both;
}

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

@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 {
  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;
      -ms-user-select: none;
          user-select: none;
  height: 30px;
  line-height: 28px;
  -ms-flex-align: center;
      align-items: center;
  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: grab;
  width: 36px;
  height: 24px;
  position: relative;
  -webkit-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: 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;
  transform: translate3d(0, 0, 0);
  z-index: 1;
}

md-switch.md-checked .md-thumb-container {
  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: 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;
  }
}

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: -ms-flexbox;
  display: flex;
  -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;
  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 {
  transform: translate3d(0, 100%, 0);
}

md-toast.ng-enter.md-top .md-toast-content {
  transform: translate3d(0, -100%, 0);
}

md-toast.ng-enter.ng-enter-active {
  opacity: 1;
}

md-toast.ng-enter.ng-enter-active .md-toast-content {
  transform: translate3d(0, 0, 0);
}

md-toast.ng-leave.ng-leave-active .md-toast-content {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
  transform: translate3d(0, -50%, 0);
}

md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
  transform: translate3d(0, 50%, 0);
}

md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
  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 {
    transform: translate3d(0, -50%, 0);
  }
  md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
    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 {
    transform: translate3d(-50%, 0, 0);
  }
  md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
    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;
}

@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;
  -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;
  transform: translate3d(0, 0, 0);
}

md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
  height: 100%;
  width: 32px;
  position: absolute;
  top: 50%;
  -ms-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%;
  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 {
  transform: translate3d(-50%, -50%, 0) rotate(180deg);
}

md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
  -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: -ms-flexbox;
  display: flex;
  -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: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  position: absolute;
  width: 999999px;
  left: 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: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  overflow: auto;
  transform: translate3d(0, 0, 0);
}

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) {
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  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) {
  -ms-transform: translateX(100%);
      transform: translateX(100%);
  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 {
  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;
      -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-toolbar {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -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: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -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: -ms-flexbox;
  display: flex;
  -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;
  -ms-transform-origin: center top;
      transform-origin: center top;
  -ms-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;
  -ms-transform: scale(0);
      transform: scale(0);
  opacity: 0;
}

md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
  -ms-transform: scale(1);
      transform: scale(1);
  opacity: 1;
  -ms-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 {
  -ms-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;
}

.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;
  }
}

/*
*
*  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] {
  -ms-flex-order: 0;
      order: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[flex-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],
[layout-align="start stretch"] {
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: 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"] {
  -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"] {
  -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"] {
  -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"] {
  -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"] {
  -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"] {
  -ms-flex-align: start;
      align-items: 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"] {
  -ms-flex-align: center;
      align-items: 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"] {
  -ms-flex-align: end;
      align-items: 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"] {
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

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

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

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

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

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

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

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 5%;
      flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 10%;
      flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 15%;
      flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 20%;
      flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 25%;
      flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 30%;
      flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 35%;
      flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 40%;
      flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 45%;
      flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 55%;
      flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 60%;
      flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 65%;
      flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 70%;
      flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 75%;
      flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 80%;
      flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 85%;
      flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 90%;
      flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -ms-flex: 1 1 95%;
      flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}

[flex="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"] {
  -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"] {
  -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"] {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}

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

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

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

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

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

[layout=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] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

[layout-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"] {
    -ms-flex-order: -20;
        order: -20;
  }
  [flex-order-xs="-19"] {
    -ms-flex-order: -19;
        order: -19;
  }
  [flex-order-xs="-18"] {
    -ms-flex-order: -18;
        order: -18;
  }
  [flex-order-xs="-17"] {
    -ms-flex-order: -17;
        order: -17;
  }
  [flex-order-xs="-16"] {
    -ms-flex-order: -16;
        order: -16;
  }
  [flex-order-xs="-15"] {
    -ms-flex-order: -15;
        order: -15;
  }
  [flex-order-xs="-14"] {
    -ms-flex-order: -14;
        order: -14;
  }
  [flex-order-xs="-13"] {
    -ms-flex-order: -13;
        order: -13;
  }
  [flex-order-xs="-12"] {
    -ms-flex-order: -12;
        order: -12;
  }
  [flex-order-xs="-11"] {
    -ms-flex-order: -11;
        order: -11;
  }
  [flex-order-xs="-10"] {
    -ms-flex-order: -10;
        order: -10;
  }
  [flex-order-xs="-9"] {
    -ms-flex-order: -9;
        order: -9;
  }
  [flex-order-xs="-8"] {
    -ms-flex-order: -8;
        order: -8;
  }
  [flex-order-xs="-7"] {
    -ms-flex-order: -7;
        order: -7;
  }
  [flex-order-xs="-6"] {
    -ms-flex-order: -6;
        order: -6;
  }
  [flex-order-xs="-5"] {
    -ms-flex-order: -5;
        order: -5;
  }
  [flex-order-xs="-4"] {
    -ms-flex-order: -4;
        order: -4;
  }
  [flex-order-xs="-3"] {
    -ms-flex-order: -3;
        order: -3;
  }
  [flex-order-xs="-2"] {
    -ms-flex-order: -2;
        order: -2;
  }
  [flex-order-xs="-1"] {
    -ms-flex-order: -1;
        order: -1;
  }
  [flex-order-xs="0"] {
    -ms-flex-order: 0;
        order: 0;
  }
  [flex-order-xs="1"] {
    -ms-flex-order: 1;
        order: 1;
  }
  [flex-order-xs="2"] {
    -ms-flex-order: 2;
        order: 2;
  }
  [flex-order-xs="3"] {
    -ms-flex-order: 3;
        order: 3;
  }
  [flex-order-xs="4"] {
    -ms-flex-order: 4;
        order: 4;
  }
  [flex-order-xs="5"] {
    -ms-flex-order: 5;
        order: 5;
  }
  [flex-order-xs="6"] {
    -ms-flex-order: 6;
        order: 6;
  }
  [flex-order-xs="7"] {
    -ms-flex-order: 7;
        order: 7;
  }
  [flex-order-xs="8"] {
    -ms-flex-order: 8;
        order: 8;
  }
  [flex-order-xs="9"] {
    -ms-flex-order: 9;
        order: 9;
  }
  [flex-order-xs="10"] {
    -ms-flex-order: 10;
        order: 10;
  }
  [flex-order-xs="11"] {
    -ms-flex-order: 11;
        order: 11;
  }
  [flex-order-xs="12"] {
    -ms-flex-order: 12;
        order: 12;
  }
  [flex-order-xs="13"] {
    -ms-flex-order: 13;
        order: 13;
  }
  [flex-order-xs="14"] {
    -ms-flex-order: 14;
        order: 14;
  }
  [flex-order-xs="15"] {
    -ms-flex-order: 15;
        order: 15;
  }
  [flex-order-xs="16"] {
    -ms-flex-order: 16;
        order: 16;
  }
  [flex-order-xs="17"] {
    -ms-flex-order: 17;
        order: 17;
  }
  [flex-order-xs="18"] {
    -ms-flex-order: 18;
        order: 18;
  }
  [flex-order-xs="19"] {
    -ms-flex-order: 19;
        order: 19;
  }
  [flex-order-xs="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],
  [layout-align-xs="start stretch"] {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -ms-flex-align: start;
        align-items: 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"] {
    -ms-flex-align: center;
        align-items: 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"] {
    -ms-flex-align: end;
        align-items: 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"] {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  [flex-xs] {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

@media (max-width: 599px) {
  [flex-xs-grow] {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-xs-initial] {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-xs-auto] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-xs-none] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-xs="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"] {
    -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"] {
    -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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-xs], [layout-xs="column"], [layout-xs="row"] {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-xs="column"] {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  [layout-xs="row"] {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

@media (min-width: 600px) {
  [flex-order-gt-xs="-20"] {
    -ms-flex-order: -20;
        order: -20;
  }
  [flex-order-gt-xs="-19"] {
    -ms-flex-order: -19;
        order: -19;
  }
  [flex-order-gt-xs="-18"] {
    -ms-flex-order: -18;
        order: -18;
  }
  [flex-order-gt-xs="-17"] {
    -ms-flex-order: -17;
        order: -17;
  }
  [flex-order-gt-xs="-16"] {
    -ms-flex-order: -16;
        order: -16;
  }
  [flex-order-gt-xs="-15"] {
    -ms-flex-order: -15;
        order: -15;
  }
  [flex-order-gt-xs="-14"] {
    -ms-flex-order: -14;
        order: -14;
  }
  [flex-order-gt-xs="-13"] {
    -ms-flex-order: -13;
        order: -13;
  }
  [flex-order-gt-xs="-12"] {
    -ms-flex-order: -12;
        order: -12;
  }
  [flex-order-gt-xs="-11"] {
    -ms-flex-order: -11;
        order: -11;
  }
  [flex-order-gt-xs="-10"] {
    -ms-flex-order: -10;
        order: -10;
  }
  [flex-order-gt-xs="-9"] {
    -ms-flex-order: -9;
        order: -9;
  }
  [flex-order-gt-xs="-8"] {
    -ms-flex-order: -8;
        order: -8;
  }
  [flex-order-gt-xs="-7"] {
    -ms-flex-order: -7;
        order: -7;
  }
  [flex-order-gt-xs="-6"] {
    -ms-flex-order: -6;
        order: -6;
  }
  [flex-order-gt-xs="-5"] {
    -ms-flex-order: -5;
        order: -5;
  }
  [flex-order-gt-xs="-4"] {
    -ms-flex-order: -4;
        order: -4;
  }
  [flex-order-gt-xs="-3"] {
    -ms-flex-order: -3;
        order: -3;
  }
  [flex-order-gt-xs="-2"] {
    -ms-flex-order: -2;
        order: -2;
  }
  [flex-order-gt-xs="-1"] {
    -ms-flex-order: -1;
        order: -1;
  }
  [flex-order-gt-xs="0"] {
    -ms-flex-order: 0;
        order: 0;
  }
  [flex-order-gt-xs="1"] {
    -ms-flex-order: 1;
        order: 1;
  }
  [flex-order-gt-xs="2"] {
    -ms-flex-order: 2;
        order: 2;
  }
  [flex-order-gt-xs="3"] {
    -ms-flex-order: 3;
        order: 3;
  }
  [flex-order-gt-xs="4"] {
    -ms-flex-order: 4;
        order: 4;
  }
  [flex-order-gt-xs="5"] {
    -ms-flex-order: 5;
        order: 5;
  }
  [flex-order-gt-xs="6"] {
    -ms-flex-order: 6;
        order: 6;
  }
  [flex-order-gt-xs="7"] {
    -ms-flex-order: 7;
        order: 7;
  }
  [flex-order-gt-xs="8"] {
    -ms-flex-order: 8;
        order: 8;
  }
  [flex-order-gt-xs="9"] {
    -ms-flex-order: 9;
        order: 9;
  }
  [flex-order-gt-xs="10"] {
    -ms-flex-order: 10;
        order: 10;
  }
  [flex-order-gt-xs="11"] {
    -ms-flex-order: 11;
        order: 11;
  }
  [flex-order-gt-xs="12"] {
    -ms-flex-order: 12;
        order: 12;
  }
  [flex-order-gt-xs="13"] {
    -ms-flex-order: 13;
        order: 13;
  }
  [flex-order-gt-xs="14"] {
    -ms-flex-order: 14;
        order: 14;
  }
  [flex-order-gt-xs="15"] {
    -ms-flex-order: 15;
        order: 15;
  }
  [flex-order-gt-xs="16"] {
    -ms-flex-order: 16;
        order: 16;
  }
  [flex-order-gt-xs="17"] {
    -ms-flex-order: 17;
        order: 17;
  }
  [flex-order-gt-xs="18"] {
    -ms-flex-order: 18;
        order: 18;
  }
  [flex-order-gt-xs="19"] {
    -ms-flex-order: 19;
        order: 19;
  }
  [flex-order-gt-xs="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],
  [layout-align-gt-xs="start stretch"] {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -ms-flex-align: start;
        align-items: 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"] {
    -ms-flex-align: center;
        align-items: 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"] {
    -ms-flex-align: end;
        align-items: 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"] {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  [flex-gt-xs] {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

@media (min-width: 600px) {
  [flex-gt-xs-grow] {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-gt-xs-initial] {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-xs-auto] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-xs-none] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-gt-xs="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"] {
    -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"] {
    -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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-gt-xs], [layout-gt-xs="column"], [layout-gt-xs="row"] {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-gt-xs="column"] {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  [layout-gt-xs="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"] {
    -ms-flex-order: -20;
        order: -20;
  }
  [flex-order-sm="-19"] {
    -ms-flex-order: -19;
        order: -19;
  }
  [flex-order-sm="-18"] {
    -ms-flex-order: -18;
        order: -18;
  }
  [flex-order-sm="-17"] {
    -ms-flex-order: -17;
        order: -17;
  }
  [flex-order-sm="-16"] {
    -ms-flex-order: -16;
        order: -16;
  }
  [flex-order-sm="-15"] {
    -ms-flex-order: -15;
        order: -15;
  }
  [flex-order-sm="-14"] {
    -ms-flex-order: -14;
        order: -14;
  }
  [flex-order-sm="-13"] {
    -ms-flex-order: -13;
        order: -13;
  }
  [flex-order-sm="-12"] {
    -ms-flex-order: -12;
        order: -12;
  }
  [flex-order-sm="-11"] {
    -ms-flex-order: -11;
        order: -11;
  }
  [flex-order-sm="-10"] {
    -ms-flex-order: -10;
        order: -10;
  }
  [flex-order-sm="-9"] {
    -ms-flex-order: -9;
        order: -9;
  }
  [flex-order-sm="-8"] {
    -ms-flex-order: -8;
        order: -8;
  }
  [flex-order-sm="-7"] {
    -ms-flex-order: -7;
        order: -7;
  }
  [flex-order-sm="-6"] {
    -ms-flex-order: -6;
        order: -6;
  }
  [flex-order-sm="-5"] {
    -ms-flex-order: -5;
        order: -5;
  }
  [flex-order-sm="-4"] {
    -ms-flex-order: -4;
        order: -4;
  }
  [flex-order-sm="-3"] {
    -ms-flex-order: -3;
        order: -3;
  }
  [flex-order-sm="-2"] {
    -ms-flex-order: -2;
        order: -2;
  }
  [flex-order-sm="-1"] {
    -ms-flex-order: -1;
        order: -1;
  }
  [flex-order-sm="0"] {
    -ms-flex-order: 0;
        order: 0;
  }
  [flex-order-sm="1"] {
    -ms-flex-order: 1;
        order: 1;
  }
  [flex-order-sm="2"] {
    -ms-flex-order: 2;
        order: 2;
  }
  [flex-order-sm="3"] {
    -ms-flex-order: 3;
        order: 3;
  }
  [flex-order-sm="4"] {
    -ms-flex-order: 4;
        order: 4;
  }
  [flex-order-sm="5"] {
    -ms-flex-order: 5;
        order: 5;
  }
  [flex-order-sm="6"] {
    -ms-flex-order: 6;
        order: 6;
  }
  [flex-order-sm="7"] {
    -ms-flex-order: 7;
        order: 7;
  }
  [flex-order-sm="8"] {
    -ms-flex-order: 8;
        order: 8;
  }
  [flex-order-sm="9"] {
    -ms-flex-order: 9;
        order: 9;
  }
  [flex-order-sm="10"] {
    -ms-flex-order: 10;
        order: 10;
  }
  [flex-order-sm="11"] {
    -ms-flex-order: 11;
        order: 11;
  }
  [flex-order-sm="12"] {
    -ms-flex-order: 12;
        order: 12;
  }
  [flex-order-sm="13"] {
    -ms-flex-order: 13;
        order: 13;
  }
  [flex-order-sm="14"] {
    -ms-flex-order: 14;
        order: 14;
  }
  [flex-order-sm="15"] {
    -ms-flex-order: 15;
        order: 15;
  }
  [flex-order-sm="16"] {
    -ms-flex-order: 16;
        order: 16;
  }
  [flex-order-sm="17"] {
    -ms-flex-order: 17;
        order: 17;
  }
  [flex-order-sm="18"] {
    -ms-flex-order: 18;
        order: 18;
  }
  [flex-order-sm="19"] {
    -ms-flex-order: 19;
        order: 19;
  }
  [flex-order-sm="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],
  [layout-align-sm="start stretch"] {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -ms-flex-align: start;
        align-items: 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"] {
    -ms-flex-align: center;
        align-items: 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"] {
    -ms-flex-align: end;
        align-items: 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"] {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  [flex-sm] {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

@media (min-width: 600px) and (max-width: 959px) {
  [flex-sm-grow] {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-sm-initial] {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-sm-auto] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-sm-none] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-sm="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"] {
    -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"] {
    -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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-sm], [layout-sm="column"], [layout-sm="row"] {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-sm="column"] {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  [layout-sm="row"] {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

@media (min-width: 960px) {
  [flex-order-gt-sm="-20"] {
    -ms-flex-order: -20;
        order: -20;
  }
  [flex-order-gt-sm="-19"] {
    -ms-flex-order: -19;
        order: -19;
  }
  [flex-order-gt-sm="-18"] {
    -ms-flex-order: -18;
        order: -18;
  }
  [flex-order-gt-sm="-17"] {
    -ms-flex-order: -17;
        order: -17;
  }
  [flex-order-gt-sm="-16"] {
    -ms-flex-order: -16;
        order: -16;
  }
  [flex-order-gt-sm="-15"] {
    -ms-flex-order: -15;
        order: -15;
  }
  [flex-order-gt-sm="-14"] {
    -ms-flex-order: -14;
        order: -14;
  }
  [flex-order-gt-sm="-13"] {
    -ms-flex-order: -13;
        order: -13;
  }
  [flex-order-gt-sm="-12"] {
    -ms-flex-order: -12;
        order: -12;
  }
  [flex-order-gt-sm="-11"] {
    -ms-flex-order: -11;
        order: -11;
  }
  [flex-order-gt-sm="-10"] {
    -ms-flex-order: -10;
        order: -10;
  }
  [flex-order-gt-sm="-9"] {
    -ms-flex-order: -9;
        order: -9;
  }
  [flex-order-gt-sm="-8"] {
    -ms-flex-order: -8;
        order: -8;
  }
  [flex-order-gt-sm="-7"] {
    -ms-flex-order: -7;
        order: -7;
  }
  [flex-order-gt-sm="-6"] {
    -ms-flex-order: -6;
        order: -6;
  }
  [flex-order-gt-sm="-5"] {
    -ms-flex-order: -5;
        order: -5;
  }
  [flex-order-gt-sm="-4"] {
    -ms-flex-order: -4;
        order: -4;
  }
  [flex-order-gt-sm="-3"] {
    -ms-flex-order: -3;
        order: -3;
  }
  [flex-order-gt-sm="-2"] {
    -ms-flex-order: -2;
        order: -2;
  }
  [flex-order-gt-sm="-1"] {
    -ms-flex-order: -1;
        order: -1;
  }
  [flex-order-gt-sm="0"] {
    -ms-flex-order: 0;
        order: 0;
  }
  [flex-order-gt-sm="1"] {
    -ms-flex-order: 1;
        order: 1;
  }
  [flex-order-gt-sm="2"] {
    -ms-flex-order: 2;
        order: 2;
  }
  [flex-order-gt-sm="3"] {
    -ms-flex-order: 3;
        order: 3;
  }
  [flex-order-gt-sm="4"] {
    -ms-flex-order: 4;
        order: 4;
  }
  [flex-order-gt-sm="5"] {
    -ms-flex-order: 5;
        order: 5;
  }
  [flex-order-gt-sm="6"] {
    -ms-flex-order: 6;
        order: 6;
  }
  [flex-order-gt-sm="7"] {
    -ms-flex-order: 7;
        order: 7;
  }
  [flex-order-gt-sm="8"] {
    -ms-flex-order: 8;
        order: 8;
  }
  [flex-order-gt-sm="9"] {
    -ms-flex-order: 9;
        order: 9;
  }
  [flex-order-gt-sm="10"] {
    -ms-flex-order: 10;
        order: 10;
  }
  [flex-order-gt-sm="11"] {
    -ms-flex-order: 11;
        order: 11;
  }
  [flex-order-gt-sm="12"] {
    -ms-flex-order: 12;
        order: 12;
  }
  [flex-order-gt-sm="13"] {
    -ms-flex-order: 13;
        order: 13;
  }
  [flex-order-gt-sm="14"] {
    -ms-flex-order: 14;
        order: 14;
  }
  [flex-order-gt-sm="15"] {
    -ms-flex-order: 15;
        order: 15;
  }
  [flex-order-gt-sm="16"] {
    -ms-flex-order: 16;
        order: 16;
  }
  [flex-order-gt-sm="17"] {
    -ms-flex-order: 17;
        order: 17;
  }
  [flex-order-gt-sm="18"] {
    -ms-flex-order: 18;
        order: 18;
  }
  [flex-order-gt-sm="19"] {
    -ms-flex-order: 19;
        order: 19;
  }
  [flex-order-gt-sm="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],
  [layout-align-gt-sm="start stretch"] {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -ms-flex-align: start;
        align-items: 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"] {
    -ms-flex-align: center;
        align-items: 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"] {
    -ms-flex-align: end;
        align-items: 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"] {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  [flex-gt-sm] {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

@media (min-width: 960px) {
  [flex-gt-sm-grow] {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-gt-sm-initial] {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-sm-auto] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-sm-none] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-gt-sm="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"] {
    -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"] {
    -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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-gt-sm], [layout-gt-sm="column"], [layout-gt-sm="row"] {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-gt-sm="column"] {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  [layout-gt-sm="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"] {
    -ms-flex-order: -20;
        order: -20;
  }
  [flex-order-md="-19"] {
    -ms-flex-order: -19;
        order: -19;
  }
  [flex-order-md="-18"] {
    -ms-flex-order: -18;
        order: -18;
  }
  [flex-order-md="-17"] {
    -ms-flex-order: -17;
        order: -17;
  }
  [flex-order-md="-16"] {
    -ms-flex-order: -16;
        order: -16;
  }
  [flex-order-md="-15"] {
    -ms-flex-order: -15;
        order: -15;
  }
  [flex-order-md="-14"] {
    -ms-flex-order: -14;
        order: -14;
  }
  [flex-order-md="-13"] {
    -ms-flex-order: -13;
        order: -13;
  }
  [flex-order-md="-12"] {
    -ms-flex-order: -12;
        order: -12;
  }
  [flex-order-md="-11"] {
    -ms-flex-order: -11;
        order: -11;
  }
  [flex-order-md="-10"] {
    -ms-flex-order: -10;
        order: -10;
  }
  [flex-order-md="-9"] {
    -ms-flex-order: -9;
        order: -9;
  }
  [flex-order-md="-8"] {
    -ms-flex-order: -8;
        order: -8;
  }
  [flex-order-md="-7"] {
    -ms-flex-order: -7;
        order: -7;
  }
  [flex-order-md="-6"] {
    -ms-flex-order: -6;
        order: -6;
  }
  [flex-order-md="-5"] {
    -ms-flex-order: -5;
        order: -5;
  }
  [flex-order-md="-4"] {
    -ms-flex-order: -4;
        order: -4;
  }
  [flex-order-md="-3"] {
    -ms-flex-order: -3;
        order: -3;
  }
  [flex-order-md="-2"] {
    -ms-flex-order: -2;
        order: -2;
  }
  [flex-order-md="-1"] {
    -ms-flex-order: -1;
        order: -1;
  }
  [flex-order-md="0"] {
    -ms-flex-order: 0;
        order: 0;
  }
  [flex-order-md="1"] {
    -ms-flex-order: 1;
        order: 1;
  }
  [flex-order-md="2"] {
    -ms-flex-order: 2;
        order: 2;
  }
  [flex-order-md="3"] {
    -ms-flex-order: 3;
        order: 3;
  }
  [flex-order-md="4"] {
    -ms-flex-order: 4;
        order: 4;
  }
  [flex-order-md="5"] {
    -ms-flex-order: 5;
        order: 5;
  }
  [flex-order-md="6"] {
    -ms-flex-order: 6;
        order: 6;
  }
  [flex-order-md="7"] {
    -ms-flex-order: 7;
        order: 7;
  }
  [flex-order-md="8"] {
    -ms-flex-order: 8;
        order: 8;
  }
  [flex-order-md="9"] {
    -ms-flex-order: 9;
        order: 9;
  }
  [flex-order-md="10"] {
    -ms-flex-order: 10;
        order: 10;
  }
  [flex-order-md="11"] {
    -ms-flex-order: 11;
        order: 11;
  }
  [flex-order-md="12"] {
    -ms-flex-order: 12;
        order: 12;
  }
  [flex-order-md="13"] {
    -ms-flex-order: 13;
        order: 13;
  }
  [flex-order-md="14"] {
    -ms-flex-order: 14;
        order: 14;
  }
  [flex-order-md="15"] {
    -ms-flex-order: 15;
        order: 15;
  }
  [flex-order-md="16"] {
    -ms-flex-order: 16;
        order: 16;
  }
  [flex-order-md="17"] {
    -ms-flex-order: 17;
        order: 17;
  }
  [flex-order-md="18"] {
    -ms-flex-order: 18;
        order: 18;
  }
  [flex-order-md="19"] {
    -ms-flex-order: 19;
        order: 19;
  }
  [flex-order-md="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],
  [layout-align-md="start stretch"] {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -ms-flex-align: start;
        align-items: 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"] {
    -ms-flex-align: center;
        align-items: 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"] {
    -ms-flex-align: end;
        align-items: 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"] {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  [flex-md] {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

@media (min-width: 960px) and (max-width: 1279px) {
  [flex-md-grow] {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-md-initial] {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-md-auto] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-md-none] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-md="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"] {
    -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"] {
    -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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-md], [layout-md="column"], [layout-md="row"] {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-md="column"] {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  [layout-md="row"] {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

@media (min-width: 1280px) {
  [flex-order-gt-md="-20"] {
    -ms-flex-order: -20;
        order: -20;
  }
  [flex-order-gt-md="-19"] {
    -ms-flex-order: -19;
        order: -19;
  }
  [flex-order-gt-md="-18"] {
    -ms-flex-order: -18;
        order: -18;
  }
  [flex-order-gt-md="-17"] {
    -ms-flex-order: -17;
        order: -17;
  }
  [flex-order-gt-md="-16"] {
    -ms-flex-order: -16;
        order: -16;
  }
  [flex-order-gt-md="-15"] {
    -ms-flex-order: -15;
        order: -15;
  }
  [flex-order-gt-md="-14"] {
    -ms-flex-order: -14;
        order: -14;
  }
  [flex-order-gt-md="-13"] {
    -ms-flex-order: -13;
        order: -13;
  }
  [flex-order-gt-md="-12"] {
    -ms-flex-order: -12;
        order: -12;
  }
  [flex-order-gt-md="-11"] {
    -ms-flex-order: -11;
        order: -11;
  }
  [flex-order-gt-md="-10"] {
    -ms-flex-order: -10;
        order: -10;
  }
  [flex-order-gt-md="-9"] {
    -ms-flex-order: -9;
        order: -9;
  }
  [flex-order-gt-md="-8"] {
    -ms-flex-order: -8;
        order: -8;
  }
  [flex-order-gt-md="-7"] {
    -ms-flex-order: -7;
        order: -7;
  }
  [flex-order-gt-md="-6"] {
    -ms-flex-order: -6;
        order: -6;
  }
  [flex-order-gt-md="-5"] {
    -ms-flex-order: -5;
        order: -5;
  }
  [flex-order-gt-md="-4"] {
    -ms-flex-order: -4;
        order: -4;
  }
  [flex-order-gt-md="-3"] {
    -ms-flex-order: -3;
        order: -3;
  }
  [flex-order-gt-md="-2"] {
    -ms-flex-order: -2;
        order: -2;
  }
  [flex-order-gt-md="-1"] {
    -ms-flex-order: -1;
        order: -1;
  }
  [flex-order-gt-md="0"] {
    -ms-flex-order: 0;
        order: 0;
  }
  [flex-order-gt-md="1"] {
    -ms-flex-order: 1;
        order: 1;
  }
  [flex-order-gt-md="2"] {
    -ms-flex-order: 2;
        order: 2;
  }
  [flex-order-gt-md="3"] {
    -ms-flex-order: 3;
        order: 3;
  }
  [flex-order-gt-md="4"] {
    -ms-flex-order: 4;
        order: 4;
  }
  [flex-order-gt-md="5"] {
    -ms-flex-order: 5;
        order: 5;
  }
  [flex-order-gt-md="6"] {
    -ms-flex-order: 6;
        order: 6;
  }
  [flex-order-gt-md="7"] {
    -ms-flex-order: 7;
        order: 7;
  }
  [flex-order-gt-md="8"] {
    -ms-flex-order: 8;
        order: 8;
  }
  [flex-order-gt-md="9"] {
    -ms-flex-order: 9;
        order: 9;
  }
  [flex-order-gt-md="10"] {
    -ms-flex-order: 10;
        order: 10;
  }
  [flex-order-gt-md="11"] {
    -ms-flex-order: 11;
        order: 11;
  }
  [flex-order-gt-md="12"] {
    -ms-flex-order: 12;
        order: 12;
  }
  [flex-order-gt-md="13"] {
    -ms-flex-order: 13;
        order: 13;
  }
  [flex-order-gt-md="14"] {
    -ms-flex-order: 14;
        order: 14;
  }
  [flex-order-gt-md="15"] {
    -ms-flex-order: 15;
        order: 15;
  }
  [flex-order-gt-md="16"] {
    -ms-flex-order: 16;
        order: 16;
  }
  [flex-order-gt-md="17"] {
    -ms-flex-order: 17;
        order: 17;
  }
  [flex-order-gt-md="18"] {
    -ms-flex-order: 18;
        order: 18;
  }
  [flex-order-gt-md="19"] {
    -ms-flex-order: 19;
        order: 19;
  }
  [flex-order-gt-md="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],
  [layout-align-gt-md="start stretch"] {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -ms-flex-align: start;
        align-items: 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"] {
    -ms-flex-align: center;
        align-items: 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"] {
    -ms-flex-align: end;
        align-items: 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"] {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  [flex-gt-md] {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

@media (min-width: 1280px) {
  [flex-gt-md-grow] {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-gt-md-initial] {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-md-auto] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-md-none] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-gt-md="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"] {
    -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"] {
    -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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-gt-md], [layout-gt-md="column"], [layout-gt-md="row"] {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-gt-md="column"] {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  [layout-gt-md="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"] {
    -ms-flex-order: -20;
        order: -20;
  }
  [flex-order-lg="-19"] {
    -ms-flex-order: -19;
        order: -19;
  }
  [flex-order-lg="-18"] {
    -ms-flex-order: -18;
        order: -18;
  }
  [flex-order-lg="-17"] {
    -ms-flex-order: -17;
        order: -17;
  }
  [flex-order-lg="-16"] {
    -ms-flex-order: -16;
        order: -16;
  }
  [flex-order-lg="-15"] {
    -ms-flex-order: -15;
        order: -15;
  }
  [flex-order-lg="-14"] {
    -ms-flex-order: -14;
        order: -14;
  }
  [flex-order-lg="-13"] {
    -ms-flex-order: -13;
        order: -13;
  }
  [flex-order-lg="-12"] {
    -ms-flex-order: -12;
        order: -12;
  }
  [flex-order-lg="-11"] {
    -ms-flex-order: -11;
        order: -11;
  }
  [flex-order-lg="-10"] {
    -ms-flex-order: -10;
        order: -10;
  }
  [flex-order-lg="-9"] {
    -ms-flex-order: -9;
        order: -9;
  }
  [flex-order-lg="-8"] {
    -ms-flex-order: -8;
        order: -8;
  }
  [flex-order-lg="-7"] {
    -ms-flex-order: -7;
        order: -7;
  }
  [flex-order-lg="-6"] {
    -ms-flex-order: -6;
        order: -6;
  }
  [flex-order-lg="-5"] {
    -ms-flex-order: -5;
        order: -5;
  }
  [flex-order-lg="-4"] {
    -ms-flex-order: -4;
        order: -4;
  }
  [flex-order-lg="-3"] {
    -ms-flex-order: -3;
        order: -3;
  }
  [flex-order-lg="-2"] {
    -ms-flex-order: -2;
        order: -2;
  }
  [flex-order-lg="-1"] {
    -ms-flex-order: -1;
        order: -1;
  }
  [flex-order-lg="0"] {
    -ms-flex-order: 0;
        order: 0;
  }
  [flex-order-lg="1"] {
    -ms-flex-order: 1;
        order: 1;
  }
  [flex-order-lg="2"] {
    -ms-flex-order: 2;
        order: 2;
  }
  [flex-order-lg="3"] {
    -ms-flex-order: 3;
        order: 3;
  }
  [flex-order-lg="4"] {
    -ms-flex-order: 4;
        order: 4;
  }
  [flex-order-lg="5"] {
    -ms-flex-order: 5;
        order: 5;
  }
  [flex-order-lg="6"] {
    -ms-flex-order: 6;
        order: 6;
  }
  [flex-order-lg="7"] {
    -ms-flex-order: 7;
        order: 7;
  }
  [flex-order-lg="8"] {
    -ms-flex-order: 8;
        order: 8;
  }
  [flex-order-lg="9"] {
    -ms-flex-order: 9;
        order: 9;
  }
  [flex-order-lg="10"] {
    -ms-flex-order: 10;
        order: 10;
  }
  [flex-order-lg="11"] {
    -ms-flex-order: 11;
        order: 11;
  }
  [flex-order-lg="12"] {
    -ms-flex-order: 12;
        order: 12;
  }
  [flex-order-lg="13"] {
    -ms-flex-order: 13;
        order: 13;
  }
  [flex-order-lg="14"] {
    -ms-flex-order: 14;
        order: 14;
  }
  [flex-order-lg="15"] {
    -ms-flex-order: 15;
        order: 15;
  }
  [flex-order-lg="16"] {
    -ms-flex-order: 16;
        order: 16;
  }
  [flex-order-lg="17"] {
    -ms-flex-order: 17;
        order: 17;
  }
  [flex-order-lg="18"] {
    -ms-flex-order: 18;
        order: 18;
  }
  [flex-order-lg="19"] {
    -ms-flex-order: 19;
        order: 19;
  }
  [flex-order-lg="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],
  [layout-align-lg="start stretch"] {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -ms-flex-align: start;
        align-items: 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"] {
    -ms-flex-align: center;
        align-items: 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"] {
    -ms-flex-align: end;
        align-items: 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"] {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  [flex-lg] {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

@media (min-width: 1280px) and (max-width: 1919px) {
  [flex-lg-grow] {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-lg-initial] {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-lg-auto] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-lg-none] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-lg="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"] {
    -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"] {
    -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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-lg], [layout-lg="column"], [layout-lg="row"] {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-lg="column"] {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  [layout-lg="row"] {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

@media (min-width: 1920px) {
  [flex-order-gt-lg="-20"] {
    -ms-flex-order: -20;
        order: -20;
  }
  [flex-order-gt-lg="-19"] {
    -ms-flex-order: -19;
        order: -19;
  }
  [flex-order-gt-lg="-18"] {
    -ms-flex-order: -18;
        order: -18;
  }
  [flex-order-gt-lg="-17"] {
    -ms-flex-order: -17;
        order: -17;
  }
  [flex-order-gt-lg="-16"] {
    -ms-flex-order: -16;
        order: -16;
  }
  [flex-order-gt-lg="-15"] {
    -ms-flex-order: -15;
        order: -15;
  }
  [flex-order-gt-lg="-14"] {
    -ms-flex-order: -14;
        order: -14;
  }
  [flex-order-gt-lg="-13"] {
    -ms-flex-order: -13;
        order: -13;
  }
  [flex-order-gt-lg="-12"] {
    -ms-flex-order: -12;
        order: -12;
  }
  [flex-order-gt-lg="-11"] {
    -ms-flex-order: -11;
        order: -11;
  }
  [flex-order-gt-lg="-10"] {
    -ms-flex-order: -10;
        order: -10;
  }
  [flex-order-gt-lg="-9"] {
    -ms-flex-order: -9;
        order: -9;
  }
  [flex-order-gt-lg="-8"] {
    -ms-flex-order: -8;
        order: -8;
  }
  [flex-order-gt-lg="-7"] {
    -ms-flex-order: -7;
        order: -7;
  }
  [flex-order-gt-lg="-6"] {
    -ms-flex-order: -6;
        order: -6;
  }
  [flex-order-gt-lg="-5"] {
    -ms-flex-order: -5;
        order: -5;
  }
  [flex-order-gt-lg="-4"] {
    -ms-flex-order: -4;
        order: -4;
  }
  [flex-order-gt-lg="-3"] {
    -ms-flex-order: -3;
        order: -3;
  }
  [flex-order-gt-lg="-2"] {
    -ms-flex-order: -2;
        order: -2;
  }
  [flex-order-gt-lg="-1"] {
    -ms-flex-order: -1;
        order: -1;
  }
  [flex-order-gt-lg="0"] {
    -ms-flex-order: 0;
        order: 0;
  }
  [flex-order-gt-lg="1"] {
    -ms-flex-order: 1;
        order: 1;
  }
  [flex-order-gt-lg="2"] {
    -ms-flex-order: 2;
        order: 2;
  }
  [flex-order-gt-lg="3"] {
    -ms-flex-order: 3;
        order: 3;
  }
  [flex-order-gt-lg="4"] {
    -ms-flex-order: 4;
        order: 4;
  }
  [flex-order-gt-lg="5"] {
    -ms-flex-order: 5;
        order: 5;
  }
  [flex-order-gt-lg="6"] {
    -ms-flex-order: 6;
        order: 6;
  }
  [flex-order-gt-lg="7"] {
    -ms-flex-order: 7;
        order: 7;
  }
  [flex-order-gt-lg="8"] {
    -ms-flex-order: 8;
        order: 8;
  }
  [flex-order-gt-lg="9"] {
    -ms-flex-order: 9;
        order: 9;
  }
  [flex-order-gt-lg="10"] {
    -ms-flex-order: 10;
        order: 10;
  }
  [flex-order-gt-lg="11"] {
    -ms-flex-order: 11;
        order: 11;
  }
  [flex-order-gt-lg="12"] {
    -ms-flex-order: 12;
        order: 12;
  }
  [flex-order-gt-lg="13"] {
    -ms-flex-order: 13;
        order: 13;
  }
  [flex-order-gt-lg="14"] {
    -ms-flex-order: 14;
        order: 14;
  }
  [flex-order-gt-lg="15"] {
    -ms-flex-order: 15;
        order: 15;
  }
  [flex-order-gt-lg="16"] {
    -ms-flex-order: 16;
        order: 16;
  }
  [flex-order-gt-lg="17"] {
    -ms-flex-order: 17;
        order: 17;
  }
  [flex-order-gt-lg="18"] {
    -ms-flex-order: 18;
        order: 18;
  }
  [flex-order-gt-lg="19"] {
    -ms-flex-order: 19;
        order: 19;
  }
  [flex-order-gt-lg="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],
  [layout-align-gt-lg="start stretch"] {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -ms-flex-align: start;
        align-items: 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"] {
    -ms-flex-align: center;
        align-items: 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"] {
    -ms-flex-align: end;
        align-items: 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"] {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  [flex-gt-lg] {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

@media (min-width: 1920px) {
  [flex-gt-lg-grow] {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-gt-lg-initial] {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-lg-auto] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-gt-lg-none] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-gt-lg="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"] {
    -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"] {
    -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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-gt-lg], [layout-gt-lg="column"], [layout-gt-lg="row"] {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-gt-lg="column"] {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  [layout-gt-lg="row"] {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  [flex-order-xl="-20"] {
    -ms-flex-order: -20;
        order: -20;
  }
  [flex-order-xl="-19"] {
    -ms-flex-order: -19;
        order: -19;
  }
  [flex-order-xl="-18"] {
    -ms-flex-order: -18;
        order: -18;
  }
  [flex-order-xl="-17"] {
    -ms-flex-order: -17;
        order: -17;
  }
  [flex-order-xl="-16"] {
    -ms-flex-order: -16;
        order: -16;
  }
  [flex-order-xl="-15"] {
    -ms-flex-order: -15;
        order: -15;
  }
  [flex-order-xl="-14"] {
    -ms-flex-order: -14;
        order: -14;
  }
  [flex-order-xl="-13"] {
    -ms-flex-order: -13;
        order: -13;
  }
  [flex-order-xl="-12"] {
    -ms-flex-order: -12;
        order: -12;
  }
  [flex-order-xl="-11"] {
    -ms-flex-order: -11;
        order: -11;
  }
  [flex-order-xl="-10"] {
    -ms-flex-order: -10;
        order: -10;
  }
  [flex-order-xl="-9"] {
    -ms-flex-order: -9;
        order: -9;
  }
  [flex-order-xl="-8"] {
    -ms-flex-order: -8;
        order: -8;
  }
  [flex-order-xl="-7"] {
    -ms-flex-order: -7;
        order: -7;
  }
  [flex-order-xl="-6"] {
    -ms-flex-order: -6;
        order: -6;
  }
  [flex-order-xl="-5"] {
    -ms-flex-order: -5;
        order: -5;
  }
  [flex-order-xl="-4"] {
    -ms-flex-order: -4;
        order: -4;
  }
  [flex-order-xl="-3"] {
    -ms-flex-order: -3;
        order: -3;
  }
  [flex-order-xl="-2"] {
    -ms-flex-order: -2;
        order: -2;
  }
  [flex-order-xl="-1"] {
    -ms-flex-order: -1;
        order: -1;
  }
  [flex-order-xl="0"] {
    -ms-flex-order: 0;
        order: 0;
  }
  [flex-order-xl="1"] {
    -ms-flex-order: 1;
        order: 1;
  }
  [flex-order-xl="2"] {
    -ms-flex-order: 2;
        order: 2;
  }
  [flex-order-xl="3"] {
    -ms-flex-order: 3;
        order: 3;
  }
  [flex-order-xl="4"] {
    -ms-flex-order: 4;
        order: 4;
  }
  [flex-order-xl="5"] {
    -ms-flex-order: 5;
        order: 5;
  }
  [flex-order-xl="6"] {
    -ms-flex-order: 6;
        order: 6;
  }
  [flex-order-xl="7"] {
    -ms-flex-order: 7;
        order: 7;
  }
  [flex-order-xl="8"] {
    -ms-flex-order: 8;
        order: 8;
  }
  [flex-order-xl="9"] {
    -ms-flex-order: 9;
        order: 9;
  }
  [flex-order-xl="10"] {
    -ms-flex-order: 10;
        order: 10;
  }
  [flex-order-xl="11"] {
    -ms-flex-order: 11;
        order: 11;
  }
  [flex-order-xl="12"] {
    -ms-flex-order: 12;
        order: 12;
  }
  [flex-order-xl="13"] {
    -ms-flex-order: 13;
        order: 13;
  }
  [flex-order-xl="14"] {
    -ms-flex-order: 14;
        order: 14;
  }
  [flex-order-xl="15"] {
    -ms-flex-order: 15;
        order: 15;
  }
  [flex-order-xl="16"] {
    -ms-flex-order: 16;
        order: 16;
  }
  [flex-order-xl="17"] {
    -ms-flex-order: 17;
        order: 17;
  }
  [flex-order-xl="18"] {
    -ms-flex-order: 18;
        order: 18;
  }
  [flex-order-xl="19"] {
    -ms-flex-order: 19;
        order: 19;
  }
  [flex-order-xl="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],
  [layout-align-xl="start stretch"] {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -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"] {
    -ms-flex-align: start;
        align-items: 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"] {
    -ms-flex-align: center;
        align-items: 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"] {
    -ms-flex-align: end;
        align-items: 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"] {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  [flex-xl] {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

@media (min-width: 1920px) {
  [flex-xl-grow] {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  [flex-xl-initial] {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  [flex-xl-auto] {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  [flex-xl-none] {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  [flex-xl="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"] {
    -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"] {
    -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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    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"] {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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"] {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  [layout-xl], [layout-xl="column"], [layout-xl="row"] {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-xl="column"] {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  [layout-xl="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;
  }
}

/*
*
*  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 {
  -ms-flex-order: 0;
      order: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-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,
.layout-align-start-stretch {
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: 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 {
  -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 {
  -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 {
  -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 {
  -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 {
  -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 {
  -ms-flex-align: start;
      align-items: 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 {
  -ms-flex-align: center;
      align-items: 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 {
  -ms-flex-align: end;
      align-items: 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 {
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

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

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

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

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

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

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

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

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

.flex-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 {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
  min-width: 0;
}

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

.flex-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 {
  -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 {
  -ms-flex: 1 1 5%;
      flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 10%;
      flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 15%;
      flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 20%;
      flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 25%;
      flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 30%;
      flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 35%;
      flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 40%;
      flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 45%;
      flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 55%;
      flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 60%;
      flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 65%;
      flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 70%;
      flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 75%;
      flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 80%;
      flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 85%;
      flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 90%;
      flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -ms-flex: 1 1 95%;
      flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}

.flex-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 {
  -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 {
  -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 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box;
}

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

.layout-row > .flex, .layout-row > .flex {
  min-width: 0;
}

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

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

.layout-column > .flex, .layout-column > .flex {
  min-height: 0;
}

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

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

.layout-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 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.layout-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 {
    -ms-flex-order: -20;
        order: -20;
  }
  .flex-order-xs--19 {
    -ms-flex-order: -19;
        order: -19;
  }
  .flex-order-xs--18 {
    -ms-flex-order: -18;
        order: -18;
  }
  .flex-order-xs--17 {
    -ms-flex-order: -17;
        order: -17;
  }
  .flex-order-xs--16 {
    -ms-flex-order: -16;
        order: -16;
  }
  .flex-order-xs--15 {
    -ms-flex-order: -15;
        order: -15;
  }
  .flex-order-xs--14 {
    -ms-flex-order: -14;
        order: -14;
  }
  .flex-order-xs--13 {
    -ms-flex-order: -13;
        order: -13;
  }
  .flex-order-xs--12 {
    -ms-flex-order: -12;
        order: -12;
  }
  .flex-order-xs--11 {
    -ms-flex-order: -11;
        order: -11;
  }
  .flex-order-xs--10 {
    -ms-flex-order: -10;
        order: -10;
  }
  .flex-order-xs--9 {
    -ms-flex-order: -9;
        order: -9;
  }
  .flex-order-xs--8 {
    -ms-flex-order: -8;
        order: -8;
  }
  .flex-order-xs--7 {
    -ms-flex-order: -7;
        order: -7;
  }
  .flex-order-xs--6 {
    -ms-flex-order: -6;
        order: -6;
  }
  .flex-order-xs--5 {
    -ms-flex-order: -5;
        order: -5;
  }
  .flex-order-xs--4 {
    -ms-flex-order: -4;
        order: -4;
  }
  .flex-order-xs--3 {
    -ms-flex-order: -3;
        order: -3;
  }
  .flex-order-xs--2 {
    -ms-flex-order: -2;
        order: -2;
  }
  .flex-order-xs--1 {
    -ms-flex-order: -1;
        order: -1;
  }
  .flex-order-xs-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .flex-order-xs-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .flex-order-xs-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .flex-order-xs-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .flex-order-xs-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .flex-order-xs-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .flex-order-xs-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .flex-order-xs-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .flex-order-xs-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .flex-order-xs-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .flex-order-xs-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .flex-order-xs-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .flex-order-xs-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .flex-order-xs-13 {
    -ms-flex-order: 13;
        order: 13;
  }
  .flex-order-xs-14 {
    -ms-flex-order: 14;
        order: 14;
  }
  .flex-order-xs-15 {
    -ms-flex-order: 15;
        order: 15;
  }
  .flex-order-xs-16 {
    -ms-flex-order: 16;
        order: 16;
  }
  .flex-order-xs-17 {
    -ms-flex-order: 17;
        order: 17;
  }
  .flex-order-xs-18 {
    -ms-flex-order: 18;
        order: 18;
  }
  .flex-order-xs-19 {
    -ms-flex-order: 19;
        order: 19;
  }
  .flex-order-xs-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,
  .layout-align-xs-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -ms-flex-align: start;
        align-items: 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 {
    -ms-flex-align: center;
        align-items: 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 {
    -ms-flex-align: end;
        align-items: 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 {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .flex-xs {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

@media (max-width: 599px) {
  .flex-xs-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-xs-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xs-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-xs-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-xs-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-xs-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-xs-0,
  .layout-xs-column > .flex-xs-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-xs-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 {
    -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 {
    -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 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, .layout-xs-row > .flex {
    min-width: 0;
  }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33, .layout-xs-column > .flex-xs-33, .layout-xs-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-xs-column > .flex {
    min-height: 0;
  }
  .layout-xs, .layout-xs-column, .layout-xs-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-xs-column {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .layout-xs-row {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

@media (min-width: 600px) {
  .flex-order-gt-xs--20 {
    -ms-flex-order: -20;
        order: -20;
  }
  .flex-order-gt-xs--19 {
    -ms-flex-order: -19;
        order: -19;
  }
  .flex-order-gt-xs--18 {
    -ms-flex-order: -18;
        order: -18;
  }
  .flex-order-gt-xs--17 {
    -ms-flex-order: -17;
        order: -17;
  }
  .flex-order-gt-xs--16 {
    -ms-flex-order: -16;
        order: -16;
  }
  .flex-order-gt-xs--15 {
    -ms-flex-order: -15;
        order: -15;
  }
  .flex-order-gt-xs--14 {
    -ms-flex-order: -14;
        order: -14;
  }
  .flex-order-gt-xs--13 {
    -ms-flex-order: -13;
        order: -13;
  }
  .flex-order-gt-xs--12 {
    -ms-flex-order: -12;
        order: -12;
  }
  .flex-order-gt-xs--11 {
    -ms-flex-order: -11;
        order: -11;
  }
  .flex-order-gt-xs--10 {
    -ms-flex-order: -10;
        order: -10;
  }
  .flex-order-gt-xs--9 {
    -ms-flex-order: -9;
        order: -9;
  }
  .flex-order-gt-xs--8 {
    -ms-flex-order: -8;
        order: -8;
  }
  .flex-order-gt-xs--7 {
    -ms-flex-order: -7;
        order: -7;
  }
  .flex-order-gt-xs--6 {
    -ms-flex-order: -6;
        order: -6;
  }
  .flex-order-gt-xs--5 {
    -ms-flex-order: -5;
        order: -5;
  }
  .flex-order-gt-xs--4 {
    -ms-flex-order: -4;
        order: -4;
  }
  .flex-order-gt-xs--3 {
    -ms-flex-order: -3;
        order: -3;
  }
  .flex-order-gt-xs--2 {
    -ms-flex-order: -2;
        order: -2;
  }
  .flex-order-gt-xs--1 {
    -ms-flex-order: -1;
        order: -1;
  }
  .flex-order-gt-xs-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .flex-order-gt-xs-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .flex-order-gt-xs-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .flex-order-gt-xs-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .flex-order-gt-xs-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .flex-order-gt-xs-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .flex-order-gt-xs-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .flex-order-gt-xs-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .flex-order-gt-xs-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .flex-order-gt-xs-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .flex-order-gt-xs-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .flex-order-gt-xs-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .flex-order-gt-xs-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .flex-order-gt-xs-13 {
    -ms-flex-order: 13;
        order: 13;
  }
  .flex-order-gt-xs-14 {
    -ms-flex-order: 14;
        order: 14;
  }
  .flex-order-gt-xs-15 {
    -ms-flex-order: 15;
        order: 15;
  }
  .flex-order-gt-xs-16 {
    -ms-flex-order: 16;
        order: 16;
  }
  .flex-order-gt-xs-17 {
    -ms-flex-order: 17;
        order: 17;
  }
  .flex-order-gt-xs-18 {
    -ms-flex-order: 18;
        order: 18;
  }
  .flex-order-gt-xs-19 {
    -ms-flex-order: 19;
        order: 19;
  }
  .flex-order-gt-xs-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,
  .layout-align-gt-xs-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -ms-flex-align: start;
        align-items: 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 {
    -ms-flex-align: center;
        align-items: 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 {
    -ms-flex-align: end;
        align-items: 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 {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .flex-gt-xs {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

@media (min-width: 600px) {
  .flex-gt-xs-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-xs-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-gt-xs-0,
  .layout-gt-xs-column > .flex-gt-xs-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-xs-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 {
    -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 {
    -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 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, .layout-gt-xs-row > .flex {
    min-width: 0;
  }
  .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 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-gt-xs-column > .flex {
    min-height: 0;
  }
  .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-gt-xs-column {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .layout-gt-xs-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 {
    -ms-flex-order: -20;
        order: -20;
  }
  .flex-order-sm--19 {
    -ms-flex-order: -19;
        order: -19;
  }
  .flex-order-sm--18 {
    -ms-flex-order: -18;
        order: -18;
  }
  .flex-order-sm--17 {
    -ms-flex-order: -17;
        order: -17;
  }
  .flex-order-sm--16 {
    -ms-flex-order: -16;
        order: -16;
  }
  .flex-order-sm--15 {
    -ms-flex-order: -15;
        order: -15;
  }
  .flex-order-sm--14 {
    -ms-flex-order: -14;
        order: -14;
  }
  .flex-order-sm--13 {
    -ms-flex-order: -13;
        order: -13;
  }
  .flex-order-sm--12 {
    -ms-flex-order: -12;
        order: -12;
  }
  .flex-order-sm--11 {
    -ms-flex-order: -11;
        order: -11;
  }
  .flex-order-sm--10 {
    -ms-flex-order: -10;
        order: -10;
  }
  .flex-order-sm--9 {
    -ms-flex-order: -9;
        order: -9;
  }
  .flex-order-sm--8 {
    -ms-flex-order: -8;
        order: -8;
  }
  .flex-order-sm--7 {
    -ms-flex-order: -7;
        order: -7;
  }
  .flex-order-sm--6 {
    -ms-flex-order: -6;
        order: -6;
  }
  .flex-order-sm--5 {
    -ms-flex-order: -5;
        order: -5;
  }
  .flex-order-sm--4 {
    -ms-flex-order: -4;
        order: -4;
  }
  .flex-order-sm--3 {
    -ms-flex-order: -3;
        order: -3;
  }
  .flex-order-sm--2 {
    -ms-flex-order: -2;
        order: -2;
  }
  .flex-order-sm--1 {
    -ms-flex-order: -1;
        order: -1;
  }
  .flex-order-sm-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .flex-order-sm-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .flex-order-sm-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .flex-order-sm-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .flex-order-sm-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .flex-order-sm-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .flex-order-sm-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .flex-order-sm-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .flex-order-sm-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .flex-order-sm-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .flex-order-sm-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .flex-order-sm-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .flex-order-sm-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .flex-order-sm-13 {
    -ms-flex-order: 13;
        order: 13;
  }
  .flex-order-sm-14 {
    -ms-flex-order: 14;
        order: 14;
  }
  .flex-order-sm-15 {
    -ms-flex-order: 15;
        order: 15;
  }
  .flex-order-sm-16 {
    -ms-flex-order: 16;
        order: 16;
  }
  .flex-order-sm-17 {
    -ms-flex-order: 17;
        order: 17;
  }
  .flex-order-sm-18 {
    -ms-flex-order: 18;
        order: 18;
  }
  .flex-order-sm-19 {
    -ms-flex-order: 19;
        order: 19;
  }
  .flex-order-sm-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,
  .layout-align-sm-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -ms-flex-align: start;
        align-items: 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 {
    -ms-flex-align: center;
        align-items: 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 {
    -ms-flex-align: end;
        align-items: 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 {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .flex-sm {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

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

@media (min-width: 960px) {
  .flex-order-gt-sm--20 {
    -ms-flex-order: -20;
        order: -20;
  }
  .flex-order-gt-sm--19 {
    -ms-flex-order: -19;
        order: -19;
  }
  .flex-order-gt-sm--18 {
    -ms-flex-order: -18;
        order: -18;
  }
  .flex-order-gt-sm--17 {
    -ms-flex-order: -17;
        order: -17;
  }
  .flex-order-gt-sm--16 {
    -ms-flex-order: -16;
        order: -16;
  }
  .flex-order-gt-sm--15 {
    -ms-flex-order: -15;
        order: -15;
  }
  .flex-order-gt-sm--14 {
    -ms-flex-order: -14;
        order: -14;
  }
  .flex-order-gt-sm--13 {
    -ms-flex-order: -13;
        order: -13;
  }
  .flex-order-gt-sm--12 {
    -ms-flex-order: -12;
        order: -12;
  }
  .flex-order-gt-sm--11 {
    -ms-flex-order: -11;
        order: -11;
  }
  .flex-order-gt-sm--10 {
    -ms-flex-order: -10;
        order: -10;
  }
  .flex-order-gt-sm--9 {
    -ms-flex-order: -9;
        order: -9;
  }
  .flex-order-gt-sm--8 {
    -ms-flex-order: -8;
        order: -8;
  }
  .flex-order-gt-sm--7 {
    -ms-flex-order: -7;
        order: -7;
  }
  .flex-order-gt-sm--6 {
    -ms-flex-order: -6;
        order: -6;
  }
  .flex-order-gt-sm--5 {
    -ms-flex-order: -5;
        order: -5;
  }
  .flex-order-gt-sm--4 {
    -ms-flex-order: -4;
        order: -4;
  }
  .flex-order-gt-sm--3 {
    -ms-flex-order: -3;
        order: -3;
  }
  .flex-order-gt-sm--2 {
    -ms-flex-order: -2;
        order: -2;
  }
  .flex-order-gt-sm--1 {
    -ms-flex-order: -1;
        order: -1;
  }
  .flex-order-gt-sm-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .flex-order-gt-sm-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .flex-order-gt-sm-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .flex-order-gt-sm-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .flex-order-gt-sm-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .flex-order-gt-sm-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .flex-order-gt-sm-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .flex-order-gt-sm-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .flex-order-gt-sm-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .flex-order-gt-sm-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .flex-order-gt-sm-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .flex-order-gt-sm-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .flex-order-gt-sm-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .flex-order-gt-sm-13 {
    -ms-flex-order: 13;
        order: 13;
  }
  .flex-order-gt-sm-14 {
    -ms-flex-order: 14;
        order: 14;
  }
  .flex-order-gt-sm-15 {
    -ms-flex-order: 15;
        order: 15;
  }
  .flex-order-gt-sm-16 {
    -ms-flex-order: 16;
        order: 16;
  }
  .flex-order-gt-sm-17 {
    -ms-flex-order: 17;
        order: 17;
  }
  .flex-order-gt-sm-18 {
    -ms-flex-order: 18;
        order: 18;
  }
  .flex-order-gt-sm-19 {
    -ms-flex-order: 19;
        order: 19;
  }
  .flex-order-gt-sm-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,
  .layout-align-gt-sm-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -ms-flex-align: start;
        align-items: 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 {
    -ms-flex-align: center;
        align-items: 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 {
    -ms-flex-align: end;
        align-items: 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 {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .flex-gt-sm {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

@media (min-width: 960px) {
  .flex-gt-sm-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-sm-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-gt-sm-0,
  .layout-gt-sm-column > .flex-gt-sm-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-sm-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 {
    -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 {
    -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 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, .layout-gt-sm-row > .flex {
    min-width: 0;
  }
  .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 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-gt-sm-column > .flex {
    min-height: 0;
  }
  .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-gt-sm-column {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .layout-gt-sm-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 {
    -ms-flex-order: -20;
        order: -20;
  }
  .flex-order-md--19 {
    -ms-flex-order: -19;
        order: -19;
  }
  .flex-order-md--18 {
    -ms-flex-order: -18;
        order: -18;
  }
  .flex-order-md--17 {
    -ms-flex-order: -17;
        order: -17;
  }
  .flex-order-md--16 {
    -ms-flex-order: -16;
        order: -16;
  }
  .flex-order-md--15 {
    -ms-flex-order: -15;
        order: -15;
  }
  .flex-order-md--14 {
    -ms-flex-order: -14;
        order: -14;
  }
  .flex-order-md--13 {
    -ms-flex-order: -13;
        order: -13;
  }
  .flex-order-md--12 {
    -ms-flex-order: -12;
        order: -12;
  }
  .flex-order-md--11 {
    -ms-flex-order: -11;
        order: -11;
  }
  .flex-order-md--10 {
    -ms-flex-order: -10;
        order: -10;
  }
  .flex-order-md--9 {
    -ms-flex-order: -9;
        order: -9;
  }
  .flex-order-md--8 {
    -ms-flex-order: -8;
        order: -8;
  }
  .flex-order-md--7 {
    -ms-flex-order: -7;
        order: -7;
  }
  .flex-order-md--6 {
    -ms-flex-order: -6;
        order: -6;
  }
  .flex-order-md--5 {
    -ms-flex-order: -5;
        order: -5;
  }
  .flex-order-md--4 {
    -ms-flex-order: -4;
        order: -4;
  }
  .flex-order-md--3 {
    -ms-flex-order: -3;
        order: -3;
  }
  .flex-order-md--2 {
    -ms-flex-order: -2;
        order: -2;
  }
  .flex-order-md--1 {
    -ms-flex-order: -1;
        order: -1;
  }
  .flex-order-md-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .flex-order-md-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .flex-order-md-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .flex-order-md-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .flex-order-md-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .flex-order-md-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .flex-order-md-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .flex-order-md-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .flex-order-md-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .flex-order-md-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .flex-order-md-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .flex-order-md-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .flex-order-md-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .flex-order-md-13 {
    -ms-flex-order: 13;
        order: 13;
  }
  .flex-order-md-14 {
    -ms-flex-order: 14;
        order: 14;
  }
  .flex-order-md-15 {
    -ms-flex-order: 15;
        order: 15;
  }
  .flex-order-md-16 {
    -ms-flex-order: 16;
        order: 16;
  }
  .flex-order-md-17 {
    -ms-flex-order: 17;
        order: 17;
  }
  .flex-order-md-18 {
    -ms-flex-order: 18;
        order: 18;
  }
  .flex-order-md-19 {
    -ms-flex-order: 19;
        order: 19;
  }
  .flex-order-md-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,
  .layout-align-md-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -ms-flex-align: start;
        align-items: 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 {
    -ms-flex-align: center;
        align-items: 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 {
    -ms-flex-align: end;
        align-items: 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 {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .flex-md {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

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

@media (min-width: 1280px) {
  .flex-order-gt-md--20 {
    -ms-flex-order: -20;
        order: -20;
  }
  .flex-order-gt-md--19 {
    -ms-flex-order: -19;
        order: -19;
  }
  .flex-order-gt-md--18 {
    -ms-flex-order: -18;
        order: -18;
  }
  .flex-order-gt-md--17 {
    -ms-flex-order: -17;
        order: -17;
  }
  .flex-order-gt-md--16 {
    -ms-flex-order: -16;
        order: -16;
  }
  .flex-order-gt-md--15 {
    -ms-flex-order: -15;
        order: -15;
  }
  .flex-order-gt-md--14 {
    -ms-flex-order: -14;
        order: -14;
  }
  .flex-order-gt-md--13 {
    -ms-flex-order: -13;
        order: -13;
  }
  .flex-order-gt-md--12 {
    -ms-flex-order: -12;
        order: -12;
  }
  .flex-order-gt-md--11 {
    -ms-flex-order: -11;
        order: -11;
  }
  .flex-order-gt-md--10 {
    -ms-flex-order: -10;
        order: -10;
  }
  .flex-order-gt-md--9 {
    -ms-flex-order: -9;
        order: -9;
  }
  .flex-order-gt-md--8 {
    -ms-flex-order: -8;
        order: -8;
  }
  .flex-order-gt-md--7 {
    -ms-flex-order: -7;
        order: -7;
  }
  .flex-order-gt-md--6 {
    -ms-flex-order: -6;
        order: -6;
  }
  .flex-order-gt-md--5 {
    -ms-flex-order: -5;
        order: -5;
  }
  .flex-order-gt-md--4 {
    -ms-flex-order: -4;
        order: -4;
  }
  .flex-order-gt-md--3 {
    -ms-flex-order: -3;
        order: -3;
  }
  .flex-order-gt-md--2 {
    -ms-flex-order: -2;
        order: -2;
  }
  .flex-order-gt-md--1 {
    -ms-flex-order: -1;
        order: -1;
  }
  .flex-order-gt-md-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .flex-order-gt-md-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .flex-order-gt-md-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .flex-order-gt-md-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .flex-order-gt-md-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .flex-order-gt-md-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .flex-order-gt-md-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .flex-order-gt-md-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .flex-order-gt-md-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .flex-order-gt-md-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .flex-order-gt-md-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .flex-order-gt-md-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .flex-order-gt-md-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .flex-order-gt-md-13 {
    -ms-flex-order: 13;
        order: 13;
  }
  .flex-order-gt-md-14 {
    -ms-flex-order: 14;
        order: 14;
  }
  .flex-order-gt-md-15 {
    -ms-flex-order: 15;
        order: 15;
  }
  .flex-order-gt-md-16 {
    -ms-flex-order: 16;
        order: 16;
  }
  .flex-order-gt-md-17 {
    -ms-flex-order: 17;
        order: 17;
  }
  .flex-order-gt-md-18 {
    -ms-flex-order: 18;
        order: 18;
  }
  .flex-order-gt-md-19 {
    -ms-flex-order: 19;
        order: 19;
  }
  .flex-order-gt-md-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,
  .layout-align-gt-md-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -ms-flex-align: start;
        align-items: 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 {
    -ms-flex-align: center;
        align-items: 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 {
    -ms-flex-align: end;
        align-items: 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 {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .flex-gt-md {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

@media (min-width: 1280px) {
  .flex-gt-md-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-md-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-gt-md-0,
  .layout-gt-md-column > .flex-gt-md-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-md-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 {
    -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 {
    -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 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, .layout-gt-md-row > .flex {
    min-width: 0;
  }
  .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 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-gt-md-column > .flex {
    min-height: 0;
  }
  .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-gt-md-column {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .layout-gt-md-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 {
    -ms-flex-order: -20;
        order: -20;
  }
  .flex-order-lg--19 {
    -ms-flex-order: -19;
        order: -19;
  }
  .flex-order-lg--18 {
    -ms-flex-order: -18;
        order: -18;
  }
  .flex-order-lg--17 {
    -ms-flex-order: -17;
        order: -17;
  }
  .flex-order-lg--16 {
    -ms-flex-order: -16;
        order: -16;
  }
  .flex-order-lg--15 {
    -ms-flex-order: -15;
        order: -15;
  }
  .flex-order-lg--14 {
    -ms-flex-order: -14;
        order: -14;
  }
  .flex-order-lg--13 {
    -ms-flex-order: -13;
        order: -13;
  }
  .flex-order-lg--12 {
    -ms-flex-order: -12;
        order: -12;
  }
  .flex-order-lg--11 {
    -ms-flex-order: -11;
        order: -11;
  }
  .flex-order-lg--10 {
    -ms-flex-order: -10;
        order: -10;
  }
  .flex-order-lg--9 {
    -ms-flex-order: -9;
        order: -9;
  }
  .flex-order-lg--8 {
    -ms-flex-order: -8;
        order: -8;
  }
  .flex-order-lg--7 {
    -ms-flex-order: -7;
        order: -7;
  }
  .flex-order-lg--6 {
    -ms-flex-order: -6;
        order: -6;
  }
  .flex-order-lg--5 {
    -ms-flex-order: -5;
        order: -5;
  }
  .flex-order-lg--4 {
    -ms-flex-order: -4;
        order: -4;
  }
  .flex-order-lg--3 {
    -ms-flex-order: -3;
        order: -3;
  }
  .flex-order-lg--2 {
    -ms-flex-order: -2;
        order: -2;
  }
  .flex-order-lg--1 {
    -ms-flex-order: -1;
        order: -1;
  }
  .flex-order-lg-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .flex-order-lg-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .flex-order-lg-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .flex-order-lg-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .flex-order-lg-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .flex-order-lg-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .flex-order-lg-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .flex-order-lg-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .flex-order-lg-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .flex-order-lg-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .flex-order-lg-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .flex-order-lg-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .flex-order-lg-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .flex-order-lg-13 {
    -ms-flex-order: 13;
        order: 13;
  }
  .flex-order-lg-14 {
    -ms-flex-order: 14;
        order: 14;
  }
  .flex-order-lg-15 {
    -ms-flex-order: 15;
        order: 15;
  }
  .flex-order-lg-16 {
    -ms-flex-order: 16;
        order: 16;
  }
  .flex-order-lg-17 {
    -ms-flex-order: 17;
        order: 17;
  }
  .flex-order-lg-18 {
    -ms-flex-order: 18;
        order: 18;
  }
  .flex-order-lg-19 {
    -ms-flex-order: 19;
        order: 19;
  }
  .flex-order-lg-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,
  .layout-align-lg-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -ms-flex-align: start;
        align-items: 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 {
    -ms-flex-align: center;
        align-items: 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 {
    -ms-flex-align: end;
        align-items: 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 {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .flex-lg {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

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

@media (min-width: 1920px) {
  .flex-order-gt-lg--20 {
    -ms-flex-order: -20;
        order: -20;
  }
  .flex-order-gt-lg--19 {
    -ms-flex-order: -19;
        order: -19;
  }
  .flex-order-gt-lg--18 {
    -ms-flex-order: -18;
        order: -18;
  }
  .flex-order-gt-lg--17 {
    -ms-flex-order: -17;
        order: -17;
  }
  .flex-order-gt-lg--16 {
    -ms-flex-order: -16;
        order: -16;
  }
  .flex-order-gt-lg--15 {
    -ms-flex-order: -15;
        order: -15;
  }
  .flex-order-gt-lg--14 {
    -ms-flex-order: -14;
        order: -14;
  }
  .flex-order-gt-lg--13 {
    -ms-flex-order: -13;
        order: -13;
  }
  .flex-order-gt-lg--12 {
    -ms-flex-order: -12;
        order: -12;
  }
  .flex-order-gt-lg--11 {
    -ms-flex-order: -11;
        order: -11;
  }
  .flex-order-gt-lg--10 {
    -ms-flex-order: -10;
        order: -10;
  }
  .flex-order-gt-lg--9 {
    -ms-flex-order: -9;
        order: -9;
  }
  .flex-order-gt-lg--8 {
    -ms-flex-order: -8;
        order: -8;
  }
  .flex-order-gt-lg--7 {
    -ms-flex-order: -7;
        order: -7;
  }
  .flex-order-gt-lg--6 {
    -ms-flex-order: -6;
        order: -6;
  }
  .flex-order-gt-lg--5 {
    -ms-flex-order: -5;
        order: -5;
  }
  .flex-order-gt-lg--4 {
    -ms-flex-order: -4;
        order: -4;
  }
  .flex-order-gt-lg--3 {
    -ms-flex-order: -3;
        order: -3;
  }
  .flex-order-gt-lg--2 {
    -ms-flex-order: -2;
        order: -2;
  }
  .flex-order-gt-lg--1 {
    -ms-flex-order: -1;
        order: -1;
  }
  .flex-order-gt-lg-0 {
    -ms-flex-order: 0;
        order: 0;
  }
  .flex-order-gt-lg-1 {
    -ms-flex-order: 1;
        order: 1;
  }
  .flex-order-gt-lg-2 {
    -ms-flex-order: 2;
        order: 2;
  }
  .flex-order-gt-lg-3 {
    -ms-flex-order: 3;
        order: 3;
  }
  .flex-order-gt-lg-4 {
    -ms-flex-order: 4;
        order: 4;
  }
  .flex-order-gt-lg-5 {
    -ms-flex-order: 5;
        order: 5;
  }
  .flex-order-gt-lg-6 {
    -ms-flex-order: 6;
        order: 6;
  }
  .flex-order-gt-lg-7 {
    -ms-flex-order: 7;
        order: 7;
  }
  .flex-order-gt-lg-8 {
    -ms-flex-order: 8;
        order: 8;
  }
  .flex-order-gt-lg-9 {
    -ms-flex-order: 9;
        order: 9;
  }
  .flex-order-gt-lg-10 {
    -ms-flex-order: 10;
        order: 10;
  }
  .flex-order-gt-lg-11 {
    -ms-flex-order: 11;
        order: 11;
  }
  .flex-order-gt-lg-12 {
    -ms-flex-order: 12;
        order: 12;
  }
  .flex-order-gt-lg-13 {
    -ms-flex-order: 13;
        order: 13;
  }
  .flex-order-gt-lg-14 {
    -ms-flex-order: 14;
        order: 14;
  }
  .flex-order-gt-lg-15 {
    -ms-flex-order: 15;
        order: 15;
  }
  .flex-order-gt-lg-16 {
    -ms-flex-order: 16;
        order: 16;
  }
  .flex-order-gt-lg-17 {
    -ms-flex-order: 17;
        order: 17;
  }
  .flex-order-gt-lg-18 {
    -ms-flex-order: 18;
        order: 18;
  }
  .flex-order-gt-lg-19 {
    -ms-flex-order: 19;
        order: 19;
  }
  .flex-order-gt-lg-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,
  .layout-align-gt-lg-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: 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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -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 {
    -ms-flex-align: start;
        align-items: 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 {
    -ms-flex-align: center;
        align-items: 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 {
    -ms-flex-align: end;
        align-items: 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 {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .flex-gt-lg {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box;
  }
}

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

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

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

@media (min-width: 1920px) {
  .flex-xl-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-xl-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xl-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-xl-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-xl-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-xl-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-column > .flex-xl-0,
  .layout-xl-column > .flex-xl-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-xl-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 {
    -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 {
    -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 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    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 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex, .layout-xl-row > .flex {
    min-width: 0;
  }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33, .layout-xl-column > .flex-xl-33, .layout-xl-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    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 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-column > .flex, .layout-xl-column > .flex {
    min-height: 0;
  }
  .layout-xl, .layout-xl-column, .layout-xl-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layout-xl-column {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .layout-xl-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;
  }
}

@media print {
  .hide-print:not(.show-print):not(.show) {
    display: none !important;
  }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\
    resetcss
    Version: 1.0.3
    Licence: MIT
    Repo   : https://github.com/chharvey/resetcss.git
    Home   : https://github.com/chharvey/resetcss#readme
    Author : Chris Harvey <chrisharvey2pi@gmail.com> (https://chharvey.github.io/)
\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*================================*\
    reset.less
\*================================*/
body {
  text-align: left;
  background: #fff;
  color: #000;
}
sup,
sub {
  vertical-align: inherit;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
figure,
blockquote,
pre,
ol,
ul,
dl,
dd,
fieldset {
  margin: 0;
}
ol,
ul,
th,
td,
legend {
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
address,
pre,
th,
em,
strong,
i,
small,
dfn,
b,
var,
cite,
sup,
sub,
code,
kbd,
samp {
  font: inherit;
}
caption,
th {
  text-align: inherit;
}
pre {
  white-space: inherit;
}
mark {
  background: transparent;
}
a,
u,
s,
ins,
del {
  text-decoration: none;
}
ol,
ul {
  list-style: none;
}
q {
  quotes: none;
}
a,
mark {
  color: inherit;
}
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(assets/images/glyphicons-halflings-regular_f4769f9bdb7466be65088239c12046d1.eot);src:url(assets/images/glyphicons-halflings-regular_f4769f9bdb7466be65088239c12046d1.eot?#iefix) format("embedded-opentype"),url(assets/images/glyphicons-halflings-regular_448c34a56d699c29117adc64c43affeb.woff2) format("woff2"),url(assets/images/glyphicons-halflings-regular_fa2772327f55d8198301fdb8bcfc8158.woff) format("woff"),url(assets/images/glyphicons-halflings-regular_e18bbf611f2a2e43afc071aa2f4e1512.ttf) format("truetype"),url(assets/images/glyphicons-halflings-regular_89889688147bd7575d6327160d64e760.svg#glyphicons_halflingsregular) format("svg")}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Glyphicons Halflings";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"*"}.glyphicon-plus:before{content:"+"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20AC"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270F"}.glyphicon-glass:before{content:"\E001"}.glyphicon-music:before{content:"\E002"}.glyphicon-search:before{content:"\E003"}.glyphicon-heart:before{content:"\E005"}.glyphicon-star:before{content:"\E006"}.glyphicon-star-empty:before{content:"\E007"}.glyphicon-user:before{content:"\E008"}.glyphicon-film:before{content:"\E009"}.glyphicon-th-large:before{content:"\E010"}.glyphicon-th:before{content:"\E011"}.glyphicon-th-list:before{content:"\E012"}.glyphicon-ok:before{content:"\E013"}.glyphicon-remove:before{content:"\E014"}.glyphicon-zoom-in:before{content:"\E015"}.glyphicon-zoom-out:before{content:"\E016"}.glyphicon-off:before{content:"\E017"}.glyphicon-signal:before{content:"\E018"}.glyphicon-cog:before{content:"\E019"}.glyphicon-trash:before{content:"\E020"}.glyphicon-home:before{content:"\E021"}.glyphicon-file:before{content:"\E022"}.glyphicon-time:before{content:"\E023"}.glyphicon-road:before{content:"\E024"}.glyphicon-download-alt:before{content:"\E025"}.glyphicon-download:before{content:"\E026"}.glyphicon-upload:before{content:"\E027"}.glyphicon-inbox:before{content:"\E028"}.glyphicon-play-circle:before{content:"\E029"}.glyphicon-repeat:before{content:"\E030"}.glyphicon-refresh:before{content:"\E031"}.glyphicon-list-alt:before{content:"\E032"}.glyphicon-lock:before{content:"\E033"}.glyphicon-flag:before{content:"\E034"}.glyphicon-headphones:before{content:"\E035"}.glyphicon-volume-off:before{content:"\E036"}.glyphicon-volume-down:before{content:"\E037"}.glyphicon-volume-up:before{content:"\E038"}.glyphicon-qrcode:before{content:"\E039"}.glyphicon-barcode:before{content:"\E040"}.glyphicon-tag:before{content:"\E041"}.glyphicon-tags:before{content:"\E042"}.glyphicon-book:before{content:"\E043"}.glyphicon-bookmark:before{content:"\E044"}.glyphicon-print:before{content:"\E045"}.glyphicon-camera:before{content:"\E046"}.glyphicon-font:before{content:"\E047"}.glyphicon-bold:before{content:"\E048"}.glyphicon-italic:before{content:"\E049"}.glyphicon-text-height:before{content:"\E050"}.glyphicon-text-width:before{content:"\E051"}.glyphicon-align-left:before{content:"\E052"}.glyphicon-align-center:before{content:"\E053"}.glyphicon-align-right:before{content:"\E054"}.glyphicon-align-justify:before{content:"\E055"}.glyphicon-list:before{content:"\E056"}.glyphicon-indent-left:before{content:"\E057"}.glyphicon-indent-right:before{content:"\E058"}.glyphicon-facetime-video:before{content:"\E059"}.glyphicon-picture:before{content:"\E060"}.glyphicon-map-marker:before{content:"\E062"}.glyphicon-adjust:before{content:"\E063"}.glyphicon-tint:before{content:"\E064"}.glyphicon-edit:before{content:"\E065"}.glyphicon-share:before{content:"\E066"}.glyphicon-check:before{content:"\E067"}.glyphicon-move:before{content:"\E068"}.glyphicon-step-backward:before{content:"\E069"}.glyphicon-fast-backward:before{content:"\E070"}.glyphicon-backward:before{content:"\E071"}.glyphicon-play:before{content:"\E072"}.glyphicon-pause:before{content:"\E073"}.glyphicon-stop:before{content:"\E074"}.glyphicon-forward:before{content:"\E075"}.glyphicon-fast-forward:before{content:"\E076"}.glyphicon-step-forward:before{content:"\E077"}.glyphicon-eject:before{content:"\E078"}.glyphicon-chevron-left:before{content:"\E079"}.glyphicon-chevron-right:before{content:"\E080"}.glyphicon-plus-sign:before{content:"\E081"}.glyphicon-minus-sign:before{content:"\E082"}.glyphicon-remove-sign:before{content:"\E083"}.glyphicon-ok-sign:before{content:"\E084"}.glyphicon-question-sign:before{content:"\E085"}.glyphicon-info-sign:before{content:"\E086"}.glyphicon-screenshot:before{content:"\E087"}.glyphicon-remove-circle:before{content:"\E088"}.glyphicon-ok-circle:before{content:"\E089"}.glyphicon-ban-circle:before{content:"\E090"}.glyphicon-arrow-left:before{content:"\E091"}.glyphicon-arrow-right:before{content:"\E092"}.glyphicon-arrow-up:before{content:"\E093"}.glyphicon-arrow-down:before{content:"\E094"}.glyphicon-share-alt:before{content:"\E095"}.glyphicon-resize-full:before{content:"\E096"}.glyphicon-resize-small:before{content:"\E097"}.glyphicon-exclamation-sign:before{content:"\E101"}.glyphicon-gift:before{content:"\E102"}.glyphicon-leaf:before{content:"\E103"}.glyphicon-fire:before{content:"\E104"}.glyphicon-eye-open:before{content:"\E105"}.glyphicon-eye-close:before{content:"\E106"}.glyphicon-warning-sign:before{content:"\E107"}.glyphicon-plane:before{content:"\E108"}.glyphicon-calendar:before{content:"\E109"}.glyphicon-random:before{content:"\E110"}.glyphicon-comment:before{content:"\E111"}.glyphicon-magnet:before{content:"\E112"}.glyphicon-chevron-up:before{content:"\E113"}.glyphicon-chevron-down:before{content:"\E114"}.glyphicon-retweet:before{content:"\E115"}.glyphicon-shopping-cart:before{content:"\E116"}.glyphicon-folder-close:before{content:"\E117"}.glyphicon-folder-open:before{content:"\E118"}.glyphicon-resize-vertical:before{content:"\E119"}.glyphicon-resize-horizontal:before{content:"\E120"}.glyphicon-hdd:before{content:"\E121"}.glyphicon-bullhorn:before{content:"\E122"}.glyphicon-bell:before{content:"\E123"}.glyphicon-certificate:before{content:"\E124"}.glyphicon-thumbs-up:before{content:"\E125"}.glyphicon-thumbs-down:before{content:"\E126"}.glyphicon-hand-right:before{content:"\E127"}.glyphicon-hand-left:before{content:"\E128"}.glyphicon-hand-up:before{content:"\E129"}.glyphicon-hand-down:before{content:"\E130"}.glyphicon-circle-arrow-right:before{content:"\E131"}.glyphicon-circle-arrow-left:before{content:"\E132"}.glyphicon-circle-arrow-up:before{content:"\E133"}.glyphicon-circle-arrow-down:before{content:"\E134"}.glyphicon-globe:before{content:"\E135"}.glyphicon-wrench:before{content:"\E136"}.glyphicon-tasks:before{content:"\E137"}.glyphicon-filter:before{content:"\E138"}.glyphicon-briefcase:before{content:"\E139"}.glyphicon-fullscreen:before{content:"\E140"}.glyphicon-dashboard:before{content:"\E141"}.glyphicon-paperclip:before{content:"\E142"}.glyphicon-heart-empty:before{content:"\E143"}.glyphicon-link:before{content:"\E144"}.glyphicon-phone:before{content:"\E145"}.glyphicon-pushpin:before{content:"\E146"}.glyphicon-usd:before{content:"\E148"}.glyphicon-gbp:before{content:"\E149"}.glyphicon-sort:before{content:"\E150"}.glyphicon-sort-by-alphabet:before{content:"\E151"}.glyphicon-sort-by-alphabet-alt:before{content:"\E152"}.glyphicon-sort-by-order:before{content:"\E153"}.glyphicon-sort-by-order-alt:before{content:"\E154"}.glyphicon-sort-by-attributes:before{content:"\E155"}.glyphicon-sort-by-attributes-alt:before{content:"\E156"}.glyphicon-unchecked:before{content:"\E157"}.glyphicon-expand:before{content:"\E158"}.glyphicon-collapse-down:before{content:"\E159"}.glyphicon-collapse-up:before{content:"\E160"}.glyphicon-log-in:before{content:"\E161"}.glyphicon-flash:before{content:"\E162"}.glyphicon-log-out:before{content:"\E163"}.glyphicon-new-window:before{content:"\E164"}.glyphicon-record:before{content:"\E165"}.glyphicon-save:before{content:"\E166"}.glyphicon-open:before{content:"\E167"}.glyphicon-saved:before{content:"\E168"}.glyphicon-import:before{content:"\E169"}.glyphicon-export:before{content:"\E170"}.glyphicon-send:before{content:"\E171"}.glyphicon-floppy-disk:before{content:"\E172"}.glyphicon-floppy-saved:before{content:"\E173"}.glyphicon-floppy-remove:before{content:"\E174"}.glyphicon-floppy-save:before{content:"\E175"}.glyphicon-floppy-open:before{content:"\E176"}.glyphicon-credit-card:before{content:"\E177"}.glyphicon-transfer:before{content:"\E178"}.glyphicon-cutlery:before{content:"\E179"}.glyphicon-header:before{content:"\E180"}.glyphicon-compressed:before{content:"\E181"}.glyphicon-earphone:before{content:"\E182"}.glyphicon-phone-alt:before{content:"\E183"}.glyphicon-tower:before{content:"\E184"}.glyphicon-stats:before{content:"\E185"}.glyphicon-sd-video:before{content:"\E186"}.glyphicon-hd-video:before{content:"\E187"}.glyphicon-subtitles:before{content:"\E188"}.glyphicon-sound-stereo:before{content:"\E189"}.glyphicon-sound-dolby:before{content:"\E190"}.glyphicon-sound-5-1:before{content:"\E191"}.glyphicon-sound-6-1:before{content:"\E192"}.glyphicon-sound-7-1:before{content:"\E193"}.glyphicon-copyright-mark:before{content:"\E194"}.glyphicon-registration-mark:before{content:"\E195"}.glyphicon-cloud-download:before{content:"\E197"}.glyphicon-cloud-upload:before{content:"\E198"}.glyphicon-tree-conifer:before{content:"\E199"}.glyphicon-tree-deciduous:before{content:"\E200"}.glyphicon-cd:before{content:"\E201"}.glyphicon-save-file:before{content:"\E202"}.glyphicon-open-file:before{content:"\E203"}.glyphicon-level-up:before{content:"\E204"}.glyphicon-copy:before{content:"\E205"}.glyphicon-paste:before{content:"\E206"}.glyphicon-alert:before{content:"\E209"}.glyphicon-equalizer:before{content:"\E210"}.glyphicon-king:before{content:"\E211"}.glyphicon-queen:before{content:"\E212"}.glyphicon-pawn:before{content:"\E213"}.glyphicon-bishop:before{content:"\E214"}.glyphicon-knight:before{content:"\E215"}.glyphicon-baby-formula:before{content:"\E216"}.glyphicon-tent:before{content:"\26FA"}.glyphicon-blackboard:before{content:"\E218"}.glyphicon-bed:before{content:"\E219"}.glyphicon-apple:before{content:"\F8FF"}.glyphicon-erase:before{content:"\E221"}.glyphicon-hourglass:before{content:"\231B"}.glyphicon-lamp:before{content:"\E223"}.glyphicon-duplicate:before{content:"\E224"}.glyphicon-piggy-bank:before{content:"\E225"}.glyphicon-scissors:before{content:"\E226"}.glyphicon-bitcoin:before{content:"\E227"}.glyphicon-btc:before{content:"\E227"}.glyphicon-xbt:before{content:"\E227"}.glyphicon-yen:before{content:"\A5"}.glyphicon-jpy:before{content:"\A5"}.glyphicon-ruble:before{content:"\20BD"}.glyphicon-rub:before{content:"\20BD"}.glyphicon-scale:before{content:"\E230"}.glyphicon-ice-lolly:before{content:"\E231"}.glyphicon-ice-lolly-tasted:before{content:"\E232"}.glyphicon-education:before{content:"\E233"}.glyphicon-option-horizontal:before{content:"\E234"}.glyphicon-option-vertical:before{content:"\E235"}.glyphicon-menu-hamburger:before{content:"\E236"}.glyphicon-modal-window:before{content:"\E237"}.glyphicon-oil:before{content:"\E238"}.glyphicon-grain:before{content:"\E239"}.glyphicon-sunglasses:before{content:"\E240"}.glyphicon-text-size:before{content:"\E241"}.glyphicon-text-color:before{content:"\E242"}.glyphicon-text-background:before{content:"\E243"}.glyphicon-object-align-top:before{content:"\E244"}.glyphicon-object-align-bottom:before{content:"\E245"}.glyphicon-object-align-horizontal:before{content:"\E246"}.glyphicon-object-align-left:before{content:"\E247"}.glyphicon-object-align-vertical:before{content:"\E248"}.glyphicon-object-align-right:before{content:"\E249"}.glyphicon-triangle-right:before{content:"\E250"}.glyphicon-triangle-left:before{content:"\E251"}.glyphicon-triangle-bottom:before{content:"\E252"}.glyphicon-triangle-top:before{content:"\E253"}.glyphicon-console:before{content:"\E254"}.glyphicon-superscript:before{content:"\E255"}.glyphicon-subscript:before{content:"\E256"}.glyphicon-menu-left:before{content:"\E257"}.glyphicon-menu-right:before{content:"\E258"}.glyphicon-menu-down:before{content:"\E259"}.glyphicon-menu-up:before{content:"\E260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014   \A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\A0   \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*=col-]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}table col[class*=col-]{position:static;display:table-column;float:none}table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:transparent;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\A0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203A"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map *//*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(assets/images/fontawesome-webfont_674f50d287a8c48dc19ba404d20fe713.eot);
  src: url(assets/images/fontawesome-webfont_674f50d287a8c48dc19ba404d20fe713.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(assets/images/fontawesome-webfont_af7ae505a9eed503f8b8e6982036873e.woff2) format('woff2'), url(assets/images/fontawesome-webfont_fee66e712a8a08eef5805a46892932ad.woff) format('woff'), url(assets/images/fontawesome-webfont_b06871f281fee6b241d60582ae9369b9.ttf) format('truetype'), url(assets/images/fontawesome-webfont_acf3dcb7ff752b5296ca23ba2c7c2606.svg#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\F000";
}
.fa-music:before {
  content: "\F001";
}
.fa-search:before {
  content: "\F002";
}
.fa-envelope-o:before {
  content: "\F003";
}
.fa-heart:before {
  content: "\F004";
}
.fa-star:before {
  content: "\F005";
}
.fa-star-o:before {
  content: "\F006";
}
.fa-user:before {
  content: "\F007";
}
.fa-film:before {
  content: "\F008";
}
.fa-th-large:before {
  content: "\F009";
}
.fa-th:before {
  content: "\F00A";
}
.fa-th-list:before {
  content: "\F00B";
}
.fa-check:before {
  content: "\F00C";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D";
}
.fa-search-plus:before {
  content: "\F00E";
}
.fa-search-minus:before {
  content: "\F010";
}
.fa-power-off:before {
  content: "\F011";
}
.fa-signal:before {
  content: "\F012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\F013";
}
.fa-trash-o:before {
  content: "\F014";
}
.fa-home:before {
  content: "\F015";
}
.fa-file-o:before {
  content: "\F016";
}
.fa-clock-o:before {
  content: "\F017";
}
.fa-road:before {
  content: "\F018";
}
.fa-download:before {
  content: "\F019";
}
.fa-arrow-circle-o-down:before {
  content: "\F01A";
}
.fa-arrow-circle-o-up:before {
  content: "\F01B";
}
.fa-inbox:before {
  content: "\F01C";
}
.fa-play-circle-o:before {
  content: "\F01D";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E";
}
.fa-refresh:before {
  content: "\F021";
}
.fa-list-alt:before {
  content: "\F022";
}
.fa-lock:before {
  content: "\F023";
}
.fa-flag:before {
  content: "\F024";
}
.fa-headphones:before {
  content: "\F025";
}
.fa-volume-off:before {
  content: "\F026";
}
.fa-volume-down:before {
  content: "\F027";
}
.fa-volume-up:before {
  content: "\F028";
}
.fa-qrcode:before {
  content: "\F029";
}
.fa-barcode:before {
  content: "\F02A";
}
.fa-tag:before {
  content: "\F02B";
}
.fa-tags:before {
  content: "\F02C";
}
.fa-book:before {
  content: "\F02D";
}
.fa-bookmark:before {
  content: "\F02E";
}
.fa-print:before {
  content: "\F02F";
}
.fa-camera:before {
  content: "\F030";
}
.fa-font:before {
  content: "\F031";
}
.fa-bold:before {
  content: "\F032";
}
.fa-italic:before {
  content: "\F033";
}
.fa-text-height:before {
  content: "\F034";
}
.fa-text-width:before {
  content: "\F035";
}
.fa-align-left:before {
  content: "\F036";
}
.fa-align-center:before {
  content: "\F037";
}
.fa-align-right:before {
  content: "\F038";
}
.fa-align-justify:before {
  content: "\F039";
}
.fa-list:before {
  content: "\F03A";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B";
}
.fa-indent:before {
  content: "\F03C";
}
.fa-video-camera:before {
  content: "\F03D";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\F03E";
}
.fa-pencil:before {
  content: "\F040";
}
.fa-map-marker:before {
  content: "\F041";
}
.fa-adjust:before {
  content: "\F042";
}
.fa-tint:before {
  content: "\F043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044";
}
.fa-share-square-o:before {
  content: "\F045";
}
.fa-check-square-o:before {
  content: "\F046";
}
.fa-arrows:before {
  content: "\F047";
}
.fa-step-backward:before {
  content: "\F048";
}
.fa-fast-backward:before {
  content: "\F049";
}
.fa-backward:before {
  content: "\F04A";
}
.fa-play:before {
  content: "\F04B";
}
.fa-pause:before {
  content: "\F04C";
}
.fa-stop:before {
  content: "\F04D";
}
.fa-forward:before {
  content: "\F04E";
}
.fa-fast-forward:before {
  content: "\F050";
}
.fa-step-forward:before {
  content: "\F051";
}
.fa-eject:before {
  content: "\F052";
}
.fa-chevron-left:before {
  content: "\F053";
}
.fa-chevron-right:before {
  content: "\F054";
}
.fa-plus-circle:before {
  content: "\F055";
}
.fa-minus-circle:before {
  content: "\F056";
}
.fa-times-circle:before {
  content: "\F057";
}
.fa-check-circle:before {
  content: "\F058";
}
.fa-question-circle:before {
  content: "\F059";
}
.fa-info-circle:before {
  content: "\F05A";
}
.fa-crosshairs:before {
  content: "\F05B";
}
.fa-times-circle-o:before {
  content: "\F05C";
}
.fa-check-circle-o:before {
  content: "\F05D";
}
.fa-ban:before {
  content: "\F05E";
}
.fa-arrow-left:before {
  content: "\F060";
}
.fa-arrow-right:before {
  content: "\F061";
}
.fa-arrow-up:before {
  content: "\F062";
}
.fa-arrow-down:before {
  content: "\F063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\F064";
}
.fa-expand:before {
  content: "\F065";
}
.fa-compress:before {
  content: "\F066";
}
.fa-plus:before {
  content: "\F067";
}
.fa-minus:before {
  content: "\F068";
}
.fa-asterisk:before {
  content: "\F069";
}
.fa-exclamation-circle:before {
  content: "\F06A";
}
.fa-gift:before {
  content: "\F06B";
}
.fa-leaf:before {
  content: "\F06C";
}
.fa-fire:before {
  content: "\F06D";
}
.fa-eye:before {
  content: "\F06E";
}
.fa-eye-slash:before {
  content: "\F070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071";
}
.fa-plane:before {
  content: "\F072";
}
.fa-calendar:before {
  content: "\F073";
}
.fa-random:before {
  content: "\F074";
}
.fa-comment:before {
  content: "\F075";
}
.fa-magnet:before {
  content: "\F076";
}
.fa-chevron-up:before {
  content: "\F077";
}
.fa-chevron-down:before {
  content: "\F078";
}
.fa-retweet:before {
  content: "\F079";
}
.fa-shopping-cart:before {
  content: "\F07A";
}
.fa-folder:before {
  content: "\F07B";
}
.fa-folder-open:before {
  content: "\F07C";
}
.fa-arrows-v:before {
  content: "\F07D";
}
.fa-arrows-h:before {
  content: "\F07E";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080";
}
.fa-twitter-square:before {
  content: "\F081";
}
.fa-facebook-square:before {
  content: "\F082";
}
.fa-camera-retro:before {
  content: "\F083";
}
.fa-key:before {
  content: "\F084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\F085";
}
.fa-comments:before {
  content: "\F086";
}
.fa-thumbs-o-up:before {
  content: "\F087";
}
.fa-thumbs-o-down:before {
  content: "\F088";
}
.fa-star-half:before {
  content: "\F089";
}
.fa-heart-o:before {
  content: "\F08A";
}
.fa-sign-out:before {
  content: "\F08B";
}
.fa-linkedin-square:before {
  content: "\F08C";
}
.fa-thumb-tack:before {
  content: "\F08D";
}
.fa-external-link:before {
  content: "\F08E";
}
.fa-sign-in:before {
  content: "\F090";
}
.fa-trophy:before {
  content: "\F091";
}
.fa-github-square:before {
  content: "\F092";
}
.fa-upload:before {
  content: "\F093";
}
.fa-lemon-o:before {
  content: "\F094";
}
.fa-phone:before {
  content: "\F095";
}
.fa-square-o:before {
  content: "\F096";
}
.fa-bookmark-o:before {
  content: "\F097";
}
.fa-phone-square:before {
  content: "\F098";
}
.fa-twitter:before {
  content: "\F099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A";
}
.fa-github:before {
  content: "\F09B";
}
.fa-unlock:before {
  content: "\F09C";
}
.fa-credit-card:before {
  content: "\F09D";
}
.fa-feed:before,
.fa-rss:before {
  content: "\F09E";
}
.fa-hdd-o:before {
  content: "\F0A0";
}
.fa-bullhorn:before {
  content: "\F0A1";
}
.fa-bell:before {
  content: "\F0F3";
}
.fa-certificate:before {
  content: "\F0A3";
}
.fa-hand-o-right:before {
  content: "\F0A4";
}
.fa-hand-o-left:before {
  content: "\F0A5";
}
.fa-hand-o-up:before {
  content: "\F0A6";
}
.fa-hand-o-down:before {
  content: "\F0A7";
}
.fa-arrow-circle-left:before {
  content: "\F0A8";
}
.fa-arrow-circle-right:before {
  content: "\F0A9";
}
.fa-arrow-circle-up:before {
  content: "\F0AA";
}
.fa-arrow-circle-down:before {
  content: "\F0AB";
}
.fa-globe:before {
  content: "\F0AC";
}
.fa-wrench:before {
  content: "\F0AD";
}
.fa-tasks:before {
  content: "\F0AE";
}
.fa-filter:before {
  content: "\F0B0";
}
.fa-briefcase:before {
  content: "\F0B1";
}
.fa-arrows-alt:before {
  content: "\F0B2";
}
.fa-group:before,
.fa-users:before {
  content: "\F0C0";
}
.fa-chain:before,
.fa-link:before {
  content: "\F0C1";
}
.fa-cloud:before {
  content: "\F0C2";
}
.fa-flask:before {
  content: "\F0C3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5";
}
.fa-paperclip:before {
  content: "\F0C6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7";
}
.fa-square:before {
  content: "\F0C8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\F0C9";
}
.fa-list-ul:before {
  content: "\F0CA";
}
.fa-list-ol:before {
  content: "\F0CB";
}
.fa-strikethrough:before {
  content: "\F0CC";
}
.fa-underline:before {
  content: "\F0CD";
}
.fa-table:before {
  content: "\F0CE";
}
.fa-magic:before {
  content: "\F0D0";
}
.fa-truck:before {
  content: "\F0D1";
}
.fa-pinterest:before {
  content: "\F0D2";
}
.fa-pinterest-square:before {
  content: "\F0D3";
}
.fa-google-plus-square:before {
  content: "\F0D4";
}
.fa-google-plus:before {
  content: "\F0D5";
}
.fa-money:before {
  content: "\F0D6";
}
.fa-caret-down:before {
  content: "\F0D7";
}
.fa-caret-up:before {
  content: "\F0D8";
}
.fa-caret-left:before {
  content: "\F0D9";
}
.fa-caret-right:before {
  content: "\F0DA";
}
.fa-columns:before {
  content: "\F0DB";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\F0DD";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\F0DE";
}
.fa-envelope:before {
  content: "\F0E0";
}
.fa-linkedin:before {
  content: "\F0E1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4";
}
.fa-comment-o:before {
  content: "\F0E5";
}
.fa-comments-o:before {
  content: "\F0E6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7";
}
.fa-sitemap:before {
  content: "\F0E8";
}
.fa-umbrella:before {
  content: "\F0E9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA";
}
.fa-lightbulb-o:before {
  content: "\F0EB";
}
.fa-exchange:before {
  content: "\F0EC";
}
.fa-cloud-download:before {
  content: "\F0ED";
}
.fa-cloud-upload:before {
  content: "\F0EE";
}
.fa-user-md:before {
  content: "\F0F0";
}
.fa-stethoscope:before {
  content: "\F0F1";
}
.fa-suitcase:before {
  content: "\F0F2";
}
.fa-bell-o:before {
  content: "\F0A2";
}
.fa-coffee:before {
  content: "\F0F4";
}
.fa-cutlery:before {
  content: "\F0F5";
}
.fa-file-text-o:before {
  content: "\F0F6";
}
.fa-building-o:before {
  content: "\F0F7";
}
.fa-hospital-o:before {
  content: "\F0F8";
}
.fa-ambulance:before {
  content: "\F0F9";
}
.fa-medkit:before {
  content: "\F0FA";
}
.fa-fighter-jet:before {
  content: "\F0FB";
}
.fa-beer:before {
  content: "\F0FC";
}
.fa-h-square:before {
  content: "\F0FD";
}
.fa-plus-square:before {
  content: "\F0FE";
}
.fa-angle-double-left:before {
  content: "\F100";
}
.fa-angle-double-right:before {
  content: "\F101";
}
.fa-angle-double-up:before {
  content: "\F102";
}
.fa-angle-double-down:before {
  content: "\F103";
}
.fa-angle-left:before {
  content: "\F104";
}
.fa-angle-right:before {
  content: "\F105";
}
.fa-angle-up:before {
  content: "\F106";
}
.fa-angle-down:before {
  content: "\F107";
}
.fa-desktop:before {
  content: "\F108";
}
.fa-laptop:before {
  content: "\F109";
}
.fa-tablet:before {
  content: "\F10A";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B";
}
.fa-circle-o:before {
  content: "\F10C";
}
.fa-quote-left:before {
  content: "\F10D";
}
.fa-quote-right:before {
  content: "\F10E";
}
.fa-spinner:before {
  content: "\F110";
}
.fa-circle:before {
  content: "\F111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112";
}
.fa-github-alt:before {
  content: "\F113";
}
.fa-folder-o:before {
  content: "\F114";
}
.fa-folder-open-o:before {
  content: "\F115";
}
.fa-smile-o:before {
  content: "\F118";
}
.fa-frown-o:before {
  content: "\F119";
}
.fa-meh-o:before {
  content: "\F11A";
}
.fa-gamepad:before {
  content: "\F11B";
}
.fa-keyboard-o:before {
  content: "\F11C";
}
.fa-flag-o:before {
  content: "\F11D";
}
.fa-flag-checkered:before {
  content: "\F11E";
}
.fa-terminal:before {
  content: "\F120";
}
.fa-code:before {
  content: "\F121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123";
}
.fa-location-arrow:before {
  content: "\F124";
}
.fa-crop:before {
  content: "\F125";
}
.fa-code-fork:before {
  content: "\F126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127";
}
.fa-question:before {
  content: "\F128";
}
.fa-info:before {
  content: "\F129";
}
.fa-exclamation:before {
  content: "\F12A";
}
.fa-superscript:before {
  content: "\F12B";
}
.fa-subscript:before {
  content: "\F12C";
}
.fa-eraser:before {
  content: "\F12D";
}
.fa-puzzle-piece:before {
  content: "\F12E";
}
.fa-microphone:before {
  content: "\F130";
}
.fa-microphone-slash:before {
  content: "\F131";
}
.fa-shield:before {
  content: "\F132";
}
.fa-calendar-o:before {
  content: "\F133";
}
.fa-fire-extinguisher:before {
  content: "\F134";
}
.fa-rocket:before {
  content: "\F135";
}
.fa-maxcdn:before {
  content: "\F136";
}
.fa-chevron-circle-left:before {
  content: "\F137";
}
.fa-chevron-circle-right:before {
  content: "\F138";
}
.fa-chevron-circle-up:before {
  content: "\F139";
}
.fa-chevron-circle-down:before {
  content: "\F13A";
}
.fa-html5:before {
  content: "\F13B";
}
.fa-css3:before {
  content: "\F13C";
}
.fa-anchor:before {
  content: "\F13D";
}
.fa-unlock-alt:before {
  content: "\F13E";
}
.fa-bullseye:before {
  content: "\F140";
}
.fa-ellipsis-h:before {
  content: "\F141";
}
.fa-ellipsis-v:before {
  content: "\F142";
}
.fa-rss-square:before {
  content: "\F143";
}
.fa-play-circle:before {
  content: "\F144";
}
.fa-ticket:before {
  content: "\F145";
}
.fa-minus-square:before {
  content: "\F146";
}
.fa-minus-square-o:before {
  content: "\F147";
}
.fa-level-up:before {
  content: "\F148";
}
.fa-level-down:before {
  content: "\F149";
}
.fa-check-square:before {
  content: "\F14A";
}
.fa-pencil-square:before {
  content: "\F14B";
}
.fa-external-link-square:before {
  content: "\F14C";
}
.fa-share-square:before {
  content: "\F14D";
}
.fa-compass:before {
  content: "\F14E";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\F153";
}
.fa-gbp:before {
  content: "\F154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\F155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\F156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158";
}
.fa-won:before,
.fa-krw:before {
  content: "\F159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A";
}
.fa-file:before {
  content: "\F15B";
}
.fa-file-text:before {
  content: "\F15C";
}
.fa-sort-alpha-asc:before {
  content: "\F15D";
}
.fa-sort-alpha-desc:before {
  content: "\F15E";
}
.fa-sort-amount-asc:before {
  content: "\F160";
}
.fa-sort-amount-desc:before {
  content: "\F161";
}
.fa-sort-numeric-asc:before {
  content: "\F162";
}
.fa-sort-numeric-desc:before {
  content: "\F163";
}
.fa-thumbs-up:before {
  content: "\F164";
}
.fa-thumbs-down:before {
  content: "\F165";
}
.fa-youtube-square:before {
  content: "\F166";
}
.fa-youtube:before {
  content: "\F167";
}
.fa-xing:before {
  content: "\F168";
}
.fa-xing-square:before {
  content: "\F169";
}
.fa-youtube-play:before {
  content: "\F16A";
}
.fa-dropbox:before {
  content: "\F16B";
}
.fa-stack-overflow:before {
  content: "\F16C";
}
.fa-instagram:before {
  content: "\F16D";
}
.fa-flickr:before {
  content: "\F16E";
}
.fa-adn:before {
  content: "\F170";
}
.fa-bitbucket:before {
  content: "\F171";
}
.fa-bitbucket-square:before {
  content: "\F172";
}
.fa-tumblr:before {
  content: "\F173";
}
.fa-tumblr-square:before {
  content: "\F174";
}
.fa-long-arrow-down:before {
  content: "\F175";
}
.fa-long-arrow-up:before {
  content: "\F176";
}
.fa-long-arrow-left:before {
  content: "\F177";
}
.fa-long-arrow-right:before {
  content: "\F178";
}
.fa-apple:before {
  content: "\F179";
}
.fa-windows:before {
  content: "\F17A";
}
.fa-android:before {
  content: "\F17B";
}
.fa-linux:before {
  content: "\F17C";
}
.fa-dribbble:before {
  content: "\F17D";
}
.fa-skype:before {
  content: "\F17E";
}
.fa-foursquare:before {
  content: "\F180";
}
.fa-trello:before {
  content: "\F181";
}
.fa-female:before {
  content: "\F182";
}
.fa-male:before {
  content: "\F183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184";
}
.fa-sun-o:before {
  content: "\F185";
}
.fa-moon-o:before {
  content: "\F186";
}
.fa-archive:before {
  content: "\F187";
}
.fa-bug:before {
  content: "\F188";
}
.fa-vk:before {
  content: "\F189";
}
.fa-weibo:before {
  content: "\F18A";
}
.fa-renren:before {
  content: "\F18B";
}
.fa-pagelines:before {
  content: "\F18C";
}
.fa-stack-exchange:before {
  content: "\F18D";
}
.fa-arrow-circle-o-right:before {
  content: "\F18E";
}
.fa-arrow-circle-o-left:before {
  content: "\F190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191";
}
.fa-dot-circle-o:before {
  content: "\F192";
}
.fa-wheelchair:before {
  content: "\F193";
}
.fa-vimeo-square:before {
  content: "\F194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195";
}
.fa-plus-square-o:before {
  content: "\F196";
}
.fa-space-shuttle:before {
  content: "\F197";
}
.fa-slack:before {
  content: "\F198";
}
.fa-envelope-square:before {
  content: "\F199";
}
.fa-wordpress:before {
  content: "\F19A";
}
.fa-openid:before {
  content: "\F19B";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\F19C";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\F19D";
}
.fa-yahoo:before {
  content: "\F19E";
}
.fa-google:before {
  content: "\F1A0";
}
.fa-reddit:before {
  content: "\F1A1";
}
.fa-reddit-square:before {
  content: "\F1A2";
}
.fa-stumbleupon-circle:before {
  content: "\F1A3";
}
.fa-stumbleupon:before {
  content: "\F1A4";
}
.fa-delicious:before {
  content: "\F1A5";
}
.fa-digg:before {
  content: "\F1A6";
}
.fa-pied-piper-pp:before {
  content: "\F1A7";
}
.fa-pied-piper-alt:before {
  content: "\F1A8";
}
.fa-drupal:before {
  content: "\F1A9";
}
.fa-joomla:before {
  content: "\F1AA";
}
.fa-language:before {
  content: "\F1AB";
}
.fa-fax:before {
  content: "\F1AC";
}
.fa-building:before {
  content: "\F1AD";
}
.fa-child:before {
  content: "\F1AE";
}
.fa-paw:before {
  content: "\F1B0";
}
.fa-spoon:before {
  content: "\F1B1";
}
.fa-cube:before {
  content: "\F1B2";
}
.fa-cubes:before {
  content: "\F1B3";
}
.fa-behance:before {
  content: "\F1B4";
}
.fa-behance-square:before {
  content: "\F1B5";
}
.fa-steam:before {
  content: "\F1B6";
}
.fa-steam-square:before {
  content: "\F1B7";
}
.fa-recycle:before {
  content: "\F1B8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\F1B9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA";
}
.fa-tree:before {
  content: "\F1BB";
}
.fa-spotify:before {
  content: "\F1BC";
}
.fa-deviantart:before {
  content: "\F1BD";
}
.fa-soundcloud:before {
  content: "\F1BE";
}
.fa-database:before {
  content: "\F1C0";
}
.fa-file-pdf-o:before {
  content: "\F1C1";
}
.fa-file-word-o:before {
  content: "\F1C2";
}
.fa-file-excel-o:before {
  content: "\F1C3";
}
.fa-file-powerpoint-o:before {
  content: "\F1C4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\F1C5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\F1C6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\F1C7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8";
}
.fa-file-code-o:before {
  content: "\F1C9";
}
.fa-vine:before {
  content: "\F1CA";
}
.fa-codepen:before {
  content: "\F1CB";
}
.fa-jsfiddle:before {
  content: "\F1CC";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\F1CD";
}
.fa-circle-o-notch:before {
  content: "\F1CE";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\F1D0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\F1D1";
}
.fa-git-square:before {
  content: "\F1D2";
}
.fa-git:before {
  content: "\F1D3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\F1D4";
}
.fa-tencent-weibo:before {
  content: "\F1D5";
}
.fa-qq:before {
  content: "\F1D6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\F1D8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\F1D9";
}
.fa-history:before {
  content: "\F1DA";
}
.fa-circle-thin:before {
  content: "\F1DB";
}
.fa-header:before {
  content: "\F1DC";
}
.fa-paragraph:before {
  content: "\F1DD";
}
.fa-sliders:before {
  content: "\F1DE";
}
.fa-share-alt:before {
  content: "\F1E0";
}
.fa-share-alt-square:before {
  content: "\F1E1";
}
.fa-bomb:before {
  content: "\F1E2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\F1E3";
}
.fa-tty:before {
  content: "\F1E4";
}
.fa-binoculars:before {
  content: "\F1E5";
}
.fa-plug:before {
  content: "\F1E6";
}
.fa-slideshare:before {
  content: "\F1E7";
}
.fa-twitch:before {
  content: "\F1E8";
}
.fa-yelp:before {
  content: "\F1E9";
}
.fa-newspaper-o:before {
  content: "\F1EA";
}
.fa-wifi:before {
  content: "\F1EB";
}
.fa-calculator:before {
  content: "\F1EC";
}
.fa-paypal:before {
  content: "\F1ED";
}
.fa-google-wallet:before {
  content: "\F1EE";
}
.fa-cc-visa:before {
  content: "\F1F0";
}
.fa-cc-mastercard:before {
  content: "\F1F1";
}
.fa-cc-discover:before {
  content: "\F1F2";
}
.fa-cc-amex:before {
  content: "\F1F3";
}
.fa-cc-paypal:before {
  content: "\F1F4";
}
.fa-cc-stripe:before {
  content: "\F1F5";
}
.fa-bell-slash:before {
  content: "\F1F6";
}
.fa-bell-slash-o:before {
  content: "\F1F7";
}
.fa-trash:before {
  content: "\F1F8";
}
.fa-copyright:before {
  content: "\F1F9";
}
.fa-at:before {
  content: "\F1FA";
}
.fa-eyedropper:before {
  content: "\F1FB";
}
.fa-paint-brush:before {
  content: "\F1FC";
}
.fa-birthday-cake:before {
  content: "\F1FD";
}
.fa-area-chart:before {
  content: "\F1FE";
}
.fa-pie-chart:before {
  content: "\F200";
}
.fa-line-chart:before {
  content: "\F201";
}
.fa-lastfm:before {
  content: "\F202";
}
.fa-lastfm-square:before {
  content: "\F203";
}
.fa-toggle-off:before {
  content: "\F204";
}
.fa-toggle-on:before {
  content: "\F205";
}
.fa-bicycle:before {
  content: "\F206";
}
.fa-bus:before {
  content: "\F207";
}
.fa-ioxhost:before {
  content: "\F208";
}
.fa-angellist:before {
  content: "\F209";
}
.fa-cc:before {
  content: "\F20A";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\F20B";
}
.fa-meanpath:before {
  content: "\F20C";
}
.fa-buysellads:before {
  content: "\F20D";
}
.fa-connectdevelop:before {
  content: "\F20E";
}
.fa-dashcube:before {
  content: "\F210";
}
.fa-forumbee:before {
  content: "\F211";
}
.fa-leanpub:before {
  content: "\F212";
}
.fa-sellsy:before {
  content: "\F213";
}
.fa-shirtsinbulk:before {
  content: "\F214";
}
.fa-simplybuilt:before {
  content: "\F215";
}
.fa-skyatlas:before {
  content: "\F216";
}
.fa-cart-plus:before {
  content: "\F217";
}
.fa-cart-arrow-down:before {
  content: "\F218";
}
.fa-diamond:before {
  content: "\F219";
}
.fa-ship:before {
  content: "\F21A";
}
.fa-user-secret:before {
  content: "\F21B";
}
.fa-motorcycle:before {
  content: "\F21C";
}
.fa-street-view:before {
  content: "\F21D";
}
.fa-heartbeat:before {
  content: "\F21E";
}
.fa-venus:before {
  content: "\F221";
}
.fa-mars:before {
  content: "\F222";
}
.fa-mercury:before {
  content: "\F223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\F224";
}
.fa-transgender-alt:before {
  content: "\F225";
}
.fa-venus-double:before {
  content: "\F226";
}
.fa-mars-double:before {
  content: "\F227";
}
.fa-venus-mars:before {
  content: "\F228";
}
.fa-mars-stroke:before {
  content: "\F229";
}
.fa-mars-stroke-v:before {
  content: "\F22A";
}
.fa-mars-stroke-h:before {
  content: "\F22B";
}
.fa-neuter:before {
  content: "\F22C";
}
.fa-genderless:before {
  content: "\F22D";
}
.fa-facebook-official:before {
  content: "\F230";
}
.fa-pinterest-p:before {
  content: "\F231";
}
.fa-whatsapp:before {
  content: "\F232";
}
.fa-server:before {
  content: "\F233";
}
.fa-user-plus:before {
  content: "\F234";
}
.fa-user-times:before {
  content: "\F235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\F236";
}
.fa-viacoin:before {
  content: "\F237";
}
.fa-train:before {
  content: "\F238";
}
.fa-subway:before {
  content: "\F239";
}
.fa-medium:before {
  content: "\F23A";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\F23B";
}
.fa-optin-monster:before {
  content: "\F23C";
}
.fa-opencart:before {
  content: "\F23D";
}
.fa-expeditedssl:before {
  content: "\F23E";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\F240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244";
}
.fa-mouse-pointer:before {
  content: "\F245";
}
.fa-i-cursor:before {
  content: "\F246";
}
.fa-object-group:before {
  content: "\F247";
}
.fa-object-ungroup:before {
  content: "\F248";
}
.fa-sticky-note:before {
  content: "\F249";
}
.fa-sticky-note-o:before {
  content: "\F24A";
}
.fa-cc-jcb:before {
  content: "\F24B";
}
.fa-cc-diners-club:before {
  content: "\F24C";
}
.fa-clone:before {
  content: "\F24D";
}
.fa-balance-scale:before {
  content: "\F24E";
}
.fa-hourglass-o:before {
  content: "\F250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253";
}
.fa-hourglass:before {
  content: "\F254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256";
}
.fa-hand-scissors-o:before {
  content: "\F257";
}
.fa-hand-lizard-o:before {
  content: "\F258";
}
.fa-hand-spock-o:before {
  content: "\F259";
}
.fa-hand-pointer-o:before {
  content: "\F25A";
}
.fa-hand-peace-o:before {
  content: "\F25B";
}
.fa-trademark:before {
  content: "\F25C";
}
.fa-registered:before {
  content: "\F25D";
}
.fa-creative-commons:before {
  content: "\F25E";
}
.fa-gg:before {
  content: "\F260";
}
.fa-gg-circle:before {
  content: "\F261";
}
.fa-tripadvisor:before {
  content: "\F262";
}
.fa-odnoklassniki:before {
  content: "\F263";
}
.fa-odnoklassniki-square:before {
  content: "\F264";
}
.fa-get-pocket:before {
  content: "\F265";
}
.fa-wikipedia-w:before {
  content: "\F266";
}
.fa-safari:before {
  content: "\F267";
}
.fa-chrome:before {
  content: "\F268";
}
.fa-firefox:before {
  content: "\F269";
}
.fa-opera:before {
  content: "\F26A";
}
.fa-internet-explorer:before {
  content: "\F26B";
}
.fa-tv:before,
.fa-television:before {
  content: "\F26C";
}
.fa-contao:before {
  content: "\F26D";
}
.fa-500px:before {
  content: "\F26E";
}
.fa-amazon:before {
  content: "\F270";
}
.fa-calendar-plus-o:before {
  content: "\F271";
}
.fa-calendar-minus-o:before {
  content: "\F272";
}
.fa-calendar-times-o:before {
  content: "\F273";
}
.fa-calendar-check-o:before {
  content: "\F274";
}
.fa-industry:before {
  content: "\F275";
}
.fa-map-pin:before {
  content: "\F276";
}
.fa-map-signs:before {
  content: "\F277";
}
.fa-map-o:before {
  content: "\F278";
}
.fa-map:before {
  content: "\F279";
}
.fa-commenting:before {
  content: "\F27A";
}
.fa-commenting-o:before {
  content: "\F27B";
}
.fa-houzz:before {
  content: "\F27C";
}
.fa-vimeo:before {
  content: "\F27D";
}
.fa-black-tie:before {
  content: "\F27E";
}
.fa-fonticons:before {
  content: "\F280";
}
.fa-reddit-alien:before {
  content: "\F281";
}
.fa-edge:before {
  content: "\F282";
}
.fa-credit-card-alt:before {
  content: "\F283";
}
.fa-codiepie:before {
  content: "\F284";
}
.fa-modx:before {
  content: "\F285";
}
.fa-fort-awesome:before {
  content: "\F286";
}
.fa-usb:before {
  content: "\F287";
}
.fa-product-hunt:before {
  content: "\F288";
}
.fa-mixcloud:before {
  content: "\F289";
}
.fa-scribd:before {
  content: "\F28A";
}
.fa-pause-circle:before {
  content: "\F28B";
}
.fa-pause-circle-o:before {
  content: "\F28C";
}
.fa-stop-circle:before {
  content: "\F28D";
}
.fa-stop-circle-o:before {
  content: "\F28E";
}
.fa-shopping-bag:before {
  content: "\F290";
}
.fa-shopping-basket:before {
  content: "\F291";
}
.fa-hashtag:before {
  content: "\F292";
}
.fa-bluetooth:before {
  content: "\F293";
}
.fa-bluetooth-b:before {
  content: "\F294";
}
.fa-percent:before {
  content: "\F295";
}
.fa-gitlab:before {
  content: "\F296";
}
.fa-wpbeginner:before {
  content: "\F297";
}
.fa-wpforms:before {
  content: "\F298";
}
.fa-envira:before {
  content: "\F299";
}
.fa-universal-access:before {
  content: "\F29A";
}
.fa-wheelchair-alt:before {
  content: "\F29B";
}
.fa-question-circle-o:before {
  content: "\F29C";
}
.fa-blind:before {
  content: "\F29D";
}
.fa-audio-description:before {
  content: "\F29E";
}
.fa-volume-control-phone:before {
  content: "\F2A0";
}
.fa-braille:before {
  content: "\F2A1";
}
.fa-assistive-listening-systems:before {
  content: "\F2A2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4";
}
.fa-glide:before {
  content: "\F2A5";
}
.fa-glide-g:before {
  content: "\F2A6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7";
}
.fa-low-vision:before {
  content: "\F2A8";
}
.fa-viadeo:before {
  content: "\F2A9";
}
.fa-viadeo-square:before {
  content: "\F2AA";
}
.fa-snapchat:before {
  content: "\F2AB";
}
.fa-snapchat-ghost:before {
  content: "\F2AC";
}
.fa-snapchat-square:before {
  content: "\F2AD";
}
.fa-pied-piper:before {
  content: "\F2AE";
}
.fa-first-order:before {
  content: "\F2B0";
}
.fa-yoast:before {
  content: "\F2B1";
}
.fa-themeisle:before {
  content: "\F2B2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4";
}
.fa-handshake-o:before {
  content: "\F2B5";
}
.fa-envelope-open:before {
  content: "\F2B6";
}
.fa-envelope-open-o:before {
  content: "\F2B7";
}
.fa-linode:before {
  content: "\F2B8";
}
.fa-address-book:before {
  content: "\F2B9";
}
.fa-address-book-o:before {
  content: "\F2BA";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC";
}
.fa-user-circle:before {
  content: "\F2BD";
}
.fa-user-circle-o:before {
  content: "\F2BE";
}
.fa-user-o:before {
  content: "\F2C0";
}
.fa-id-badge:before {
  content: "\F2C1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3";
}
.fa-quora:before {
  content: "\F2C4";
}
.fa-free-code-camp:before {
  content: "\F2C5";
}
.fa-telegram:before {
  content: "\F2C6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB";
}
.fa-shower:before {
  content: "\F2CC";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD";
}
.fa-podcast:before {
  content: "\F2CE";
}
.fa-window-maximize:before {
  content: "\F2D0";
}
.fa-window-minimize:before {
  content: "\F2D1";
}
.fa-window-restore:before {
  content: "\F2D2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4";
}
.fa-bandcamp:before {
  content: "\F2D5";
}
.fa-grav:before {
  content: "\F2D6";
}
.fa-etsy:before {
  content: "\F2D7";
}
.fa-imdb:before {
  content: "\F2D8";
}
.fa-ravelry:before {
  content: "\F2D9";
}
.fa-eercast:before {
  content: "\F2DA";
}
.fa-microchip:before {
  content: "\F2DB";
}
.fa-snowflake-o:before {
  content: "\F2DC";
}
.fa-superpowers:before {
  content: "\F2DD";
}
.fa-wpexplorer:before {
  content: "\F2DE";
}
.fa-meetup:before {
  content: "\F2E0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
@charset "UTF-8";
/* 定義及初始化 */
/*
** phone: 320px = 20em
** tablet: 768px = 48em
** desktop: 980px = 61.25em
** wide: 1280px = 80em
*/
body, .CardAnc-title, .CardMessenger-title, .CardContractStore-title, .page-setting .block, .CardAbout-title {
  font-family: 'arudjingxiheib5_db', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFangTC-Regular', 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', sans-serif;
}

.form-group > label, .Notification-item-header .title, .CardPkg-id, .CardAnc-attachments-link, .CardMessenger-attachments-link, .CardContractStore-attachments-link, .CardReservation-id {
  font-family: 'arudjingxiheib5_db', 'Helvetica Neue-Medium', 'Helvetica', 'Arial', 'PingFangTC-Medium', 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', sans-serif;
  font-weight: 400;
}

.Information-content .temperature, .Information-content .time {
  font-family: 'arudjingxiheib5_db', 'HelveticaNeue-UltraLight', 'Helvetica', 'Arial', 'PingFangTC-Ultralight', 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', sans-serif;
  font-weight: 100;
}

.Information-content .sayHi {
  font-family: 'arudjingxiheib5_db', 'HelveticaNeue-Light', 'Helvetica', 'Arial', 'PingFangTC-Light', 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', sans-serif;
  font-weight: 300;
}

.CardAnc-activeTime, .CardAnc-info, .CardMessenger-info, .CardContractStore-info {
  font-family: 'arudjingxiheib5_db', 'HelveticaNeue-Thin', 'Helvetica', 'Arial', 'PingFangTC-Thin', 'Microsoft JhengHei', '\5FAE\8EDF\6B63\9ED1\9AD4', sans-serif;
  font-weight: 300;
}

a {
  color: #8cc8cf;
}

label {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 2.3;
}

@media (min-width: 48em) {
  label {
    margin-bottom: 5px;
  }
}

.bootstrap-tagsinput {
  margin-bottom: 0;
}

.bootstrap-tagsinput .tag {
  padding: 6px 10px;
}

@media (min-width: 48em) {
  .bootstrap-tagsinput .tag {
    padding: 6px 21px;
  }
}

.btn:not(:last-child) {
  margin-right: 5px;
}

.btn-sm {
  padding: 5px 10px;
  border-radius: 6px;
}

.btn-default {
  background: #8cc8cf;
  color: white;
  outline: 0 !important;
}

.btn-default:hover {
  color: white;
  background: #afdadf;
}

.btn-default:focus, .btn-default.focus {
  color: white;
  background: #8cc8cf;
}

.btn-default:active, .btn-default.active {
  color: white !important;
  background: #66abb2;
}

.btn-toggleable {
  background: #eeeeef;
  color: #72747f;
  outline: 0 !important;
  /*&:hover {
        color: white;
        background: $ui-color-toggleable-hover; 
    }*/
}

.btn-toggleable:focus, .btn-toggleable.focus {
  background: #eeeeef;
  color: #72747f;
}

.btn-toggleable:active, .btn-toggleable.active {
  color: white !important;
  background: #8cc8cf !important;
}

.btn-toggleable.btn-selected {
  color: white;
  background: #6dabb2;
}

.btn-primary {
  background: #eecc5d;
  border-color: #eecc5d;
}

.btn-primary:hover {
  background: #ffda61;
  border-color: #ffda61;
}

.btn-primary:hover:active {
  background: #e7be39;
  border-color: #e7be39;
}

.btn-primary:focus {
  background: #e7be39;
  border-color: #e7be39;
  outline: none;
}

.btn-primary:focus:active {
  background: #e7be39;
  border-color: #e7be39;
  outline: none;
}

.btn-primary:active {
  background: #e7be39;
  border-color: #e7be39;
}

.btn-link {
  color: #aaaaaa;
}

.btn-link:hover {
  color: #8cc8cf;
}

.btn.disabled {
  color: #72747f;
  border: 1px solid #aaaaaa;
  background: none;
}

.btn.signature {
  border: 1px solid #72747f;
}

.nav-tabs {
  margin-bottom: 0;
}

.nav-tabs > li {
  float: left;
  text-align: center;
}

.nav-tabs > li.active > a {
  color: inherit;
}

.nav-tabs > li.active > a:focus {
  color: inherit;
}

.nav-tabs > li > a {
  font-size: 16px;
  font-weight: normal;
  padding: 12px 5px;
  margin-bottom: 0;
  margin-right: 0;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  /*padding: 12px 21px;*/
  color: inherit !important;
}

.tab-content {
  border: 0;
  padding: 0;
  margin-bottom: 0;
  border-radius: 0;
}

.pagination ul.dropdown-menu {
  display: none;
}

.pagination .open .dropdown-menu {
  display: block;
}

.pagination li.next, .pagination li.previous {
  background: none;
}

.pagination li.next > a, .pagination li.previous > a {
  border: 0;
}

.pagination li.active > a {
  background: #8cc8cf;
}

.pagination li.active > a:hover {
  background: #8cc8cf;
}

.pagination li > a {
  color: #72747f;
  border: 0;
}

.pagination li > a:hover {
  background: none;
  color: #8cc8cf;
}

.form-group {
  position: relative;
  margin-bottom: 3px;
}

@media (min-width: 48em) {
  .form-group {
    margin-bottom: 20px;
  }
}

.form-group:only-child {
  margin-bottom: 0;
}

.form-control, .bootstrap-tagsinput {
  border-color: #dddddd;
}

.form-control:focus, .bootstrap-tagsinput:focus {
  border: 2px solid #8cc8cf;
  box-shadow: none;
}

.ui-datepicker {
  border-color: #8cc8cf;
}

.ui-datepicker .ui-datepicker-header {
  background: #8cc8cf;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  border-color: white;
}

.ui-datepicker .ui-state-active {
  background: #8cc8cf;
}

.checkbox input[type='checkbox'].custom-checkbox:checked + .icons .icon-checked {
  color: #8cc8cf;
}

.radio input[type='radio'].custom-radio:checked + .icons .icon-checked {
  color: #8cc8cf;
}

.modal.fade .modal-dialog {
  -ms-transform: translate(-50%, -75%);
      transform: translate(-50%, -75%);
}

.modal.in .modal-dialog {
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.modal-dialog {
  z-index: 1040;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  min-width: 280px;
}

.modal-backdrop {
  height: 300vh !important;
}

.modal-backdrop.in {
  background: black;
  opacity: .3;
}

.modal-content {
  border: 0;
  box-shadow: 0 2px 4px rgba(6, 7, 7, 0.33);
}

.modal-header {
  padding: 15px;
  border-bottom-width: 1px;
}

.modal-title {
  font-size: 18px;
}

.modal-body {
  padding: 15px;
  max-height: 80vh;
  overflow: auto;
}

.modal-footer {
  background: none;
  padding: 15px;
  padding-top: 0;
}

.modal-footer .btn {
  display: inline-block;
  margin-bottom: 0;
}

.select-default .select2-choice {
  background: white;
  border: 2px solid #dddddd;
  color: #72747f;
}

.select-default .select2-choice:hover, .select-default .select2-choice.hover, .select-default .select2-choice:focus, .select-default .select2-choice:active {
  background: white;
  border-color: #dddddd;
  color: #72747f;
  text-decoration: none;
}

.select-default .select2-choice .select2-arrow {
  border-top-color: #aaaaaa;
}

.select2-dropdown-open .select2-choice {
  border-color: #8cc8cf;
}

.select2-drop {
  background: white;
  border: 2px solid #8cc8cf;
  border-radius: 6px;
}

.select2-drop .select2-highlighted > .select2-result-label {
  background: #8cc8cf;
}

.select2-drop .select2-highlighted > .select2-result-label:hover {
  background: #8cc8cf;
  color: white;
}

.select2-choice {
  height: 42px;
  border-radius: 6px;
}

.u-link-noUnderline a:hover, .u-link-noUnderline a:focus {
  text-decoration: none;
}

.u-gray-link {
  color: #aaaaaa;
}

.u-gray-link:hover {
  color: #8cc8cf;
}

.u-white-link {
  color: #ffffff;
}

.u-white-link:hover {
  color: #ffffff;
}

.u-red-link {
  color: #ff0000;
}

.u-red-link:hover {
  color: #8cc8cf;
}

.u-color-main-link {
  color: #8cc8cf;
}

.u-color-main-link:hover {
  color: #8cc8cf;
}

.u-bg-white {
  background: white;
}

.u-break-all {
  word-break: break-all;
}

@media (min-width: 48em) {
  .u-show-mobile {
    display: none;
  }
}

.u-show-tabletUp {
  display: none;
}

@media (min-width: 48em) {
  .u-show-tabletUp {
    display: block;
  }
}

.u-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.u-flex.is-flexStart {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.u-color-inherit {
  color: inherit;
}

.u-color-inherit:hover, .u-color-inherit:active, .u-color-inherit:focus {
  color: inherit;
}

.u-font-s {
  font-size: .875em;
}

.u-text-center {
  text-align: center;
}

.u-text-center .floor-box {
  margin-bottom: 65px;
}

.u-text-right {
  text-align: right;
}

md-radio-button .md-label {
  margin-left: 7px !important;
  font-size: 14px;
}

md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-off,
md-radio-group:not([disabled]) .md-primary .md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-off,
md-radio-group:not([disabled]) .md-primary.md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-off,
md-radio-group:not([disabled]).md-primary .md-checked .md-off,
md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-off,
md-radio-group:not([disabled]).md-primary.md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-off,
md-radio-button:not([disabled]) .md-primary .md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-off,
md-radio-button:not([disabled]) .md-primary.md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-off,
md-radio-button:not([disabled]).md-primary .md-checked .md-off,
md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-off,
md-radio-button:not([disabled]).md-primary.md-checked .md-off {
  border-color: #8cc8cf;
}

md-radio-group.md-default-theme:not([disabled]) .md-primary .md-on,
md-radio-group:not([disabled]) .md-primary .md-on,
md-radio-group.md-default-theme:not([disabled]).md-primary .md-on,
md-radio-group:not([disabled]).md-primary .md-on,
md-radio-button.md-default-theme:not([disabled]) .md-primary .md-on,
md-radio-button:not([disabled]) .md-primary .md-on,
md-radio-button.md-default-theme:not([disabled]).md-primary .md-on,
md-radio-button:not([disabled]).md-primary .md-on {
  background-color: #8cc8cf;
}

md-radio-group.md-default-theme.md-primary .md-checked:not([disabled]) .md-ink-ripple,
md-radio-group.md-primary .md-checked:not([disabled]) .md-ink-ripple,
md-radio-group.md-default-theme .md-checked:not([disabled]).md-primary .md-ink-ripple,
md-radio-group .md-checked:not([disabled]).md-primary .md-ink-ripple {
  color: rgba(140, 200, 207, 0.26);
}

md-radio-button.md-checked .md-on {
  -webkit-transform: scale(0.35);
  -ms-transform: scale(0.35);
}

md-radio-button .md-off {
  border-width: 4px;
}

md-radio-button.md-default-theme .md-off, md-radio-button .md-off {
  border-color: rgba(0, 0, 0, 0.3);
}

md-progress-circular.md-default-theme path, md-progress-circular path {
  stroke: #00A8C0;
}

/* partials */
.Header {
  color: white;
}

.Header-menu {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}

.Header-menu a {
  color: white;
}

.Header-menu--small {
  width: 100%;
  height: 50px;
  padding-right: 20px;
  line-height: 50px;
  display: block;
  transition: background .2s;
  z-index: 3;
}

.Header-menu--small .is-overlapped {
  background: #8cc8cf;
}

@media (min-width: 80em) {
  .Header-menu--small {
    display: none;
  }
}

.Header-menu--small .u-flex {
  position: relative;
}

.Header-menu--small .title {
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.Header-menu--small .actionItem {
  display: inline-block;
  margin-left: 20px;
}

.Header-menu--small .actionLink {
  font-size: .8em;
}

.Header-menu--small .js-MenuToggle {
  cursor: pointer;
  padding-left: 20px;
  width: 100px;
  z-index: 100;
  position: absolute;
}

.Header-menu--small .js-MenuToggle.back-left {
  font-size: 20px;
}

.Header-menu--small .back {
  cursor: pointer;
  width: 80px;
  z-index: 100;
  position: absolute;
  right: 0;
  text-align: right;
}

@media (min-width: 48em) {
  .Header-menu--small .back {
    display: none;
  }
}

.Header-menu--big {
  height: 120px;
  padding: 0 25px;
  display: none;
  transition: height .3s;
  z-index: 4;
}

@media (min-width: 80em) {
  .Header-menu--big {
    display: block;
  }
}

@media (min-width: 80em) {
  .Header-menu--big {
    padding-left: 280px;
  }
}

.Header-menu--big.is-collapsed {
  height: 64px;
}

.Header-menu--big .u-flex {
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  -ms-flex-align: center;
      align-items: center;
}

.Header-menu--big .logoBlock {
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

@media (min-width: 80em) {
  .Header-menu--big .logoBlock {
    -ms-transform: translateX(100px);
        transform: translateX(100px);
  }
}

.Header-menu--big .title {
  display: inline-block;
}

.Header-menu--big .title:before {
  content: '/';
  padding-left: 10px;
  padding-right: 13px;
}

.Header-menu--big .title.noslash:before {
  content: '';
  padding-left: 0px;
  padding-right: 0px;
  font-size: 20px;
  font-weight: 600;
}

.Header-menu--big .hamburger {
  margin-right: 25px;
  cursor: pointer;
}

@media (min-width: 80em) {
  .Header-menu--big .hamburger {
    display: none;
  }
}

.Header-menu--big .actions {
  margin-right: 75px;
}

.Header-menu--big .actionItem {
  display: inline-block;
  height: 42px;
  line-height: 42px;
}

.Header-menu--big .actionItem + .actionItem {
  margin-left: 10px;
}

.Header-menu--big .actionItem button {
  border-radius: 16px;
}

.Header-menu--big .actionLink {
  display: block;
}

.Header-menu--big .actionLink--primary {
  padding: 0 10px;
  padding-right: 16px;
  border-radius: 100px;
  background: #eecc5d;
}

.Header-menu--big .actionLink--primary:hover {
  background: #ffda61;
}

.Header-menu--big .actionLink--primary:active {
  background: #e7be39;
}

.Header-menu--big .actionLink--primary .Icon {
  font-size: .8em;
  margin-right: 5px;
}

.Header-menu--big .actionLink--search {
  background: white;
  width: 42px;
  height: 42px;
  text-align: center;
  border-radius: 50%;
}

.Header-menu--big .actionLink--search .Icon {
  color: #aaaaaa;
}

.Header-menu--big .actionLink--search:hover {
  background: #aaaaaa;
}

.Header-menu--big .actionLink--search:hover .Icon {
  color: white;
}

.Header-menu--big .actionLink--search:active {
  background: #72747f;
}

.Header-menu--big .actionLink--search:active .Icon {
  color: white;
}

.Header-menu--big .actionLink--close {
  display: none;
}

.Header .header-overlay {
  position: fixed;
  left: 0;
  top: 50px;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .1s .3s;
  cursor: pointer;
  z-index: 5;
}

.Header .header-overlay.isOpen {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s .1s, visibility .1s;
}

@media (min-width: 80em) {
  .Header .header-overlay {
    top: 120px;
  }
  .Header .header-overlay.is-collapsed {
    top: 64px;
  }
}

.Header .allSortIdBox {
  position: fixed;
  top: 51px;
  right: 0px;
  min-width: 150px;
  background-color: white;
  z-index: 6;
  overflow: auto;
  color: #555;
  border-radius: 6px;
  padding: 10px;
  line-height: 2em;
  text-align: center;
  font-size: 1.2em;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .1s .3s;
}

.Header .allSortIdBox.isOpen {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s .1s, visibility .1s;
  overflow-y: auto;
  max-height: calc(100vh - 51px);
}

@media (min-width: 80em) {
  .Header .allSortIdBox {
    top: 120px;
  }
  .Header .allSortIdBox.is-collapsed {
    top: 64px;
  }
}

.Header .allSortIdBox::-webkit-scrollbar-track {
  background: white;
}

.Header .allSortIdBox::-webkit-scrollbar-thumb {
  background: #aaaaaa;
  border: 5px solid white;
  border-radius: 50px;
}

.Header-menu {
  background: #8cc8cf;
}

.Header-menu.selectIsCommunity {
  background: #80b4de;
}

.Header-menu.weather {
  background-color: transparent;
}

.community .Header-menu.weather {
  background-color: #80b4de;
}

@media (min-width: 80em) {
  .page-overview .Header-menu {
    background: transparent;
  }
}

.Header-menu--small.home {
  background-color: #8cc8cf;
}

.Header-menu--small.package {
  background-color: #c8b07e;
}

.Header-menu--small.announcement {
  background-color: #80b4de;
}

.Header-menu--small.publicFacility {
  background-color: #ee8a5d;
}

.Header-menu--small.fee {
  background-color: #aaaaaa;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.Menu ::-webkit-scrollbar {
  width: 7px;
}

.Menu-instance {
  overflow: hidden;
  width: 320px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px;
  -ms-transform: translateX(-100vw);
      transform: translateX(-100vw);
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  z-index: 6;
}

@media (min-width: 48em) {
  .Menu-instance:hover {
    overflow: auto;
    overflow-x: hidden;
  }
}

@media (min-width: 80em) {
  .Menu-instance {
    -ms-transform: translateX(0);
        transform: translateX(0);
    padding-top: 40;
  }
}

.is-menuOpen .Menu-instance {
  -ms-transform: translateX(0);
      transform: translateX(0);
}

.Menu-top {
  position: relative;
  height: 46px;
  background-color: #8cc8cf;
}

.Menu-top .Menu-app-name {
  color: #fff;
  width: 100%;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 18px;
}

.Menu-top .js-MenuToggle {
  position: absolute;
  top: 11px;
  right: 10px;
  width: 25px;
  height: 25px;
}

@media (min-width: 80em) {
  .Menu-top .js-MenuToggle {
    display: none;
  }
}

.Menu-header .cover {
  position: relative;
  display: block;
  height: 130px;
  padding: 15px;
}

.Menu-header .cover:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(rgba(0, 0, 0, 0.3) 0%, transparent 50%);
}

.Menu-header .cover-image {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.Menu-header .cover-title {
  position: absolute;
  color: white;
  z-index: 2;
}

.Menu-header .Avatar {
  position: relative;
  margin-left: 20px;
  margin-top: -44px;
  width: 88px;
  height: 88px;
  border: 5px solid white;
  background-color: #f5f5f5;
  display: block;
  overflow: hidden;
  z-index: 100;
}

.Menu-header .Avatar .AvatarImg {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.Menu-header .Avatar .edit {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 88px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 10px;
}

.Menu-header .name-box {
  position: absolute;
  top: 145px;
  left: 120px;
  z-index: 101;
  height: 60px;
  line-height: 30px;
  font-weight: 100;
}

.Menu-header .name-box .username, .Menu-header .name-box .visitor {
  color: #fff;
  max-width: 190px;
  overflow: hidden;
}

.Menu-header .name-box .email {
  color: #bababb;
  max-width: 190px;
  overflow: hidden;
}

.Menu-header .black-box {
  position: absolute;
  top: 130px;
  width: 100%;
  height: 45px;
  z-index: 99;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 10%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.5) 10%, rgba(255, 255, 255, 0) 100%);
}

.Menu-info {
  position: relative;
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
}

.Menu-info .about-cirple {
  color: #8cc8cf;
  border-bottom: 1px solid;
  font-weight: bold;
}

.Menu-info .Menu-info-line {
  display: inline-block;
  width: 1px;
  height: 18px;
  border-left: 1px solid #8cc8cf;
  margin: 0 10px;
  position: relative;
  top: 4px;
}

.Menu-info .call-me {
  color: #8cc8cf;
  border-bottom: 1px solid;
  font-weight: bold;
}

.Menu-info .call-me .mail {
  width: 17px;
  margin-top: -5px;
}

.tab-box .btnlist {
  position: relative;
  padding-top: 20px;
  width: 274px;
  margin: 0 auto;
  color: #8cc8cf;
}

.tab-box .btnlist .Menu-title {
  border-bottom: 5px solid;
  width: 100%;
  color: #8cc8cf;
  margin-bottom: 10px;
  font-weight: bold;
}

.tab-box .btnlist .Menu-title.is-community {
  color: #80b4de;
}

.tab-box .btnlist .btn {
  position: relative;
  width: 129px;
  height: 56px;
  line-height: 56px;
  margin: 0px;
  margin-bottom: 10px;
  padding: 0;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
  font-size: 16px;
  display: inline-block;
  font-weight: bold;
}

.tab-box .btnlist .btn.payment img {
  vertical-align: baseline;
}

.tab-box .btnlist .btn img {
  vertical-align: sub;
  width: 24px;
}

.tab-box .btnlist .btn.is-active {
  border: 2px solid #8cc8cf;
  outline: none;
}

.tab-box .btnlist .btn:nth-child(even) {
  margin-right: 10px;
}

.tab-box .btnlist .setting-btn {
  width: 70px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 3px;
  background-color: #8cc8cf;
  color: #fff;
  position: absolute;
  top: -5px;
  right: 0px;
}

.tab-box .btnlist .life, .tab-box .btnlist .community {
  margin-bottom: 10px;
}

.tab-box .btnlist .no-community {
  color: #bababb;
  margin-left: 57px;
}

.tab-box .btnlist .key-number {
  border-bottom: 1px solid;
}

.tab-box .btnlist .selectCommunity {
  margin: 0 auto;
  margin-top: 10px;
  width: 160px;
  height: 48px;
  line-height: 48px;
  border-radius: 6px;
  background-color: #eecc5d;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #fff;
}

.tab-box .btnlist button.btn:disabled {
  background: #e4e4e4;
}

.tab-box .btnlist button.btn:disabled:hover {
  color: #80b4de;
}

.tab-box .is-community {
  color: #80b4de;
}

.is-home .Menu-link:before {
  background: #8cc8cf;
}

.is-package .Menu-link:before {
  background: #c8b07e;
}

.is-announcement .Menu-link:before {
  background: #80b4de;
}

.is-publicFacility .Menu-link:before {
  background: #ee8a5d;
}

.is-adminCenter .Menu-link:before {
  background: #aa8ccf;
}

.is-contractStore .Menu-link:before {
  background: #A0CD73;
}

.is-default .Menu-link:before {
  background: #72747f;
}

@media (min-width: 370px) {
  .Menu-instance .js-MenuToggle {
    display: none;
  }
}

@media (min-height: 780px) {
  .Menu-info {
    position: fixed;
    bottom: 0;
  }
}

.life-kgi-DM-model {
  position: relative;
  background-color: #4ac2c8;
}

.life-kgi-DM-model img {
  max-width: 100%;
  max-height: 85Vh;
}

.life-kgi-DM-model .close {
  margin: 1%;
}

.life-kgi-DM-model .no-show-kgi-box {
  width: 100%;
  margin-top: -5%;
  padding-bottom: 10px;
}

.life-kgi-DM-model .checkbox-div {
  width: 80%;
  margin: 1% 6%;
  color: #fff;
}

.life-kgi-DM-model .checkbox-div .checkbox {
  margin: 0;
  display: inline-block;
  width: 20px;
}

.life-kgi-DM-model .hard-BBAR-box {
  width: 100%;
  height: 32px;
  padding: 0 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  background-color: #edc349;
}

.life-kgi-DM-model .hard-BBAR-box .no-show-BBAR-DM {
  width: 95px;
  padding: 5px 0;
}

.life-kgi-DM-model .hard-BBAR-box .no-show-BBAR-DM .checkbox-div-BBAR {
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.life-kgi-DM-model .hard-BBAR-box .no-show-BBAR-DM .checkbox-div-BBAR .checkbox {
  margin: 0;
  display: inline-block;
  width: 20px;
}

.life-kgi-DM-model .hard-BBAR-box .fa.fa-times-circle-o.BBARclose {
  font-size: 25px;
  color: #fff;
}

.life-kgi-DM-model .click-button {
  border-radius: 5px;
  color: #fff;
  box-shadow: 0px 0px 5px #888888;
  width: 90%;
  height: 40px;
  margin: 0 5%;
  font-size: 20px;
  background-color: #EECC5D;
}

.Wrapper {
  position: relative;
  margin-left: 0;
  padding-top: 50px;
}

.page-messenger .Wrapper {
  margin-bottom: 64px;
}

@media (min-width: 48em) {
  .Wrapper {
    padding: 40px 100px;
    padding-top: 120px;
  }
  .page-messenger .Wrapper {
    margin-bottom: 0px;
  }
}

@media (min-width: 80em) {
  .Wrapper {
    margin-left: 320px;
  }
}

@media (min-width: 90em) {
  .Wrapper-content {
    max-width: 800px;
    margin: 0 auto;
  }
}

.Wrapper-content.life-kgi {
  width: 100%;
  height: 100vh;
}

.Wrapper-content.fee .fee-box {
  text-align: center;
  background-color: #fff;
  padding-top: 30px;
  font-size: 14px;
  color: #80b4de;
}

.Wrapper-content.fee .fee-box span {
  font-size: 18px;
  color: #ee8a5d;
}

.Wrapper-content.fee .fee-box img {
  margin: 30px;
  width: 200px;
  margin-bottom: 50px;
}

/* pages */
body {
  text-align: left;
  background: #fff;
  color: #000;
}

sup, sub {
  vertical-align: inherit;
}

body, h1, h2, h3, h4, h5, h6, hr, p, figure, blockquote, pre, ol, ul, dl, dd, fieldset {
  margin: 0;
}

ol, ul, th, td, legend {
  padding: 0;
}

h1, h2, h3, h4, h5, h6, address, pre, th, em, strong, i, small, dfn, b, var, cite, sup, sub, code, kbd, samp {
  font: inherit;
}

caption, th {
  text-align: inherit;
}

pre {
  white-space: inherit;
}

mark {
  background: transparent;
}

a, u, s, ins, del {
  text-decoration: none;
}

ol, ul {
  list-style: none;
}

q {
  quotes: none;
}

a, mark {
  color: inherit;
}

a {
  cursor: pointer;
}

menu {
  margin: 0;
}

html {
  height: initial;
  background-color: initial;
  /* for ie*/
  scrollbar-base-color: #dddddd;
  scrollbar-track-color: white;
  scrollbar-arrow-color: #dddddd;
  scrollbar-shadow-color: #dddddd;
  /* webkit-based browsers */
}

html ::-webkit-scrollbar {
  width: 12px;
}

html ::-webkit-scrollbar-track {
  background: white;
}

html ::-webkit-scrollbar-thumb {
  background: #aaaaaa;
  border: 3px solid white;
  border-radius: 50px;
}

body {
  height: initial !important;
  min-height: 100vh !important;
  background-color: initial;
  font-size: 16px;
  color: #515151;
  background: #8cc8cf;
  min-width: 320px;
}

@media (max-width: 48em) {
  body {
    /*min-height: calc(100vh - 50px) !important;*/
  }
}

.page-announcements body, .page-packages body, .page-messenger body, .page-messenger-new body, .page-contract-store body, .page-reservation body, .page-reservation-reservate body, .page-gas body, .page-system-announcement body, .page-aboutcirple body, .page-fee body {
  background: #eeeeef;
}

.page-setting body {
  background: #eeeeef;
}

body.a0-lock-open {
  background: #cccccc;
}

@media (max-width: 48em) {
  body.is-menuOpen {
    overflow: hidden;
  }
}

body .md-dialog-container {
  position: fixed !important;
  height: 100% !important;
  top: 0 !important;
}

@media (max-height: 680px) {
  body {
    min-height: 680px !important;
  }
}

a {
  color: #8cc8cf;
}

a:hover {
  color: #8cc8cf;
  text-decoration: underline;
}

a:focus {
  color: #8cc8cf;
}

input[type='date'], input[type='number'], input[type='email'], input[type='password'], input[type='text'], textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type='date'] {
  border: 2px solid #dddddd;
  border-radius: 6px;
  padding-top: 3px;
}

input[type='date']:focus {
  color: #8cc8cf;
  outline: 0;
  border-color: inherit;
}

input[type='number'] {
  -moz-appearance: textfield;
}

input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

textarea {
  min-height: 100px;
}

*:focus {
  outline: none;
}

/*彈出時間*/
body .popover {
  position: fixed;
}

.fixfixed {
  position: absolute;
}

.fileSize {
  color: #AAAAAA;
  font-size: 0.6em;
}

.item-top-right-box {
  max-width: 100%;
}

.item-top-right-box img {
  max-width: 100%;
}

.tab-content img {
  max-width: 100%;
}

.hide-not-en {
  display: none !important;
}

.en-version .hide-not-en {
  display: block !important;
}

.en-version .show-password-box {
  padding: 0 8% !important;
}

.en-version .Menu-instance > .tab-box > .btnlist > button {
  width: 130px;
}

.en-version .Menu-instance > .tab-box > .btnlist > .life > button, .en-version .Menu-instance > .tab-box > .btnlist > .community > button {
  display: none;
}

.en-version .Menu-instance > .tab-box > .btnlist > .life > div.btn, .en-version .Menu-instance > .tab-box > .btnlist > .community > div.btn {
  display: inline-block !important;
  margin-right: 5px;
}

.en-version .Menu-instance > .tab-box > .btnlist > .life > div.btn > div, .en-version .Menu-instance > .tab-box > .btnlist > .community > div.btn > div {
  height: 56px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: left;
}

.en-version .Menu-instance > .tab-box > .btnlist > .life > div.btn > div > img, .en-version .Menu-instance > .tab-box > .btnlist > .community > div.btn > div > img {
  width: 24px;
  height: 24px;
}

.en-version .Menu-instance > .tab-box > .btnlist > .life > div.btn > div > img.payment, .en-version .Menu-instance > .tab-box > .btnlist > .community > div.btn > div > img.payment {
  height: 12px;
}

.en-version .Menu-instance > .tab-box > .btnlist > .life > div.btn > div > div, .en-version .Menu-instance > .tab-box > .btnlist > .community > div.btn > div > div {
  line-height: 25px;
  white-space: normal;
  font-size: 14px;
}

.en-version .Menu-instance > .tab-box > .btnlist > .life > div.btn > .red-point, .en-version .Menu-instance > .tab-box > .btnlist > .community > div.btn > .red-point {
  left: 93% !important;
  top: 5px !important;
  height: 5px !important;
}

.en-version .Menu-instance > .tab-box > .btnlist > .life > .Menu-title > .no-community, .en-version .Menu-instance > .tab-box > .btnlist > .community > .Menu-title > .no-community {
  margin-left: 0px;
}

.en-version .account-text-box > .setting-title {
  width: 120px;
}

.en-version .showRegistrationNumber-box .body-box .top .r .title {
  width: 120px;
}

.en-version .life-kgi-DM-model .no-show-kgi-box {
  margin-top: -2%;
}

.en-version .CardFee.CommunityAccountCellPhone-div .title {
  width: 170px;
}

.en-version .CardAnc-attachments-row {
  margin-left: 100px;
}

.en-version .CardContractStore-attachments-row {
  margin-left: 100px;
}

.en-version .CardMessenger-attachments-row {
  margin-left: 100px;
}

.en-version .custom-file-input::before {
  content: 'Upload Files';
}

.en-version .Header-menu--big {
  display: none;
}

.en-version .Header-menu--small {
  display: block;
}

.en-version .tab-box .btnlist .btn {
  width: 258px;
  padding: 0 15px;
}

.en-version .tab-box .btnlist .btn div div {
  padding-left: 15px;
}

.en-version .Menu-info {
  position: sticky;
  bottom: 0;
  display: grid;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: 80px;
}

.en-version .Menu-info span {
  height: 40px;
}

.en-version .Menu-info .Menu-info-line {
  display: none;
}

.en-version .footerbox {
  display: block !important;
}

.en-version .CardAbout .patent-box {
  width: 320px;
}

.en-version .CardAbout .item-top-right-box-version > div > div > span > span {
  margin: 0 5px;
}

.en-version .CardAbout .version-detail-content {
  width: 300px;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.en-version .CardAbout .version-detail-content.line-title-box .text {
  width: 180px;
}

.en-version .CardAbout .item-top-box .item-top-right-box-version .js-text {
  font-size: 11px;
  overflow: initial;
  display: block;
}

.en-version .CardAbout .item-top-box .version-0, .en-version .CardAbout .item-top-box .version-1, .en-version .CardAbout .item-top-box .version-2 {
  font-size: 12px;
}

.en-version .CardAbout .js-text {
  font-size: 11px;
}

.en-version .approve-box > .text-div > .point-1 > br, .en-version .approve-box > .text-div > .point-3 > br {
  display: none;
}

.en-version .approve-box .click-button {
  width: 70%;
}

.en-version .cirple-login .logo-content .login-bottom-div {
  height: 70px;
}

.en-version .cirple-login .logo-content .login-box .social-box .line {
  width: 50px;
}

.en-version .cirple-login .input-box {
  padding: 0 10%;
}

.en-version .personalProtection-box {
  height: 250px;
  top: calc((100vh - 250px) / 2);
}

.en-version .personalProtection-box .top {
  font-size: 12px;
}

.en-version .personalProtection-box .Checkbox {
  margin: 0;
}

.en-version .Wrapper-content .viwe-dateString {
  margin-right: 100px;
}

.en-version .Wrapper-content .viwe-lunarDateString {
  display: none;
}

.page-reservation .en-version .more-message, .page-reservation-reservate .en-version .more-message {
  height: 240px;
}

.page-reservation .en-version .confirm-box .cancel-btn, .page-reservation-reservate .en-version .confirm-box .cancel-btn {
  right: initial;
  left: 20px;
}

.page-overview .en-version .Header-menu {
  background: #80b4de;
}

@media (min-width: 100em) {
  .page-overview .en-version .Header-menu {
    background: transparent;
  }
}

.cirple-login .en-version .input-box {
  padding: 0px 7%;
}

@media (min-width: 100em) {
  .en-version .Header-menu--big {
    display: block;
  }
  .en-version .Header-menu--small {
    display: none;
  }
  .en-version .footerbox {
    display: none !important;
  }
}

.CardReservation .list-btn {
  text-overflow: ellipsis;
  overflow: hidden;
}

.Header-menu--small .title {
  width: 80%;
  text-align: center;
}

.personalProtection-box {
  position: fixed;
  top: calc((100vh - 210px) / 2);
  left: calc((100vw - 270px) / 2);
  width: 270px;
  height: 210px;
  font-size: 1em;
}

.personalProtection-box.detail {
  top: calc((100vh - 390px) / 2);
  height: 390px;
}

.personalProtection-box .top {
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-bottom: 1px solid #03a7c0;
}

.personalProtection-box .middle {
  height: auto;
  padding: 15px 0;
}

.personalProtection-box .middle .content-1 {
  text-align: center;
  font-size: 0.8em;
}

.personalProtection-box .middle .content-1 span {
  color: #03a7c0;
}

.personalProtection-box .middle .content-2 {
  font-size: 0.8em;
}

.personalProtection-box .middle .content-2 span {
  color: #03a7c0;
}

.personalProtection-box.showDetail {
  top: calc((100vh - 390px) / 2);
  height: 390px;
}

.personalProtection-box.showDetail .middle {
  height: 270px;
  padding: 10px;
  overflow: hidden;
  overflow-y: auto;
}

.personalProtection-box .bottom {
  font-size: 0.8em;
  height: auto;
  text-align: center;
  border-top: 1px solid #03a7c0;
}

.personalProtection-box .bottom .agree-box {
  color: #03a7c0;
  line-height: 2em;
}

.personalProtection-box .bottom .agree-box .showDetailBtn {
  text-decoration: underline;
  cursor: pointer;
}

.personalProtection-box .bottom .btn {
  min-width: 50%;
  margin-bottom: 10px;
}

.personalProtection-box md-checkbox.md-default-theme.md-checked .md-icon,
.personalProtection-box md-checkbox.md-checked .md-icon {
  color: #8cc8cf;
  background-color: #8cc8cf;
}

#stopContract {
  position: relative;
  width: 290px;
  height: 200px;
  padding: 20px;
  font-size: 16px;
}

#stopContract h2 {
  font-size: 16px;
}

#stopContract .title {
  margin-top: 37px;
}

#stopContract .stopContract-title {
  margin-top: 21px;
}

#stopContract .btn-confirm {
  position: absolute;
  bottom: 60px;
  width: 88%;
}

#stopContract .btn-logout {
  position: absolute;
  bottom: 20px;
  width: 88%;
}

#stopContract .cancel-btn {
  position: absolute;
  bottom: 20px;
  width: 42%;
}

#stopContract .cancel-btn {
  right: 20px;
  background-color: #c2c2c2;
}

.notWork-box {
  position: fixed;
  top: calc((100vh - 190px) / 2);
  left: calc((100vw - 270px) / 2);
  width: 270px;
  height: 190px;
  font-size: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 10px;
}

.no-internet-box {
  position: fixed;
  top: calc((100vh - 230px) / 2);
  left: calc((100vw - 270px) / 2);
  width: 270px;
  height: 230px;
  font-size: 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 10px;
}

.no-internet-box p {
  text-align: center;
}

.no-internet-box .confirm {
  background-color: #EECC5D;
  border: #989898;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  justify-items: center;
}

.app-open-Introduction {
  height: 100% !important;
  width: 100% !important;
}

.app-open-Introduction.page1 {
  background-color: #4bb8bd;
}

.app-open-Introduction.page2 {
  background-color: #89c1c8;
}

.app-open-Introduction.page3 {
  background-color: #80b4de;
}

.app-open-Introduction.page4 {
  background: linear-gradient(to bottom, #89c1c8 0%, #80b4de 100%);
  background-color: #80b4de;
}

.app-open-Introduction .icon-left-div {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
  width: 80px;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.app-open-Introduction .icon-left-div .icon-left {
  font-size: 50px;
  color: #eecc5d;
}

.app-open-Introduction .icon-right-div {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 101;
  width: 80px;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.app-open-Introduction .icon-right-div .icon-right {
  font-size: 50px;
  color: #eecc5d;
}

.app-open-Introduction .img-div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  z-index: 98;
  overflow: hidden;
}

.app-open-Introduction .img-div .img-box {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.app-open-Introduction .img-div .img-box .noShow {
  display: none;
}

.app-open-Introduction .img-div .img-box .active {
  display: block;
}

.app-open-Introduction .img-div .img-box img {
  max-width: 100%;
  max-height: 100vh;
}

.app-open-Introduction .img-div .img-box .close {
  width: 40%;
  height: 6%;
  position: absolute;
  top: 68%;
  left: 30%;
  z-index: 101;
}

.app-open-Introduction .swipe-box {
  width: 100%;
  height: 100%;
  max-width: 518px;
  position: absolute;
  top: 0;
  z-index: 99;
}

.app-open-Introduction .circle-box {
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
  z-index: 101;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.app-open-Introduction .circle-box .circle {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin: 0 10px;
  background-color: #fff;
}

.app-open-Introduction .circle-box .select {
  width: 15px;
  height: 15px;
  border-radius: 7.5px;
  background-color: #fff;
}

md-checkbox.md-checked .md-icon {
  background-color: #00a8c0;
}

.cirple-login {
  color: #00a8c0;
  width: 320px;
  height: 548px;
  font-size: 12px;
  position: relative;
  text-align: center;
  background-image: url(assets/images/background_0b5085454e2b2c3336a414010aa42df2.svg);
  background-size: 320px;
  background-repeat: no-repeat;
}

.cirple-login input, .cirple-login button, .cirple-login select, .cirple-login textarea, .cirple-login img {
  /* 去除 chrome 藍框 */
  outline: none;
  border: none;
}

.cirple-login input:focus, .cirple-login button:focus, .cirple-login select:focus, .cirple-login textarea:focus, .cirple-login img:focus {
  outline: none;
}

.cirple-login input:active, .cirple-login button:active, .cirple-login select:active, .cirple-login textarea:active, .cirple-login img:active {
  outline: none;
}

.cirple-login .error-text {
  position: absolute;
  left: 25px;
  width: 280px;
  height: 44px;
  line-height: 44px;
  top: 51px;
  background-color: #d15145;
  color: #ffffff;
  border-radius: 25px;
  border: 1px solid #d15145;
}

.cirple-login .logo {
  width: 320px;
  height: 75px;
  background-color: rgba(137, 192, 200, 0.4);
  line-height: 75px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}

.cirple-login .logo img {
  width: 70px;
}

.cirple-login .logo .logo-title-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.cirple-login .logo .logo-title-box .left {
  font-size: 25px;
  margin-left: 10px;
}

.cirple-login .logo .logo-title-box .right {
  font-size: 25px;
  margin-right: 10px;
}

.cirple-login .link-text {
  color: #00a8c0;
  border-bottom: 1px solid;
  display: inline-block;
  line-height: 15px;
  font-size: 15px;
}

.cirple-login .title-text {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 50px;
  color: #888;
}

.cirple-login .input-box {
  padding: 0 20%;
  text-align: left;
  position: relative;
  width: 100%;
  height: 40px;
  margin: 10px 0;
}

.cirple-login .input-box .key-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.cirple-login .input-box .key-box .input-key-in {
  border-bottom: 2px solid #D8D8D8;
  width: 90%;
  border-radius: 0;
}

.cirple-login .input-box .key-box .input-key-in:-ms-input-placeholder {
  font-size: 16px;
  color: #D8D8D8;
}

.cirple-login .input-box .key-box .input-key-in::placeholder {
  font-size: 16px;
  color: #D8D8D8;
}

.cirple-login .input-box .key-box .input-key-in.error-border {
  border-bottom: 2px solid #f72b2b;
}

.cirple-login .input-box .key-box .key-icon {
  font-size: 19px;
}

.cirple-login .input-box .input-icon {
  position: absolute;
  right: 21%;
  top: 2px;
  font-size: 16px;
  display: none;
}

.cirple-login .input-box .ok {
  color: #01de01;
}

.cirple-login .input-box .error {
  color: #f72b2b;
}

.cirple-login .input-box .show {
  display: block;
}

.cirple-login .input-box .ps {
  padding-left: 19px;
}

.cirple-login .show-password-box {
  padding: 0 20%;
  font-size: 16px;
  color: #666666;
  text-align: left;
}

.cirple-login .show-password-box .forget {
  float: right;
  line-height: 20px;
}

.cirple-login .show-password-box .Checkbox {
  margin: 0;
  width: 22px;
  height: 20px;
}

.cirple-login .click-button {
  border-radius: 5px;
  color: #fff;
  box-shadow: 0px 0px 5px #888888;
  width: 60%;
  height: 33px;
  margin: 0 auto;
  margin-bottom: 10px;
  font-size: 16px;
  background-color: #EECC5D;
}

.cirple-login .click-button:disabled, .cirple-login .click-button[disabled] {
  color: #fff !important;
  background-color: #D8D8D8 !important;
}

.cirple-login .logo-content {
  width: 320px;
  height: auto;
  margin-top: 20px;
}

.cirple-login .logo-content .login-box .social-box {
  margin: 20px 0 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.cirple-login .logo-content .login-box .social-box .line {
  width: 105px;
  height: 1px;
  border-bottom: 1px solid #00a8c0;
}

.cirple-login .logo-content .login-box .social-box .social-login-title {
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
  color: #89c0c8;
}

.cirple-login .logo-content .login-box .login-btn {
  background-color: #89c0c8;
  color: #fff;
  margin-top: 20px;
}

.cirple-login .logo-content .login-box .fb {
  background-color: #395590;
  font-size: 14px;
}

.cirple-login .logo-content .login-box .google {
  background-color: #d15145;
  font-size: 14px;
}

.cirple-login .logo-content .login-box .apple {
  background-color: #000000;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.cirple-login .logo-content .login-box .apple img {
  width: 15px;
  margin-right: 5px;
}

.cirple-login .logo-content .login-box .add-account-link {
  margin-top: 15px;
}

.cirple-login .logo-content .login-box .goto-weather {
  font-size: 15px;
  line-height: 15px;
  margin-top: 10px;
}

.cirple-login .logo-content .Register-box .submit {
  margin-top: 30px;
}

.cirple-login .logo-content .approve-box .sendTo-text {
  margin: 0;
}

.cirple-login .logo-content .approve-box .account-text {
  color: #00a8c0;
  margin-bottom: 30px;
}

.cirple-login .logo-content .approve-box .resend-input {
  width: 55%;
}

.cirple-login .logo-content .approve-box .resend-button {
  width: 80px;
  font-size: 14px;
  height: 30px;
  line-height: 29px;
  background-color: #00a8c0;
}

.cirple-login .logo-content .approve-box .next {
  margin-top: 20px;
}

.cirple-login .logo-content .approve-box .text-div {
  margin: 20px 25px;
  text-align: left;
  color: #a7a7a7;
}

.cirple-login .logo-content .approve-box .text-div .tile {
  font-size: 14px;
  color: #00a8c0;
  text-align: center;
  font-weight: bold;
}

.cirple-login .logo-content .approve-box .ps {
  padding: 0;
}

.cirple-login .logo-content .settingPassword-box .account {
  width: 90%;
  font-size: 15px;
  color: #9c9c9c;
}

.cirple-login .logo-content .settingPassword-box .IamAgree-box {
  margin: 40px 0 20px 0;
  font-size: 13px;
  line-height: 21px;
}

.cirple-login .logo-content .settingPassword-box .IamAgree-box .link {
  font-size: 13px;
}

.cirple-login .logo-content .settingPassword-box .settingPassword-btn {
  margin-top: 30px;
}

.cirple-login .logo-content .account-list-div .text {
  font-size: 15px;
}

.cirple-login .logo-content .account-list-div .keyword {
  margin: 10px 35px;
  border-bottom: 1px solid;
  width: 250px;
  text-align: left;
}

.cirple-login .logo-content .account-list-div .keyword img {
  width: 15px;
}

.cirple-login .logo-content .account-list-div .keyword .filter {
  width: 85%;
  text-align: center;
}

.cirple-login .logo-content .account-list-div .keyword input {
  margin-bottom: 1px;
}

.cirple-login .logo-content .account-list-div .yes {
  margin-top: 40px;
}

.cirple-login .logo-content .account-list-div .logo-accounts-div {
  width: 250px;
  height: 175px;
  display: inline-block;
  border: 1px solid #507a8a;
  border-radius: 5px;
  overflow-y: auto;
  text-align: left;
}

.cirple-login .logo-content .account-list-div .logo-accounts-div .Account-div {
  margin: 5px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.cirple-login .logo-content .account-list-div .logo-accounts-div .Account-div .AccountData {
  width: 165px;
  display: inline-block;
  overflow-y: auto;
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cirple-login .logo-content .account-list-div .logo-accounts-div .Account-div img {
  width: 20px;
  margin: 0 6px;
}

.cirple-login .logo-content .account-list-div .logo-accounts-div .Account-div .logo-div {
  font-size: 20px;
}

.cirple-login .logo-content .account-list-div .logo-accounts-div .Account-div .logo-div .mail {
  margin: 0;
}

.cirple-login .logo-content .account-list-div .logo-accounts-div .Account-div .logo-div .fa-google-plus-square {
  color: #D15145;
}

.cirple-login .logo-content .account-list-div .logo-accounts-div .Account-div .logo-div .fa-facebook-official {
  color: #395590;
}

.cirple-login .logo-content .account-list-div .logo-accounts-div .Account-div .logo-div .fa-windows {
  color: #00BCF2;
}

.cirple-login .logo-content .account-list-div .logo-accounts-div .Account-div .logo-div .fa-yahoo {
  color: #410093;
}

.cirple-login .logo-content .logout-box .text-div {
  font-size: 18px;
  margin-top: 90px;
}

.cirple-login .logo-content .logout-box .yes {
  margin: 60px 0 20px 0;
  background-color: #00a8c0;
}

.cirple-login .logo-content .login-bottom-div {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
}

.cirple-login .logo-content .login-bottom-div .Process-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  font-weight: bold;
  color: #D8D8D8;
}

.cirple-login .logo-content .login-bottom-div .Process-box .line {
  width: 50px;
  height: 1px;
  border-bottom: 2px dashed #D8D8D8;
}

.cirple-login .logo-content .login-bottom-div .Process-box .circle {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  line-height: 30px;
  background-color: #D8D8D8;
  margin: 0 auto;
  color: #fff;
}

.cirple-login .logo-content .login-bottom-div .Process-box .blue {
  background-color: #89c0c8;
}

.cirple-login .logo-content .login-bottom-div .Process-box .blue-border {
  border-bottom: 2px dashed #89c0c8;
}

.cirple-login .logo-content .login-bottom-div .Process-box .blue-text {
  color: #89c0c8;
}

md-dialog {
  max-height: 100% !important;
  max-width: 100% !important;
}

md-backdrop.md-opaque {
  height: initial !important;
}

@media (max-width: 48em) {
  .page-login .md-dialog-container {
    height: initial !important;
    top: calc(50vh - 279px) !important;
  }
}

@media (max-height: 380px) {
  .page-login .md-dialog-container {
    height: initial !important;
    top: calc(50vh - 195px) !important;
  }
}

.personal-content {
  font-size: 13px;
  margin: 6px;
  background-color: #fff;
  max-height: 500px;
  overflow-y: auto;
  position: relative;
}

.personal-content .personal-close {
  position: fixed;
  top: 10px;
  right: 10px;
  font-size: 30px;
}

.registerOK-content {
  text-align: center;
  height: 170px;
  padding: 40px;
  color: #00a8c0;
}

.registerOK-content input, .registerOK-content button, .registerOK-content select, .registerOK-content textarea, .registerOK-content img {
  /* 去除 chrome 藍框 */
  outline: none;
  border: none;
}

.registerOK-content input:focus, .registerOK-content button:focus, .registerOK-content select:focus, .registerOK-content textarea:focus, .registerOK-content img:focus {
  outline: none;
}

.registerOK-content input:active, .registerOK-content button:active, .registerOK-content select:active, .registerOK-content textarea:active, .registerOK-content img:active {
  outline: none;
}

.registerOK-content .click-button {
  border-radius: 5px;
  color: #fff;
  box-shadow: 0px 0px 5px #888888;
  width: 90%;
  height: 33px;
  margin: 20px auto;
  margin-bottom: 10px;
  font-size: 16px;
  background-color: #EECC5D;
}

.Information {
  /*background: #8cc8cf;*/
  color: white;
  text-align: center;
  /*padding: 30px;*/
  transition: margin .3s, padding .3s;
}

@media (min-width: 48em) {
  .Information {
    padding: 0;
    margin-left: -60px;
  }
}

@media (min-width: 69.375em) {
  .Information {
    margin-left: -30px;
  }
}

@media (max-width: 765px) {
  .Information-content {
    display: none;
  }
}

.Information-placeholder, .Information-content {
  height: 160px;
}

.Information-content {
  position: fixed;
  left: 0;
  right: 0;
}

@media (min-width: 48em) {
  .Information-content {
    position: relative;
  }
}

.Information-content .temperature {
  font-size: 84px;
  line-height: 1.3;
}

.Information-content .temperature span:first-child {
  display: inline-block;
  width: 165px;
}

@media (min-width: 48em) {
  .Information-content .temperature {
    position: fixed;
    bottom: 60px;
    margin-left: 20px;
  }
}

@media (min-width: 48em) {
  .Information-content .dateTime {
    position: absolute;
    text-align: right;
    width: 45%;
    min-width: 300px;
    max-width: 340px;
    white-space: nowrap;
    word-wrap: none;
  }
}

@media (min-width: 61.25em) {
  .Information-content .dateTime {
    left: auto;
    right: 500px;
  }
}

.Information-content .sayHi {
  font-size: 20px;
}

.Information-content .time {
  font-size: 110px;
  line-height: 1;
}

.Information-content .date {
  font-size: 23px;
  line-height: 1.2;
}

.Information-content .date--traditional {
  font-size: 14px;
}

@media (min-width: 48em) {
  .Information-content .dateString {
    font-size: 16px !important;
    display: inline-block;
  }
  .Information-content .dateString:last-child:before {
    content: '\30FB';
  }
}

.Information .slider-box--small {
  position: relative;
  width: 260px;
  min-height: 220px;
  margin: 0 auto;
}

@media (min-width: 48em) {
  .Information .slider-box--small {
    display: none;
  }
}

.Information .slider-box--small .slider {
  position: relative;
  width: 260px;
  height: 200px;
  overflow: hidden;
  margin-top: 20px;
}

.Information .slider-box--small .slider .sliderList {
  position: absolute;
  top: 0px;
  left: 0px;
  display: -ms-flexbox;
  display: flex;
  width: 520px;
  height: 200px;
  transition: left 0.6s;
}

.Information .slider-box--small .slider .sliderList.sliderList-0 {
  left: 0px;
}

.Information .slider-box--small .slider .sliderList.sliderList-1 {
  left: -260px;
}

.Information .slider-box--small .slider .sliderList .slide {
  width: 260px;
  height: 200px;
}

.Information .slider-box--small .slider .sliderList .slide .title {
  text-align: center;
  color: #ffffff;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box {
  position: relative;
  width: 180px;
  height: 180px;
  margin: 0 auto;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.uv {
  background: url(assets/images/empty_1ac851e9299707e00a44f89d339521f4.png);
  background-size: cover;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.uv.v1 {
  background: url(assets/images/lightning_lv1_c0faaae5401f41583cc5c96ed5f58f75.png);
  background-size: cover;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.uv.v2 {
  background: url(assets/images/lightning_lv2_4995d2f6c91f842258044952a3a408ba.png);
  background-size: cover;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.uv.v3 {
  background: url(assets/images/lightning_lv3_b40218e56f0d18b9b5e30622802538ce.png);
  background-size: cover;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.uv.v4 {
  background: url(assets/images/lightning_lv4_dcde7b328f248d4de491184115ab3b82.png);
  background-size: cover;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.uv.v5 {
  background: url(assets/images/lightning_lv5_727b70ea23ab26677ad68048c4088ba9.png);
  background-size: cover;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.uv .msg {
  position: absolute;
  left: 0px;
  bottom: 75px;
  width: 100%;
  height: 28px;
  text-align: center !important;
  margin: 0 auto;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.uv .msg .v1 {
  color: #b8e986;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.uv .msg .v2 {
  color: #ffe772;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.uv .msg .v3 {
  color: #f66e20;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.uv .msg .v4 {
  color: #c83700;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.uv .msg .v5 {
  color: #7e358a;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.uv .msg .empty {
  color: #ffffff;
  font-size: 14px;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm {
  background: url(assets/images/empty_1ac851e9299707e00a44f89d339521f4.png);
  background-size: cover;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm.v1 {
  background: url(assets/images/pm1_1e27dbf2111a3a0d6c114e2b8dfc14f8.png);
  background-size: cover;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm.v2 {
  background: url(assets/images/pm2_1d1d20b097ff0b69af7219b53c508060.png);
  background-size: cover;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm.v3 {
  background: url(assets/images/pm3_b5dd303be18490da709911b979e49735.png);
  background-size: cover;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm.v4 {
  background: url(assets/images/pm4_08e44e9ec9503062a319742cddc6c2da.png);
  background-size: cover;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm.v5 {
  background: url(assets/images/pm5_7bf1d0835ab0a6fdb0075e1f44e1f230.png);
  background-size: cover;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm.v6 {
  background: url(assets/images/pm6_71d8a7ef5e36833b67165804e9ddb340.png);
  background-size: cover;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm .msg {
  position: absolute;
  left: 0px;
  bottom: 85px;
  width: 100%;
  height: 28px;
  text-align: center !important;
  margin: 0 auto;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm .msg .v1 {
  color: #b8e986;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm .msg .v2 {
  color: #ffe772;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm .msg .v3 {
  color: #f76c1d;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm .msg .v4 {
  color: #c83700;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm .msg .v5 {
  color: #86151c;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm .msg .v6 {
  color: #7e358a;
}

.Information .slider-box--small .slider .sliderList .slide .circle-box.pm .aqi {
  position: absolute;
  left: 0px;
  bottom: 63px;
  width: 100%;
  height: 20px;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.Information .slider-box--small .btnbox {
  position: absolute;
  bottom: 5px;
  left: calc( 50% - 25px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.Information .slider-box--small .btnbox .btnItem {
  width: 12px;
  height: 12px;
  border: 1px solid #2f94a0;
  border-radius: 50%;
  margin: 0 5px;
}

.Information .slider-box--small .btnbox .btnItem.isAcitve {
  background-color: #2f94a0;
}

.Information .slider-box--small .left-arrow {
  position: absolute;
  top: 112px;
  left: 0px;
  cursor: pointer;
}

.Information .slider-box--small .right-arrow {
  position: absolute;
  top: 112px;
  right: 0px;
  cursor: pointer;
}

.Information .weather-content {
  position: absolute;
  top: 200px;
  width: 260px;
  min-height: 220px;
}

@media (max-width: 765px) {
  .Information .weather-content {
    display: none;
  }
}

@media (min-width: 61.25em) {
  .Information .weather-content {
    right: 500px;
  }
}

.Information .weather-content .city-siteName-box {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 44px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.Information .weather-content .city-siteName-box .city {
  -ms-flex: 1;
      flex: 1;
  text-align: right;
  padding-right: 5px;
}

.Information .weather-content .city-siteName-box .siteName {
  -ms-flex: 1;
      flex: 1;
  text-align: left;
  padding-left: 5px;
}

.Information .weather-content .weather-box {
  display: -ms-flexbox;
  display: flex;
  width: 184px;
  height: 100px;
  margin: 0 auto;
  margin-bottom: 0px;
}

.Information .weather-content .weather-box .temperature-box {
  width: 121px;
  height: 100px;
  margin: 0 auto;
  font-family: monospace;
  font-size: 84px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -3px;
  text-align: left;
  color: #ffffff;
}

.Information .weather-content .weather-box .weather-icon-box {
  -ms-flex: 1;
      flex: 1;
  padding-top: 30px;
}

.Information .weather-content .line {
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 10px;
  width: 75%;
  height: 2px;
  opacity: 0.6;
  border: solid 1px #ebfdff;
}

.Information .weather-content .slider {
  position: relative;
  width: 260px;
  height: 220px;
  overflow: hidden;
  margin-bottom: 10px;
}

.Information .weather-content .slider .sliderList {
  position: absolute;
  top: 0px;
  left: 0px;
  display: -ms-flexbox;
  display: flex;
  width: 520px;
  height: 220px;
  transition: left 0.6s;
}

.Information .weather-content .slider .sliderList.sliderList-0 {
  left: 0px;
}

.Information .weather-content .slider .sliderList.sliderList-1 {
  left: -260px;
}

.Information .weather-content .slider .sliderList .slide {
  width: 260px;
  height: 220px;
}

.Information .weather-content .slider .sliderList .slide .title {
  text-align: center;
  color: #ffffff;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}

.Information .weather-content .slider .sliderList .slide .circle-box {
  position: relative;
  width: 180px;
  height: 180px;
  margin: 0 auto;
}

.Information .weather-content .slider .sliderList .slide .circle-box.uv {
  background: url(assets/images/empty_1ac851e9299707e00a44f89d339521f4.png);
  background-size: cover;
}

.Information .weather-content .slider .sliderList .slide .circle-box.uv.v1 {
  background: url(assets/images/lightning_lv1_c0faaae5401f41583cc5c96ed5f58f75.png);
  background-size: cover;
}

.Information .weather-content .slider .sliderList .slide .circle-box.uv.v2 {
  background: url(assets/images/lightning_lv2_4995d2f6c91f842258044952a3a408ba.png);
  background-size: cover;
}

.Information .weather-content .slider .sliderList .slide .circle-box.uv.v3 {
  background: url(assets/images/lightning_lv3_b40218e56f0d18b9b5e30622802538ce.png);
  background-size: cover;
}

.Information .weather-content .slider .sliderList .slide .circle-box.uv.v4 {
  background: url(assets/images/lightning_lv4_dcde7b328f248d4de491184115ab3b82.png);
  background-size: cover;
}

.Information .weather-content .slider .sliderList .slide .circle-box.uv.v5 {
  background: url(assets/images/lightning_lv5_727b70ea23ab26677ad68048c4088ba9.png);
  background-size: cover;
}

.Information .weather-content .slider .sliderList .slide .circle-box.uv .msg {
  position: absolute;
  left: 0px;
  bottom: 75px;
  width: 100%;
  height: 28px;
  text-align: center !important;
  margin: 0 auto;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}

.Information .weather-content .slider .sliderList .slide .circle-box.uv .msg .v1 {
  color: #b8e986;
}

.Information .weather-content .slider .sliderList .slide .circle-box.uv .msg .v2 {
  color: #ffe772;
}

.Information .weather-content .slider .sliderList .slide .circle-box.uv .msg .v3 {
  color: #f66e20;
}

.Information .weather-content .slider .sliderList .slide .circle-box.uv .msg .v4 {
  color: #c83700;
}

.Information .weather-content .slider .sliderList .slide .circle-box.uv .msg .v5 {
  color: #7e358a;
}

.Information .weather-content .slider .sliderList .slide .circle-box.uv .msg .empty {
  color: #ffffff;
  font-size: 14px;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm {
  background: url(assets/images/empty_1ac851e9299707e00a44f89d339521f4.png);
  background-size: cover;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm.v1 {
  background: url(assets/images/pm1_1e27dbf2111a3a0d6c114e2b8dfc14f8.png);
  background-size: cover;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm.v2 {
  background: url(assets/images/pm2_1d1d20b097ff0b69af7219b53c508060.png);
  background-size: cover;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm.v3 {
  background: url(assets/images/pm3_b5dd303be18490da709911b979e49735.png);
  background-size: cover;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm.v4 {
  background: url(assets/images/pm4_08e44e9ec9503062a319742cddc6c2da.png);
  background-size: cover;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm.v5 {
  background: url(assets/images/pm5_7bf1d0835ab0a6fdb0075e1f44e1f230.png);
  background-size: cover;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm.v6 {
  background: url(assets/images/pm6_71d8a7ef5e36833b67165804e9ddb340.png);
  background-size: cover;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm .msg {
  position: absolute;
  left: 0px;
  bottom: 85px;
  width: 100%;
  height: 28px;
  text-align: center !important;
  margin: 0 auto;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm .msg .v1 {
  color: #b8e986;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm .msg .v2 {
  color: #ffe772;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm .msg .v3 {
  color: #f76c1d;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm .msg .v4 {
  color: #c83700;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm .msg .v5 {
  color: #86151c;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm .msg .v6 {
  color: #7e358a;
}

.Information .weather-content .slider .sliderList .slide .circle-box.pm .aqi {
  position: absolute;
  left: 0px;
  bottom: 63px;
  width: 100%;
  height: 20px;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.Information .weather-content .btnbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 20px;
}

.Information .weather-content .btnbox .btnItem {
  width: 12px;
  height: 12px;
  border: 1px solid #2f94a0;
  border-radius: 50%;
  margin: 0 5px;
}

.Information .weather-content .btnbox .btnItem.isAcitve {
  background-color: #2f94a0;
}

.Information .weather-content .descbox {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.Information .weather-content .left-arrow {
  position: absolute;
  top: 300px;
  left: 0px;
  cursor: pointer;
}

.Information .weather-content .right-arrow {
  position: absolute;
  top: 300px;
  right: 0px;
  cursor: pointer;
}

.Information .weather-content .circle-box {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.Information .weather-content .circle-box.uv {
  background: url(assets/images/lightning_empty_dc227943ba99cd3dfd24d2b250610d8c.png);
  background-size: cover;
}

.Information .weather-content .circle-box.uv.v1 {
  background: url(assets/images/lightning_lv1_c0faaae5401f41583cc5c96ed5f58f75.png);
  background-size: cover;
}

.Information .weather-content .circle-box.uv.v2 {
  background: url(assets/images/lightning_lv2_4995d2f6c91f842258044952a3a408ba.png);
  background-size: cover;
}

.Information .weather-content .circle-box.uv.v3 {
  background: url(assets/images/lightning_lv3_b40218e56f0d18b9b5e30622802538ce.png);
  background-size: cover;
}

.Information .weather-content .circle-box.uv.v4 {
  background: url(assets/images/lightning_lv4_dcde7b328f248d4de491184115ab3b82.png);
  background-size: cover;
}

.Information .weather-content .circle-box.uv.v5 {
  background: url(assets/images/lightning_lv5_727b70ea23ab26677ad68048c4088ba9.png);
  background-size: cover;
}

.Information .weather-content .circle-box.uv .msg {
  position: absolute;
  left: 0px;
  bottom: 85px;
  width: 100%;
  height: 28px;
  text-align: center !important;
  margin: 0 auto;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}

.Information .weather-content .circle-box.uv .msg .v1 {
  color: #b8e986;
}

.Information .weather-content .circle-box.uv .msg .v2 {
  color: #ffe772;
}

.Information .weather-content .circle-box.uv .msg .v3 {
  color: #f76c1d;
}

.Information .weather-content .circle-box.uv .msg .v4 {
  color: #c83700;
}

.Information .weather-content .circle-box.uv .msg .v5 {
  color: #86151c;
}

.Information .weather-content .circle-box.pm {
  background: url(assets/images/empty_1ac851e9299707e00a44f89d339521f4.png);
  background-size: cover;
}

.Information .weather-content .circle-box.pm.v1 {
  background: url(assets/images/pm1_1e27dbf2111a3a0d6c114e2b8dfc14f8.png);
  background-size: cover;
}

.Information .weather-content .circle-box.pm.v2 {
  background: url(assets/images/pm2_1d1d20b097ff0b69af7219b53c508060.png);
  background-size: cover;
}

.Information .weather-content .circle-box.pm.v3 {
  background: url(assets/images/pm3_b5dd303be18490da709911b979e49735.png);
  background-size: cover;
}

.Information .weather-content .circle-box.pm.v4 {
  background: url(assets/images/pm4_08e44e9ec9503062a319742cddc6c2da.png);
  background-size: cover;
}

.Information .weather-content .circle-box.pm.v5 {
  background: url(assets/images/pm5_7bf1d0835ab0a6fdb0075e1f44e1f230.png);
  background-size: cover;
}

.Information .weather-content .circle-box.pm.v6 {
  background: url(assets/images/pm6_71d8a7ef5e36833b67165804e9ddb340.png);
  background-size: cover;
}

.Information .weather-content .circle-box.pm .msg {
  position: absolute;
  left: 0px;
  bottom: 85px;
  width: 100%;
  height: 28px;
  text-align: center !important;
  margin: 0 auto;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}

.Information .weather-content .circle-box.pm .msg .v1 {
  color: #b8e986;
}

.Information .weather-content .circle-box.pm .msg .v2 {
  color: #ffe772;
}

.Information .weather-content .circle-box.pm .msg .v3 {
  color: #f76c1d;
}

.Information .weather-content .circle-box.pm .msg .v4 {
  color: #c83700;
}

.Information .weather-content .circle-box.pm .msg .v5 {
  color: #86151c;
}

.Information .weather-content .circle-box.pm .msg .v6 {
  color: #7e358a;
}

.Information .weather-content .circle-box.pm .aqi {
  position: absolute;
  left: 0px;
  bottom: 63px;
  width: 100%;
  height: 20px;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.Information .weather-content .circle-box .meter {
  position: absolute;
  bottom: 0px;
  right: -20px;
  width: 6px;
  height: 84px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAACoCAMAAADjJv8tAAABelBMVEX////uYRfyZhniUw/ZSQqJAJ2JAZmPBY6UCoLQ6X/U6X7b6Hzx6Hb26HV+AGOiFWH9yFyyJDf6jTN1AC+3KCpzACK8LB7rXRXnWhPeUA3FNAnRQQXOPQPLOgHINgGGAJLt6Hd7AFL1aRvL6YHk6HlxABbcTAvkVxH3bR3F6YPB6YT4cyHo6HnI6YJwABCFAIx6AEz1++3z4eb+7eLq29zSo8/99sywXK//76TvuqPC7JeNA5WEAIfY6X3f6HuXDHvi6HqYDXj66HSaD3OBAHKcEG//4W6AAG3/3mudEWv+2mmAAGmfE2f+1mb+0mPjiWP+zmB9AFz9wlh8AFimGVb9vlX8ulP8tlD8sk38rkr8q0j5k0h6AEf7p0WtH0X7o0N5AEKuIEH7n0B4AD76mz2wIj13ADr6kzh3ADb5hzC1JjB0ACn4dyS6KiRyABy/LhfAMBPCMQ+yN2iDJCqSCImkF1qCAHeBAHb6lzv6ljqRCIikGFuCJCmzOGhpuRYTAAABf0lEQVRIx1XHBVcbURBA4Qu01N2VpiUhpEHq7u7u7oonkCD/nbfZcM6db+bN7mVqaj5Nki7BcWFQKA4W0+YoCqPCNonxT9giMX4LP4VvwmfhvTAsFJLhQo6C8Ex4IqyXGPeEW8J1YXomm5np7HJCCE4J54UhoadtKD16hG5hucToFs4JKyTGbK1Wm20vKyXGJeGKcE24IdwR7gsbJEZ9rp42m3qd58JkZiF/BEeFj8IX4YewSWL8FbZKjBFhu8QYE8aFCWG3xNgvMfZJjL0SY4/EeCQEZ4RlQoxSKW2OkrBLYnQJMfqSrjQJfcJOibFDYnQIMTo70qbJolNiHJQ8yu0oC4fL2ZSzm0L4LxwTgnfCH2GzxPglNBvNRiM/Tb4LX4VPwgfhrfBGeC28El4KL4SnwkaJ8Vh4KDwQ7gq3hZvCaSE4KVwV1kmMtRLjgLSiuhRVobel2nr0CpeFi8IaiXFBWC0xVkmMQ5JiIP9LXwaEfsmjUulPU6EiHBGCs7II8X13cFma1r4AAAAASUVORK5CYII=);
  background-size: cover;
}

.Information .weather-content .circle-box .uv-meter {
  position: absolute;
  bottom: 0px;
  right: -20px;
  width: 6px;
  height: 84px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAACoCAMAAADjJv8tAAABR1BMVEX////mWBLS6X/iVBDRQQXa6H326HXvYxjaSwvXSAnzZhrURAffUQ7OPQP1aRvtYBb6/PD98OeOBJHC6YPF6YLJ6YHW6X7j6Hrn6Hnq6Hjt6HeaD3T9vVSpG0+vIT76kjf6jDO0JTL4ciHGNQTJOAD853PMOwK/6YTg6Hv+2Gf9yFz5hy/3bR3dTgz8r0vd6Hz4fCjM6YHO6YD56HS5KiT+02T+y1+3KCr+z2H5gCr8s0286YX9xFn5gy3u2/D35+SZJKyMA5eRB4qUCYKWC36XDXr/53L/5nH/42+cEG7/4W3/3mv/22qeEmmgE2WhFWGjFl37tFylGFn9wFemGVX8uFH8tlCrHkitH0T7oUH7nj/7mz36mDv6ljqyIzjtcC/ISSr4eCX4diO8LB+9LRuSCIbEMwrx6ob7o0Pw6YX6o0PENAuTCYdbvUC0AAABtklEQVRIx33RZ1caYRCG4YdQFhA0vffEkEUMsJQoanrvvfcCSvz/nzPvZvXcc3KO18zunPvzq2sg5wroOmgv+LgB+h1spt+mboJugW6DjoGP+6DHoCegp6BnoBegV6AT4OMt6B3oJPj4AjoDPi6D+sZuP4z6oJ+gX6CrIOcbaPxnbBtmPNY58HEefFyA7aiHqIN8FOqFLSqAZv5dOyHARyUzY6sKqFKu2NqEKIOPxaBsa0eLoBr4yOdr+aBmR3nwkduWzykHPvaAnK+gOfARRdFclFEEiqpRVK1GNhZV8DEL8tGabW1RC3QWfPwAfQd1QJ3ljq1NiGXQGmghWLO1owXQafBxCnx8Bn0CfQR9AL0HrQfT6brNdIeXew66BBajcEdhNQK9Ab0GHQcfL0GroGZztRmEqyZoCFoKhsMlmzQGtunRABTH8SDOfopBj0APQQ9A90B3QXdA84DozasH6pXsXyqlqxL42A1yJpPJxsbExq6Ogo8j4OMw+DgEPi6CRduOsas2qNguFu1r21qAj4PgYxf8H0mSRQJKut1ukq5FF3QAfOwHH/vARwPUWGnYZrEC/uXoL9/PQU211k5nAAAAAElFTkSuQmCC);
  background-size: cover;
}

.Information .weather-content .circle-box .value-box {
  position: absolute;
  bottom: 0px;
  left: -30px;
  font-size: 12px;
  color: #fff;
}

.Information .weather-content .circle-box .value-box .box {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}

.Information .weather-content .circle-box .value-box .box.v1 {
  background-color: #b8e986;
}

.Information .weather-content .circle-box .value-box .box.v2 {
  background-color: #ffe772;
}

.Information .weather-content .circle-box .value-box .box.v3 {
  background-color: #f76c1d;
}

.Information .weather-content .circle-box .value-box .box.v4 {
  background-color: #c83700;
}

.Information .weather-content .circle-box .value-box .box.v5 {
  background-color: #86151c;
}

.Information .weather-content .circle-box .value-box .box.v6 {
  background-color: #7e358a;
}

.Information .weather-content .pm-value-box, .Information .weather-content .uv-value-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 241px;
  height: 50px;
  margin: 0 auto;
}

.Information .weather-content .pm-value-box .left-box, .Information .weather-content .uv-value-box .left-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex: 1;
      flex: 1;
  width: 120px;
  text-align: center;
}

.Information .weather-content .pm-value-box .left-box .v1, .Information .weather-content .uv-value-box .left-box .v1 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.Information .weather-content .pm-value-box .left-box .v2, .Information .weather-content .uv-value-box .left-box .v2 {
  padding: 12px 0 0 12px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}

.Information .weather-content .pm-value-box .line, .Information .weather-content .uv-value-box .line {
  width: 1px;
  height: 19px;
  background-color: white;
}

.Information .weather-content .pm-value-box .right-box, .Information .weather-content .uv-value-box .right-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex: 1;
      flex: 1;
  width: 120px;
  text-align: center;
}

.Information .weather-content .pm-value-box .right-box .v1, .Information .weather-content .uv-value-box .right-box .v1 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.Information .weather-content .pm-value-box .right-box .v2, .Information .weather-content .uv-value-box .right-box .v2 {
  padding: 12px 0 0 12px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}

.Information .weather-content .line {
  width: 250px;
  height: 1px;
  margin: 0 auto;
  background-color: white;
  margin-top: 20px;
  margin-bottom: 18px;
}

.Information .weather-content .desc {
  width: 250px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

.Information .weather-content .closeBtn {
  position: absolute;
  top: 145px;
  right: -40px;
}

.js-NavTabs {
  position: relative;
  overflow: hidden;
}

.js-NavTabs-bar {
  position: absolute;
  bottom: 0;
  height: 4px;
  z-index: 1;
}

.js-NavTabs-bar[data-category='home'] {
  background: #80b4de;
  box-shadow: rgba(128, 180, 222, 0.4) 0 -2px 4px;
  left: 0;
  width: 20%;
}

.js-NavTabs-bar[data-category='package'] {
  background: #80b4de;
  box-shadow: rgba(128, 180, 222, 0.4) 0 -2px 4px;
  left: 20%;
  width: 20%;
}

.js-NavTabs-bar[data-category='announcement'] {
  background: #80b4de;
  box-shadow: rgba(128, 180, 222, 0.4) 0 -2px 4px;
  left: 40%;
  width: 20%;
}

.js-NavTabs-bar[data-category='publicFacility'] {
  background: #80b4de;
  box-shadow: rgba(128, 180, 222, 0.4) 0 -2px 4px;
  left: 60%;
  width: 20%;
}

.js-NavTabs-bar[data-category='fee'] {
  background: #80b4de;
  box-shadow: rgba(128, 180, 222, 0.4) 0 -2px 4px;
  left: 80%;
  width: 20%;
}

.js-NavTabs-bar[data-category='adminCenter'] {
  background: #80b4de;
  box-shadow: rgba(128, 180, 222, 0.4) 0 -2px 4px;
}

.js-NavTabs-bar[data-category='default'] {
  background: #80b4de;
  box-shadow: rgba(128, 180, 222, 0.4) 0 -2px 4px;
}

.Notification {
  padding-bottom: 1px;
  position: relative;
  background: #eeeeef;
}

.Notification .orver-now-reservation {
  padding: 15px 0;
  text-align: center;
}

.Notification .tab-pane {
  min-height: calc(100vh - 300px);
  background: white;
}

@media (min-width: 48em) {
  .Notification .tab-pane {
    min-height: calc(100vh - 130px - 75px - 44px);
  }
}

@media (max-height: 500px) {
  .Notification .tab-pane {
    min-height: 195px;
  }
}

.Notification .js-Sticky {
  top: 40px;
  z-index: 2;
}

.Notification .js-Sticky.is-stickyWithJs {
  left: 0;
  right: 0;
  top: 0;
}

.Notification .js-Sticky.is-stickyWithJs.is-fixed {
  top: 40px;
}

.Notification .js-text {
  position: relative;
  font-size: 1em;
  line-height: 1.5em;
  overflow: hidden;
  max-height: 1.5em;
  word-break: break-all;
}

.Notification .js-text p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Notification .system-announce-text {
  position: relative;
  font-size: 1em;
  line-height: 1.5em;
  word-break: break-all;
}

.Notification .js-readMore {
  display: none;
  text-decoration: none;
  margin-top: 1em;
  line-height: 1em;
}

.Notification .js-readMore:hover {
  border-bottom: 1px solid;
}

.Notification .js-readMore:after {
  content: '...';
  position: relative;
  top: -.3em;
}

.Notification .nav-tabs {
  border: 0;
  background: #eeeeef;
  box-shadow: rgba(0, 0, 0, 0.1) 0 -2px 3px;
}

.Notification .tabItem {
  transition: background .3s;
  cursor: pointer;
  width: 20%;
  /*&:first-child {
      width:68px;
    }*/
}

.Notification .tabItem img {
  width: 20px;
}

.Notification .tabItem:active {
  background: white;
}

.Notification .tabLink {
  position: relative;
  color: #72747f;
  background: none !important;
  border: none !important;
  border-radius: 0;
}

.Notification .tabLink:hover {
  color: #aaaaaa;
}

@media (min-width: 48em) {
  .Notification {
    position: fixed;
    right: 60px;
    top: 130px;
    bottom: 75px;
    width: 43%;
    max-width: 440px;
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 40px;
    box-shadow: rgba(60, 87, 90, 0.2) 0 2px 4px;
  }
  .Notification .js-Sticky {
    top: 0;
  }
  .Notification .js-NavTabs {
    position: relative;
    top: 0;
    /*margin-left: 20px;*/
  }
  .Notification .tab-content {
    height: 100%;
    overflow: auto;
  }
}

@media (min-width: 90em) {
  .Notification {
    right: auto;
    left: 60%;
  }
}

.Notification-empty {
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.Notification-item {
  position: relative;
  background: white;
  margin: 0;
  padding: 20px 24px 15px 52px;
}

.Notification-item:before {
  content: '';
  position: absolute;
  left: 52px;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #eeeeef;
}

@media (min-width: 48em) {
  .Notification-item {
    padding-left: 60px;
  }
  .Notification-item:before {
    left: 0;
  }
}

.Notification-item:hover {
  background: #fbfbfb;
}

#all-notification .Notification-item.is-package:active, .Notification-item.is-announcement:active {
  background: #dddddd;
}

.Notification-item .reservation-time {
  color: #aaaaaa;
  font-size: .875em;
  line-height: 24px;
}

.Notification-item .reservation-time.hh-mm {
  width: 139px;
  text-align: right;
}

.Notification-item .reservation-status {
  float: right;
  margin-top: -23px;
}

.Notification-item-header {
  margin-bottom: 4px;
}

.Notification-item-header .time {
  color: #aaaaaa;
  font-size: .875em;
  line-height: 24px;
}

.Notification-item-header .title {
  position: relative;
  margin-right: 10px;
  font-size: 1.125em;
  line-height: 24px;
  word-break: break-all;
}

.Notification-item-header .title:before {
  left: -39px;
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  background: #80b4de;
  content: '';
}

.Notification-item.is-home .title:before {
  background: #80b4de;
}

.Notification-item.is-package .title:before {
  background: #80b4de;
}

.Notification-item.is-system-announce .title:before {
  background: #d7000c;
}

.Notification-item.is-announcement .title:before {
  background: #80b4de;
}

.Notification-item.is-publicFacility .title:before {
  background: #80b4de;
}

.Notification-item.is-adminCenter .title:before {
  background: #80b4de;
}

.Notification-item.is-contractStore .title:before {
  background: #80b4de;
}

.Notification-item.is-setting .title:before {
  background: #80b4de;
}

.Notification-item.is-default .title:before {
  background: #80b4de;
}

.Notification-item .packageImage {
  margin-right: 10px;
}

.Notification-item .description {
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 1em;
  line-height: 1.4em;
  color: #72747f;
  display: inline;
}

.Notification .CardPkg-image img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.has-more:after {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 5px;
  background-color: #fff;
}

.Bell-No-Message {
  padding: 20px;
}

.Bell-No-Message .title {
  margin-top: 20px;
}

.Bell-No-Message img {
  margin: 15px;
}

.Bell-No-Message .text {
  font-size: 14px;
  color: #c5c3c4;
  margin: 10px;
}

.Bell-No-Message .text span {
  color: #8cc8cf;
  border-bottom: 1px solid;
}

.Notification-package-p {
  display: inline-block;
}

.announcement-topic {
  width: calc(100% - 85px);
  display: inline-block;
}

.announcement-important-tag {
  width: 75px;
  height: 25px;
  text-align: center;
  line-height: 22px;
  border: 2px solid;
  border-radius: 5px;
  color: #8cb0d0;
  float: right;
  font-size: 14px;
}

.schedule-time {
  margin-left: 10px;
}

.Notification-item .reservation-time.hh-mm.schedule-reservation-time {
  width: 150px;
  text-align: left;
}

.Notification-item .schedule-reservations-tatus {
  margin-top: -52px;
}

.Weather {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
}

.Weather.is-clear-day {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
}

@media (min-width: 48em) {
  .Weather.is-clear-day {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
  }
}

.Weather.is-clear-night {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
}

@media (min-width: 48em) {
  .Weather.is-clear-night {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
  }
}

.Weather.is-rain {
  background-image: url(assets/images/rainy-mobile_c2d2159589da95596e19b1b383c25c3e.jpg);
}

@media (min-width: 48em) {
  .Weather.is-rain {
    background-image: url(assets/images/rainy-desktop_a195e0795a3dcfb903658b523b751c3d.jpg);
  }
}

.Weather.is-snow {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
}

@media (min-width: 48em) {
  .Weather.is-snow {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
  }
}

.Weather.is-sleet {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
}

@media (min-width: 48em) {
  .Weather.is-sleet {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
  }
}

.Weather.is-wind {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
}

@media (min-width: 48em) {
  .Weather.is-wind {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
  }
}

.Weather.is-fog {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
}

@media (min-width: 48em) {
  .Weather.is-fog {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
  }
}

.Weather.is-cloudy {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
}

@media (min-width: 48em) {
  .Weather.is-cloudy {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
  }
}

.Weather.is-partly-cloudy-day {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
}

@media (min-width: 48em) {
  .Weather.is-partly-cloudy-day {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
  }
}

.Weather.is-partly-cloudy-night {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
}

@media (min-width: 48em) {
  .Weather.is-partly-cloudy-night {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
  }
}

.Weather.is-hail {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
}

@media (min-width: 48em) {
  .Weather.is-hail {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
  }
}

.Weather.is-thunderstorm {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
}

@media (min-width: 48em) {
  .Weather.is-thunderstorm {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
  }
}

.Weather.is-tornado {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
}

@media (min-width: 48em) {
  .Weather.is-tornado {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
  }
}

@media (min-width: 48em) {
  .Weather {
    background-size: cover;
    background-position: 100% 0;
  }
}

.CardPkg {
  position: relative;
  padding: 12px !important;
  padding-left: 48px !important;
}

@media (min-width: 48em) {
  .CardPkg {
    padding: 20px;
    padding-left: 64px;
  }
}

.CardPkg:before {
  left: 12px;
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  content: '';
  background: #80b4de;
}

@media (min-width: 48em) {
  .CardPkg:before:before {
    left: 20px;
  }
}

.CardPkg.is-highlight {
  min-height: 184px;
  padding-left: 184px !important;
}

@media (min-width: 48em) {
  .CardPkg.is-highlight {
    min-height: 200px;
    padding-left: 200px !important;
  }
}

.CardPkg.is-highlight:before {
  display: none;
}

.CardPkg.is-highlight .CardPkg-time {
  position: static;
}

@media (min-width: 48em) {
  .CardPkg.is-highlight .CardPkg-time {
    position: absolute;
  }
}

.CardPkg-image {
  display: block !important;
  width: 160px;
  height: 160px;
  padding: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  left: 12px !important;
  top: 12px !important;
  border-radius: 2px !important;
  overflow: hidden !important;
  transition: none !important;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTMiIGhlaWdodD0iODgiIHZpZXdCb3g9IjAgMCA5MyA4OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPnBrZy1wbGFjZWhvbGRlcjwvdGl0bGU+PGRlZnM+PHJlY3QgaWQ9InBhdGgtMSIgd2lkdGg9IjE0MCIgaGVpZ2h0PSIxNDAiIHJ4PSIyIi8+PC9kZWZzPjxnIGlkPSJQYWdlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzM1IC02NCkiPjxnIGlkPSJwa2ctcGxhY2Vob2xkZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxMyAzMCkiPjxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIvPjwvbWFzaz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MCAzNCkiIGlkPSJpY29uX3BhY2thZ2UiIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTU4IDkuODc1bC0xLTF2NDAuODc5YzAgLjU0Ni0uNDUuOTk2LS45OTMuOTk2SDMuOTkzQS45OTYuOTk2IDAgMCAxIDMgNDkuNzU0VjguODc1bC0xIDFoNTZ6bS01Ny0ydjQxLjg3OWEyLjk5NiAyLjk5NiAwIDAgMCAyLjk5MyAyLjk5Nmg1Mi4wMTRBMy4wMDEgMy4wMDEgMCAwIDAgNTkgNDkuNzU0VjcuODc1SDF6IiBpZD0iYm94Ii8+PHBhdGggZD0iTTEzLjUwNCAySDQ3LjVsLS42LS4yIDEwLjUgNy44NzUuNi0xLjhIMmwuNiAxLjggOS42OTQtNy4yN2MuMjczLS4yMDUuODctLjQwNSAxLjIxLS40MDV6TTEuNCA4LjA3NWMtLjc2OS41NzctLjM2MSAxLjguNiAxLjhoNTZjLjk2MSAwIDEuMzY5LTEuMjIzLjYtMS44TDQ4LjEuMmExIDEgMCAwIDAtLjYtLjJIMTMuNTA0Yy0uNzc0IDAtMS43OTEuMzQtMi40MS44MDVMMS40IDguMDc1eiIgaWQ9InRvcCIvPjxwYXRoIGQ9Ik0zNi44OTggOS44NTJsLS4wMjggMjAuNDUzLTYuMjE1LTUuMzg4YTEgMSAwIDAgMC0xLjMxIDBsLTYuMjIgNS40NjRWOS44NTFoMTMuNzczem0tMTUuNzczLS45NzdWMzIuNWExIDEgMCAwIDAgMS42NTUuNzU2czcuMDAxLTYuNDUgNy4yMi02LjI2bDcuMjIgNi4yNmExIDEgMCAwIDAgMS42NTUtLjc1NlY4Ljg3NWExIDEgMCAwIDAtMS0xaC0xNS43NWExIDEgMCAwIDAtMSAxeiIgaWQ9IlJlY3RhbmdsZS0yMSIvPjxwYXRoIGQ9Ik0yNi41MDkgMi4zNDNsLjQ2OC0uODg0LTEuNzY4LS45MzYtLjQ2OC44ODQtMy45MzcgNy40MzgtLjQ2OC44ODMgMS43NjcuOTM2LjQ2OC0uODg0IDMuOTM4LTcuNDM3em04Ljc1LS45MzZMMzQuNzkuNTIzbC0xLjc2OC45MzYuNDY4Ljg4NEwzNy40MyA5Ljc4bC40NjguODg0IDEuNzY3LS45MzYtLjQ2OC0uODgzLTMuOTM3LTcuNDM4eiIgaWQ9IkNvbWJpbmVkLVNoYXBlIi8+PHBhdGggZD0iTTQxLjM3NSA0MC4zNzNjMC0uNDgyLjM4OC0uODczLjg3NS0uODczYS44OC44OCAwIDAgMSAuODc1Ljg3M3Y2LjEzYS44NzIuODcyIDAgMCAxLS44NzUuODcyLjg4Ljg4IDAgMCAxLS44NzUtLjg3M3YtNi4xM3ptMy41IDBjMC0uNDgyLjM4OC0uODczLjg3NS0uODczYS44OC44OCAwIDAgMSAuODc1Ljg3M3Y2LjEzYS44NzIuODcyIDAgMCAxLS44NzUuODcyLjg4Ljg4IDAgMCAxLS44NzUtLjg3M3YtNi4xM3ptNyAwYzAtLjQ4Mi4zODgtLjg3My44NzUtLjg3M2EuODguODggMCAwIDEgLjg3NS44NzN2Ni4xM2EuODcyLjg3MiAwIDAgMS0uODc1Ljg3Mi44OC44OCAwIDAgMS0uODc1LS44NzN2LTYuMTN6bS0zLjUgMGMwLS40ODIuMzg4LS44NzMuODc1LS44NzNhLjg4Ljg4IDAgMCAxIC44NzUuODczdjYuMTNhLjg3Mi44NzIgMCAwIDEtLjg3NS44NzIuODguODggMCAwIDEtLjg3NS0uODczdi02LjEzeiIgaWQ9IkNvbWJpbmVkLVNoYXBlIi8+PHBhdGggZD0iTTEwLjU3NSAzOC4wNDRMNy42NjMgNDEuMDRhLjY4My42ODMgMCAwIDEtLjk4OC0uMDAyLjczNC43MzQgMCAwIDEtLjAwMi0xLjAxN2w0LjQ2LTQuNTlhLjY4NC42ODQgMCAwIDEgLjQ5LS4yMWguMDAzYy4xNzggMCAuMzU2LjA3LjQ5Mi4yMWw0LjQ1OSA0LjU5YS43MzIuNzMyIDAgMCAxLS4wMDIgMS4wMTcuNjg0LjY4NCAwIDAgMS0uOTg4LjAwMmwtMi45MTItMi45OTd2NS40MDZjMCAuNTc2LS40NjYgMS4wNDMtMS4wNSAxLjA0My0uNTggMC0xLjA1LS40NjUtMS4wNS0xLjA0M3YtNS40MDZ6bTUuNzQ1IDcuOTFjLjM5MiAwIC43MS4zMTEuNzEuNyAwIC4zODctLjMxMi43LS43MS43SDYuOTNhLjcwMy43MDMgMCAwIDEtLjcxLS43YzAtLjM4Ni4zMTItLjcuNzEtLjdoOS4zOXoiIGlkPSJDb21iaW5lZC1TaGFwZSIvPjwvZz48cGF0aCBkPSJNMjMuMzc2IDEwOS41MTR2My41MmgyLjUyOHYuNTEyaC0zLjA0djEuMDcyaDMuMDR2Ljg5NmgxLjM5MnYtLjg5NmgyLjk5MmMtLjA4LjExMi0uMTYuMjI0LS4yNC4zNTJsMS4yNjQuNjA4Yy42NTYtLjg2NCAxLjAyNC0yLjE2IDEuMDg4LTMuODU2aDEuNjk2djMuNzkyaDEuMzc2di0zLjc5MmgxLjZ2LTEuMzQ0aC00LjY1NmwtLjAxNi0xLjE4NGMxLjU2OC0uMDggMy4wMjQtLjMzNiA0LjM1Mi0uNzUybC0uNjU2LTEuMTY4Yy0xLjM3Ni40OC0zLjA1Ni43NTItNS4wNC44MTZ2My4zNzZjLS4wMzIgMS4yNDgtLjI4OCAyLjI3Mi0uNzM2IDMuMDg4di0xLjAwOGgtMy4wMjR2LS41MTJoMi41NDR2LTMuNTJoLTIuNTQ0di0uNTEyaDIuODk2di0xLjA0aC0yLjg5NnYtLjhoLTEuMzkydi44aC0yLjg5NnYxLjA0aDIuODk2di41MTJoLTIuNTI4em01LjIzMiAyLjcwNGgtMS4zOTJ2LS41OTJoMS4zOTJ2LjU5MnptLTIuNTkyIDBoLTEuMzkydi0uNTkyaDEuMzkydi41OTJ6bS0xLjM5Mi0xLjI5NnYtLjU5MmgxLjM5MnYuNTkyaC0xLjM5MnptMi41OTItLjU5MmgxLjM5MnYuNTkyaC0xLjM5MnYtLjU5MnptOC4yMjQgNS41MzZIMjQuNzUydjYuMDMyaDEuNDcydi0uNTkyaDcuNzQ0di41OTJoMS40NzJ2LTYuMDMyem0tOS4yMTYgNC4yMDh2LS45MTJoNy43NDR2LjkxMmgtNy43NDR6bTAtMi4wOTZ2LS45MTJoNy43NDR2LjkxMmgtNy43NDR6bTE0Ljk0NC04LjAxNmgxMS4yOHYtMS40NEg0Mi4wOTZjLjE5Mi0uMzg0LjM1Mi0uOC40OTYtMS4yNDhsLTEuNDcyLS4xOTJjLS40MTYgMS4yMzItMS4yMzIgMi4yODgtMi40MTYgMy4xNTJsLjkyOCAxLjIxNmE5LjY3NyA5LjY3NyAwIDAgMCAxLjUzNi0xLjQ4OHptLS4xOTIuNjR2MS44MjRoLTEuNzQ0djEuNDA4aDEuNzQ0djIuMzJoLTEuOTY4djEuNDI0aDEzLjk4NHYtMS40MjRoLTEuNjY0di0yLjMyaDEuNDU2di0xLjQwOGgtMS40NTZ2LTEuODI0aC0xLjQ3MnYxLjgyNGgtMS40ODh2LTEuODI0aC0xLjQ1NnYxLjgyNGgtMS41MnYtMS44MjRINDMuOTJ2MS44MjRoLTEuNDg4di0xLjgyNGgtMS40NTZ6bTEuNDU2IDUuNTUydi0yLjMyaDEuNDg4djIuMzJoLTEuNDg4em0yLjk2IDB2LTIuMzJoMS41MnYyLjMyaC0xLjUyem0yLjk3NiAwdi0yLjMyaDEuNDg4djIuMzJoLTEuNDg4em0tNy40MjQgMS44NTZhMTMuMjQzIDEzLjI0MyAwIDAgMS0xLjkzNiAzLjA3MmwxLjIzMi45MTJjLjc2OC0uOTQ0IDEuNDI0LTIuMDY0IDEuOTY4LTMuMzc2bC0xLjI2NC0uNjA4em0zLjc2LjM2OGwtMS40MDguMzA0Yy4yODguOTI4LjU0NCAxLjk4NC43NTIgMy4ybDEuNTItLjM1MmEzNS42NyAzNS42NyAwIDAgMC0uODY0LTMuMTUyem0zLjUwNC0uMDk2bC0xLjM5Mi4zMDRjLjM4NC45MjguNzA0IDEuOTg0Ljk3NiAzLjJsMS41Mi0uMzM2YTI2LjE4OCAyNi4xODggMCAwIDAtMS4xMDQtMy4xNjh6bTIuODgtLjM1MmwtMS4xNjguNzM2YTI2LjIxIDI2LjIxIDAgMCAxIDIuMDQ4IDMuMjQ4bDEuMjY0LS44OTZjLS40OTYtLjg4LTEuMjE2LTEuOTA0LTIuMTQ0LTMuMDg4em0xMy4xODQtNi4wMzJINTcuNDRjLjQxNi0uNTI4LjgtMS4xMDQgMS4xODQtMS43MjhoOGMtLjAzMiAzLjItLjA4IDUuMDcyLS4xNzYgNS42NDgtLjA2NC41NDQtLjMyLjgzMi0uNzM2LjgzMi0uMzIgMC0uNzA0LS4wMzItMS4xNTItLjA4bC4zNjggMS4zNmMuNDguMDMyLjgxNi4wNjQgMS4wMDguMDY0IDEuMTY4IDAgMS44MjQtLjUxMiAxLjk4NC0xLjUwNC4xNi0uOTkyLjI1Ni0zLjU4NC4yNTYtNy43NzZoLTguNzUyYy4yMDgtLjQ0OC40MTYtLjg5Ni42MjQtMS4zNzZsLTEuNTM2LS4zNTJjLS45OTIgMi4yNC0yLjE5MiA0LTMuNiA1LjI4bDEuMDU2IDEuMjhjLjM2OC0uMzUyLjczNi0uNzUyIDEuMDg4LTEuMTY4djcuODU2YzAgLjk2LjU0NCAxLjQ1NiAxLjYzMiAxLjQ1Nmg4LjQ2NGMuOC0uMDMyIDEuMzI4LS4zODQgMS41NTItMS4wNC4xNDQtLjQxNi4yNzItMS4xMDQuMzY4LTIuMDY0bC0xLjQ0LS40NjRjLS4wOTYuOTQ0LS4xNzYgMS41Mi0uMjcyIDEuNzI4LS4xMjguMjU2LS4zNTIuMzg0LS42ODguNDE2aC03LjM2Yy0uNDk2IDAtLjczNi0uMjA4LS43MzYtLjYyNHYtMi42MDhoNS42OTZ2LTUuMTM2em0tNS42OTYgMy43NnYtMi4zODRoNC4xNnYyLjM4NGgtNC4xNnptMTIuNDk2LTcuNjh2MS4yMTZoMTMuOTA0di0xLjIxNmgtNi4xNDRhNy4zMDYgNy4zMDYgMCAwIDAtLjU2LTEuMDA4bC0xLjUzNi4yNTZjLjE3Ni4yMjQuMzM2LjQ4LjQ4Ljc1MmgtNi4xNDR6bTEuNjMyIDEuNzI4djQuMjI0aDQuNTZ2LjU3Nkg3MS4zNnYxLjE1Mmg1LjkwNHYxLjE4NGgxLjQ3MnYtMS4xODRoNS45MDR2LTEuMTUyaC01LjkwNHYtLjU3Nmg0LjYyNHYtNC4yMjRINzIuNzA0em05LjIzMiAzLjJoLTMuMnYtLjY3MmgzLjJ2LjY3MnptLTQuNjcyIDBoLTMuMTM2di0uNjcyaDMuMTM2di42NzJ6bS0zLjEzNi0xLjUwNHYtLjY3MmgzLjEzNnYuNjcyaC0zLjEzNnptNC42MDgtLjY3MmgzLjJ2LjY3MmgtMy4ydi0uNjcyem0xLjc0NCA1LjE2OGwtLjQ4LjkxMmMxLjY4LjM2OCAzLjI5Ni44NjQgNC44MzIgMS41MDRsLjUxMi0xLjI2NGEzMC4zNDQgMzAuMzQ0IDAgMCAwLTQuODY0LTEuMTUyem0tMy43NzYuOTZjLS44LjUxMi0xLjY2NC45NDQtMi41NzYgMS4zMTJhMTkuOTMyIDE5LjkzMiAwIDAgMS0zLjU1MiAxLjAwOGwuODMyIDEuMzZhNTcuMTk3IDU3LjE5NyAwIDAgMCAyLjgxNi0uOTQ0di40OTZjMCAuMjg4LS4yMDguNDk2LS42MjQuNjI0bC4yNzIgMS4xNjhjMS45NjgtLjQgMy42NDgtLjgxNiA1LjA0LTEuMjQ4bC0uMjU2LTEuMjY0Yy0uOTYuMzItMS45ODQuNjI0LTMuMDg4Ljg5NnYtMS4yNjRhMTUuMTE0IDE1LjExNCAwIDAgMCAyLjMyLTEuNDI0bC0xLjE4NC0uNzJ6bTUuNDcyLjg4YTcuMSA3LjEgMCAwIDEtLjc4NC42NTZjLS4xNi4wOTYtLjMyLjE5Mi0uNTEyLjI4OGE2LjExNSA2LjExNSAwIDAgMS0xLjU1Mi0xLjY2NGwtMS4xODQuNjg4YzEuMjQ4IDEuOTg0IDMuMzI4IDMuMzYgNi4yNzIgNC4wOTZsLjg2NC0xLjI5NmMtMS4xODQtLjI1Ni0yLjIyNC0uNjA4LTMuMTItMS4wNTZhMS41OCAxLjU4IDAgMCAxIC4yNC0uMTQ0Yy4zMi0uMjI0LjY1Ni0uNDk2Ljk3Ni0uODMybC0xLjItLjczNnptLTYuOTQ0LTEuODg4Yy0xLjAwOC40LTIuNDk2Ljc1Mi00LjQ2NCAxLjA0bC43NjggMS4xMzZjMS44MjQtLjM1MiAzLjMxMi0uODE2IDQuNDgtMS4zNzZsLS43ODQtLjh6bTEyLjE3Ni04LjE3NnY5Ljg0aDQuODh2LTkuODRoLTQuODh6bTMuNDQgOC40OGgtMS45NTJ2LTIuODk2aDEuOTUydjIuODk2em0tMS45NTItNC4yNzJ2LTIuODQ4aDEuOTUydjIuODQ4aC0xLjk1MnptNC40NDggMS4ydjQuNDMyaDYuOTEydi00LjQzMmgtNi45MTJ6bTUuNDI0IDMuMTA0aC0zLjkzNnYtMS43NmgzLjkzNnYxLjc2em0tMy41NTItNy4wODhjLS4yNTYgMS4xMi0xLjEzNiAxLjkzNi0yLjY0IDIuNDQ4bC44IDEuMjQ4YzEuOTItLjc4NCAzLjAyNC0yLjAxNiAzLjI5Ni0zLjY5NmgyLjQzMmMtLjAzMi43ODQtLjA4IDEuMjgtLjE3NiAxLjQ4OC0uMDk2LjQzMi0uMzA0LjY1Ni0uNjQuNjcyLS40MTYgMC0uODk2LS4wMzItMS40NzItLjA5NmwuNDMyIDEuMzI4Yy40NDguMDMyLjg0OC4wNjQgMS4yLjA2NC44OTYtLjAxNiAxLjQ3Mi0uMzg0IDEuNzQ0LTEuMTA0LjI1Ni0uNTEyLjQtMS43NzYuNDQ4LTMuNzc2aC03LjUydjEuNDI0aDIuMDk2em0tNi45NzYgOC45NzZjLS4zNjggMS4zNzYtLjggMi41MjgtMS4yOTYgMy40MjRsMS4zOTIuNDk2Yy41MTItMS4wMjQuOTI4LTIuMjI0IDEuMjY0LTMuNTY4bC0xLjM2LS4zNTJ6bTQuMTkyLjI3MmwtMS4zOTIuMzA0Yy4yNTYuOTQ0LjQ5NiAyLjAzMi43MDQgMy4yOGwxLjQ1Ni0uMzUyYTM1LjcwNCAzNS43MDQgMCAwIDAtLjc2OC0zLjIzMnptMy40MDgtLjE2bC0xLjQyNC4zMDRjLjQzMi45OTIuNzg0IDIuMTI4IDEuMDcyIDMuNDA4bDEuNDcyLS4zNTJhMjcuNTQ3IDI3LjU0NyAwIDAgMC0xLjEyLTMuMzZ6bTMuMjk2LS4zMDRsLTEuMTg0LjczNmMuODMyIDEuMjE2IDEuNTA0IDIuMzIgMiAzLjMyOGwxLjIxNi0uODQ4Yy0uNDgtLjkyOC0xLjE1Mi0yLTIuMDMyLTMuMjE2em02LjYwOC0xMC4yNzJ2NS45NTJjLS4wMTYgMy4zNi0uNzY4IDUuNzkyLTIuMjcyIDcuMzEybDEuMTY4IDEuMDI0YzEuMjQ4LTEuMjggMi4wNDgtMy4wNzIgMi40MTYtNS40MDhoNi4wNDh2NS40NGgxLjU1MnYtNi45MTJoLTcuNDRjLjAzMi0uNDY0LjA2NC0uOTQ0LjA2NC0xLjQ1NnYtLjkyOGg2Ljg4di01LjQyNGgtMS41MDR2My45NjhoLTUuMzc2di0zLjU2OGgtMS41MzZ6IiBpZD0i5pqr54Sh5YyF6KO554Wn54mHIiBmaWxsPSIjRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiLz48L2c+PC9nPjwvZz48L3N2Zz4=) center center no-repeat #dddddd !important;
}

.CardPkg-image img {
  width: 160px;
  height: 160px;
  object-fit: cover;
}

@media (min-width: 48em) {
  .CardPkg-image {
    left: 20px;
    top: 20px;
  }
}

.CardPkg-modal .modal-dialog {
  max-width: 300px;
}

.CardPkg-modal .modal-body {
  padding: 35px 30px 38px;
}

.CardPkg-modal .modal-body img {
  width: 100%;
  height: auto;
}

.CardPkg-modal .remove {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  font-size: .7em;
}

.js-toggleWrapper .CardPkg-id {
  height: 22px;
  padding: 0 130px 0 0;
}

@media (min-width: 48em) {
  .CardPkg-id {
    height: 22px;
    padding: 0 130px 0 0;
  }
}

.CardPkg-time {
  color: #aaaaaa;
  position: absolute;
  right: 12px;
  top: 12px;
}

@media (min-width: 48em) {
  .CardPkg-time {
    right: 20px;
    top: 15px;
  }
}

.CardPkg-footer {
  padding-top: 12px;
}

.CardPkg-data {
  display: none;
}

.CardPkg-data.is-show {
  display: block;
}

@media (min-width: 48em) {
  .CardPkg-data--guardian {
    display: block !important;
  }
}

.CardPkg-data .barcode-title {
  display: inline-block;
}

.CardPkg-data .barcode-number {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.CardPkg-data .CardPkg-note {
  display: inline-block;
}

.CardPkg-dataToggle {
  text-decoration: underline;
  display: inline-block;
  line-height: 30px;
}

@media (min-width: 48em) {
  .CardPkg-dataToggle--guardian {
    visibility: hidden;
  }
}

.CardPkg-column--guardian {
  font-size: .875em;
}

@media (min-width: 48em) {
  .CardPkg-column {
    column-count: 2;
  }
}

.js-zoom {
  position: absolute;
  z-index: 1;
  right: 5px;
  bottom: 5px;
}

.js-zoom .out, .js-zoom .in {
  width: 26px;
  height: 26px;
}

.js-zoom .out {
  display: none;
}

.js-zoom.is-in .in {
  display: none;
}

.js-zoom.is-in .out {
  display: block;
}

.one-message {
  position: relative;
  width: 340px;
  height: 200px;
  padding: 20px;
}

.one-message .one-message-btn-ok {
  bottom: 20px;
  position: absolute;
  width: 300px;
}

.one-message .one-message-div {
  -ms-flex-align: center;
      align-items: center;
  height: 126px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.one-message .one-message-div .barcode-div {
  word-wrap: break-word;
}

.notificationPackage {
  display: initial !important;
  width: 60px;
  height: 60px;
  min-height: 60px;
  min-width: 60px;
  position: initial !important;
  left: 0 !important;
  top: 0 !important;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTMiIGhlaWdodD0iODgiIHZpZXdCb3g9IjAgMCA5MyA4OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPnBrZy1wbGFjZWhvbGRlcjwvdGl0bGU+PGRlZnM+PHJlY3QgaWQ9InBhdGgtMSIgd2lkdGg9IjE0MCIgaGVpZ2h0PSIxNDAiIHJ4PSIyIi8+PC9kZWZzPjxnIGlkPSJQYWdlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9IkFydGJvYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzM1IC02NCkiPjxnIGlkPSJwa2ctcGxhY2Vob2xkZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxMyAzMCkiPjxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIvPjwvbWFzaz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MCAzNCkiIGlkPSJpY29uX3BhY2thZ2UiIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTU4IDkuODc1bC0xLTF2NDAuODc5YzAgLjU0Ni0uNDUuOTk2LS45OTMuOTk2SDMuOTkzQS45OTYuOTk2IDAgMCAxIDMgNDkuNzU0VjguODc1bC0xIDFoNTZ6bS01Ny0ydjQxLjg3OWEyLjk5NiAyLjk5NiAwIDAgMCAyLjk5MyAyLjk5Nmg1Mi4wMTRBMy4wMDEgMy4wMDEgMCAwIDAgNTkgNDkuNzU0VjcuODc1SDF6IiBpZD0iYm94Ii8+PHBhdGggZD0iTTEzLjUwNCAySDQ3LjVsLS42LS4yIDEwLjUgNy44NzUuNi0xLjhIMmwuNiAxLjggOS42OTQtNy4yN2MuMjczLS4yMDUuODctLjQwNSAxLjIxLS40MDV6TTEuNCA4LjA3NWMtLjc2OS41NzctLjM2MSAxLjguNiAxLjhoNTZjLjk2MSAwIDEuMzY5LTEuMjIzLjYtMS44TDQ4LjEuMmExIDEgMCAwIDAtLjYtLjJIMTMuNTA0Yy0uNzc0IDAtMS43OTEuMzQtMi40MS44MDVMMS40IDguMDc1eiIgaWQ9InRvcCIvPjxwYXRoIGQ9Ik0zNi44OTggOS44NTJsLS4wMjggMjAuNDUzLTYuMjE1LTUuMzg4YTEgMSAwIDAgMC0xLjMxIDBsLTYuMjIgNS40NjRWOS44NTFoMTMuNzczem0tMTUuNzczLS45NzdWMzIuNWExIDEgMCAwIDAgMS42NTUuNzU2czcuMDAxLTYuNDUgNy4yMi02LjI2bDcuMjIgNi4yNmExIDEgMCAwIDAgMS42NTUtLjc1NlY4Ljg3NWExIDEgMCAwIDAtMS0xaC0xNS43NWExIDEgMCAwIDAtMSAxeiIgaWQ9IlJlY3RhbmdsZS0yMSIvPjxwYXRoIGQ9Ik0yNi41MDkgMi4zNDNsLjQ2OC0uODg0LTEuNzY4LS45MzYtLjQ2OC44ODQtMy45MzcgNy40MzgtLjQ2OC44ODMgMS43NjcuOTM2LjQ2OC0uODg0IDMuOTM4LTcuNDM3em04Ljc1LS45MzZMMzQuNzkuNTIzbC0xLjc2OC45MzYuNDY4Ljg4NEwzNy40MyA5Ljc4bC40NjguODg0IDEuNzY3LS45MzYtLjQ2OC0uODgzLTMuOTM3LTcuNDM4eiIgaWQ9IkNvbWJpbmVkLVNoYXBlIi8+PHBhdGggZD0iTTQxLjM3NSA0MC4zNzNjMC0uNDgyLjM4OC0uODczLjg3NS0uODczYS44OC44OCAwIDAgMSAuODc1Ljg3M3Y2LjEzYS44NzIuODcyIDAgMCAxLS44NzUuODcyLjg4Ljg4IDAgMCAxLS44NzUtLjg3M3YtNi4xM3ptMy41IDBjMC0uNDgyLjM4OC0uODczLjg3NS0uODczYS44OC44OCAwIDAgMSAuODc1Ljg3M3Y2LjEzYS44NzIuODcyIDAgMCAxLS44NzUuODcyLjg4Ljg4IDAgMCAxLS44NzUtLjg3M3YtNi4xM3ptNyAwYzAtLjQ4Mi4zODgtLjg3My44NzUtLjg3M2EuODguODggMCAwIDEgLjg3NS44NzN2Ni4xM2EuODcyLjg3MiAwIDAgMS0uODc1Ljg3Mi44OC44OCAwIDAgMS0uODc1LS44NzN2LTYuMTN6bS0zLjUgMGMwLS40ODIuMzg4LS44NzMuODc1LS44NzNhLjg4Ljg4IDAgMCAxIC44NzUuODczdjYuMTNhLjg3Mi44NzIgMCAwIDEtLjg3NS44NzIuODguODggMCAwIDEtLjg3NS0uODczdi02LjEzeiIgaWQ9IkNvbWJpbmVkLVNoYXBlIi8+PHBhdGggZD0iTTEwLjU3NSAzOC4wNDRMNy42NjMgNDEuMDRhLjY4My42ODMgMCAwIDEtLjk4OC0uMDAyLjczNC43MzQgMCAwIDEtLjAwMi0xLjAxN2w0LjQ2LTQuNTlhLjY4NC42ODQgMCAwIDEgLjQ5LS4yMWguMDAzYy4xNzggMCAuMzU2LjA3LjQ5Mi4yMWw0LjQ1OSA0LjU5YS43MzIuNzMyIDAgMCAxLS4wMDIgMS4wMTcuNjg0LjY4NCAwIDAgMS0uOTg4LjAwMmwtMi45MTItMi45OTd2NS40MDZjMCAuNTc2LS40NjYgMS4wNDMtMS4wNSAxLjA0My0uNTggMC0xLjA1LS40NjUtMS4wNS0xLjA0M3YtNS40MDZ6bTUuNzQ1IDcuOTFjLjM5MiAwIC43MS4zMTEuNzEuNyAwIC4zODctLjMxMi43LS43MS43SDYuOTNhLjcwMy43MDMgMCAwIDEtLjcxLS43YzAtLjM4Ni4zMTItLjcuNzEtLjdoOS4zOXoiIGlkPSJDb21iaW5lZC1TaGFwZSIvPjwvZz48cGF0aCBkPSJNMjMuMzc2IDEwOS41MTR2My41MmgyLjUyOHYuNTEyaC0zLjA0djEuMDcyaDMuMDR2Ljg5NmgxLjM5MnYtLjg5NmgyLjk5MmMtLjA4LjExMi0uMTYuMjI0LS4yNC4zNTJsMS4yNjQuNjA4Yy42NTYtLjg2NCAxLjAyNC0yLjE2IDEuMDg4LTMuODU2aDEuNjk2djMuNzkyaDEuMzc2di0zLjc5MmgxLjZ2LTEuMzQ0aC00LjY1NmwtLjAxNi0xLjE4NGMxLjU2OC0uMDggMy4wMjQtLjMzNiA0LjM1Mi0uNzUybC0uNjU2LTEuMTY4Yy0xLjM3Ni40OC0zLjA1Ni43NTItNS4wNC44MTZ2My4zNzZjLS4wMzIgMS4yNDgtLjI4OCAyLjI3Mi0uNzM2IDMuMDg4di0xLjAwOGgtMy4wMjR2LS41MTJoMi41NDR2LTMuNTJoLTIuNTQ0di0uNTEyaDIuODk2di0xLjA0aC0yLjg5NnYtLjhoLTEuMzkydi44aC0yLjg5NnYxLjA0aDIuODk2di41MTJoLTIuNTI4em01LjIzMiAyLjcwNGgtMS4zOTJ2LS41OTJoMS4zOTJ2LjU5MnptLTIuNTkyIDBoLTEuMzkydi0uNTkyaDEuMzkydi41OTJ6bS0xLjM5Mi0xLjI5NnYtLjU5MmgxLjM5MnYuNTkyaC0xLjM5MnptMi41OTItLjU5MmgxLjM5MnYuNTkyaC0xLjM5MnYtLjU5MnptOC4yMjQgNS41MzZIMjQuNzUydjYuMDMyaDEuNDcydi0uNTkyaDcuNzQ0di41OTJoMS40NzJ2LTYuMDMyem0tOS4yMTYgNC4yMDh2LS45MTJoNy43NDR2LjkxMmgtNy43NDR6bTAtMi4wOTZ2LS45MTJoNy43NDR2LjkxMmgtNy43NDR6bTE0Ljk0NC04LjAxNmgxMS4yOHYtMS40NEg0Mi4wOTZjLjE5Mi0uMzg0LjM1Mi0uOC40OTYtMS4yNDhsLTEuNDcyLS4xOTJjLS40MTYgMS4yMzItMS4yMzIgMi4yODgtMi40MTYgMy4xNTJsLjkyOCAxLjIxNmE5LjY3NyA5LjY3NyAwIDAgMCAxLjUzNi0xLjQ4OHptLS4xOTIuNjR2MS44MjRoLTEuNzQ0djEuNDA4aDEuNzQ0djIuMzJoLTEuOTY4djEuNDI0aDEzLjk4NHYtMS40MjRoLTEuNjY0di0yLjMyaDEuNDU2di0xLjQwOGgtMS40NTZ2LTEuODI0aC0xLjQ3MnYxLjgyNGgtMS40ODh2LTEuODI0aC0xLjQ1NnYxLjgyNGgtMS41MnYtMS44MjRINDMuOTJ2MS44MjRoLTEuNDg4di0xLjgyNGgtMS40NTZ6bTEuNDU2IDUuNTUydi0yLjMyaDEuNDg4djIuMzJoLTEuNDg4em0yLjk2IDB2LTIuMzJoMS41MnYyLjMyaC0xLjUyem0yLjk3NiAwdi0yLjMyaDEuNDg4djIuMzJoLTEuNDg4em0tNy40MjQgMS44NTZhMTMuMjQzIDEzLjI0MyAwIDAgMS0xLjkzNiAzLjA3MmwxLjIzMi45MTJjLjc2OC0uOTQ0IDEuNDI0LTIuMDY0IDEuOTY4LTMuMzc2bC0xLjI2NC0uNjA4em0zLjc2LjM2OGwtMS40MDguMzA0Yy4yODguOTI4LjU0NCAxLjk4NC43NTIgMy4ybDEuNTItLjM1MmEzNS42NyAzNS42NyAwIDAgMC0uODY0LTMuMTUyem0zLjUwNC0uMDk2bC0xLjM5Mi4zMDRjLjM4NC45MjguNzA0IDEuOTg0Ljk3NiAzLjJsMS41Mi0uMzM2YTI2LjE4OCAyNi4xODggMCAwIDAtMS4xMDQtMy4xNjh6bTIuODgtLjM1MmwtMS4xNjguNzM2YTI2LjIxIDI2LjIxIDAgMCAxIDIuMDQ4IDMuMjQ4bDEuMjY0LS44OTZjLS40OTYtLjg4LTEuMjE2LTEuOTA0LTIuMTQ0LTMuMDg4em0xMy4xODQtNi4wMzJINTcuNDRjLjQxNi0uNTI4LjgtMS4xMDQgMS4xODQtMS43MjhoOGMtLjAzMiAzLjItLjA4IDUuMDcyLS4xNzYgNS42NDgtLjA2NC41NDQtLjMyLjgzMi0uNzM2LjgzMi0uMzIgMC0uNzA0LS4wMzItMS4xNTItLjA4bC4zNjggMS4zNmMuNDguMDMyLjgxNi4wNjQgMS4wMDguMDY0IDEuMTY4IDAgMS44MjQtLjUxMiAxLjk4NC0xLjUwNC4xNi0uOTkyLjI1Ni0zLjU4NC4yNTYtNy43NzZoLTguNzUyYy4yMDgtLjQ0OC40MTYtLjg5Ni42MjQtMS4zNzZsLTEuNTM2LS4zNTJjLS45OTIgMi4yNC0yLjE5MiA0LTMuNiA1LjI4bDEuMDU2IDEuMjhjLjM2OC0uMzUyLjczNi0uNzUyIDEuMDg4LTEuMTY4djcuODU2YzAgLjk2LjU0NCAxLjQ1NiAxLjYzMiAxLjQ1Nmg4LjQ2NGMuOC0uMDMyIDEuMzI4LS4zODQgMS41NTItMS4wNC4xNDQtLjQxNi4yNzItMS4xMDQuMzY4LTIuMDY0bC0xLjQ0LS40NjRjLS4wOTYuOTQ0LS4xNzYgMS41Mi0uMjcyIDEuNzI4LS4xMjguMjU2LS4zNTIuMzg0LS42ODguNDE2aC03LjM2Yy0uNDk2IDAtLjczNi0uMjA4LS43MzYtLjYyNHYtMi42MDhoNS42OTZ2LTUuMTM2em0tNS42OTYgMy43NnYtMi4zODRoNC4xNnYyLjM4NGgtNC4xNnptMTIuNDk2LTcuNjh2MS4yMTZoMTMuOTA0di0xLjIxNmgtNi4xNDRhNy4zMDYgNy4zMDYgMCAwIDAtLjU2LTEuMDA4bC0xLjUzNi4yNTZjLjE3Ni4yMjQuMzM2LjQ4LjQ4Ljc1MmgtNi4xNDR6bTEuNjMyIDEuNzI4djQuMjI0aDQuNTZ2LjU3Nkg3MS4zNnYxLjE1Mmg1LjkwNHYxLjE4NGgxLjQ3MnYtMS4xODRoNS45MDR2LTEuMTUyaC01LjkwNHYtLjU3Nmg0LjYyNHYtNC4yMjRINzIuNzA0em05LjIzMiAzLjJoLTMuMnYtLjY3MmgzLjJ2LjY3MnptLTQuNjcyIDBoLTMuMTM2di0uNjcyaDMuMTM2di42NzJ6bS0zLjEzNi0xLjUwNHYtLjY3MmgzLjEzNnYuNjcyaC0zLjEzNnptNC42MDgtLjY3MmgzLjJ2LjY3MmgtMy4ydi0uNjcyem0xLjc0NCA1LjE2OGwtLjQ4LjkxMmMxLjY4LjM2OCAzLjI5Ni44NjQgNC44MzIgMS41MDRsLjUxMi0xLjI2NGEzMC4zNDQgMzAuMzQ0IDAgMCAwLTQuODY0LTEuMTUyem0tMy43NzYuOTZjLS44LjUxMi0xLjY2NC45NDQtMi41NzYgMS4zMTJhMTkuOTMyIDE5LjkzMiAwIDAgMS0zLjU1MiAxLjAwOGwuODMyIDEuMzZhNTcuMTk3IDU3LjE5NyAwIDAgMCAyLjgxNi0uOTQ0di40OTZjMCAuMjg4LS4yMDguNDk2LS42MjQuNjI0bC4yNzIgMS4xNjhjMS45NjgtLjQgMy42NDgtLjgxNiA1LjA0LTEuMjQ4bC0uMjU2LTEuMjY0Yy0uOTYuMzItMS45ODQuNjI0LTMuMDg4Ljg5NnYtMS4yNjRhMTUuMTE0IDE1LjExNCAwIDAgMCAyLjMyLTEuNDI0bC0xLjE4NC0uNzJ6bTUuNDcyLjg4YTcuMSA3LjEgMCAwIDEtLjc4NC42NTZjLS4xNi4wOTYtLjMyLjE5Mi0uNTEyLjI4OGE2LjExNSA2LjExNSAwIDAgMS0xLjU1Mi0xLjY2NGwtMS4xODQuNjg4YzEuMjQ4IDEuOTg0IDMuMzI4IDMuMzYgNi4yNzIgNC4wOTZsLjg2NC0xLjI5NmMtMS4xODQtLjI1Ni0yLjIyNC0uNjA4LTMuMTItMS4wNTZhMS41OCAxLjU4IDAgMCAxIC4yNC0uMTQ0Yy4zMi0uMjI0LjY1Ni0uNDk2Ljk3Ni0uODMybC0xLjItLjczNnptLTYuOTQ0LTEuODg4Yy0xLjAwOC40LTIuNDk2Ljc1Mi00LjQ2NCAxLjA0bC43NjggMS4xMzZjMS44MjQtLjM1MiAzLjMxMi0uODE2IDQuNDgtMS4zNzZsLS43ODQtLjh6bTEyLjE3Ni04LjE3NnY5Ljg0aDQuODh2LTkuODRoLTQuODh6bTMuNDQgOC40OGgtMS45NTJ2LTIuODk2aDEuOTUydjIuODk2em0tMS45NTItNC4yNzJ2LTIuODQ4aDEuOTUydjIuODQ4aC0xLjk1MnptNC40NDggMS4ydjQuNDMyaDYuOTEydi00LjQzMmgtNi45MTJ6bTUuNDI0IDMuMTA0aC0zLjkzNnYtMS43NmgzLjkzNnYxLjc2em0tMy41NTItNy4wODhjLS4yNTYgMS4xMi0xLjEzNiAxLjkzNi0yLjY0IDIuNDQ4bC44IDEuMjQ4YzEuOTItLjc4NCAzLjAyNC0yLjAxNiAzLjI5Ni0zLjY5NmgyLjQzMmMtLjAzMi43ODQtLjA4IDEuMjgtLjE3NiAxLjQ4OC0uMDk2LjQzMi0uMzA0LjY1Ni0uNjQuNjcyLS40MTYgMC0uODk2LS4wMzItMS40NzItLjA5NmwuNDMyIDEuMzI4Yy40NDguMDMyLjg0OC4wNjQgMS4yLjA2NC44OTYtLjAxNiAxLjQ3Mi0uMzg0IDEuNzQ0LTEuMTA0LjI1Ni0uNTEyLjQtMS43NzYuNDQ4LTMuNzc2aC03LjUydjEuNDI0aDIuMDk2em0tNi45NzYgOC45NzZjLS4zNjggMS4zNzYtLjggMi41MjgtMS4yOTYgMy40MjRsMS4zOTIuNDk2Yy41MTItMS4wMjQuOTI4LTIuMjI0IDEuMjY0LTMuNTY4bC0xLjM2LS4zNTJ6bTQuMTkyLjI3MmwtMS4zOTIuMzA0Yy4yNTYuOTQ0LjQ5NiAyLjAzMi43MDQgMy4yOGwxLjQ1Ni0uMzUyYTM1LjcwNCAzNS43MDQgMCAwIDAtLjc2OC0zLjIzMnptMy40MDgtLjE2bC0xLjQyNC4zMDRjLjQzMi45OTIuNzg0IDIuMTI4IDEuMDcyIDMuNDA4bDEuNDcyLS4zNTJhMjcuNTQ3IDI3LjU0NyAwIDAgMC0xLjEyLTMuMzZ6bTMuMjk2LS4zMDRsLTEuMTg0LjczNmMuODMyIDEuMjE2IDEuNTA0IDIuMzIgMiAzLjMyOGwxLjIxNi0uODQ4Yy0uNDgtLjkyOC0xLjE1Mi0yLTIuMDMyLTMuMjE2em02LjYwOC0xMC4yNzJ2NS45NTJjLS4wMTYgMy4zNi0uNzY4IDUuNzkyLTIuMjcyIDcuMzEybDEuMTY4IDEuMDI0YzEuMjQ4LTEuMjggMi4wNDgtMy4wNzIgMi40MTYtNS40MDhoNi4wNDh2NS40NGgxLjU1MnYtNi45MTJoLTcuNDRjLjAzMi0uNDY0LjA2NC0uOTQ0LjA2NC0xLjQ1NnYtLjkyOGg2Ljg4di01LjQyNGgtMS41MDR2My45NjhoLTUuMzc2di0zLjU2OGgtMS41MzZ6IiBpZD0i5pqr54Sh5YyF6KO554Wn54mHIiBmaWxsPSIjRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiLz48L2c+PC9nPjwvZz48L3N2Zz4=) center center 50px 50px no-repeat #dddddd !important;
  background-size: 55px 55px !important;
}

.CategoryList {
  background: white;
}

.CategoryList-item {
  padding: 15px 20px;
  border-bottom: 1px solid #dddddd;
}

.CategoryList-item:last-child {
  border: none;
}

.CategoryList-item .Icon-link {
  margin-left: 5px;
}

.js-ToggleTarget {
  display: none;
}

.js-ToggleTarget.is-show {
  display: block;
}

@media (min-width: 48em) {
  .SearchStatistics {
    margin-bottom: 30px;
    margin-top: -20px;
  }
}

.SearchStatistics-items {
  font-size: 0;
}

.SearchStatistics-item {
  display: inline-block;
  font-size: 16px;
  width: 50%;
}

@media (min-width: 48em) {
  .SearchStatistics-item {
    width: 25%;
  }
}

@media (min-width: 48em) {
  .SearchForm {
    margin-bottom: 30px;
  }
}

.SearchForm .tag {
  margin-bottom: 10px;
}

.SearchForm-block {
  background: white;
  padding: 20px 40px;
  margin-bottom: 10px;
}

.SearchForm-toggle {
  margin-top: 30px;
  display: block;
  text-align: center;
}

@media (min-width: 48em) {
  .SearchForm-toggle {
    position: absolute;
    right: 0;
    margin-top: -20px;
  }
}

.SearchForm-timeRow .CustomNumberInput {
  margin-left: 10px;
}

.SearchForm-timeRow .date {
  -ms-flex: 1;
  flex: 1;
}

.SearchForm-timeRow .date[readonly] {
  background-color: #ffffff !important;
}

.SearchForm-timeRow .divider {
  margin: 0 5px;
  margin-right: -5px;
  line-height: 40px;
}

.SearchForm-timeRow .col-sm-6 {
  margin-bottom: 20px;
}

@media (min-width: 48em) {
  .SearchForm-timeRow .col-sm-6 {
    position: relative;
    margin-bottom: 0;
  }
  .SearchForm-timeRow .col-sm-6:first-child:after {
    content: '\FF5E';
    position: absolute;
    right: -10px;
    top: 0;
    line-height: 40px;
  }
}

.SearchForm-actions {
  margin-top: 10px;
}

.SearchForm-actions .btn {
  display: block;
  width: 100%;
  margin: 0;
  margin-top: 10px;
}

@media (min-width: 48em) {
  .SearchForm-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .SearchForm-actions .btn {
    width: auto;
  }
  .SearchForm-actions .btn-primary {
    -ms-flex-order: 2;
    order: 2;
  }
}

.photo-button-div {
  width: 100%;
  height: 50px;
  background-color: #e8e8e8;
}

.photo-button-div button {
  float: right;
}

.md-icon-button.Icon-close {
  /*position: fixed;
            right: 0px;
            top: 0px;
            padding: 0;
            margin: 0;*/
}

.md-icon-button.Icon-zoom {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 0;
  margin: 0;
}

md-dialog .md-dialog-content {
  padding: 35px 30px 30px 30px;
}

md-dialog .md-dialog-content.reservation img {
  width: 100%;
}

.CardAnc {
  position: relative;
  padding: 15px;
  padding-bottom: 0;
}

.CardAnc.important {
  border: 3px solid #80b4de;
}

@media (min-width: 48em) {
  .CardAnc {
    padding: 40px;
  }
}

.CardAnc .js-text {
  position: relative;
  font-size: 1em;
  line-height: 1.5em;
  overflow: hidden;
  max-height: 4.5em;
  word-break: break-all;
}

.CardAnc .js-text.is-reveal {
  max-height: initial;
}

.CardAnc .js-readMore {
  display: none;
  text-decoration: none;
  margin-top: 1em;
  line-height: 1em;
}

.CardAnc .js-readMore:hover {
  border-bottom: 1px solid;
}

.CardAnc .js-readMore:after {
  content: '...';
  position: relative;
  top: -.3em;
}

.CardAnc-actions {
  position: absolute;
  font-size: .9em;
}

.CardAnc-actions--small {
  right: 15px;
}

.CardAnc-actions--small .modal-body {
  padding: 0 20px;
}

.CardAnc-actions--small .actionLink {
  display: block;
  cursor: pointer;
  line-height: 60px;
  color: #515151;
}

.CardAnc-actions--small .actionItem:first-child {
  border-bottom: 1px solid #eeeeef;
}

.CardAnc-actions--small .Icon {
  margin-right: 10px;
}

.CardAnc-actions--big {
  right: 40px;
}

.CardAnc-actions--big .actionItem {
  display: inline-block;
  margin-left: 5px;
}

.CardAnc-title {
  font-size: 1.125em;
}

.CardAnc .important-announcement-title {
  width: calc(100% - 85px);
  display: inline-block;
}

.CardAnc .important-announcement-tag {
  width: 75px;
  height: 25px;
  text-align: center;
  line-height: 22px;
  border: 2px solid;
  border-radius: 5px;
  color: #8cb0d0;
  float: right;
  font-size: 14px;
}

.CardAnc-activeTime {
  color: #72747f;
  font-size: 0.875em;
  line-height: 1.5em;
  border-left: #80b4de 3px solid;
  padding-left: 5px;
  margin-left: 5px;
}

.CardAnc-info {
  color: #aaaaaa;
  font-size: 0.875em;
}

.CardAnc-info .infoItem:before {
  content: '\30FB';
}

@media (min-width: 48em) {
  .CardAnc-info .infoItem {
    display: inline-block;
  }
}

.CardAnc-content {
  padding: 5px 0 20px;
}

@media (min-width: 48em) {
  .CardAnc-content {
    max-width: 100%;
  }
}

.CardAnc-attachments {
  padding-bottom: 30px;
  white-space: nowrap;
}

.CardAnc-attachments-label {
  position: absolute;
}

.CardAnc-attachments-row {
  margin-left: 50px;
}

.CardAnc-attachments-row p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.CardAnc-attachments-link {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.CardAnc-attachments-link .glyphicon {
  margin-right: 5px;
}

.CardAnc-tags {
  padding-bottom: 15px;
}

.CardAnc-tags-item {
  display: inline-block;
  margin: 0 4px 6px 0;
}

.CardAnc-tags-link {
  background: #eeeeef;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: .75em;
  color: #72747f;
}

.CardAnc-comments .Avatar {
  width: 36px;
  height: 36px;
  object-fit: cover;
}

.CardAnc-comments-block {
  position: relative;
  padding: 10px;
  padding-left: 46px;
  border-top: 1px solid #eeeeef;
}

.CardAnc-comments-block.is-hidden {
  display: none;
}

.CardAnc-comments-block .removeBtn {
  position: absolute;
  right: 0;
  font-size: .7em;
}

.CardAnc-comments-block .Avatar {
  object-fit: cover;
  position: absolute;
  left: 0;
}

.CardAnc-comments-block .author {
  font-size: .875em;
  line-height: 1.3em;
  height: 1.3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.CardAnc-comments-block .author.accountName {
  font-weight: bold;
  font-size: 1em;
}

.CardAnc-comments-block .author.isAccountDeleted {
  color: #aaaaaa;
}

.CardAnc-comments-block .time {
  font-size: .75em;
  color: #aaaaaa;
}

.CardAnc-comments-block .comment,
.CardAnc-comments-block .readMore {
  font-size: .875em;
}

.CardAnc-comments-footer {
  border-top: 1px solid #eeeeef;
  font-size: .875em;
}

.CardAnc-comments-footer .actions {
  text-align: right;
  padding: 15px 0;
}

.CardAnc-comments-footer .column {
  width: 33.3333333333%;
  display: inline-block;
  text-align: center;
}

.CardAnc-comments-footer .column--right {
  text-align: right;
}

.CardAnc-comments-footer .commentForm {
  display: none;
  border-top: 1px solid #eeeeef;
  padding: 15px 0;
  position: relative;
}

.CardAnc-comments-footer .commentForm.is-show {
  display: block;
}

.CardAnc-comments-footer .commentInput {
  position: absolute;
  left: 40px;
  right: 0;
  height: 36px;
  line-height: 36px;
  width: calc(100% - 36px - 10px - 65px);
  border: 2px solid #dddddd;
  border-radius: 6px;
  padding: 0 10px;
  outline: 0;
  font-size: 16px;
}

@media (min-width: 48em) {
  .CardAnc-comments-footer .commentInput {
    height: 40px;
    line-height: 40px;
    max-width: calc(100% - 36px - 10px - 65px);
    font-size: 14px;
  }
}

.CardAnc-comments-footer button.replay {
  float: right;
  margin-top: 0px;
}

@media (min-width: 48em) {
  .CardAnc-comments-footer button.replay {
    margin-top: 3px;
  }
}

.CardAnc .item-top-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

.CardAnc .item-top-box .item-top-left-box {
  padding-top: 2px;
  width: 30px;
}

.CardAnc .item-top-box .item-top-left-box:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #80b4de;
  content: '';
}

.CardAnc .item-top-box .item-top-right-box {
  -ms-flex: 1;
      flex: 1;
}

.CardAnc .show-photo-buttom {
  color: #80b4de;
}

.has-more + .readMore {
  display: inline-block;
}

.CardMessenger {
  position: relative;
  padding: 15px;
  padding-bottom: 0;
}

@media (min-width: 48em) {
  .CardMessenger {
    padding: 40px;
  }
}

.CardMessenger .js-text {
  position: relative;
  font-size: 1em;
  line-height: 1.5em;
  overflow: hidden;
  max-height: 4.5em;
  word-break: break-all;
  white-space: pre-line;
}

.CardMessenger .js-text.is-reveal {
  max-height: none;
}

.CardMessenger .js-readMore {
  display: none;
  text-decoration: none;
  margin-top: 1em;
  line-height: 1em;
}

.CardMessenger .js-readMore:hover {
  border-bottom: 1px solid;
}

.CardMessenger .js-readMore:after {
  content: '...';
  position: relative;
  top: -.3em;
}

.CardMessenger .item-top-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

.CardMessenger .item-top-box .item-top-left-box {
  padding-top: 2px;
  width: 30px;
}

.CardMessenger .item-top-box .item-top-left-box:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #80b4de;
  content: '';
}

.CardMessenger .item-top-box .item-top-right-box {
  -ms-flex: 1;
      flex: 1;
}

.CardMessenger-actions {
  position: absolute;
  font-size: .9em;
}

.CardMessenger-actions--small {
  right: 15px;
}

.CardMessenger-actions--small .modal-body {
  padding: 0 20px;
}

.CardMessenger-actions--small .actionLink {
  display: block;
  cursor: pointer;
  line-height: 60px;
  color: #515151;
}

.CardMessenger-actions--small .actionItem:first-child {
  border-bottom: 1px solid #eeeeef;
}

.CardMessenger-actions--small .Icon {
  margin-right: 10px;
}

.CardMessenger-actions--big {
  right: 40px;
}

.CardMessenger-actions--big .actionItem {
  display: inline-block;
  margin-left: 5px;
}

.CardMessenger-title {
  font-size: 1.125em;
  white-space: normal;
  word-break: break-all;
}

.CardMessenger-info {
  color: #aaaaaa;
  font-size: 0.875em;
}

.CardMessenger-info .infoItem:before {
  content: '\30FB';
}

@media (min-width: 48em) {
  .CardMessenger-info .infoItem {
    display: inline-block;
  }
}

.CardMessenger-content {
  padding: 5px 0 20px;
  -ms-flex: 1;
      flex: 1;
}

@media (min-width: 48em) {
  .CardMessenger-content {
    max-width: 100%;
  }
}

.CardMessenger-attachments {
  overflow: hidden;
  padding-bottom: 30px;
  white-space: nowrap;
}

.CardMessenger-attachments-label {
  position: absolute;
}

.CardMessenger-attachments-row {
  margin-left: 50px;
}

.CardMessenger-attachments-row p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.CardMessenger-attachments-link {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.CardMessenger-attachments-link .glyphicon {
  margin-right: 5px;
}

.CardMessenger-tags {
  padding-bottom: 15px;
}

.CardMessenger-tags-item {
  display: inline-block;
  margin: 0 4px 6px 0;
}

.CardMessenger-tags-link {
  background: #eeeeef;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: .75em;
  color: #72747f;
}

.CardMessenger-comments .Avatar {
  width: 36px;
  height: 36px;
  object-fit: cover;
}

.CardMessenger-comments-block {
  position: relative;
  padding: 10px;
  padding-left: 46px;
  border-top: 1px solid #eeeeef;
}

.CardMessenger-comments-block.is-hidden {
  display: none;
}

.CardMessenger-comments-block .removeBtn {
  position: absolute;
  right: 0;
  font-size: .7em;
}

.CardMessenger-comments-block .Avatar {
  object-fit: cover;
  position: absolute;
  left: 0;
}

.CardMessenger-comments-block .author {
  font-size: .875em;
  line-height: 1.3em;
  height: 1.3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.CardMessenger-comments-block .author.accountName {
  font-weight: bold;
  font-size: 1em;
}

.CardMessenger-comments-block .author.isAccountDeleted {
  color: #aaaaaa;
}

.CardMessenger-comments-block .time {
  font-size: .75em;
  color: #aaaaaa;
}

.CardMessenger-comments-block .comment,
.CardMessenger-comments-block .readMore {
  font-size: .875em;
}

.CardMessenger-comments-footer {
  border-top: 1px solid #eeeeef;
  font-size: .875em;
}

.CardMessenger-comments-footer .actions {
  text-align: right;
  padding: 15px 0;
}

.CardMessenger-comments-footer .column {
  width: 33.3333333333%;
  display: inline-block;
  text-align: center;
}

.CardMessenger-comments-footer .column--right {
  text-align: right;
}

.CardMessenger-comments-footer .commentForm {
  display: none;
  border-top: 1px solid #eeeeef;
  padding: 15px 0;
  position: relative;
}

.CardMessenger-comments-footer .commentForm.is-show {
  display: block;
}

.CardMessenger-comments-footer .commentInput {
  position: absolute;
  left: 40px;
  right: 0;
  height: 36px;
  line-height: 36px;
  width: calc(100% - 36px - 10px - 65px);
  border: 2px solid #dddddd;
  border-radius: 6px;
  padding: 0 10px;
  outline: 0;
  font-size: 16px;
}

@media (min-width: 48em) {
  .CardMessenger-comments-footer .commentInput {
    height: 40px;
    line-height: 40px;
    max-width: calc(100% - 36px - 10px - 65px);
    font-size: 14px;
  }
}

.CardMessenger-comments-footer button.replay {
  float: right;
  margin-top: 0px;
}

@media (min-width: 48em) {
  .CardMessenger-comments-footer button.replay {
    margin-top: 3px;
  }
}

.has-more + .readMore {
  display: inline-block;
}

.page-messenger .footerbox, .page-messenger-new .footerbox {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 64px;
  border-top: 2px solid #cccccc;
  background-color: #ffffff;
  text-align: center;
  z-index: 3;
}

.page-messenger .footerbox button, .page-messenger-new .footerbox button {
  margin: 12px 20px 12px 20px;
  width: calc(100vw - 40px);
  height: 40px;
  border: 0px;
  border-radius: 6px;
  color: #ffffff;
}

@media (min-width: 80em) {
  .page-messenger .footerbox, .page-messenger-new .footerbox {
    display: none;
  }
}

.page-messenger-new body {
  background-color: #ffffff;
}

.page-messenger-new .formbox {
  width: 100%;
  height: auto;
  padding: 20px 20px 84px 20px;
}

.page-messenger-new .formbox .CardMessenger-title {
  line-height: 2em;
}

.page-messenger-new .formbox input {
  margin: 0 0 20px 0;
}

.page-messenger-new .formbox input[type=file] {
  margin: 0 0 5px 0;
  outline: none;
}

.page-messenger-new .formbox input.custom-file-input {
  display: inline-block;
  width: 120px;
  height: 40px;
}

.page-messenger-new .formbox textarea {
  height: 120px;
  margin: 0 0 15px 0;
  resize: none;
}

.page-messenger-new .formbox .btn-box {
  display: -ms-flexbox;
  display: flex;
}

.page-messenger-new .formbox .btn-box .file-uploader {
  -ms-flex: 1;
      flex: 1;
}

.page-messenger-new .formbox .btn-box .submit-btn {
  display: none;
  width: 100px;
  height: 40px;
  font-size: 16px;
}

.page-messenger-new .formbox .upload-files-list {
  float: right;
}

.page-messenger-new .formbox .upload-files-list li {
  line-height: 2em;
}

.page-messenger-new .formbox .upload-files-list li .Icon-upload {
  width: 2em;
  height: 2em;
}

.page-messenger-new .formbox .upload-files-list li .file-name {
  display: inline-block;
  width: auto;
}

.page-messenger-new .formbox .upload-files-list li .close-box {
  float: right;
  width: 40px;
}

.page-messenger-new .formbox .upload-files-list li .close-box .Icon-close {
  width: 14px;
  height: 14px;
  color: #EF6565;
}

@media (min-width: 48em) {
  .page-messenger-new .formbox input.custom-file-input {
    float: left;
    display: inline-block;
    width: 120px;
    height: 40px;
  }
  .page-messenger-new .formbox .upload-files-list {
    float: left;
    margin: 0 0 0 25px;
  }
  .page-messenger-new .formbox .upload-files-list li {
    line-height: 40px;
  }
  .page-messenger-new .formbox .upload-files-list .file-name {
    padding: 0 43px 0 0;
  }
  .page-messenger-new .formbox .btn-box .submit-btn {
    display: inline-block;
    font-size: 16px;
  }
}

.CardContractStore {
  position: relative;
  padding: 15px;
  padding-bottom: 0;
}

@media (min-width: 48em) {
  .CardContractStore {
    padding: 40px;
  }
}

.CardContractStore .js-text {
  position: relative;
  font-size: 1em;
  line-height: 1.5em;
  overflow: hidden;
  max-height: 4.5em;
  word-break: break-all;
}

.CardContractStore .js-text.is-reveal {
  max-height: none;
}

.CardContractStore .js-readMore {
  display: none;
  text-decoration: none;
  margin-top: 1em;
  line-height: 1em;
}

.CardContractStore .js-readMore:hover {
  border-bottom: 1px solid;
}

.CardContractStore .js-readMore:after {
  content: '...';
  position: relative;
  top: -.3em;
}

.CardContractStore .item-top-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

.CardContractStore .item-top-box .item-top-left-box {
  padding-top: 2px;
  width: 30px;
}

.CardContractStore .item-top-box .item-top-left-box:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #80b4de;
  content: '';
}

.CardContractStore .item-top-box .item-top-right-box {
  width: calc(100% - 20px);
  display: block;
  overflow: hidden;
}

.CardContractStore-actions {
  position: absolute;
  font-size: .9em;
}

.CardContractStore-actions--small {
  right: 15px;
}

.CardContractStore-actions--small .modal-body {
  padding: 0 20px;
}

.CardContractStore-actions--small .actionLink {
  display: block;
  cursor: pointer;
  line-height: 60px;
  color: #515151;
}

.CardContractStore-actions--small .actionItem:first-child {
  border-bottom: 1px solid #eeeeef;
}

.CardContractStore-actions--small .Icon {
  margin-right: 10px;
}

.CardContractStore-actions--big {
  right: 40px;
}

.CardContractStore-actions--big .actionItem {
  display: inline-block;
  margin-left: 5px;
}

.CardContractStore-title {
  font-size: 1.125em;
}

.CardContractStore-info {
  color: #aaaaaa;
  font-size: 0.875em;
}

.CardContractStore-info .infoItem:before {
  content: '\30FB';
}

@media (min-width: 48em) {
  .CardContractStore-info .infoItem {
    display: inline-block;
  }
}

.CardContractStore-content {
  padding: 5px 0 20px;
}

@media (min-width: 48em) {
  .CardContractStore-content {
    max-width: 100%;
  }
}

.CardContractStore-content img {
  max-width: 100%;
}

.CardContractStore-attachments {
  min-height: 36px;
  padding-bottom: 10px;
  white-space: nowrap;
}

.CardContractStore-attachments-label {
  position: absolute;
}

.CardContractStore-attachments-row {
  margin-left: 50px;
}

.CardContractStore-attachments-row .CardContractStore-attachments-item p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.CardContractStore-attachments-link {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.CardContractStore-attachments-link .glyphicon {
  margin-right: 5px;
}

.CardContractStore-tags {
  padding-bottom: 15px;
}

.CardContractStore-tags-item {
  display: inline-block;
  margin: 0 4px 6px 0;
}

.CardContractStore-tags-link {
  background: #eeeeef;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: .75em;
  color: #72747f;
}

.CardContractStore-info {
  padding: 10px 0 0 0;
}

.CardContractStore-info p {
  line-height: 2em;
  color: #515151;
}

.has-more + .readMore {
  display: inline-block;
}

.page-reservation .basic-info {
  line-height: 40px;
  padding: 0 10px;
}

@media (min-width: 90em) {
  .page-reservation .basic-info {
    max-width: 800px;
    margin: 0 auto;
  }
}

.page-reservation .search-div {
  background-color: #fff;
  margin-bottom: 10px;
}

.page-reservation .re-query {
  width: 100%;
  text-align: center;
}

.page-reservation md-dialog {
  min-width: 270px;
}

.page-reservation .confirm-box,
.page-reservation .more-message,
.page-reservation .one-message {
  position: relative;
  width: 340px;
  height: 200px;
  padding: 20px;
}

.page-reservation .confirm-box .ok-btn,
.page-reservation .more-message .ok-btn,
.page-reservation .one-message .ok-btn {
  bottom: 20px;
  position: absolute;
  right: 20px;
}

.page-reservation .confirm-box .cancel,
.page-reservation .more-message .cancel,
.page-reservation .one-message .cancel {
  background: #ee5d5d;
}

.page-reservation .confirm-box .cancel-btn,
.page-reservation .more-message .cancel-btn,
.page-reservation .one-message .cancel-btn {
  bottom: 20px;
  position: absolute;
  right: 140px;
  text-decoration: underline;
  color: #cccccc;
}

.page-reservation .confirm-box .more-message-btn-ok,
.page-reservation .more-message .more-message-btn-ok,
.page-reservation .one-message .more-message-btn-ok {
  bottom: 20px;
  position: absolute;
  width: 300px;
}

.page-reservation .confirm-box .one-message-btn-ok,
.page-reservation .more-message .one-message-btn-ok,
.page-reservation .one-message .one-message-btn-ok {
  bottom: 20px;
  position: absolute;
  width: 300px;
}

.page-reservation .confirm-box .one-message-h2,
.page-reservation .more-message .one-message-h2,
.page-reservation .one-message .one-message-h2 {
  line-height: 126px;
}

.CardReservation {
  position: relative;
  padding: 12px;
  padding-left: 48px;
  line-height: 1.5em;
}

@media (min-width: 48em) {
  .CardReservation {
    padding: 20px;
    padding-left: 64px;
  }
}

.CardReservation:before {
  left: 12px;
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  background: #b7b7bc;
  content: '';
  background: #c8b07e;
}

@media (min-width: 48em) {
  .CardReservation:before:before {
    left: 20px;
  }
}

.CardReservation.is-highlight {
  min-height: 200px;
  padding: 20px;
  padding-left: 184px;
  padding-bottom: 55px;
}

@media (min-width: 48em) {
  .CardReservation.is-highlight {
    min-height: 200px;
    padding-left: 200px;
  }
}

.CardReservation.is-highlight:before {
  display: none;
}

.CardReservation.is-highlight .CardPkg-time {
  position: static;
}

@media (min-width: 48em) {
  .CardReservation.is-highlight .CardPkg-time {
    position: absolute;
  }
}

.CardReservation-image {
  display: block !important;
  width: 160px;
  height: 160px;
  padding: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  left: 12px !important;
  top: 20px !important;
  border-radius: 2px !important;
  overflow: hidden !important;
  transition: none !important;
  background: url(assets/images/reservation-no-photo_2fe80d233adb7a5e89212792af1a6a4e.svg) center center no-repeat #dddddd !important;
}

.CardReservation-image img {
  width: 160px;
  height: 160px;
  object-fit: cover;
}

@media (min-width: 48em) {
  .CardReservation-image {
    left: 20px;
    top: 20px;
  }
}

.CardReservation-modal .modal-dialog {
  max-width: 300px;
}

.CardReservation-modal .modal-body {
  padding: 35px 30px 38px;
}

.CardReservation-modal .modal-body img {
  width: 100%;
  height: auto;
}

.CardReservation-modal .remove {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  font-size: .7em;
}

.js-toggleWrapper .CardReservation-id {
  padding: 0 0 0 20px;
}

@media (min-width: 48em) {
  .CardReservation-id {
    padding: 0 0 0 0;
  }
}

.CardReservation-time {
  color: #aaaaaa;
}

.CardReservation-points {
  color: #aaaaaa;
}

.CardReservation-btn {
  display: block;
  width: 100%;
  margin: 0;
}

@media (min-width: 48em) {
  .CardReservation-btn {
    width: initial;
    float: right;
  }
}

.CardReservation-data {
  display: none;
}

.CardReservation-data.is-show {
  display: block;
}

@media (min-width: 48em) {
  .CardReservation-data--guardian {
    display: block !important;
  }
}

.CardReservation-data .barcode-title {
  display: inline-block;
}

.CardReservation-data .barcode-number {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.CardReservation-dataToggle {
  text-decoration: underline;
  display: inline-block;
  line-height: 30px;
}

@media (min-width: 48em) {
  .CardReservation-dataToggle--guardian {
    visibility: hidden;
  }
}

.CardReservation-column--guardian {
  font-size: .875em;
}

@media (min-width: 48em) {
  .CardReservation-column {
    column-count: 2;
  }
}

.CardReservation .reservation-card-div-imgbox .status {
  width: 160px;
  height: 160px;
  position: absolute;
  left: 12px;
  z-index: 1;
  opacity: 0.7;
  background-color: #110a0a;
  color: #fff;
  text-align: center;
  line-height: 160px;
}

.CardReservation .reservation-card-div-imgbox .status.isOpen {
  height: 64px;
  bottom: 20px;
  line-height: 40px;
}

.CardReservation .reservation-card-div-imgbox .status.isOpen p {
  font-size: 12px;
  line-height: 12px;
}

.CardReservation .cancel-btn {
  background-color: #afafaa;
  color: #fff;
  cursor: initial;
}

.CardReservation .list-btn {
  position: absolute;
  float: none;
  bottom: 0;
  right: 0;
  margin: 0 20px 20px 0;
  width: calc(100% - 160px - 45px);
}

@media (min-width: 48em) {
  .CardReservation .CardReservation-btn {
    width: initial;
  }
}

.js-zoom {
  position: absolute;
  z-index: 1;
  right: 5px;
  bottom: 5px;
}

.js-zoom .out, .js-zoom .in {
  width: 26px;
  height: 26px;
}

.js-zoom .out {
  display: none;
}

.js-zoom.is-in .in {
  display: none;
}

.js-zoom.is-in .out {
  display: block;
}

ul.CardReservationPointRecordBox {
  background-color: #ffffff;
  padding: 0 20px 0 20px;
  border-bottom: 1px solid #dddddd;
}

.CardReservationPointRecord {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0px !important;
  padding: 10px 0 10px 0 !important;
}

.CardReservationPointRecord:last-child {
  border-bottom: initial;
}

.CardReservationPointRecord-box {
  display: -ms-flexbox;
  display: flex;
}

.CardReservationPointRecord-box .l-box {
  width: 30px;
  min-height: 50px;
}

.CardReservationPointRecord-box .l-box .dot {
  border-radius: 50%;
  background-color: #dddddd;
  width: 16px;
  height: 16px;
  margin-top: 4px;
}

.CardReservationPointRecord-box .l-box .dot.addPoint {
  background-color: #ee8a5d;
}

.CardReservationPointRecord-box .r-box {
  -ms-flex: 1;
      flex: 1;
  min-height: 50px;
}

.CardReservationPointRecord-box .r-box .point {
  display: -ms-flexbox;
  display: flex;
}

.CardReservationPointRecord-box .r-box .point .point-l {
  -ms-flex: 1;
      flex: 1;
}

.CardReservationPointRecord-box .r-box .point .point-r {
  color: #cccccc;
  font-size: 14px;
  line-height: 22px;
}

.CardReservationPointRecord-box .r-box p {
  word-break: break-all;
  color: #cccccc;
  font-size: 14px;
  line-height: 22px;
}

ul.CardReservationRecordBox {
  background-color: #ffffff;
  padding: 0 20px 0 20px;
  border-bottom: 1px solid #dddddd;
}

.CardReservationRecord {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0px !important;
  padding: 10px 0 10px 0 !important;
}

.CardReservationRecord:last-child {
  border-bottom: initial;
}

.CardReservationRecord .CardReservationRecord-box {
  display: -ms-flexbox;
  display: flex;
}

.CardReservationRecord .CardReservationRecord-box .l-box {
  width: 30px;
  min-height: 50px;
}

.CardReservationRecord .CardReservationRecord-box .l-box .dot {
  border-radius: 50%;
  background-color: #dddddd;
  width: 16px;
  height: 16px;
  margin-top: 4px;
}

.CardReservationRecord .CardReservationRecord-box .l-box .dot.addPoint {
  background-color: #ee8a5d;
}

.CardReservationRecord .CardReservationRecord-box .l-box .timeIsOK.reservation-ok {
  background-color: #ee8a5d;
}

.CardReservationRecord .CardReservationRecord-box .l-box .timeIsOK.queue-ok {
  background-color: #8cc8cf;
}

.CardReservationRecord .CardReservationRecord-box .r-box {
  -ms-flex: 1;
      flex: 1;
  min-height: 50px;
  color: #cccccc;
}

.CardReservationRecord .CardReservationRecord-box .r-box .record-l .click-btn {
  float: right;
}

.CardReservationRecord .CardReservationRecord-box .r-box .record-l .click-tag {
  float: left;
  border: 1px solid;
  border-radius: 5px;
  width: 70px;
  text-align: center;
}

.CardReservationRecord .CardReservationRecord-box .r-box .record-l .reservation-ok {
  border: 1px solid #ee8a5d;
  color: #ee8a5d;
}

.CardReservationRecord .CardReservationRecord-box .r-box .record-l .queue-ok {
  border: 1px solid #8cc8cf;
  color: #8cc8cf;
}

.CardReservationRecord .CardReservationRecord-box .r-box .record-l .cancel-ok {
  border: 1px solid #EF6565;
  color: #EF6565;
}

.CardReservationRecord .CardReservationRecord-box .r-box .record-l .border-bottom-gray {
  text-decoration: underline;
  cursor: pointer;
}

.CardReservationRecord .CardReservationRecord-box .r-box .record-l .record-tag div {
  margin: 10px 0;
}

.CardReservationRecord .CardReservationRecord-box .r-box .record-l .name {
  color: #9d9ea6;
}

.CardReservationRecord .CardReservationRecord-box .r-box .record-l .reservationTimeOver {
  color: #cccccc;
}

.CardReservationRecord .CardReservationRecord-box p {
  word-break: break-all;
  color: #515151;
  font-size: 14px;
  line-height: 22px;
}

.reservation-detail-now-reserve {
  text-align: center;
}

.reservation-detail-now-reserve p, .reservation-detail-now-reserve .reserve-btn {
  margin: 20px 0;
}

@media (max-width: 48em) {
  .page-reservation .reservation-inquiry {
    margin: 0 20px 0 20px;
  }
}

.page-reservation .reservation-inquiry .title {
  border-bottom: 1px solid #515151;
}

.page-reservation .reservation-inquiry .ng-flat-datepicker-wrapper {
  width: 100%;
}

.page-reservation .reservation-inquiry .time-box {
  margin: 10px 0 10px 0;
}

.page-reservation .reservation-inquiry .time-box .l-box,
.page-reservation .reservation-inquiry .time-box .r-box {
  width: calc(50% - 15px);
  display: inline-block;
}

.page-reservation .reservation-inquiry .time-box .l-box input,
.page-reservation .reservation-inquiry .time-box .r-box input {
  display: inline-block;
}

.page-reservation .reservation-inquiry .time-box .s2 {
  width: 20px;
  display: inline-block;
  text-align: center;
}

.page-reservation .reservation-inquiry .reservate-btn-box {
  position: fixed;
  width: 100%;
  height: 130px;
  bottom: 0px;
  left: 0;
  border-top: 1px #aaaaaa solid;
  background-color: white;
  padding: 10px 20px;
}

@media (min-width: 48em) {
  .page-reservation .reservation-inquiry .reservate-btn-box {
    position: static;
    background-color: #eeeeef;
    margin-top: 20px;
  }
}

.page-reservation .reservation-inquiry .number-people {
  width: 100px;
}

.page-reservation .reservation-inquiry .form-control {
  margin-top: 10px;
  line-height: 30px;
}

.page-reservation .reservation-inquiry .form-control.date {
  padding: 0 5px;
}

.page-reservation .reservation-inquiry .font-red {
  color: red;
}

.page-reservation-reservate body {
  background-color: #ffffff;
}

.page-reservation-reservate .CardReservationReservateBox {
  position: relative;
  padding: 15px;
  padding-bottom: 130px;
}

.page-reservation-reservate .CardReservationReservateBox.queue {
  padding-bottom: 180px;
}

@media (min-width: 48em) {
  .page-reservation-reservate .CardReservationReservateBox {
    padding: 40px;
  }
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box .item-top-left-box {
  padding-top: 2px;
  width: 30px;
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box .item-top-left-box:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #80b4de;
  content: '';
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box .item-top-right-box {
  -ms-flex: 1;
      flex: 1;
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box .item-top-right-box .name {
  font-size: 1.125em;
  font-weight: bold;
  color: #515151;
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box .item-top-right-box .name .icon {
  margin: 0 0 0 5px;
  color: #8cc8cf;
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box .item-top-right-box .value {
  font-size: 1.125em;
  color: #515151;
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box .item-top-right-box .value .icon {
  margin: 0 0 0 5px;
  color: #8cc8cf;
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box .item-top-right-box .info-box .row-box {
  display: -ms-flexbox;
  display: flex;
  word-spacing: 4px;
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box .item-top-right-box .info-box .row-box .left-box {
  min-width: 80px;
  line-height: 2em;
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box .item-top-right-box .info-box .row-box .right-box {
  -ms-flex: 1;
      flex: 1;
  line-height: 2em;
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box .item-top-right-box .info-box .row-box .right-box ul li {
  letter-spacing: 2px;
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box .item-top-right-box .info-box .row-box .right-box .sub {
  font-size: 12px;
  color: #aaaaaa;
}

.page-reservation-reservate .CardReservationReservateBox .item-top-box .item-top-right-box .info-box p.note {
  font-size: 12px;
  color: #aaaaaa;
  line-height: 1.2em;
  margin-bottom: 5px;
}

.page-reservation-reservate .CardReservationReservateBox hr {
  color: #72747f;
  background-color: #cccccc;
  height: 1px;
  margin: 10px 0;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box {
  position: relative;
  padding: 5px 10px;
  line-height: 2em;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .lock {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .name {
  font-size: 1.125em;
  font-weight: bold;
  color: #515151;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .font-red {
  color: red;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .ng-flat-datepicker-wrapper {
  width: 100%;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .time-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  line-height: 2em;
  margin: 10px 0px;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .time-box input {
  text-align: center;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .time-box .l-box {
  display: -ms-flexbox;
  display: flex;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .time-box .r-box {
  display: -ms-flexbox;
  display: flex;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .time-box .h-s {
  -ms-flex: 1;
      flex: 1;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .time-box .m-s {
  -ms-flex: 1;
      flex: 1;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .time-box .h-e {
  -ms-flex: 1;
      flex: 1;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .time-box .m-e {
  -ms-flex: 1;
      flex: 1;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .time-box .s1 {
  width: 30px;
  text-align: center;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .time-box .s2 {
  width: 50px;
  text-align: center;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-box .number-people {
  width: 100px;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-list-box {
  padding: 5px 10px;
  line-height: 2em;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-list-box .name {
  font-size: 1.125em;
  font-weight: bold;
  color: #515151;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-list-box ul li {
  letter-spacing: 4px;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-list-box ul li.warning {
  color: red;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-list-box ul li .num {
  margin: 0 0 0 10px;
}

.page-reservation-reservate .CardReservationReservateBox .appointment-list-box .otherReservations-btn {
  background-color: #8cc8cf;
  color: white;
}

.page-reservation-reservate .CardReservationReservateBox .rule-box .name {
  line-height: 2em;
}

.page-reservation-reservate .CardReservationReservateBox .rule-box .text-box {
  color: #aaaaaa;
  height: 45px;
  overflow: hidden;
  margin: 0 0 10px 0;
}

.page-reservation-reservate .CardReservationReservateBox .rule-box .btn-link {
  color: #8cc8cf;
  margin-left: 0;
  padding-left: 0;
}

.page-reservation-reservate .CardReservationReservateBox .rule-box md-checkbox.md-default-theme.md-checked .md-icon,
.page-reservation-reservate .CardReservationReservateBox .rule-box md-checkbox.md-checked .md-icon {
  color: #8cc8cf;
  background-color: #8cc8cf;
}

.page-reservation-reservate .CardReservationReservateBox .rule-box .prompt-text {
  font-size: 12px;
}

.page-reservation-reservate .CardReservationReservateBox .point-box p {
  font-size: 16px;
  line-height: 2em;
  color: #72747f;
  word-spacing: 2px;
}

.page-reservation-reservate .CardReservationReservateBox .point-box p.point-note {
  color: red;
}

.page-reservation-reservate .CardReservationReservateBox .point-box .note {
  font-size: 12px;
}

.page-reservation-reservate .CardReservationReservateBox .reservate-btn-box {
  position: fixed;
  width: 100%;
  height: 130px;
  bottom: 0px;
  left: 0;
  border-top: 1px #aaaaaa solid;
  background-color: white;
  padding: 10px 20px;
}

.page-reservation-reservate .CardReservationReservateBox .reservate-btn-box.queue {
  height: 180px;
}

@media (min-width: 48em) {
  .page-reservation-reservate .CardReservationReservateBox .reservate-btn-box {
    position: static;
  }
}

.page-reservation-reservate .CardReservationReservateBox .reservate-btn-box .timeIsEarly {
  color: red;
}

.page-reservation-reservate .CardReservationReservateBox .reservate-btn-box button {
  margin-bottom: 10px;
}

.page-reservation-reservate .CardReservationReservateBox .reservate-btn-box button.disabled {
  background-color: #6c6868;
  border-color: #9c9898;
  color: #fff;
}

.page-reservation-reservate .CardReservationReservateBox .reservate-btn-box button.is-disabled {
  background-color: #f5ca8c;
  border-color: #f5ca8c;
  cursor: no-drop;
}

.page-reservation-reservate .CardReservationReservateBox .reservate-btn-box button.reservation-cancel {
  width: 100px;
  color: #72747f;
  text-decoration: underline;
  background-color: #eeeeef;
  margin: 0 auto;
}

.page-reservation-reservate .CardReservationReservateBox .reservate-btn-box button.rueue-check-btn {
  width: 48%;
  display: inline;
  float: left;
  margin-right: 0px;
  margin-top: 0px;
  margin-left: 0px;
}

.page-reservation-reservate .CardReservationReservateBox .reservate-btn-box button.other-time-btn {
  width: 48%;
  display: inline;
  float: right;
  margin-right: 0px;
  margin-top: 0px;
  margin-left: 0px;
}

.page-reservation-reservate .confirm-box,
.page-reservation-reservate .more-message,
.page-reservation-reservate .one-message {
  position: relative;
  width: 340px;
  height: 200px;
  padding: 20px;
}

.page-reservation-reservate .confirm-box .ok-btn,
.page-reservation-reservate .more-message .ok-btn,
.page-reservation-reservate .one-message .ok-btn {
  bottom: 20px;
  position: absolute;
  right: 20px;
}

.page-reservation-reservate .confirm-box .cancel,
.page-reservation-reservate .more-message .cancel,
.page-reservation-reservate .one-message .cancel {
  background: #ee5d5d;
}

.page-reservation-reservate .confirm-box .cancel-btn,
.page-reservation-reservate .more-message .cancel-btn,
.page-reservation-reservate .one-message .cancel-btn {
  bottom: 20px;
  position: absolute;
  right: 140px;
  text-decoration: underline;
  color: #cccccc;
}

.page-reservation-reservate .confirm-box .more-message-btn-ok,
.page-reservation-reservate .more-message .more-message-btn-ok,
.page-reservation-reservate .one-message .more-message-btn-ok {
  bottom: 20px;
  position: absolute;
  width: 300px;
}

.page-reservation-reservate .confirm-box .one-message-btn-ok,
.page-reservation-reservate .more-message .one-message-btn-ok,
.page-reservation-reservate .one-message .one-message-btn-ok {
  bottom: 20px;
  position: absolute;
  width: 300px;
}

.page-reservation-reservate .confirm-box .one-message-div,
.page-reservation-reservate .more-message .one-message-div,
.page-reservation-reservate .one-message .one-message-div {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 126px;
}

.appointment-box .l-box select,
.appointment-box .r-box select {
  width: 100%;
  line-height: 26px;
  height: 26px;
}

.page-reservation body {
  /*background-color: #ffffff;*/
}

.page-reservation .ReservationDayTimeListBox {
  position: relative;
  padding: 15px;
  padding-bottom: 130px;
}

@media (min-width: 48em) {
  .page-reservation .ReservationDayTimeListBox {
    padding: 40px;
  }
}

.page-reservation .ReservationDayTimeListBox .item-top-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 15px 0;
}

.page-reservation .ReservationDayTimeListBox .item-top-box .item-top-left-box {
  padding-top: 2px;
  width: 30px;
}

.page-reservation .ReservationDayTimeListBox .item-top-box .item-top-left-box:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #80b4de;
  content: '';
}

.page-reservation .ReservationDayTimeListBox .item-top-box .item-top-right-box {
  -ms-flex: 1;
      flex: 1;
}

.page-reservation .ReservationDayTimeListBox .item-top-box .item-top-right-box .name {
  font-size: 1.125em;
  font-weight: bold;
  color: #515151;
}

.page-reservation .ReservationDayTimeListBox hr {
  color: #72747f;
  background-color: #cccccc;
  height: 1px;
  margin: 10px 0;
}

.page-reservation .ReservationDayTimeListBox .form-box {
  margin: 0 0 20px 0;
}

.page-reservation .ReservationDayTimeListBox .form-box .row-box {
  display: -ms-flexbox;
  display: flex;
}

.page-reservation .ReservationDayTimeListBox .form-box .row-box .left-box {
  -ms-flex: 1;
      flex: 1;
}

.page-reservation .ReservationDayTimeListBox .form-box .row-box .left-box.title {
  font-size: 1.125em;
  font-weight: bold;
  color: #515151;
}

.page-reservation .ReservationDayTimeListBox .form-box .row-box .left-box .ng-flat-datepicker-wrapper {
  width: 100%;
}

.page-reservation .ReservationDayTimeListBox .form-box .row-box .right-box {
  width: 100px;
  padding: 0 10px;
  text-align: center;
}

.page-reservation .ReservationDayTimeListBox .form-box .row-box .right-box.title {
  font-size: 1.125em;
  font-weight: bold;
  color: #515151;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .header-box {
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  line-height: 50px;
  font-size: 1.125em;
  font-weight: bold;
  color: #515151;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .header-box .box-1 {
  -ms-flex: 0.7;
      flex: 0.7;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .header-box .box-2 {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .header-box .box-3 {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  line-height: 40px;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.has-been-full, .page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.underrepresented {
  background-color: #eeeeef;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.has-been-full .box-2, .page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.underrepresented .box-2 {
  color: #cccccc;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.timeNotContinuous, .page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.timeIsEarly {
  background-color: #eeeeef;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.timeNotContinuous .box-1 h2, .page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.timeNotContinuous .box-2, .page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.timeIsEarly .box-1 h2, .page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.timeIsEarly .box-2 {
  color: #cccccc;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.timeNotContinuous .box-1 h2.lastTime, .page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.timeIsEarly .box-1 h2.lastTime {
  color: #72747f;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.success .box-2 {
  background-color: rgba(140, 200, 207, 0.5);
  border-radius: 5px 0 0 5px;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li.success .box-3 {
  background-color: rgba(140, 200, 207, 0.5);
  border-radius: 0 5px 5px 0;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li .box-1 {
  -ms-flex: 0.7;
      flex: 0.7;
  position: relative;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li .box-1 h2 {
  position: absolute;
  top: -20px;
  font-size: 1.25em;
  color: #72747f;
  letter-spacing: 2px;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li .box-2 {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
  border-top: 1px solid #cccccc;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li .box-3 {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
  border-top: 1px solid #cccccc;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li .box-3 .md-icon {
  background-color: #aaaaaa;
  border-color: #aaaaaa;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box ul li .box-3 .md-checked .md-icon {
  background-color: #8cc8cf;
  border-color: #8cc8cf;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box .close-Time-Tag .box-1 {
  -ms-flex: 0.5;
      flex: 0.5;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box .close-Time-Tag .box-2 {
  border-top: none;
  margin-top: -18px;
  color: #ee8a5d;
  -ms-flex: 1.4;
      flex: 1.4;
}

.page-reservation .ReservationDayTimeListBox .dayTimeList-box .list-box .close-Time-Tag .box-3 {
  border-top: none;
  -ms-flex: 0.8;
      flex: 0.8;
}

.page-reservation .ReservationDayTimeListBox .reservate-btn-box {
  position: fixed;
  width: 100%;
  height: 155px;
  bottom: 0px;
  left: 0;
  border-top: 1px #aaaaaa solid;
  background: #eeeeef;
  padding: 10px 20px;
}

@media (min-width: 48em) {
  .page-reservation .ReservationDayTimeListBox .reservate-btn-box {
    position: static;
  }
}

.page-reservation .ReservationDayTimeListBox .reservate-btn-box h2, .page-reservation .ReservationDayTimeListBox .reservate-btn-box button {
  margin-bottom: 10px;
}

.page-reservation .ReservationDayTimeListBox .reservate-btn-box .btn-default {
  width: 100px;
  color: #72747f;
  text-decoration: underline;
  background-color: #eeeeef;
  margin: 0 auto;
}

.page-reservation .ReservationDayTimeListBox .reservate-btn-box .font-red {
  color: red;
}

.page-setting .block {
  background-color: #fff;
  padding: 10px 20px 10px 20px;
  margin-bottom: 10px;
  font-size: 1.125em;
}

.page-setting .block .account-text-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.page-setting .block div {
  margin: 10px;
}

.page-setting .block div h2,
.page-setting .block div span {
  font-size: 1.125em;
}

.page-setting .block div a {
  color: #c2c2c2;
}

.page-setting .block div button,
.page-setting .block div .select-photo-btn {
  width: 100%;
  height: 45px;
  line-height: 2em;
}

.page-setting .block div .setting-title {
  line-height: 2em;
  font-weight: bold;
}

.page-setting .block div .btn-setting {
  color: #fff;
  background-color: #8cc8cf;
}

.page-setting .block div .account-manage {
  color: #fff;
  background: #eecc5d;
  border-color: #eecc5d;
}

.page-setting .block div .photo-right-text {
  float: right;
  color: #c2c2c2;
}

.page-setting .block div .inline-block {
  display: inline-block;
}

.page-setting .block div .account-name-box {
  width: calc(100% - 60px);
}

.page-setting .block div .setPassword-input {
  width: calc(100%);
}

.page-setting .block div .setPassword-btn {
  font-size: 1.125em;
  line-height: 0em;
  margin-bottom: 10px;
}

.page-setting .block div .delete-photo {
  background-color: #ef6565;
}

.page-setting .block div .select-photo-input {
  display: none;
}

.page-setting .block div .text-error {
  color: red;
}

.page-setting .block div .version-img {
  width: 15px;
}

.page-setting .block div .version-title {
  display: inline-block;
}

.page-setting .block div .version-text {
  font-size: 14px;
  color: #8cc8cf;
}

.page-setting .block div .disabled {
  background-color: #fff;
  color: #dddddd;
}

.page-setting .block div .disabled-border {
  border: 1px solid #dddddd;
}

.page-setting .block div .QRcode-box {
  width: 50px;
  height: 34px;
  position: absolute;
  top: 40px;
  right: 0;
  margin: 0;
  border-radius: 0 4px 4px 0;
  border: 1px solid #ccc;
}

.page-setting .block div .QRcode-box img {
  width: 23px;
  margin: 5px 12px;
}

.page-setting .block .po-rel {
  position: relative;
}

.page-setting .block .logout {
  text-align: center;
}

.page-setting .block .photo button {
  width: 100%;
  height: 100%;
}

.page-setting .block .photo button img {
  max-height: 500px;
  max-width: 100%;
  object-fit: cover;
}

.page-setting .block div.notification md-switch {
  width: 45px;
}

.page-setting .block div.notification md-switch div {
  margin: 0;
}

.page-setting .block div.notification md-switch.md-checked.notification-switch .md-bar {
  background-color: #a5c8f5;
}

.page-setting .block div.notification md-switch.md-checked.notification-switch .md-thumb {
  background-color: #8cc8cf;
}

.page-setting .block div.notification md-progress-circular {
  display: inline;
}

.page-setting .block div.notification md-progress-circular svg {
  margin-top: -40px;
  margin-left: 60px;
}

.page-setting .block div.notification .push-box {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: baseline;
      justify-content: baseline;
  -ms-flex-align: center;
      align-items: center;
}

.page-setting .block div.notification .push-box img {
  width: 20px;
}

.page-setting .block .notification-setting {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.page-setting .block .text-hidden-point {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.page-setting .block .weather-box {
  margin: 10px 10px 10px 0;
}

.page-setting .block .width-70 {
  width: 70%;
}

.page-setting .block .boder-bottom-inset {
  border-bottom: 1px inset;
}

.page-setting .setting-manage div .icon-box {
  width: 25px;
}

.page-setting .setting-manage div .icon-box i {
  font-size: 25px;
}

.page-setting .setting-manage div .google {
  background-color: #d15145;
}

.page-setting .setting-manage div .facebook {
  background-color: #395590;
}

.page-setting .setting-manage div .fa-google-plus-square {
  color: #d15145;
}

.page-setting .setting-manage div .fa-facebook-official {
  color: #395590;
}

.page-setting .setting-manage div .fa-mobile {
  color: #8cc8cf;
}

.page-setting .setting-manage div .delete-account {
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
}

.page-setting .setting-manage div .subAccount-types {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 10px 0;
}

.page-setting .setting-manage div .main-subAccount {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-align: center;
      align-items: center;
  margin: 10px 0;
}

.page-setting .setting-manage div .hide-box {
  width: 1px;
  height: 1px;
}

.page-setting .setting-manage div .icon-box img {
  width: 25px;
}

.page-setting .setting-manage div .icon-box .setting-mobile-icon {
  font-size: 30px;
  padding: 0 4px;
}

.showSubaccount-box {
  width: 90vw;
  max-width: 550px !important;
  height: 500px;
  max-height: 60vw;
  overflow: hidden;
}

.showSubaccount-box .head-box {
  position: relative;
  background-color: #8cc8cf;
  color: white;
  line-height: 35px;
  height: 35px;
  text-align: center;
  border-radius: 3px 3px 0 0;
}

.showSubaccount-box .head-box .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  cursor: pointer;
  text-align: center;
  line-height: 35px;
}

.showSubaccount-box .body-box {
  position: relative;
  height: calc(100% - 35px);
  padding: 20px 15px;
}

.showSubaccount-box .body-box .top .head {
  display: -ms-flexbox;
  display: flex;
}

.showSubaccount-box .body-box .top .head .l {
  -ms-flex: 1;
      flex: 1;
  padding: 10px 0 0 0;
}

.showSubaccount-box .body-box .top .head .l hr {
  border-color: #888;
}

.showSubaccount-box .body-box .top .head .r {
  -ms-flex: 1;
      flex: 1;
  padding: 10px 0 0 0;
}

.showSubaccount-box .body-box .top .head .r hr {
  border-color: #888;
}

.showSubaccount-box .body-box .top .head .c {
  -ms-flex: 0.6;
      flex: 0.6;
  min-width: 200px;
  text-align: center;
}

.showSubaccount-box .body-box .top .content {
  height: 175px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 0 20px 0;
}

.showSubaccount-box .body-box .top .content .record {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 30px;
}

.showSubaccount-box .body-box .top .content .record .icon {
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
}

.showSubaccount-box .body-box .top .content .record.social .icon.fb {
  background-image: url(assets/images/fb_24ee624f97c6770147d5440eed1054b1.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.showSubaccount-box .body-box .top .content .record.social .icon.google {
  background-image: url(assets/images/google_965ba7bff83c7aa25c8a3666f5019854.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.showSubaccount-box .body-box .top .content .record.social i.fa {
  margin: 0 10px 0 0;
}

.showSubaccount-box .body-box .bottom .head {
  display: -ms-flexbox;
  display: flex;
}

.showSubaccount-box .body-box .bottom .head .l {
  -ms-flex: 1;
      flex: 1;
  padding: 10px 0 0 0;
}

.showSubaccount-box .body-box .bottom .head .l hr {
  border-color: #888;
}

.showSubaccount-box .body-box .bottom .head .r {
  -ms-flex: 1;
      flex: 1;
  padding: 10px 0 0 0;
}

.showSubaccount-box .body-box .bottom .head .r hr {
  border-color: #888;
}

.showSubaccount-box .body-box .bottom .head .c {
  -ms-flex: 0.6;
      flex: 0.6;
  min-width: 200px;
  text-align: center;
}

.showSubaccount-box .body-box .bottom .content {
  height: 175px;
  overflow-x: hidden;
  overflow-y: auto;
}

.showSubaccount-box .body-box .bottom .content .record {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  line-height: 30px;
}

.showSubaccount-box .body-box .bottom .content .record .icon {
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
}

.showSubaccount-box .body-box .bottom .content .record.normal .icon {
  background-image: url(assets/images/mail_1d316e39193ccb1648c07773a768a354.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.showRegistrationNumber-box {
  width: 90vw;
  max-width: 550px !important;
  height: 500px;
  max-height: 60vw;
  overflow: hidden;
}

.showRegistrationNumber-box .head-box {
  position: relative;
  background-color: #8cc8cf;
  color: white;
  line-height: 35px;
  height: 35px;
  text-align: center;
  border-radius: 3px 3px 0 0;
}

.showRegistrationNumber-box .head-box .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  cursor: pointer;
  text-align: center;
  line-height: 35px;
}

.showRegistrationNumber-box .body-box {
  position: relative;
  height: calc(100% - 35px);
  padding: 20px 15px;
}

.showRegistrationNumber-box .body-box .top {
  margin: 0 0 20px 0;
}

.showRegistrationNumber-box .body-box .top .r {
  display: -ms-flexbox;
  display: flex;
}

.showRegistrationNumber-box .body-box .top .r .title {
  width: 80px;
}

.showRegistrationNumber-box .body-box .top .r .value {
  -ms-flex: 1;
      flex: 1;
}

.showRegistrationNumber-box .body-box .middle {
  margin: 0 0 10px 0;
}

.showRegistrationNumber-box .body-box .middle .title {
  color: #8cc8cf;
  text-align: center;
}

.showRegistrationNumber-box .body-box .middle .serialNumber {
  text-align: center;
  line-height: 2em;
}

.showRegistrationNumber-box .body-box .middle .QR-box {
  text-align: center;
}

.showRegistrationNumber-box .body-box .bottom {
  color: #8cc8cf;
  text-align: center;
}

.page-gas .gas-div {
  color: #aaaaaa;
}

.page-gas .gas-div .CarGas-title {
  font-size: 1.125em;
  white-space: normal;
  word-break: break-all;
}

.page-gas .gas-div .gas-top-div {
  padding-bottom: 20px;
  border-bottom: 1px solid #aaaaaa;
}

.page-gas .gas-div .gas-top-div .title {
  margin: 10px 0;
}

.page-gas .gas-div .gas-top-div .gas-content-div {
  border: 1px solid #aaaaaa;
  border-radius: 10px;
  padding: 15px;
}

.page-gas .gas-div .gas-top-div .gas-content-div .gas-input-add {
  border: none;
  width: 100%;
  height: 62px;
}

.page-gas .gas-div .gas-top-div .gas-content-div .gas-input-edit {
  border: none;
  border-bottom: 1px solid #aaaaaa;
  width: 80%;
  height: 30px;
}

.page-gas .gas-div .gas-top-div .gas-content-div .gas-input-div {
  width: 18%;
  text-align: right;
  display: inline-block;
}

.page-gas .gas-div .gas-top-div .gas-content-div .gas-prompt-p {
  color: #d5d5d5;
}

.page-gas .gas-div .gas-top-div .gas-content-div .add-btn {
  width: 110px;
  height: 50px;
}

.page-gas .gas-div .gas-top-div .gas-content-div .gas-div-add {
  width: 100%;
  text-align: center;
}

.page-gas .gas-div .gas-top-div .gas-top-p-text {
  text-align: right;
  margin-top: 15px;
}

.page-gas .gas-div .example h2 {
  margin: 10px 0;
}

.page-gas .gas-div .example .example-img-div div {
  width: 49%;
  text-align: center;
  display: inline-block;
}

.page-gas .gas-div .example .example-img-div img {
  width: 114px;
  height: 90px;
  margin: 20px;
}

.page-gas .item-top-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

.page-gas .item-top-box .item-top-left-box {
  padding-top: 2px;
  width: 30px;
}

.page-gas .item-top-box .item-top-left-box:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #80b4de;
  content: '';
}

.page-gas .item-top-box .item-top-right-box {
  -ms-flex: 1;
      flex: 1;
}

.page-gas .footer-div {
  width: 100%;
  height: 60px;
}

.page-gas .gas-footer-text {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #eeeeef;
  text-align: center;
  height: 60px;
  line-height: 60px;
}

.page-gas .gas-footer-text button {
  width: 90%;
}

.page-gas .gas-record-div {
  border-bottom: 1px solid #aaaaaa;
  padding: 5px 0;
}

.page-gas .gas-record-div .gas-record-text {
  display: inline-block;
}

.page-gas .gas-record-div .time {
  width: 68%;
}

.page-gas .gas-record-div .num {
  text-align: right;
  width: 30%;
}

@media (min-width: 48em) {
  .page-gas .gas-footer-text {
    position: relative;
  }
  .page-gas .footer-div {
    width: 100%;
    height: 0px;
  }
  .page-gas .gas-div .example .example-img-div div {
    width: 24%;
  }
}

.page-system-announcement .Card {
  background: white;
  margin-bottom: 10px;
  font-size: 1em;
  padding: 20px 60px;
}

.page-system-announcement .Notification-item-header .title:before {
  background: #d7000c;
}

@media (min-width: 48em) {
  .page-system-announcement .Card {
    padding: 40px 80px;
  }
}

.CardAbout {
  position: relative;
  padding: 15px;
  padding-bottom: 0;
}

@media (min-width: 48em) {
  .CardAbout {
    padding: 40px;
  }
}

.CardAbout .js-text {
  position: relative;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  word-break: break-all;
  color: #9b9b9b;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-align: center;
      align-items: center;
}

.CardAbout .aboutVersion-use {
  border: 1px solid #72747f;
  border-radius: 5px;
  font-size: 12px;
  padding: 2px 5px;
  margin-left: 5px;
  color: #72747f;
}

.CardAbout .version-detail {
  height: auto;
}

.CardAbout .version-detail-content {
  width: 200px;
  height: 80px;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.CardAbout .version-detail-content .top {
  font-size: 16px;
  margin: 10px 0;
}

.CardAbout .version-detail-content .top img {
  max-width: 37px;
  max-height: 27px;
  margin-top: -2px;
}

.CardAbout .version-detail-content .top div {
  width: 40px;
  display: inline-block;
  text-align: center;
}

.CardAbout .version-detail-content .bottom {
  font-size: 12px;
  margin: 10px 0;
}

.CardAbout .version-detail-content .check {
  width: 20px;
  margin-right: 20px;
}

.CardAbout .version-detail-content.add {
  font-size: 33px;
  height: 60px;
  -ms-flex-pack: center;
      justify-content: center;
}

.CardAbout .version-detail-content.line-title-box {
  display: block;
  width: 220px;
  height: 20px;
  text-align: center;
}

.CardAbout .version-detail-content.line-title-box .line {
  border-bottom: 1px solid #80b4de;
  margin-top: 20px;
}

.CardAbout .version-detail-content.line-title-box .text {
  background-color: #fff;
  width: 108px;
  margin: -10px auto;
  font-size: 12px;
  color: #000;
}

.CardAbout.version-not-use {
  color: #aaaaaa;
}

.CardAbout .text-icon {
  width: 18px;
  margin-right: 5px;
}

.CardAbout-title {
  font-size: 1.125em;
}

.CardAbout-content {
  padding: 5px 0 20px;
}

@media (min-width: 48em) {
  .CardAbout-content {
    max-width: 100%;
  }
}

.CardAbout .item-top-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

.CardAbout .item-top-box .item-top-left-box {
  padding-top: 2px;
  width: 30px;
}

.CardAbout .item-top-box .item-top-left-box:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #8cc8cf;
  content: '';
}

.CardAbout .item-top-box .item-top-right-box {
  -ms-flex: 1;
      flex: 1;
}

.CardAbout .item-top-box .item-top-left-box-version {
  padding: 20px;
  width: 77px;
}

.CardAbout .item-top-box .item-top-left-box-version img {
  width: 37px;
}

.CardAbout .item-top-box .item-top-right-box-version {
  -ms-flex: 1;
      flex: 1;
  padding-top: 10px;
}

.CardAbout .item-top-box .item-top-right-box-version .CardAbout-title {
  font-size: 16px;
  margin-bottom: 10px;
}

.CardAbout .item-top-box .item-top-right-box-version .js-text {
  font-size: 16px;
}

.CardAbout .item-top-box .version-0 {
  font-size: 18px;
  color: #8cc8cf;
}

.CardAbout .item-top-box .version-1 {
  font-size: 18px;
  color: #80b4de;
}

.CardAbout .item-top-box .version-2 {
  font-size: 18px;
  color: #ee8a5d;
}

.CardAbout .patent-box {
  width: 240px;
  margin: auto;
  text-align: left;
  color: #515151;
}

.CardAbout .patent-box span {
  font-weight: bold;
  color: #000;
}

.CardAbout .Privacy-box {
  margin: 0 20px;
  font-size: 14px;
  text-align: left;
  color: #515151;
}

.CardAbout .Privacy-box span {
  font-weight: bold;
  color: #000;
}

.page-weather {
  /* ******* */
  /* ******* */
}

.page-weather body {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
  background-size: cover;
}

@media (min-width: 48em) {
  .page-weather body {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
    background-size: cover;
  }
}

@media (max-width: 765px) {
  .page-weather .tablet-content {
    display: none;
  }
}

@media (min-width: 48em) {
  .page-weather .mobile-content {
    display: none;
  }
}

.page-weather .tablet-content .temperature-block {
  position: absolute;
  bottom: -400px;
  display: -ms-flexbox;
  display: flex;
  min-width: 300px;
  max-width: 340px;
  height: 100px;
}

@media (min-width: 61.25em) {
  .page-weather .tablet-content .temperature-block {
    left: auto;
    right: 500px;
  }
}

.page-weather .tablet-content .temperature-block .temperature-box {
  width: auto;
  height: 100px;
  margin: 0 0 0 20px;
  font-family: monospace;
  font-size: 84px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -3px;
  text-align: center;
  color: #ffffff;
}

.page-weather .tablet-content .temperature-block .weather-icon-box {
  -ms-flex: 1;
      flex: 1;
  padding: 30px 90px 0 0;
}

.page-weather .tablet-content .slide-block {
  position: absolute;
  top: 150px;
  left: 50%;
  width: 320px;
  height: auto;
}

.page-weather .tablet-content .slide-block .slider-box {
  width: 320px;
  min-height: 380px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.page-weather .tablet-content .slide-block .slider-box .slider {
  position: relative;
  width: 320px;
  height: 380px;
  overflow: hidden;
}

.page-weather .tablet-content .slide-block .slider-box .slider .sliderList {
  position: absolute;
  top: 0px;
  left: 0px;
  display: -ms-flexbox;
  display: flex;
  width: 640px;
  height: 320px;
  transition: left 0.6s;
}

.page-weather .tablet-content .slide-block .slider-box .slider .sliderList.sliderList-0 {
  left: 0px;
}

.page-weather .tablet-content .slide-block .slider-box .slider .sliderList.sliderList-1 {
  left: -320px;
}

.page-weather .tablet-content .slide-block .slider-box .slider .sliderList .slide {
  width: 320px;
  height: 320px;
}

.page-weather .tablet-content .slide-block .slider-box .slider .sliderList .slide .title {
  text-align: center;
  color: #ffffff;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}

.page-weather .tablet-content .slide-block .slider-box .slider .sliderList .slide .circle-box {
  position: relative;
  width: 320px;
  height: 320px;
  margin: 0 auto;
}

.page-weather .tablet-content .slide-block .slider-box .slider .sliderList .slide .circle-box.uv .msg {
  bottom: 140px;
}

.page-weather .tablet-content .slide-block .slider-box .slider .sliderList .slide .circle-box.pm .msg {
  bottom: 140px;
}

.page-weather .tablet-content .slide-block .slider-box .slider .sliderList .slide .circle-box.pm .aqi {
  bottom: 110px;
}

.page-weather .tablet-content .slide-block .slider-box .btnbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 10px;
}

.page-weather .tablet-content .slide-block .slider-box .btnbox .btnItem {
  width: 12px;
  height: 12px;
  border: 1px solid #2f94a0;
  border-radius: 50%;
  margin: 0 5px;
}

.page-weather .tablet-content .slide-block .slider-box .btnbox .btnItem.isAcitve {
  background-color: #2f94a0;
}

.page-weather .tablet-content .slide-block .descbox {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.page-weather .city-siteName-box {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 44px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.page-weather .city-siteName-box .city {
  -ms-flex: 1;
      flex: 1;
  text-align: right;
  padding-right: 5px;
}

.page-weather .city-siteName-box .siteName {
  -ms-flex: 1;
      flex: 1;
  text-align: left;
  padding-left: 5px;
}

.page-weather .weather-box {
  display: -ms-flexbox;
  display: flex;
  width: 184px;
  height: 100px;
  margin: 0 auto;
  margin-bottom: 0px;
}

.page-weather .weather-box .temperature-box {
  width: auto;
  height: 100px;
  margin: 0 auto;
  font-family: monospace;
  font-size: 84px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -3px;
  text-align: center;
  color: #ffffff;
}

.page-weather .weather-box .weather-icon-box {
  -ms-flex: 1;
      flex: 1;
  padding-top: 30px;
}

.page-weather .date-box {
  width: 300px;
  height: 52px;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
}

.page-weather .date-box .top-box {
  width: 300px;
  height: 32px;
  font-size: 26px;
  line-height: 32px;
}

.page-weather .date-box .bottom-box {
  width: 300px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
}

.page-weather .line {
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 10px;
  width: 75%;
  height: 2px;
  opacity: 0.6;
  border: solid 1px #ebfdff;
}

.page-weather .slider-box {
  width: 260px;
  min-height: 260px;
  margin: 0 auto;
}

.page-weather .slider-box .slider {
  position: relative;
  width: 260px;
  height: 230px;
  overflow: hidden;
}

.page-weather .slider-box .slider .sliderList {
  position: absolute;
  top: 0px;
  left: 0px;
  display: -ms-flexbox;
  display: flex;
  width: 520px;
  height: 230px;
  transition: left 0.6s;
}

.page-weather .slider-box .slider .sliderList.sliderList-0 {
  left: 0px;
}

.page-weather .slider-box .slider .sliderList.sliderList-1 {
  left: -260px;
}

.page-weather .slider-box .slider .sliderList .slide {
  width: 260px;
  height: 234px;
}

.page-weather .slider-box .slider .sliderList .slide .title {
  text-align: center;
  color: #ffffff;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.uv {
  background: url(assets/images/empty_1ac851e9299707e00a44f89d339521f4.png);
  background-size: cover;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.uv.v1 {
  background: url(assets/images/lightning_lv1_c0faaae5401f41583cc5c96ed5f58f75.png);
  background-size: cover;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.uv.v2 {
  background: url(assets/images/lightning_lv2_4995d2f6c91f842258044952a3a408ba.png);
  background-size: cover;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.uv.v3 {
  background: url(assets/images/lightning_lv3_b40218e56f0d18b9b5e30622802538ce.png);
  background-size: cover;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.uv.v4 {
  background: url(assets/images/lightning_lv4_dcde7b328f248d4de491184115ab3b82.png);
  background-size: cover;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.uv.v5 {
  background: url(assets/images/lightning_lv5_727b70ea23ab26677ad68048c4088ba9.png);
  background-size: cover;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.uv .msg {
  position: absolute;
  left: 0px;
  bottom: 85px;
  width: 100%;
  height: 28px;
  text-align: center !important;
  margin: 0 auto;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.uv .msg .v1 {
  color: #b8e986;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.uv .msg .v2 {
  color: #ffe772;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.uv .msg .v3 {
  color: #f66e20;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.uv .msg .v4 {
  color: #c83700;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.uv .msg .v5 {
  color: #7e358a;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.uv .msg .empty {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm {
  background: url(assets/images/empty_1ac851e9299707e00a44f89d339521f4.png);
  background-size: cover;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm.v1 {
  background: url(assets/images/pm1_1e27dbf2111a3a0d6c114e2b8dfc14f8.png);
  background-size: cover;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm.v2 {
  background: url(assets/images/pm2_1d1d20b097ff0b69af7219b53c508060.png);
  background-size: cover;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm.v3 {
  background: url(assets/images/pm3_b5dd303be18490da709911b979e49735.png);
  background-size: cover;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm.v4 {
  background: url(assets/images/pm4_08e44e9ec9503062a319742cddc6c2da.png);
  background-size: cover;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm.v5 {
  background: url(assets/images/pm5_7bf1d0835ab0a6fdb0075e1f44e1f230.png);
  background-size: cover;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm.v6 {
  background: url(assets/images/pm6_71d8a7ef5e36833b67165804e9ddb340.png);
  background-size: cover;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm .msg {
  position: absolute;
  left: 0px;
  bottom: 85px;
  width: 100%;
  height: 28px;
  text-align: center !important;
  margin: 0 auto;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm .msg .v1 {
  color: #b8e986;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm .msg .v2 {
  color: #ffe772;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm .msg .v3 {
  color: #f76c1d;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm .msg .v4 {
  color: #c83700;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm .msg .v5 {
  color: #86151c;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm .msg .v6 {
  color: #7e358a;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm .msg .empty {
  color: #ffffff;
}

.page-weather .slider-box .slider .sliderList .slide .circle-box.pm .aqi {
  position: absolute;
  left: 0px;
  bottom: 63px;
  width: 100%;
  height: 20px;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.page-weather .slider-box .btnbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 10px 0;
}

.page-weather .slider-box .btnbox .btnItem {
  width: 12px;
  height: 12px;
  border: 1px solid #2f94a0;
  border-radius: 50%;
  margin: 0 5px;
}

.page-weather .slider-box .btnbox .btnItem.isAcitve {
  background-color: #2f94a0;
}

.page-weather .slider-box .left-arrow {
  position: absolute;
  top: 260px;
  left: -60px;
  cursor: pointer;
  color: #ffffff;
}

.page-weather .slider-box .right-arrow {
  position: absolute;
  top: 260px;
  right: -60px;
  cursor: pointer;
  color: #ffffff;
}

.page-weather .descbox {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.page-weather-pm {
  /* ******* */
  /* ******* */
}

.page-weather-pm body {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
  background-size: cover;
}

@media (min-width: 48em) {
  .page-weather-pm body {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
    background-size: cover;
  }
}

@media (max-width: 765px) {
  .page-weather-pm .tablet-content {
    display: none;
  }
}

@media (min-width: 48em) {
  .page-weather-pm .mobile-content {
    display: none;
  }
}

.page-weather-pm .tablet-content .temperature-block {
  position: absolute;
  bottom: -400px;
  display: -ms-flexbox;
  display: flex;
  min-width: 300px;
  max-width: 340px;
  height: 100px;
}

@media (min-width: 61.25em) {
  .page-weather-pm .tablet-content .temperature-block {
    left: auto;
    right: 500px;
  }
}

.page-weather-pm .tablet-content .temperature-block .temperature-box {
  width: 121px;
  height: 100px;
  margin: 0 0 0 20px;
  font-family: monospace;
  font-size: 84px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -3px;
  text-align: left;
  color: #ffffff;
}

.page-weather-pm .tablet-content .temperature-block .weather-icon-box {
  -ms-flex: 1;
      flex: 1;
  padding: 30px 90px 0 0;
}

.page-weather-pm .tablet-content .weather-block {
  position: absolute;
  top: 150px;
  left: 50%;
  width: 320px;
  height: auto;
}

.page-weather-pm .tablet-content .weather-block .pm-title {
  text-align: center;
  color: #ffffff;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}

.page-weather-pm .tablet-content .weather-block .circle-box {
  position: relative;
  width: 320px;
  height: 320px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.page-weather-pm .tablet-content .weather-block .circle-box .msg {
  bottom: 140px;
}

.page-weather-pm .tablet-content .weather-block .circle-box .aqi {
  bottom: 110px;
}

.page-weather-pm .tablet-content .weather-block .pm-value-box .line {
  width: 1px;
}

.page-weather-pm .tablet-content .weather-block .line {
  width: 320px;
}

.page-weather-pm .tablet-content .weather-block .desc {
  width: 320px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

.page-weather-pm .tablet-content .weather-block .closeBtn {
  position: absolute;
  top: 0px;
  right: -40px;
}

.page-weather-pm .city-siteName-box {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 44px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.page-weather-pm .city-siteName-box .city {
  -ms-flex: 1;
      flex: 1;
  text-align: right;
  padding-right: 5px;
}

.page-weather-pm .city-siteName-box .siteName {
  -ms-flex: 1;
      flex: 1;
  text-align: left;
  padding-left: 5px;
}

.page-weather-pm .pm-title {
  width: 100%;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.page-weather-pm .circle-box {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.page-weather-pm .circle-box.pm {
  background: url(assets/images/empty_1ac851e9299707e00a44f89d339521f4.png);
  background-size: cover;
}

.page-weather-pm .circle-box.pm.v1 {
  background: url(assets/images/pm1_1e27dbf2111a3a0d6c114e2b8dfc14f8.png);
  background-size: cover;
}

.page-weather-pm .circle-box.pm.v2 {
  background: url(assets/images/pm2_1d1d20b097ff0b69af7219b53c508060.png);
  background-size: cover;
}

.page-weather-pm .circle-box.pm.v3 {
  background: url(assets/images/pm3_b5dd303be18490da709911b979e49735.png);
  background-size: cover;
}

.page-weather-pm .circle-box.pm.v4 {
  background: url(assets/images/pm4_08e44e9ec9503062a319742cddc6c2da.png);
  background-size: cover;
}

.page-weather-pm .circle-box.pm.v5 {
  background: url(assets/images/pm5_7bf1d0835ab0a6fdb0075e1f44e1f230.png);
  background-size: cover;
}

.page-weather-pm .circle-box.pm.v6 {
  background: url(assets/images/pm6_71d8a7ef5e36833b67165804e9ddb340.png);
  background-size: cover;
}

.page-weather-pm .circle-box.pm .msg {
  position: absolute;
  left: 0px;
  bottom: 85px;
  width: 100%;
  height: 28px;
  text-align: center !important;
  margin: 0 auto;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}

.page-weather-pm .circle-box.pm .msg .v1 {
  color: #b8e986;
}

.page-weather-pm .circle-box.pm .msg .v2 {
  color: #ffe772;
}

.page-weather-pm .circle-box.pm .msg .v3 {
  color: #f76c1d;
}

.page-weather-pm .circle-box.pm .msg .v4 {
  color: #c83700;
}

.page-weather-pm .circle-box.pm .msg .v5 {
  color: #86151c;
}

.page-weather-pm .circle-box.pm .msg .v6 {
  color: #7e358a;
}

.page-weather-pm .circle-box.pm .msg .empty {
  color: #ffffff;
}

.page-weather-pm .circle-box.pm .aqi {
  position: absolute;
  left: 0px;
  bottom: 63px;
  width: 100%;
  height: 20px;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.page-weather-pm .circle-box .meter {
  position: absolute;
  bottom: 0px;
  right: -20px;
  width: 6px;
  height: 84px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAACoCAMAAADjJv8tAAABelBMVEX////uYRfyZhniUw/ZSQqJAJ2JAZmPBY6UCoLQ6X/U6X7b6Hzx6Hb26HV+AGOiFWH9yFyyJDf6jTN1AC+3KCpzACK8LB7rXRXnWhPeUA3FNAnRQQXOPQPLOgHINgGGAJLt6Hd7AFL1aRvL6YHk6HlxABbcTAvkVxH3bR3F6YPB6YT4cyHo6HnI6YJwABCFAIx6AEz1++3z4eb+7eLq29zSo8/99sywXK//76TvuqPC7JeNA5WEAIfY6X3f6HuXDHvi6HqYDXj66HSaD3OBAHKcEG//4W6AAG3/3mudEWv+2mmAAGmfE2f+1mb+0mPjiWP+zmB9AFz9wlh8AFimGVb9vlX8ulP8tlD8sk38rkr8q0j5k0h6AEf7p0WtH0X7o0N5AEKuIEH7n0B4AD76mz2wIj13ADr6kzh3ADb5hzC1JjB0ACn4dyS6KiRyABy/LhfAMBPCMQ+yN2iDJCqSCImkF1qCAHeBAHb6lzv6ljqRCIikGFuCJCmzOGhpuRYTAAABf0lEQVRIx1XHBVcbURBA4Qu01N2VpiUhpEHq7u7u7oonkCD/nbfZcM6db+bN7mVqaj5Nki7BcWFQKA4W0+YoCqPCNonxT9giMX4LP4VvwmfhvTAsFJLhQo6C8Ex4IqyXGPeEW8J1YXomm5np7HJCCE4J54UhoadtKD16hG5hucToFs4JKyTGbK1Wm20vKyXGJeGKcE24IdwR7gsbJEZ9rp42m3qd58JkZiF/BEeFj8IX4YewSWL8FbZKjBFhu8QYE8aFCWG3xNgvMfZJjL0SY4/EeCQEZ4RlQoxSKW2OkrBLYnQJMfqSrjQJfcJOibFDYnQIMTo70qbJolNiHJQ8yu0oC4fL2ZSzm0L4LxwTgnfCH2GzxPglNBvNRiM/Tb4LX4VPwgfhrfBGeC28El4KL4SnwkaJ8Vh4KDwQ7gq3hZvCaSE4KVwV1kmMtRLjgLSiuhRVobel2nr0CpeFi8IaiXFBWC0xVkmMQ5JiIP9LXwaEfsmjUulPU6EiHBGCs7II8X13cFma1r4AAAAASUVORK5CYII=);
  background-size: cover;
}

.page-weather-pm .circle-box .value-box {
  position: absolute;
  bottom: 0px;
  left: -30px;
  font-size: 12px;
  color: #fff;
}

.page-weather-pm .circle-box .value-box .box {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}

.page-weather-pm .circle-box .value-box .box.v1 {
  background-color: #b8e986;
}

.page-weather-pm .circle-box .value-box .box.v2 {
  background-color: #ffe772;
}

.page-weather-pm .circle-box .value-box .box.v3 {
  background-color: #f76c1d;
}

.page-weather-pm .circle-box .value-box .box.v4 {
  background-color: #c83700;
}

.page-weather-pm .circle-box .value-box .box.v5 {
  background-color: #86151c;
}

.page-weather-pm .circle-box .value-box .box.v6 {
  background-color: #7e358a;
}

.page-weather-pm .pm-value-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 241px;
  height: 50px;
  margin: 0 auto;
}

.page-weather-pm .pm-value-box .left-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex: 1;
      flex: 1;
  width: 120px;
  text-align: center;
}

.page-weather-pm .pm-value-box .left-box .v1 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.page-weather-pm .pm-value-box .left-box .v2 {
  padding: 12px 0 0 12px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}

.page-weather-pm .pm-value-box .line {
  width: 1px;
  height: 19px;
  background-color: white;
}

.page-weather-pm .pm-value-box .right-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex: 1;
      flex: 1;
  width: 120px;
  text-align: center;
}

.page-weather-pm .pm-value-box .right-box .v1 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.page-weather-pm .pm-value-box .right-box .v2 {
  padding: 12px 0 0 12px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}

.page-weather-pm .line {
  width: 250px;
  height: 1px;
  margin: 0 auto;
  background-color: white;
  margin-top: 20px;
  margin-bottom: 18px;
}

.page-weather-pm .desc {
  width: 250px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

.page-weather-uv {
  /* ******* */
  /* ******* */
}

.page-weather-uv body {
  background-image: url(assets/images/sunny-mobile_216fdcb178ef749b70cc234e2bb86d93.jpg);
  background-size: cover;
}

@media (min-width: 48em) {
  .page-weather-uv body {
    background-image: url(assets/images/sunny-desktop_c03b908d99df302e94fa89389102fc08.jpg);
    background-size: cover;
  }
}

@media (max-width: 765px) {
  .page-weather-uv .tablet-content {
    display: none;
  }
}

@media (min-width: 48em) {
  .page-weather-uv .mobile-content {
    display: none;
  }
}

.page-weather-uv .tablet-content .temperature-block {
  position: absolute;
  bottom: -400px;
  display: -ms-flexbox;
  display: flex;
  min-width: 300px;
  max-width: 340px;
  height: 100px;
}

@media (min-width: 61.25em) {
  .page-weather-uv .tablet-content .temperature-block {
    left: auto;
    right: 500px;
  }
}

.page-weather-uv .tablet-content .temperature-block .temperature-box {
  width: 121px;
  height: 100px;
  margin: 0 0 0 20px;
  font-family: monospace;
  font-size: 84px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -3px;
  text-align: left;
  color: #ffffff;
}

.page-weather-uv .tablet-content .temperature-block .weather-icon-box {
  -ms-flex: 1;
      flex: 1;
  padding: 30px 90px 0 0;
}

.page-weather-uv .tablet-content .weather-block {
  position: absolute;
  top: 150px;
  left: 50%;
  width: 320px;
  height: auto;
}

.page-weather-uv .tablet-content .weather-block .uv-title {
  text-align: center;
  color: #ffffff;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px;
}

.page-weather-uv .tablet-content .weather-block .circle-box {
  position: relative;
  width: 320px;
  height: 320px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.page-weather-uv .tablet-content .weather-block .circle-box .msg {
  bottom: 140px;
}

.page-weather-uv .tablet-content .weather-block .circle-box .aqi {
  bottom: 110px;
}

.page-weather-uv .tablet-content .weather-block .uv-value-box .line {
  width: 1px;
}

.page-weather-uv .tablet-content .weather-block .line {
  width: 320px;
}

.page-weather-uv .tablet-content .weather-block .desc {
  width: 320px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

.page-weather-uv .tablet-content .weather-block .closeBtn {
  position: absolute;
  top: 0px;
  right: -40px;
}

.page-weather-uv .city-siteName-box {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 44px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}

.page-weather-uv .city-siteName-box .city {
  -ms-flex: 1;
      flex: 1;
  text-align: right;
  padding-right: 5px;
}

.page-weather-uv .city-siteName-box .siteName {
  -ms-flex: 1;
      flex: 1;
  text-align: left;
  padding-left: 5px;
}

.page-weather-uv .uv-title {
  width: 100%;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.page-weather-uv .circle-box {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.page-weather-uv .circle-box.uv {
  background: url(assets/images/lightning_empty_dc227943ba99cd3dfd24d2b250610d8c.png);
  background-size: cover;
}

.page-weather-uv .circle-box.uv.v1 {
  background: url(assets/images/lightning_lv1_c0faaae5401f41583cc5c96ed5f58f75.png);
  background-size: cover;
}

.page-weather-uv .circle-box.uv.v2 {
  background: url(assets/images/lightning_lv2_4995d2f6c91f842258044952a3a408ba.png);
  background-size: cover;
}

.page-weather-uv .circle-box.uv.v3 {
  background: url(assets/images/lightning_lv3_b40218e56f0d18b9b5e30622802538ce.png);
  background-size: cover;
}

.page-weather-uv .circle-box.uv.v4 {
  background: url(assets/images/lightning_lv4_dcde7b328f248d4de491184115ab3b82.png);
  background-size: cover;
}

.page-weather-uv .circle-box.uv.v5 {
  background: url(assets/images/lightning_lv5_727b70ea23ab26677ad68048c4088ba9.png);
  background-size: cover;
}

.page-weather-uv .circle-box.uv .msg {
  position: absolute;
  left: 0px;
  bottom: 85px;
  width: 100%;
  height: 28px;
  text-align: center !important;
  margin: 0 auto;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}

.page-weather-uv .circle-box.uv .msg .v1 {
  color: #b8e986;
}

.page-weather-uv .circle-box.uv .msg .v2 {
  color: #ffe772;
}

.page-weather-uv .circle-box.uv .msg .v3 {
  color: #f76c1d;
}

.page-weather-uv .circle-box.uv .msg .v4 {
  color: #c83700;
}

.page-weather-uv .circle-box.uv .msg .v5 {
  color: #86151c;
}

.page-weather-uv .circle-box.uv .msg .v6 {
  color: #7e358a;
}

.page-weather-uv .circle-box.uv .msg .empty {
  color: #ffffff;
}

.page-weather-uv .circle-box.uv .aqi {
  position: absolute;
  left: 0px;
  bottom: 63px;
  width: 100%;
  height: 20px;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.page-weather-uv .circle-box .meter {
  position: absolute;
  bottom: 0px;
  right: -20px;
  width: 6px;
  height: 84px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAACoCAMAAADjJv8tAAABR1BMVEX////mWBLS6X/iVBDRQQXa6H326HXvYxjaSwvXSAnzZhrURAffUQ7OPQP1aRvtYBb6/PD98OeOBJHC6YPF6YLJ6YHW6X7j6Hrn6Hnq6Hjt6HeaD3T9vVSpG0+vIT76kjf6jDO0JTL4ciHGNQTJOAD853PMOwK/6YTg6Hv+2Gf9yFz5hy/3bR3dTgz8r0vd6Hz4fCjM6YHO6YD56HS5KiT+02T+y1+3KCr+z2H5gCr8s0286YX9xFn5gy3u2/D35+SZJKyMA5eRB4qUCYKWC36XDXr/53L/5nH/42+cEG7/4W3/3mv/22qeEmmgE2WhFWGjFl37tFylGFn9wFemGVX8uFH8tlCrHkitH0T7oUH7nj/7mz36mDv6ljqyIzjtcC/ISSr4eCX4diO8LB+9LRuSCIbEMwrx6ob7o0Pw6YX6o0PENAuTCYdbvUC0AAABtklEQVRIx33RZ1caYRCG4YdQFhA0vffEkEUMsJQoanrvvfcCSvz/nzPvZvXcc3KO18zunPvzq2sg5wroOmgv+LgB+h1spt+mboJugW6DjoGP+6DHoCegp6BnoBegV6AT4OMt6B3oJPj4AjoDPi6D+sZuP4z6oJ+gX6CrIOcbaPxnbBtmPNY58HEefFyA7aiHqIN8FOqFLSqAZv5dOyHARyUzY6sKqFKu2NqEKIOPxaBsa0eLoBr4yOdr+aBmR3nwkduWzykHPvaAnK+gOfARRdFclFEEiqpRVK1GNhZV8DEL8tGabW1RC3QWfPwAfQd1QJ3ljq1NiGXQGmghWLO1owXQafBxCnx8Bn0CfQR9AL0HrQfT6brNdIeXew66BBajcEdhNQK9Ab0GHQcfL0GroGZztRmEqyZoCFoKhsMlmzQGtunRABTH8SDOfopBj0APQQ9A90B3QXdA84DozasH6pXsXyqlqxL42A1yJpPJxsbExq6Ogo8j4OMw+DgEPi6CRduOsas2qNguFu1r21qAj4PgYxf8H0mSRQJKut1ukq5FF3QAfOwHH/vARwPUWGnYZrEC/uXoL9/PQU211k5nAAAAAElFTkSuQmCC);
  background-size: cover;
}

.page-weather-uv .circle-box .value-box {
  position: absolute;
  bottom: 0px;
  left: -30px;
  font-size: 12px;
  color: #fff;
}

.page-weather-uv .circle-box .value-box .box {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}

.page-weather-uv .circle-box .value-box .box.v1 {
  background-color: #b8e986;
}

.page-weather-uv .circle-box .value-box .box.v2 {
  background-color: #ffe772;
}

.page-weather-uv .circle-box .value-box .box.v3 {
  background-color: #f76c1d;
}

.page-weather-uv .circle-box .value-box .box.v4 {
  background-color: #c83700;
}

.page-weather-uv .circle-box .value-box .box.v5 {
  background-color: #86151c;
}

.page-weather-uv .circle-box .value-box .box.v6 {
  background-color: #7e358a;
}

.page-weather-uv .uv-value-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 241px;
  height: 20px;
  margin: 0 auto;
  text-align: center;
  line-height: 20px;
  color: #fff;
}

.page-weather-uv .line {
  width: 250px;
  height: 1px;
  margin: 0 auto;
  background-color: white;
  margin-top: 20px;
  margin-bottom: 18px;
}

.page-weather-uv .desc {
  width: 250px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

.CardFee {
  position: relative;
  padding: 15px;
  padding-bottom: 0;
}

.CardFee.important {
  border: 3px solid #80b4de;
}

@media (min-width: 48em) {
  .CardFee {
    padding: 40px;
  }
}

.CardFee.CommunityAccountCellPhone-div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.CardFee.CommunityAccountCellPhone-div .title {
  width: 150px;
}

.CardFee.CommunityAccountCellPhone-div .phoneNumber-box {
  position: relative;
  width: 100%;
}

.CardFee.CommunityAccountCellPhone-div .phoneNumber-box .phone-query {
  font-size: 25px;
  position: absolute;
  right: 10px;
  top: 5px;
  color: #8cc8cf;
}

.fee-card .item-top-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}

.fee-card .item-top-box .item-top-left-box {
  padding-top: 2px;
  width: 30px;
}

.fee-card .item-top-box .item-top-left-box:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: #80b4de;
  content: '';
}

.fee-card .item-top-box .item-top-left-box.no-pay:before {
  background: #f10000;
}

.fee-card .item-top-box .item-top-left-box.un-Pay:before {
  background: #f08637;
}

.fee-card .item-top-box .item-top-right-box {
  -ms-flex: 1;
      flex: 1;
}

.fee-card .item-top-box .item-top-right-box .blue {
  color: #8cc8cf;
}

.CardFee-tags {
  padding-top: 15px;
}

.CardFee-tags .tag {
  background: #eeeeef;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: .75em;
  color: #72747f;
}

.i519-dm {
  max-width: 100%;
  max-height: 95Vh;
}

.fa.fa-times-circle-o.close {
  position: absolute;
  margin: 15px;
  top: 0;
  right: 0;
  font-size: 30px;
}

.show-pay-type-box {
  width: 300px;
  padding: 10px 20px;
  text-align: center;
}

.show-pay-type-box button {
  width: 100%;
  margin-top: 10px;
}

.show-pay-type-box .blue {
  color: #8cc8cf;
}

.phoneQuery-div {
  background-color: #fff;
  padding: 20px;
  font-size: 1.125em;
}

.phoneQuery-div .phoneQuery-btn {
  margin: 10px;
  width: 100%;
}

/* components */
.AvatarLink .username {
  margin-left: 10px;
  color: #515151;
}

.AvatarLink .usernamefirst-child {
  margin-left: 0;
  margin-right: 10px;
}

.Avatar {
  width: 50px;
  height: 50px;
  border: 1px solid #ccc;
  border-radius: 50%;
  display: inline-block;
  object-fit: cover;
}

.BlockHeader {
  padding: 30px 20px 10px;
  margin-top: -10px;
}

.BlockHeader-actions {
  margin-bottom: 20px;
}

.BlockHeader-actions .btn {
  display: block;
}

.BlockHeader .CustomNumberInput {
  margin-right: 10px;
  width: 80px;
}

.BlockHeader .numberInput {
  width: inherit;
}

@media (min-width: 48em) {
  .BlockHeader {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 0 20px;
  }
  .BlockHeader-title {
    -ms-flex-order: 1;
    order: 1;
    width: 90%;
    line-height: 40px;
  }
  .BlockHeader-actions {
    margin-bottom: 0;
    -ms-flex-order: 2;
    order: 2;
    display: -ms-flexbox;
    display: flex;
  }
  .BlockHeader-actions .btn {
    display: block;
  }
}

.Card {
  background: white;
  margin-bottom: 10px;
  font-size: 1em;
  padding: 20px;
}

@media (min-width: 48em) {
  .Card {
    padding: 40px;
  }
}

.aboutcirple-Card {
  margin-bottom: 1px;
}

.custom-file-input {
  color: transparent;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input::before {
  content: '\4E0A\50B3\6A94\6848';
  display: inline-block;
  background: #8cc8cf;
  border-radius: 6px;
  width: 120px;
  height: 40px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
}

.custom-file-input:active::before {
  background: #8cc8cf;
}

.CustomNumberInput {
  position: relative;
  display: inline-block;
}

.CustomNumberInput input {
  padding-right: 10px;
  min-width: 65px;
}

.CustomNumberInput input:focus ~ .CustomNumberInput-increaseBtn,
.CustomNumberInput input:focus ~ .CustomNumberInput-decreaseBtn {
  background: #8cc8cf;
}

.CustomNumberInput-increaseBtn, .CustomNumberInput-decreaseBtn {
  position: absolute;
  width: 25px;
  height: 50%;
  background: #dddddd;
  right: 0;
  cursor: pointer;
  transition: background .3s;
}

.CustomNumberInput-increaseBtn:hover, .CustomNumberInput-decreaseBtn:hover {
  background: #aaaaaa;
}

.CustomNumberInput-increaseBtn:active, .CustomNumberInput-decreaseBtn:active {
  background: #8cc8cf;
}

.CustomNumberInput-increaseBtn:before, .CustomNumberInput-decreaseBtn:before {
  content: '';
  position: absolute;
  border-width: 0 6px 6px;
  border-color: transparent transparent white;
  border-style: solid;
  left: 6px;
  top: 6px;
}

.CustomNumberInput-increaseBtn {
  top: 0;
  border-top-right-radius: 6px;
  border-bottom: 1px solid #eeeeef;
}

.CustomNumberInput-decreaseBtn {
  bottom: 0;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #eeeeef;
}

.CustomNumberInput-decreaseBtn:before {
  border-width: 6px 6px 0;
  border-color: white transparent transparent;
}

.CustomSelect {
  position: relative;
}

.CustomSelect:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  border-style: solid;
  border-width: 8px 6px 0;
  border-color: transparent;
  border-top-color: #aaaaaa;
  z-index: 1;
  right: 12px;
  top: 17px;
}

@media (min-width: 48em) {
  .CustomSelect:before {
    display: none;
  }
}

.CustomSelect .select {
  border: 2px solid #dddddd;
  border-radius: 6px;
  height: 42px;
  line-height: 40px;
  padding: 0 10px;
  min-width: auto;
  width: 100%;
}

@media (min-width: 48em) {
  .CustomSelect .select {
    border-radius: 0;
    border: 0;
    padding: 0;
    line-height: inherit;
    height: auto;
  }
}

.CustomDropdown {
  position: relative;
  width: 100%;
}

.CustomDropdown button.btn {
  width: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  background: white;
  border: 2px solid #dddddd;
  color: #72747f;
  border-radius: 6px;
}

.CustomDropdown button.btn.search-time-btn {
  width: 227.98px;
  height: 42px;
  outline: 0;
}

.CustomDropdown button.btn.search-package-classification-btn {
  outline: 0;
}

.CustomDropdown button.btn span.caret {
  border-top-color: #aaaaaa;
  margin: 0px;
  padding: 0px;
}

.CustomDropdown.open button.btn {
  border-color: #8cc8cf;
  outline: 0;
}

.CustomDropdown.open .dropdown-menu {
  width: 100%;
  background-color: #ffffff;
  border: 2px solid #8cc8cf;
  border-radius: 6px;
  padding: 0;
}

.CustomDropdown.open .dropdown-menu li.isActive {
  background-color: #8cc8cf;
}

.CustomDropdown.open .dropdown-menu li.isActive a {
  color: #ffffff;
}

.CustomDropdown.open .dropdown-menu:hover li.isActive a {
  background-color: #ffffff;
  color: #72747f;
}

.CustomDropdown.open .dropdown-menu:hover li:hover {
  background-color: #8cc8cf;
}

.CustomDropdown.open .dropdown-menu:hover li:hover a {
  color: #ffffff;
}

.CustomDropdown.open .dropdown-menu:hover li:hover a:hover {
  background-color: #8cc8cf;
}

.pagination li.disabled > a, .pagination li.disabled > span, .dataTables_paginate li.disabled > a, .dataTables_paginate li.disabled > span {
  color: #dddddd;
  background-color: rgba(255, 255, 255, 0);
}

.pagination li.disabled > a:hover, .pagination li.disabled > span:hover, .dataTables_paginate li.disabled > a:hover, .dataTables_paginate li.disabled > span:hover {
  color: #dddddd;
  background-color: rgba(255, 255, 255, 0);
}

.ng-flat-datepicker-wrapper {
  -ms-flex: 1;
  flex: 1;
  /* 月曆 */
}

.ng-flat-datepicker-wrapper .ng-flat-datepicker {
  border-radius: 10px;
  border: 4px #8cc8cf solid;
}

.ng-flat-datepicker-wrapper .ng-flat-datepicker .ng-flat-datepicker-table-header-bckgrnd {
  background-color: #8cc8cf;
  border-radius: 4px 4px 0 0;
}

.ng-flat-datepicker-wrapper table {
  border-radius: 10px;
}

.ng-flat-datepicker-wrapper table .ng-flat-datepicker-custom-select-title {
  border: none;
}

.ng-flat-datepicker-wrapper table .ng-flat-datepicker-custom-select-title:hover {
  border: none;
}

.ng-flat-datepicker-wrapper table tbody tr.days .day-item:hover {
  background-color: #8cc8cf;
  color: #ffffff;
}

.ng-flat-datepicker-wrapper table tbody tr td.day-item, .ng-flat-datepicker-wrapper table tbody tr td.disabled {
  border-radius: 4px;
}

.ng-flat-datepicker-wrapper table tbody tr td.day-item.isSelected, .ng-flat-datepicker-wrapper table tbody tr td.disabled.isSelected {
  background-color: #dddddd;
  color: #515151 !important;
}

.FileUploader {
  -ms-flex-pack: inherit;
  justify-content: inherit;
  margin-top: 10px;
}

.FileUploader-btn {
  padding-left: 13px;
}

.FileUploader-input {
  display: none !important;
}

.FileUploader-files {
  padding-left: 5px;
  margin-left: 10px;
  -ms-flex: 1;
  flex: 1;
}

.FileUploader-file {
  color: #72747f;
  display: inline-block;
  margin-left: 10px;
}

.FileUploader-fileName {
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 80px;
}

@media (min-width: 48em) {
  .FileUploader-fileName {
    max-width: 130px;
  }
}

.FileUploader-icon--upload {
  margin-right: 3px;
}

.FileUploader-icon--close {
  color: #aaaaaa;
  font-size: .4em;
  margin-top: -3px;
  cursor: pointer;
}

.Icon {
  transition: fill .3s;
}

.Icon-link {
  display: inline-block;
}

.Icon.is-svg {
  width: 1.6em;
  height: 1.6em;
  vertical-align: middle;
  position: relative;
  top: -2px;
  fill: currentColor;
}

.Icon-link {
  line-height: 28px !important;
  min-height: initial !important;
  min-width: initial !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #8cc8cf !important;
}

.LogoLink .logo {
  position: relative;
  top: -2px;
  margin-right: 4px;
}

.Overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .1s .3s;
  cursor: pointer;
  z-index: 5;
}

.is-menuOpen .Overlay {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s .1s, visibility .1s;
}

@media (min-width: 80em) {
  .Overlay {
    opacity: 0 !important;
    visibility: hidden !important;
  }
}

.Smile {
  padding-top: 40px;
  padding-bottom: 40px;
  /*@media (min-width: map-get($breakpoints, tablet)) {
	    & {
	    	padding-top: 0; 
	  	} 
	}*/
}

.js-Sticky {
  position: sticky;
}

.js-Sticky.is-stickyWithJs {
  position: absolute;
}

.js-Sticky.is-stickyWithJs.is-fixed {
  position: fixed;
}

.loadingMask {
  width: 100%;
  height: calc(100vh - 150px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

@media (min-width: 48em) {
  .loadingMask {
    height: calc(100vh - 300px);
  }
}

.Wrapper-content.package-search-view .loadingMask {
  height: calc(100vh - 150px - 150px);
}

@media (min-width: 48em) {
  .Wrapper-content.package-search-view .loadingMask {
    height: calc(100vh - 300px -150px);
  }
}

.relay-station .loadingMask {
  height: 100vh;
}

.no-results {
  text-align: center;
  line-height: 2em;
}

.red-point {
  position: absolute;
  top: 12px;
  left: 75%;
  background: #f00;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  float: right;
}

.nav-tabs .tabItem:nth-child(5) .tabLink .red-point {
  left: 85%;
}

.red-point.menu-fa-bars {
  left: 43%;
}

.red-point-BBAR {
  position: absolute;
  top: 0px;
  left: 75%;
  width: 26px;
  height: 20px;
  color: red;
  font-size: 10px;
  line-height: 20px;
}

.home-red-point {
  position: absolute;
  top: 12px;
  left: 62%;
  background: #f00;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  float: right;
}

.Menu .red-point {
  left: 85%;
}

.up_window {
  position: fixed;
  background-color: #fff;
  border: #1B1B2F 5px solid;
  border-radius: 20px;
  width: 350px;
  height: 120px;
  right: auto;
  left: calc(50% - 175px);
  top: calc(50% - 60px);
}

.up_window button {
  float: right;
}

.up_window .scn {
  float: initial;
}

.update-box {
  height: 140px;
}

.update-box .ps {
  font-size: 12px;
}

.update-box .link {
  color: #317cd1;
  text-decoration: underline;
}

.up_window_form {
  padding: 15px;
  font-family: arudjingxiheib5_db,Helvetica Neue,Helvetica,Arial,PingFangTC-Regular,Microsoft JhengHei,\\5FAE\8EDF\6B63\9ED1\9AD4,sans-serif;
}

.up_window_form .error-text {
  color: red;
  font-size: 12px;
  height: 15px;
}

.up_window_form .btn-div {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.up_window_form .btn-div button {
  margin: 0 5px;
}

.up_window_form .btn-div button.set-mail {
  background-color: #8cc8cf;
}

.up_window.product-key {
  height: 150px;
  top: calc(50% - 75px);
}

.error-message {
  width: 256px;
  height: 160px;
}

.error-message .block-message {
  margin: 20px 20px 10px 20px !important;
}

.error-message .block-message .error-message-div {
  margin-bottom: 20px;
}

.error-message .block-message button {
  margin-left: 90px;
}

.error-message .block-message a {
  margin-left: 25px;
  font-size: 14px;
}

.error-message .block-message .notAndroid {
  margin-left: 165px;
}

.spinner-loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
}

.spinner-loading-login {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 320px;
  height: 548px;
}

#pushNotRead {
  position: relative;
  width: 290px;
  height: 200px;
  padding: 15px;
  font-size: 16px;
}

#pushNotRead .title {
  margin-top: 37px;
}

#pushNotRead .pushPackage-title {
  margin-top: 21px;
}

#pushNotRead .gotomain {
  position: absolute;
  bottom: 20px;
  width: 88%;
}

#pushNotRead .changeAccount, #pushNotRead .cancel-btn {
  position: absolute;
  bottom: 20px;
  width: 42%;
}

#pushNotRead .cancel-btn {
  right: 20px;
  background-color: #c2c2c2;
}

body:before {
  top: auto;
  bottom: 0;
  opacity: .8;
}

* button {
  font-family: arudjingxiheib5_db, Helvetica Neue, Helvetica, Arial, PingFangTC-Regular, Microsoft JhengHei, \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif !important;
}

#push-ios-inApp-div {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #aaa;
  border-radius: 20px;
}

.md-dialog-is-showing {
  overflow: hidden;
  top: auto !important;
}

.over-hide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#start-loading-box {
  position: fixed;
  top: calc(50% - 44px);
  bottom: 0;
  left: calc(50% - 150px);
  right: 0;
  width: 300px;
  height: 88px;
  border: 3px solid #fff;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: flex-end;
}

#start-loading-box .img-1 {
  width: 80px;
}

#start-loading-box span {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  line-height: 60px;
  width: 118px;
  text-align: center;
}

#start-loading-box .lds-ellipsis {
  display: block;
  position: relative;
  width: 64px;
  height: 50px;
}

#start-loading-box .lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

#start-loading-box .lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}

#start-loading-box .lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}

#start-loading-box .lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}

#start-loading-box .lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

#start-loading-box.no-display {
  display: none;
}

/*彈出視窗*/
#show_model_text_background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  z-index: 999;
  background-color: #CCC;
  display: none;
}

#show_model_text_background.display_block {
  display: block;
}

#model_text_box {
  z-index: 1000;
  position: fixed;
  background-color: #fff;
  border-radius: 20px;
  width: 270px;
  height: 160px;
  left: 50%;
  top: 50%;
  margin-left: -135px;
  margin-top: -80px;
  border: #1B1B2F 5px solid;
  display: none;
}

#model_text_box.display_block {
  display: block;
}

#model_text_box .up_window_form {
  text-align: center;
  font-size: 16px;
}

#model_text_box .up_window_form p {
  margin: 25px 0;
}

#model_text_box button {
  margin: 0 10px 0 0;
  width: 100%;
}