app-breadcrumbs .crumb {
  opacity: 0.75;
}
app-breadcrumbs .crumb + .crumb:before {
  content: "\f105";
  margin: 0 0.25em;
  font-family: FontAwesome, sans-serif;
}
app-breadcrumbs .crumb.current,
app-breadcrumbs .crumb:hover {
  opacity: 1;
}

app-icon-search {
  width: 30px;
  height: 30px;
  display: block;
}
app-icon-search svg {
  width: 100%;
  height: 100%;
}
app-icon-search circle,
app-icon-search path {
  fill: transparent;
  stroke: currentColor;
  stroke-width: 2;
}

app-interface {
  display: block;
  min-height: 100vh;
  position: relative;
}
app-interface.modal {
  overflow: hidden;
  max-height: 100vh;
  width: 100%;
  position: fixed;
}
app-interface.backdrop:after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

app-launcher {
  display: inline-block;
}
app-launcher:hover app-launcher-icon {
  opacity: 1;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.24);
}
app-launcher:hover app-launcher-icon:after {
  opacity: 1;
}
app-launcher:hover app-launcher-label {
  opacity: 1;
  color: #000;
}
app-launcher app-launcher-icon {
  display: block;
  position: relative;
  width: 128px;
  height: 128px;
  background: #DDD;
  color: #FFF;
  font-size: 72px;
  line-height: 128px;
  text-align: center;
  text-decoration: none;
  font-weight: 300;
  overflow: hidden;
  opacity: 0.7;
  transition: opacity 500ms, box-shadow 500ms;
}
app-launcher app-launcher-icon:after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  opacity: 0.2;
  transition: opacity 500ms;
}
app-launcher app-launcher-label {
  width: 128px;
  line-height: 1.5;
  opacity: 0.75;
  font-size: smaller;
  display: block;
  text-align: center;
  margin: 0.5em 0;
}

app-resolve {
  display: block;
}

app-toolbar {
  display: block;
}
app-toolbar app-toolbar-content {
  display: block;
  z-index: 2;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

app-view {
  display: block;
}
app-view.app-view--modal {
  max-height: 100vh;
  overflow: hidden;
}

ui-app-viewport {
  display: block;
}
ui-app-viewport.ui-app-viewport-modal {
  max-height: 100vh;
  overflow: hidden;
}

combobox-menu {
  font-size: 14px;
  font-weight: 400;
  position: fixed;
  z-index: 2;
  cursor: auto;
  background: #ffffff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  color: #333333;
  overflow-y: auto;
  overscroll-behavior: none;
  display: block;
  animation: combobox-menu--animation 150ms;
}
combobox-menu[direction="normal"] {
  transform-origin: top left;
}
combobox-menu[direction="normal"] combobox-menu-filter {
  top: 0;
}
combobox-menu[direction="reverse"] {
  transform-origin: bottom left;
}
combobox-menu[direction="reverse"] combobox-menu-filter {
  bottom: 0;
}
@keyframes combobox-menu--animation {
  0% {
    opacity: 0;
    transform: scaleY(0);
    overflow-y: hidden;
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
    overflow-y: hidden;
  }
}
combobox-menu-filter {
  display: flex;
  padding: 0.25em 0.5em;
  flex-shrink: 0;
  position: sticky;
  background: #ffffff;
  z-index: 1;
  animation: combobox-menu-options--animation 300ms;
  box-shadow: 0 0 0 1px #e6e6e6;
}
combobox-menu-filter combobox-value {
  flex-grow: 1;
  display: flex;
  overflow: hidden;
  flex-basis: 0;
  flex-wrap: wrap;
}
combobox-menu-filter .combobox-value-input {
  background: none;
  border: 0;
  outline: none;
  flex-grow: 1;
  padding: 0;
  line-height: 1.5em;
}
combobox-menu-filter .combobox-button {
  width: 20px;
  height: 20px;
  padding: 0;
  font-weight: 700;
  border-radius: 2px;
  background: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  margin-left: 6px;
}
combobox-menu-filter .combobox-button:hover {
  background: rgba(0, 0, 0, 0.1);
}
combobox-menu-options {
  display: block;
  animation: combobox-menu-options--animation 500ms;
}
@keyframes combobox-menu-options--animation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

combobox {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
combobox[readonly]:not([multiple]) combobox-value {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
}
combobox[multiple] combobox-option-group {
  cursor: pointer;
}
combobox[multiple] combobox-option-group:hover {
  background: #808080;
}
combobox[multiple] combobox-value-chip {
  padding: 0 0.5em;
  outline: 1px solid rgba(0, 0, 0, 0.1);
  outline-offset: -2px;
}
combobox-container {
  display: block;
  position: relative;
}
combobox-control {
  display: flex;
  align-items: baseline;
  width: 100%;
  white-space: nowrap;
}
combobox-control .placeholder {
  margin-right: 4px;
  flex-grow: 1;
  overflow: hidden;
}
combobox-control combobox-value {
  flex-grow: 1;
  display: flex;
  overflow: hidden;
  flex-basis: 0;
  flex-wrap: wrap;
}
combobox-control combobox-value-chip {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
combobox-control .combobox-button {
  width: 20px;
  height: 20px;
  padding: 0;
  font-weight: 700;
  border-radius: 2px;
  background: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  margin-left: 6px;
}
combobox-control .combobox-button ~ .combobox-button {
  margin: 0;
}
combobox-control .combobox-button:hover {
  background: rgba(0, 0, 0, 0.1);
}
combobox-control .combobox-count {
  font-weight: 700;
  margin-left: 0.5em;
  border-radius: 2px;
}
combobox-option-group {
  display: block;
  line-height: 48px;
  padding: 0 8px 0 32px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: #999999;
}
combobox-option {
  position: relative;
  display: block;
  padding: 8px 8px 8px 32px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background 250ms;
}
combobox-option:before {
  font-family: FontAwesome, sans-serif;
  content: "\f00c";
  display: inline-block;
  text-align: center;
  width: 2em;
  position: absolute;
  left: 0;
  opacity: 0;
}
combobox-option:hover,
combobox-option:focus {
  outline: none;
  background: #f2f2f2;
}
combobox-option.active:before {
  opacity: 1;
}

kd-error {
  display: block;
}

file-input .file-input-container {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
}
file-input .file-input-value {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
}
file-input .file-input-button {
  background: none;
  border: none;
  outline: none;
  padding: 0 4px;
  margin: 0;
  border-radius: 2px;
  visibility: hidden;
}
file-input .file-input-button:hover {
  background: rgba(0, 0, 0, 0.1);
}
file-input:hover .file-input-button,
file-input:focus .file-input-button {
  visibility: visible;
}
file-input:hover .file-input-button:hover,
file-input:focus .file-input-button:hover {
  background: rgba(0, 0, 0, 0.1);
}

file-selector {
  display: inline;
}

input-file {
  display: inline-flex;
  flex-direction: row;
  min-width: 150px;
  align-items: baseline;
}
input-file .input-file-value {
  cursor: text;
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
input-file .input-file-size {
  font-size: 80%;
  opacity: 0.6;
  flex-shrink: 0;
  margin: 0 5px;
}
input-file .input-file-button {
  background: none;
  border: none;
  outline: none;
  padding: 0 4px;
  margin: 0;
  border-radius: 2px;
  visibility: hidden;
}
input-file .input-file-button:hover {
  background: rgba(0, 0, 0, 0.1);
}
input-file:hover .input-file-button,
input-file:focus .input-file-button {
  visibility: visible;
}
input-file:hover .input-file-button:hover,
input-file:focus .input-file-button:hover {
  background: rgba(0, 0, 0, 0.1);
}

modal {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
}

progress-circular {
  display: inline;
  margin: 0 0.5em;
  color: #999;
}
progress-circular.hidden {
  display: none;
}
progress-circular .canvas {
  display: inline;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  animation: rotate 2s linear infinite;
}
progress-circular .canvas .track {
  stroke: #cccccc;
}
progress-circular .canvas .path {
  stroke: currentColor;
  stroke-dasharray: 2, 100;
  stroke-dashoffset: 0;
  animation: dash 1.2s ease-in-out infinite;
  stroke-linecap: round;
}
progress-circular .text {
  font-style: normal;
  margin-left: 0.5em;
  opacity: 0.5;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 50;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 20, 50;
    stroke-dashoffset: -20;
  }
  100% {
    stroke-dasharray: 50, 50;
    stroke-dashoffset: -48;
  }
}

kd-progress {
  display: block;
}

thumbnail {
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

tiles {
  display: flex;
}
tiles tiles-content {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}
tiles tile {
  box-sizing: border-box;
}
tiles[gap="sm"] tiles-content {
  margin: -0.5em;
}
tiles[gap="sm"] tile {
  padding: 0.5em;
}
tiles[gap="md"] tiles-content {
  margin: -0.75em;
}
tiles[gap="md"] tile {
  padding: 0.75em;
}
tiles[gap="lg"] tiles-content {
  margin: -1em;
}
tiles[gap="lg"] tile {
  padding: 1em;
}
tiles[align="center"] tiles-content {
  justify-content: center;
}
tiles[align="right"] tiles-content {
  justify-content: flex-end;
}
tiles[align="space-between"] tiles-content {
  justify-content: space-between;
}
tiles[align="space-around"] tiles-content {
  justify-content: space-around;
}
tiles[wrap="nowrap"] tiles-content {
  flex-wrap: nowrap;
}
tiles[wrap="reverse"] tiles-content {
  flex-wrap: wrap-reverse;
}

backdrop {
  background: #f5f5f5;
  opacity: 0.8;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  animation: ui-backdrop-enter 500ms;
}
[backdrop] {
  position: relative;
  z-index: 1;
}
/*backdrop.ng-enter {
	opacity : 0;
}

backdrop.ng-enter.ng-enter-active {
	opacity : @backdrop-opacity;
}

backdrop.ng-leave {
	opacity : @backdrop-opacity;
}

backdrop.ng-leave.ng-leave-active {
	opacity : 0;
}*/
@-webkit-keyframes ui-backdrop-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.8;
  }
}

.lowpoly-bgr {
  background-repeat: no-repeat;
  background-size: cover;
  transition: filter 250ms;
}
.lowpoly-bgr.lowpoly-bgr--inactive {
  filter: grayscale(100%);
}

[grid] {
  display: grid;
}
[grid-gap="xsmall"] {
  grid-gap: 2px;
}
[grid-gap="small"] {
  grid-gap: 4px;
}
[grid-gap="medium"] {
  grid-gap: 8px;
}
[grid-gap="large"] {
  grid-gap: 16px;
}
[grid-gap="xlarge"] {
  grid-gap: 32px;
}

kd-loader {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  transform: translateY(-2px);
  background: rgba(0, 0, 0, 0.1);
}
kd-loader:after {
  content: "";
  display: block;
  background: #36C;
  height: 100%;
  animation: kd-loader--animation 2s infinite;
  position: absolute;
}
@keyframes kd-loader--animation {
  0% {
    left: 0;
    right: 100%;
  }
  50% {
    left: 0;
    right: 0;
  }
  100% {
    left: 100%;
    right: 0;
  }
}

kd-paper {
  display: block;
  position: relative;
  background-color: #FFF;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05), 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  color: #333;
}
kd-paper > kd-paper-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: sticky;
  top: 50px;
  padding: 0 24px;
  background-color: #FFF;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  min-height: 48px;
}
kd-paper > kd-paper-header > kd-paper-header-text {
  font-size: 16px;
  font-weight: 700;
  flex-grow: 1;
}
kd-paper > kd-paper-header > kd-paper-header-actions {
  display: flex;
  flex-direction: row-reverse;
}
kd-paper > kd-paper-content {
  display: block;
  padding: 24px;
}

kd-repeater {
  display: block;
}

.kd-tabs {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
}
.kd-tabs::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}
.kd-tabs::-webkit-scrollbar-track {
  background: #d9d9d9;
}
.kd-tabs::-webkit-scrollbar-thumb {
  background: #cccccc;
}
.kd-tabs::-webkit-scrollbar-thumb:hover {
  background: #999999;
}
.kd-tabs .kd-tabs__tab {
  height: 48px;
  line-height: 48px;
  font-weight: 700;
  padding: 0 20px;
  text-align: center;
  flex-shrink: 0;
  opacity: 0.7;
  position: relative;
  transition: opacity 250ms;
  cursor: pointer;
}
.kd-tabs .kd-tabs__tab:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0;
  transition: opacity 250ms;
}
.kd-tabs .kd-tabs__tab:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  background: currentColor;
  transition: height 250ms cubic-bezier(0.4, 0, 0.25, 1.85), background 100ms;
}
.kd-tabs .kd-tabs__tab:hover {
  opacity: 1;
}
.kd-tabs .kd-tabs__tab:active:before {
  opacity: 0.1;
}
.kd-tabs .kd-tabs__tab.--active,
.kd-tabs .kd-tabs__tab.active {
  color: #36C;
  opacity: 1;
}
.kd-tabs .kd-tabs__tab.--active:after,
.kd-tabs .kd-tabs__tab.active:after {
  height: 4px;
}

.--cursor-default {
  cursor: default !important;
}
.--cursor-disabled {
  cursor: not-allowed !important;
}
.--cursor-help {
  cursor: help !important;
}
.--cursor-move {
  cursor: move !important;
}
.--cursor-loading {
  cursor: wait !important;
}
.--cursor-pointer {
  cursor: pointer !important;
}

.--opacity-0 {
  opacity: 0.0 !important;
}
.--opacity-10 {
  opacity: 0.1 !important;
}
.--opacity-20 {
  opacity: 0.2 !important;
}
.--opacity-30 {
  opacity: 0.3 !important;
}
.--opacity-40 {
  opacity: 0.4 !important;
}
.--opacity-50 {
  opacity: 0.5 !important;
}
.--opacity-60 {
  opacity: 0.6 !important;
}
.--opacity-70 {
  opacity: 0.7 !important;
}
.--opacity-80 {
  opacity: 0.8 !important;
}
.--opacity-90 {
  opacity: 0.9 !important;
}
.--opacity-100 {
  opacity: 1.0 !important;
}

.--text-bold {
  font-weight: 700 !important;
}
.--text-small {
  font-size: 12px !important;
}
.--text-deleted {
  text-decoration: line-through !important;
}
.--text-light {
  color: rgba(51, 51, 51, 0.5) !important;
}

[layout] {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
[layout=column] {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
[layout=row] {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
[layout-padding] [layout-padding] > [flex] {
  padding: 8px;
}
[layout-margin],
[layout-margin] > [flex] {
  margin: 8px;
}
[layout-padding] + [layout-padding],
[layout-margin] + [layout-margin] {
  margin-top: -8px;
}
[layout-wrap] {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
[layout-fill] {
  margin: 0;
  min-height: 100%;
  width: 100%;
}
[flex] {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
[flex="0"] {
  -webkit-flex: 0 0 0%;
  -ms-flex: 0 0 0%;
  flex: 0 0 0%;
  max-width: 0%;
}
[flex="5"] {
  -webkit-flex: 0 0 5%;
  -ms-flex: 0 0 5%;
  flex: 0 0 5%;
  max-width: 5%;
}
[flex="10"] {
  -webkit-flex: 0 0 10%;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
}
[flex="15"] {
  -webkit-flex: 0 0 15%;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%;
}
[flex="20"] {
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
[flex="25"] {
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
[flex="30"] {
  -webkit-flex: 0 0 30%;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}
[flex="35"] {
  -webkit-flex: 0 0 35%;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
  max-width: 35%;
}
[flex="40"] {
  -webkit-flex: 0 0 40%;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}
[flex="45"] {
  -webkit-flex: 0 0 45%;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
}
[flex="50"] {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
[flex="55"] {
  -webkit-flex: 0 0 55%;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
}
[flex="60"] {
  -webkit-flex: 0 0 60%;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}
[flex="65"] {
  -webkit-flex: 0 0 65%;
  -ms-flex: 0 0 65%;
  flex: 0 0 65%;
  max-width: 65%;
}
[flex="70"] {
  -webkit-flex: 0 0 70%;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
}
[flex="75"] {
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
[flex="80"] {
  -webkit-flex: 0 0 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
}
[flex="85"] {
  -webkit-flex: 0 0 85%;
  -ms-flex: 0 0 85%;
  flex: 0 0 85%;
  max-width: 85%;
}
[flex="90"] {
  -webkit-flex: 0 0 90%;
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%;
}
[flex="95"] {
  -webkit-flex: 0 0 95%;
  -ms-flex: 0 0 95%;
  flex: 0 0 95%;
  max-width: 95%;
}
[flex="100"] {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
[flex="33"],
[flex="34"] {
  -webkit-flex: 0 0 33.33%;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
}
[flex="66"],
[flex="67"] {
  -webkit-flex: 0 0 66.66%;
  -ms-flex: 0 0 66.66%;
  flex: 0 0 66.66%;
  max-width: 66.66%;
}
[hide]:not([show]) {
  display: none !important;
}
@media (max-width: 600px) {
  [hide-sm]:not([show-sm]),
  [hide]:not([show-sm]) {
    display: none !important;
  }
  [layout-sm] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-sm=column] {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  [layout-sm=row] {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  [flex-sm] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  [flex-sm="0"] {
    -webkit-flex: 0 0 0%;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    max-width: 0%;
  }
  [flex-sm="5"] {
    -webkit-flex: 0 0 5%;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%;
  }
  [flex-sm="10"] {
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  [flex-sm="15"] {
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
  }
  [flex-sm="20"] {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  [flex-sm="25"] {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  [flex-sm="30"] {
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  [flex-sm="35"] {
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
  [flex-sm="40"] {
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  [flex-sm="45"] {
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }
  [flex-sm="50"] {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  [flex-sm="55"] {
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
  }
  [flex-sm="60"] {
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  [flex-sm="65"] {
    -webkit-flex: 0 0 65%;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
  [flex-sm="70"] {
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  [flex-sm="75"] {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  [flex-sm="80"] {
    -webkit-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  [flex-sm="85"] {
    -webkit-flex: 0 0 85%;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
  }
  [flex-sm="90"] {
    -webkit-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  [flex-sm="95"] {
    -webkit-flex: 0 0 95%;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
  }
  [flex-sm="100"] {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  [flex-sm="33"],
  [flex-sm="34"] {
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  [flex-sm="66"],
  [flex-sm="67"] {
    -webkit-flex: 0 0 66.66%;
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
}
@media (min-width: 600px) {
  [hide-gt-sm]:not([show-gt-sm]):not([show-md]):not([show-gt-md]):not([show-lg]):not([show-gt-lg]),
  [hide]:not([show-gt-sm]):not([show-md]):not([show-gt-md]):not([show-lg]):not([show-gt-lg]) {
    display: none !important;
  }
  [layout-gt-sm] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-gt-sm=column] {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  [layout-gt-sm=row] {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  [flex-gt-sm] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  [flex-gt-sm="0"] {
    -webkit-flex: 0 0 0%;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    max-width: 0%;
  }
  [flex-gt-sm="5"] {
    -webkit-flex: 0 0 5%;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%;
  }
  [flex-gt-sm="10"] {
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  [flex-gt-sm="15"] {
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
  }
  [flex-gt-sm="20"] {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  [flex-gt-sm="25"] {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  [flex-gt-sm="30"] {
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  [flex-gt-sm="35"] {
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
  [flex-gt-sm="40"] {
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  [flex-gt-sm="45"] {
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }
  [flex-gt-sm="50"] {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  [flex-gt-sm="55"] {
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
  }
  [flex-gt-sm="60"] {
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  [flex-gt-sm="65"] {
    -webkit-flex: 0 0 65%;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
  [flex-gt-sm="70"] {
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  [flex-gt-sm="75"] {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  [flex-gt-sm="80"] {
    -webkit-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  [flex-gt-sm="85"] {
    -webkit-flex: 0 0 85%;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
  }
  [flex-gt-sm="90"] {
    -webkit-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  [flex-gt-sm="95"] {
    -webkit-flex: 0 0 95%;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
  }
  [flex-gt-sm="100"] {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  [flex-gt-sm="33"],
  [flex-gt-sm="34"] {
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  [flex-gt-sm="66"],
  [flex-gt-sm="67"] {
    -webkit-flex: 0 0 66.66%;
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
}
@media (min-width: 600px) and (max-width: 960px) {
  [hide-md]:not([show-md]),
  [hide]:not([show-md]) {
    display: none !important;
  }
  [layout-md] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-md=column] {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  [layout-md=row] {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  [flex-md] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  [flex-md="0"] {
    -webkit-flex: 0 0 0%;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    max-width: 0%;
  }
  [flex-md="5"] {
    -webkit-flex: 0 0 5%;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%;
  }
  [flex-md="10"] {
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  [flex-md="15"] {
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
  }
  [flex-md="20"] {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  [flex-md="25"] {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  [flex-md="30"] {
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  [flex-md="35"] {
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
  [flex-md="40"] {
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  [flex-md="45"] {
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }
  [flex-md="50"] {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  [flex-md="55"] {
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
  }
  [flex-md="60"] {
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  [flex-md="65"] {
    -webkit-flex: 0 0 65%;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
  [flex-md="70"] {
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  [flex-md="75"] {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  [flex-md="80"] {
    -webkit-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  [flex-md="85"] {
    -webkit-flex: 0 0 85%;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
  }
  [flex-md="90"] {
    -webkit-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  [flex-md="95"] {
    -webkit-flex: 0 0 95%;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
  }
  [flex-md="100"] {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  [flex-md="33"],
  [flex-md="34"] {
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  [flex-md="66"],
  [flex-md="67"] {
    -webkit-flex: 0 0 66.66%;
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
}
@media (min-width: 960px) {
  [hide-gt-md]:not([show-gt-md]):not([show-lg]):not([show-gt-lg]),
  [hide]:not([show-gt-md]):not([show-lg]):not([show-gt-lg]) {
    display: none !important;
  }
  [layout-gt-md] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-gt-md=column] {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  [layout-gt-md=row] {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  [flex-gt-md] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  [flex-gt-md="0"] {
    -webkit-flex: 0 0 0%;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    max-width: 0%;
  }
  [flex-gt-md="5"] {
    -webkit-flex: 0 0 5%;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%;
  }
  [flex-gt-md="10"] {
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  [flex-gt-md="15"] {
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
  }
  [flex-gt-md="20"] {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  [flex-gt-md="25"] {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  [flex-gt-md="30"] {
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  [flex-gt-md="35"] {
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
  [flex-gt-md="40"] {
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  [flex-gt-md="45"] {
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }
  [flex-gt-md="50"] {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  [flex-gt-md="55"] {
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
  }
  [flex-gt-md="60"] {
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  [flex-gt-md="65"] {
    -webkit-flex: 0 0 65%;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
  [flex-gt-md="70"] {
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  [flex-gt-md="75"] {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  [flex-gt-md="80"] {
    -webkit-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  [flex-gt-md="85"] {
    -webkit-flex: 0 0 85%;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
  }
  [flex-gt-md="90"] {
    -webkit-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  [flex-gt-md="95"] {
    -webkit-flex: 0 0 95%;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
  }
  [flex-gt-md="100"] {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  [flex-gt-md="33"],
  [flex-gt-md="34"] {
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  [flex-gt-md="66"],
  [flex-gt-md="67"] {
    -webkit-flex: 0 0 66.66%;
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
}
@media (min-width: 960px) and (max-width: 1200px) {
  [hide-lg]:not([show-lg]),
  [hide]:not([show-lg]) {
    display: none !important;
  }
  [layout-lg] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-lg=column] {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  [layout-lg=row] {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  [flex-lg] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  [flex-lg="0"] {
    -webkit-flex: 0 0 0%;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    max-width: 0%;
  }
  [flex-lg="5"] {
    -webkit-flex: 0 0 5%;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%;
  }
  [flex-lg="10"] {
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  [flex-lg="15"] {
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
  }
  [flex-lg="20"] {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  [flex-lg="25"] {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  [flex-lg="30"] {
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  [flex-lg="35"] {
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
  [flex-lg="40"] {
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  [flex-lg="45"] {
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }
  [flex-lg="50"] {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  [flex-lg="55"] {
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
  }
  [flex-lg="60"] {
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  [flex-lg="65"] {
    -webkit-flex: 0 0 65%;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
  [flex-lg="70"] {
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  [flex-lg="75"] {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  [flex-lg="80"] {
    -webkit-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  [flex-lg="85"] {
    -webkit-flex: 0 0 85%;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
  }
  [flex-lg="90"] {
    -webkit-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  [flex-lg="95"] {
    -webkit-flex: 0 0 95%;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
  }
  [flex-lg="100"] {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  [flex-lg="33"],
  [flex-lg="34"] {
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  [flex-lg="66"],
  [flex-lg="67"] {
    -webkit-flex: 0 0 66.66%;
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
}
@media (min-width: 1200px) {
  [hide-gt-lg]:not([show-gt-lg]),
  [hide]:not([show-gt-lg]) {
    display: none !important;
  }
  [layout-gt-lg] {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  [layout-gt-lg=column] {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  [layout-gt-lg=row] {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  [flex-gt-lg] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  [flex-gt-lg="0"] {
    -webkit-flex: 0 0 0%;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    max-width: 0%;
  }
  [flex-gt-lg="5"] {
    -webkit-flex: 0 0 5%;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    max-width: 5%;
  }
  [flex-gt-lg="10"] {
    -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  [flex-gt-lg="15"] {
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
  }
  [flex-gt-lg="20"] {
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  [flex-gt-lg="25"] {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  [flex-gt-lg="30"] {
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  [flex-gt-lg="35"] {
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }
  [flex-gt-lg="40"] {
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  [flex-gt-lg="45"] {
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }
  [flex-gt-lg="50"] {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  [flex-gt-lg="55"] {
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
  }
  [flex-gt-lg="60"] {
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }
  [flex-gt-lg="65"] {
    -webkit-flex: 0 0 65%;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
  }
  [flex-gt-lg="70"] {
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  [flex-gt-lg="75"] {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  [flex-gt-lg="80"] {
    -webkit-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  [flex-gt-lg="85"] {
    -webkit-flex: 0 0 85%;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
  }
  [flex-gt-lg="90"] {
    -webkit-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  [flex-gt-lg="95"] {
    -webkit-flex: 0 0 95%;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
  }
  [flex-gt-lg="100"] {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  [flex-gt-lg="33"],
  [flex-gt-lg="34"] {
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  [flex-gt-lg="66"],
  [flex-gt-lg="67"] {
    -webkit-flex: 0 0 66.66%;
    -ms-flex: 0 0 66.66%;
    flex: 0 0 66.66%;
    max-width: 66.66%;
  }
}
[flex-order="0"] {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
[flex-order="1"] {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
[flex-order="2"] {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
[flex-order="3"] {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
[flex-order="4"] {
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}
[flex-order="5"] {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}
[flex-order="6"] {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}
[flex-order="7"] {
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}
[flex-order="8"] {
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8;
}
[flex-order="9"] {
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9;
}
[layout-align="center"],
[layout-align="center center"],
[layout-align="center start"],
[layout-align="center end"] {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
[layout-align="end"],
[layout-align="end center"],
[layout-align="end start"],
[layout-align="end end"] {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
[layout-align="space-around"],
[layout-align="space-around center"],
[layout-align="space-around start"],
[layout-align="space-around end"] {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
[layout-align="space-between"],
[layout-align="space-between center"],
[layout-align="space-between start"],
[layout-align="space-between end"] {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
[layout-align="center center"],
[layout-align="start center"],
[layout-align="end center"],
[layout-align="space-between center"],
[layout-align="space-around center"] {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
[layout-align="center start"],
[layout-align="start start"],
[layout-align="end start"],
[layout-align="space-between start"],
[layout-align="space-around start"] {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
[layout-align="center end"],
[layout-align="start end"],
[layout-align="end end"],
[layout-align="space-between end"],
[layout-align="space-around end"] {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
[flex-align="start"] {
  align-self: flex-start;
}
[flex-align="center"] {
  align-self: center;
}
[flex-align="end"] {
  align-self: flex-start;
}
[flex-align="stretch"] {
  align-self: stretch;
}
[flex-align="baseline"] {
  align-self: baseline;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
	font-family              : sans-serif; /* 1 */
	-ms-text-size-adjust     : 100%; /* 2 */
	-webkit-text-size-adjust : 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin : 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display : block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display        : inline-block; /* 1 */
	vertical-align : baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
	display : none;
	height  : 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display : none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background-color : transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
	outline : 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
	border-bottom : 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
	font-weight : bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
	font-style : italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
	font-size : 2em;
	margin    : 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
	background : #FF0;
	color      : #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size : 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size      : 75%;
	line-height    : 0;
	position       : relative;
	vertical-align : baseline;
}

sup {
	top : -0.5em;
}

sub {
	bottom : -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
	border : 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
	overflow : hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
	margin : 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	box-sizing : content-box;
	height     : 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
	overflow : auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family : monospace, monospace;
	font-size   : 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
	color  : inherit; /* 1 */
	font   : inherit; /* 2 */
	margin : 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
	overflow : visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
	text-transform : none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance : button; /* 2 */
	cursor             : pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor : default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border  : 0;
	padding : 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height : normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing : border-box; /* 1 */
	padding    : 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height : auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
	-webkit-appearance : textfield; /* 1 */
	box-sizing         : border-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border  : 1px solid #C0C0C0;
	margin  : 0 2px;
	padding : 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border  : 0; /* 1 */
	padding : 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
	overflow : auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight : bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
	border-collapse : collapse;
	border-spacing  : 0;
}

td,
th {
	padding : 0;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}
/*.ng-scope {
	outline : 1px solid red;
}

.ng-isolate-scope {
	outline : 1px solid blue;
}*/
html,
body {
  min-height: 100%;
  position: relative;
}
body {
  margin: 0;
  padding: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
.inset {
  padding: 10px;
}
a.md-no-style,
button.md-no-style {
  font-weight: 400;
  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-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
input:-webkit-autofill {
  text-shadow: none;
}
/*.layout {
	width          : 100%;
	flex-grow      : 1;
	display        : flex;
	flex-direction : row;
}*/
.keep-breaks {
  white-space: pre-line;
}

/*
*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*
*
*/
@-moz-document url-prefix() {
  .layout-fill {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
  }
}
/*
 *  Apply Mixins to create Layout/Flexbox styles
 *
 */
.flex-order {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  order: 0;
}
.flex-order--20 {
  -webkit-box-ordinal-group: -19;
  -webkit-order: -20;
  order: -20;
}
.flex-order--19 {
  -webkit-box-ordinal-group: -18;
  -webkit-order: -19;
  order: -19;
}
.flex-order--18 {
  -webkit-box-ordinal-group: -17;
  -webkit-order: -18;
  order: -18;
}
.flex-order--17 {
  -webkit-box-ordinal-group: -16;
  -webkit-order: -17;
  order: -17;
}
.flex-order--16 {
  -webkit-box-ordinal-group: -15;
  -webkit-order: -16;
  order: -16;
}
.flex-order--15 {
  -webkit-box-ordinal-group: -14;
  -webkit-order: -15;
  order: -15;
}
.flex-order--14 {
  -webkit-box-ordinal-group: -13;
  -webkit-order: -14;
  order: -14;
}
.flex-order--13 {
  -webkit-box-ordinal-group: -12;
  -webkit-order: -13;
  order: -13;
}
.flex-order--12 {
  -webkit-box-ordinal-group: -11;
  -webkit-order: -12;
  order: -12;
}
.flex-order--11 {
  -webkit-box-ordinal-group: -10;
  -webkit-order: -11;
  order: -11;
}
.flex-order--10 {
  -webkit-box-ordinal-group: -9;
  -webkit-order: -10;
  order: -10;
}
.flex-order--9 {
  -webkit-box-ordinal-group: -8;
  -webkit-order: -9;
  order: -9;
}
.flex-order--8 {
  -webkit-box-ordinal-group: -7;
  -webkit-order: -8;
  order: -8;
}
.flex-order--7 {
  -webkit-box-ordinal-group: -6;
  -webkit-order: -7;
  order: -7;
}
.flex-order--6 {
  -webkit-box-ordinal-group: -5;
  -webkit-order: -6;
  order: -6;
}
.flex-order--5 {
  -webkit-box-ordinal-group: -4;
  -webkit-order: -5;
  order: -5;
}
.flex-order--4 {
  -webkit-box-ordinal-group: -3;
  -webkit-order: -4;
  order: -4;
}
.flex-order--3 {
  -webkit-box-ordinal-group: -2;
  -webkit-order: -3;
  order: -3;
}
.flex-order--2 {
  -webkit-box-ordinal-group: -1;
  -webkit-order: -2;
  order: -2;
}
.flex-order--1 {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  order: -1;
}
.flex-order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  order: 0;
}
.flex-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  order: 1;
}
.flex-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  order: 2;
}
.flex-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  order: 3;
}
.flex-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  order: 4;
}
.flex-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  order: 5;
}
.flex-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  order: 6;
}
.flex-order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  order: 7;
}
.flex-order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  order: 8;
}
.flex-order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  order: 9;
}
.flex-order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  order: 10;
}
.flex-order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  order: 11;
}
.flex-order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  order: 12;
}
.flex-order-13 {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  order: 13;
}
.flex-order-14 {
  -webkit-box-ordinal-group: 15;
  -webkit-order: 14;
  order: 14;
}
.flex-order-15 {
  -webkit-box-ordinal-group: 16;
  -webkit-order: 15;
  order: 15;
}
.flex-order-16 {
  -webkit-box-ordinal-group: 17;
  -webkit-order: 16;
  order: 16;
}
.flex-order-17 {
  -webkit-box-ordinal-group: 18;
  -webkit-order: 17;
  order: 17;
}
.flex-order-18 {
  -webkit-box-ordinal-group: 19;
  -webkit-order: 18;
  order: 18;
}
.flex-order-19 {
  -webkit-box-ordinal-group: 20;
  -webkit-order: 19;
  order: 19;
}
.flex-order-20 {
  -webkit-box-ordinal-group: 21;
  -webkit-order: 20;
  order: 20;
}
.offset-0,
.flex-offset-0 {
  margin-left: 0;
}
[dir=rtl] .offset-0,
[dir=rtl] .flex-offset-0 {
  margin-left: auto;
  margin-right: 0;
}
.offset-5,
.flex-offset-5 {
  margin-left: 5%;
}
[dir=rtl] .offset-5,
[dir=rtl] .flex-offset-5 {
  margin-left: auto;
  margin-right: 5%;
}
.offset-10,
.flex-offset-10 {
  margin-left: 10%;
}
[dir=rtl] .offset-10,
[dir=rtl] .flex-offset-10 {
  margin-left: auto;
  margin-right: 10%;
}
.offset-15,
.flex-offset-15 {
  margin-left: 15%;
}
[dir=rtl] .offset-15,
[dir=rtl] .flex-offset-15 {
  margin-left: auto;
  margin-right: 15%;
}
.offset-20,
.flex-offset-20 {
  margin-left: 20%;
}
[dir=rtl] .offset-20,
[dir=rtl] .flex-offset-20 {
  margin-left: auto;
  margin-right: 20%;
}
.offset-25,
.flex-offset-25 {
  margin-left: 25%;
}
[dir=rtl] .offset-25,
[dir=rtl] .flex-offset-25 {
  margin-left: auto;
  margin-right: 25%;
}
.offset-30,
.flex-offset-30 {
  margin-left: 30%;
}
[dir=rtl] .offset-30,
[dir=rtl] .flex-offset-30 {
  margin-left: auto;
  margin-right: 30%;
}
.offset-35,
.flex-offset-35 {
  margin-left: 35%;
}
[dir=rtl] .offset-35,
[dir=rtl] .flex-offset-35 {
  margin-left: auto;
  margin-right: 35%;
}
.offset-40,
.flex-offset-40 {
  margin-left: 40%;
}
[dir=rtl] .offset-40,
[dir=rtl] .flex-offset-40 {
  margin-left: auto;
  margin-right: 40%;
}
.offset-45,
.flex-offset-45 {
  margin-left: 45%;
}
[dir=rtl] .offset-45,
[dir=rtl] .flex-offset-45 {
  margin-left: auto;
  margin-right: 45%;
}
.offset-50,
.flex-offset-50 {
  margin-left: 50%;
}
[dir=rtl] .offset-50,
[dir=rtl] .flex-offset-50 {
  margin-left: auto;
  margin-right: 50%;
}
.offset-55,
.flex-offset-55 {
  margin-left: 55%;
}
[dir=rtl] .offset-55,
[dir=rtl] .flex-offset-55 {
  margin-left: auto;
  margin-right: 55%;
}
.offset-60,
.flex-offset-60 {
  margin-left: 60%;
}
[dir=rtl] .offset-60,
[dir=rtl] .flex-offset-60 {
  margin-left: auto;
  margin-right: 60%;
}
.offset-65,
.flex-offset-65 {
  margin-left: 65%;
}
[dir=rtl] .offset-65,
[dir=rtl] .flex-offset-65 {
  margin-left: auto;
  margin-right: 65%;
}
.offset-70,
.flex-offset-70 {
  margin-left: 70%;
}
[dir=rtl] .offset-70,
[dir=rtl] .flex-offset-70 {
  margin-left: auto;
  margin-right: 70%;
}
.offset-75,
.flex-offset-75 {
  margin-left: 75%;
}
[dir=rtl] .offset-75,
[dir=rtl] .flex-offset-75 {
  margin-left: auto;
  margin-right: 75%;
}
.offset-80,
.flex-offset-80 {
  margin-left: 80%;
}
[dir=rtl] .offset-80,
[dir=rtl] .flex-offset-80 {
  margin-left: auto;
  margin-right: 80%;
}
.offset-85,
.flex-offset-85 {
  margin-left: 85%;
}
[dir=rtl] .offset-85,
[dir=rtl] .flex-offset-85 {
  margin-left: auto;
  margin-right: 85%;
}
.offset-90,
.flex-offset-90 {
  margin-left: 90%;
}
[dir=rtl] .offset-90,
[dir=rtl] .flex-offset-90 {
  margin-left: auto;
  margin-right: 90%;
}
.offset-95,
.flex-offset-95 {
  margin-left: 95%;
}
[dir=rtl] .offset-95,
[dir=rtl] .flex-offset-95 {
  margin-left: auto;
  margin-right: 95%;
}
.offset-33,
.flex-offset-33 {
  margin-left: calc(33.33333333%);
}
.offset-66,
.flex-offset-66 {
  margin-left: calc(66.66666667%);
}
[dir=rtl] .offset-66,
[dir=rtl] .flex-offset-66 {
  margin-left: auto;
  margin-right: calc(66.66666667%);
}
.layout-align,
.layout-align-start-stretch {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
}
.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.layout-align-center,
.layout-align-center-start,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-stretch {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-start,
.layout-align-space-around-end,
.layout-align-space-around-stretch {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.layout-align-space-between,
.layout-align-space-between-center,
.layout-align-space-between-start,
.layout-align-space-between-end,
.layout-align-space-between-stretch {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.layout-align-start-start,
.layout-align-center-start,
.layout-align-end-start,
.layout-align-space-between-start,
.layout-align-space-around-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
.layout-align-start-center,
.layout-align-center-center,
.layout-align-end-center,
.layout-align-space-between-center,
.layout-align-space-around-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  max-width: 100%;
}
.layout-align-start-center > *,
.layout-align-center-center > *,
.layout-align-end-center > *,
.layout-align-space-between-center > *,
.layout-align-space-around-center > * {
  max-width: 100%;
  box-sizing: border-box;
}
.layout-align-start-end,
.layout-align-center-end,
.layout-align-end-end,
.layout-align-space-between-end,
.layout-align-space-around-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
  -webkit-align-content: flex-end;
  align-content: flex-end;
}
.layout-align-start-stretch,
.layout-align-center-stretch,
.layout-align-end-stretch,
.layout-align-space-between-stretch,
.layout-align-space-around-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
}
.flex {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  box-sizing: border-box;
}
.flex-grow {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  box-sizing: border-box;
}
.flex-initial {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  box-sizing: border-box;
}
.flex-auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  box-sizing: border-box;
}
.flex-none {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  box-sizing: border-box;
}
.flex-noshrink {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  box-sizing: border-box;
}
.flex-nogrow {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  box-sizing: border-box;
}
.flex-0 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  max-width: 0;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-0 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  max-width: 100%;
  max-height: 0;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-0 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  flex: 1 1 0;
  max-width: 100%;
  max-height: 0;
  box-sizing: border-box;
  min-height: 0;
}
.flex-5 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 5%;
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-5 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 5%;
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-5 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 5%;
  flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-5 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 5%;
  flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-5 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 5%;
  flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box;
}
.flex-10 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 10%;
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-10 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 10%;
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-10 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 10%;
  flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-10 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 10%;
  flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-10 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 10%;
  flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box;
}
.flex-15 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 15%;
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-15 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 15%;
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-15 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 15%;
  flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-15 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 15%;
  flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-15 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 15%;
  flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box;
}
.flex-20 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 20%;
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-20 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 20%;
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-20 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 20%;
  flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-20 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 20%;
  flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-20 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 20%;
  flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box;
}
.flex-25 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 25%;
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-25 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 25%;
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-25 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 25%;
  flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-25 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 25%;
  flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-25 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 25%;
  flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box;
}
.flex-30 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 30%;
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-30 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 30%;
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-30 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 30%;
  flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-30 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 30%;
  flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-30 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 30%;
  flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box;
}
.flex-35 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 35%;
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-35 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 35%;
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-35 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 35%;
  flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-35 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 35%;
  flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-35 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 35%;
  flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box;
}
.flex-40 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 40%;
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-40 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 40%;
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-40 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 40%;
  flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-40 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 40%;
  flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-40 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 40%;
  flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box;
}
.flex-45 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 45%;
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-45 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 45%;
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-45 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 45%;
  flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-45 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 45%;
  flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-45 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 45%;
  flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box;
}
.flex-50 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-50 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-50 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-50 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-50 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box;
}
.flex-55 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 55%;
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-55 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 55%;
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-55 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 55%;
  flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-55 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 55%;
  flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-55 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 55%;
  flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box;
}
.flex-60 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 60%;
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-60 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 60%;
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-60 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 60%;
  flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-60 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 60%;
  flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-60 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 60%;
  flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box;
}
.flex-65 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 65%;
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-65 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 65%;
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-65 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 65%;
  flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-65 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 65%;
  flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-65 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 65%;
  flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box;
}
.flex-70 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 70%;
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-70 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 70%;
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-70 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 70%;
  flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-70 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 70%;
  flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-70 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 70%;
  flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box;
}
.flex-75 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 75%;
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-75 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 75%;
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-75 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 75%;
  flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-75 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 75%;
  flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-75 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 75%;
  flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box;
}
.flex-80 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 80%;
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-80 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 80%;
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-80 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 80%;
  flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-80 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 80%;
  flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-80 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 80%;
  flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box;
}
.flex-85 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 85%;
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-85 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 85%;
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-85 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 85%;
  flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-85 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 85%;
  flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-85 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 85%;
  flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box;
}
.flex-90 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 90%;
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-90 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 90%;
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-90 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 90%;
  flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-90 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 90%;
  flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-90 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 90%;
  flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box;
}
.flex-95 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 95%;
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-95 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 95%;
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-95 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 95%;
  flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}
.layout-row > .flex-33,
.layout-row > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-95 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 95%;
  flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-95 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 95%;
  flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box;
}
.flex-100 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex-100 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-100 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-row > .flex-100 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-column > .flex-100 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box;
}
.layout-row > .flex {
  min-width: 0;
}
.layout-column > .flex-33,
.layout-column > .flex-33 {
  -webkit-box-flex: 1;
  -webkit-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 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box;
}
.layout-column > .flex {
  min-height: 0;
}
.layout,
.layout-column,
.layout-row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.layout-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.layout-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.layout-padding-sm > *,
.layout-padding > .flex-sm {
  padding: 4px;
}
.layout-padding,
.layout-padding-gt-sm,
.layout-padding-md,
.layout-padding > *,
.layout-padding-gt-sm > *,
.layout-padding-md > *,
.layout-padding > .flex,
.layout-padding > .flex-gt-sm,
.layout-padding > .flex-md {
  padding: 8px;
}
.layout-padding-gt-md > *,
.layout-padding-lg > *,
.layout-padding-gt-lg > *,
.layout-padding > .flex-gt-md,
.layout-padding > .flex-lg,
.layout-padding > .flex-lg,
.layout-padding > .flex-gt-lg {
  padding: 16px;
}
.layout-margin-sm > *,
.layout-margin > .flex-sm {
  margin: 4px;
}
.layout-margin,
.layout-margin-gt-sm,
.layout-margin-md,
.layout-margin > *,
.layout-margin-gt-sm > *,
.layout-margin-md > *,
.layout-margin > .flex,
.layout-margin > .flex-gt-sm,
.layout-margin > .flex-md {
  margin: 8px;
}
.layout-margin-gt-md > *,
.layout-margin-lg > *,
.layout-margin-gt-lg > *,
.layout-margin > .flex-gt-md,
.layout-margin > .flex-lg,
.layout-margin > .flex-gt-lg {
  margin: 16px;
}
.layout-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.layout-nowrap {
  -webkit-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 !important;
  }
  .flex-order-xs--20 {
    -webkit-box-ordinal-group: -19;
    -webkit-order: -20;
    order: -20;
  }
  .flex-order-xs--19 {
    -webkit-box-ordinal-group: -18;
    -webkit-order: -19;
    order: -19;
  }
  .flex-order-xs--18 {
    -webkit-box-ordinal-group: -17;
    -webkit-order: -18;
    order: -18;
  }
  .flex-order-xs--17 {
    -webkit-box-ordinal-group: -16;
    -webkit-order: -17;
    order: -17;
  }
  .flex-order-xs--16 {
    -webkit-box-ordinal-group: -15;
    -webkit-order: -16;
    order: -16;
  }
  .flex-order-xs--15 {
    -webkit-box-ordinal-group: -14;
    -webkit-order: -15;
    order: -15;
  }
  .flex-order-xs--14 {
    -webkit-box-ordinal-group: -13;
    -webkit-order: -14;
    order: -14;
  }
  .flex-order-xs--13 {
    -webkit-box-ordinal-group: -12;
    -webkit-order: -13;
    order: -13;
  }
  .flex-order-xs--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
    order: -12;
  }
  .flex-order-xs--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
    order: -11;
  }
  .flex-order-xs--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
    order: -10;
  }
  .flex-order-xs--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
    order: -9;
  }
  .flex-order-xs--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
    order: -8;
  }
  .flex-order-xs--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
    order: -7;
  }
  .flex-order-xs--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
    order: -6;
  }
  .flex-order-xs--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
    order: -5;
  }
  .flex-order-xs--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
    order: -4;
  }
  .flex-order-xs--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
    order: -3;
  }
  .flex-order-xs--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    order: -2;
  }
  .flex-order-xs--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
  }
  .flex-order-xs-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
  }
  .flex-order-xs-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
  }
  .flex-order-xs-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
  }
  .flex-order-xs-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
  }
  .flex-order-xs-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4;
  }
  .flex-order-xs-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5;
  }
  .flex-order-xs-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6;
  }
  .flex-order-xs-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7;
  }
  .flex-order-xs-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8;
  }
  .flex-order-xs-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9;
  }
  .flex-order-xs-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10;
  }
  .flex-order-xs-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11;
  }
  .flex-order-xs-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12;
  }
  .flex-order-xs-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13;
  }
  .flex-order-xs-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    order: 14;
  }
  .flex-order-xs-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    order: 15;
  }
  .flex-order-xs-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    order: 16;
  }
  .flex-order-xs-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    order: 17;
  }
  .flex-order-xs-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    order: 18;
  }
  .flex-order-xs-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    order: 19;
  }
  .flex-order-xs-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    order: 20;
  }
  .offset-xs-0,
  .flex-offset-xs-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-xs-0,
  [dir=rtl] .flex-offset-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-xs-5,
  .flex-offset-xs-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-xs-5,
  [dir=rtl] .flex-offset-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-xs-10,
  .flex-offset-xs-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-xs-10,
  [dir=rtl] .flex-offset-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-xs-15,
  .flex-offset-xs-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-xs-15,
  [dir=rtl] .flex-offset-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-xs-20,
  .flex-offset-xs-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-xs-20,
  [dir=rtl] .flex-offset-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-xs-25,
  .flex-offset-xs-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-xs-25,
  [dir=rtl] .flex-offset-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-xs-30,
  .flex-offset-xs-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-xs-30,
  [dir=rtl] .flex-offset-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-xs-35,
  .flex-offset-xs-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-xs-35,
  [dir=rtl] .flex-offset-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-xs-40,
  .flex-offset-xs-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-xs-40,
  [dir=rtl] .flex-offset-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-xs-45,
  .flex-offset-xs-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-xs-45,
  [dir=rtl] .flex-offset-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-xs-50,
  .flex-offset-xs-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-xs-50,
  [dir=rtl] .flex-offset-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-xs-55,
  .flex-offset-xs-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-xs-55,
  [dir=rtl] .flex-offset-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-xs-60,
  .flex-offset-xs-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-xs-60,
  [dir=rtl] .flex-offset-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-xs-65,
  .flex-offset-xs-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-xs-65,
  [dir=rtl] .flex-offset-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-xs-70,
  .flex-offset-xs-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-xs-70,
  [dir=rtl] .flex-offset-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-xs-75,
  .flex-offset-xs-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-xs-75,
  [dir=rtl] .flex-offset-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-xs-80,
  .flex-offset-xs-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-xs-80,
  [dir=rtl] .flex-offset-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-xs-85,
  .flex-offset-xs-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-xs-85,
  [dir=rtl] .flex-offset-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-xs-90,
  .flex-offset-xs-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-xs-90,
  [dir=rtl] .flex-offset-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-xs-95,
  .flex-offset-xs-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-xs-95,
  [dir=rtl] .flex-offset-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-xs-33,
  .flex-offset-xs-33 {
    margin-left: calc(33.33333333%);
  }
  .offset-xs-66,
  .flex-offset-xs-66 {
    margin-left: calc(66.66666667%);
  }
  [dir=rtl] .offset-xs-66,
  [dir=rtl] .flex-offset-xs-66 {
    margin-left: auto;
    margin-right: calc(66.66666667%);
  }
  .layout-align-xs,
  .layout-align-xs-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
  }
  .layout-align-xs-start,
  .layout-align-xs-start-start,
  .layout-align-xs-start-center,
  .layout-align-xs-start-end,
  .layout-align-xs-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .layout-align-xs-center,
  .layout-align-xs-center-start,
  .layout-align-xs-center-center,
  .layout-align-xs-center-end,
  .layout-align-xs-center-stretch {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .layout-align-xs-end,
  .layout-align-xs-end-start,
  .layout-align-xs-end-center,
  .layout-align-xs-end-end,
  .layout-align-xs-end-stretch {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .layout-align-xs-space-around,
  .layout-align-xs-space-around-center,
  .layout-align-xs-space-around-start,
  .layout-align-xs-space-around-end,
  .layout-align-xs-space-around-stretch {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .layout-align-xs-space-between,
  .layout-align-xs-space-between-center,
  .layout-align-xs-space-between-start,
  .layout-align-xs-space-between-end,
  .layout-align-xs-space-between-stretch {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .layout-align-xs-start-start,
  .layout-align-xs-center-start,
  .layout-align-xs-end-start,
  .layout-align-xs-space-between-start,
  .layout-align-xs-space-around-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .layout-align-xs-start-center,
  .layout-align-xs-center-center,
  .layout-align-xs-end-center,
  .layout-align-xs-space-between-center,
  .layout-align-xs-space-around-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-xs-start-center > *,
  .layout-align-xs-center-center > *,
  .layout-align-xs-end-center > *,
  .layout-align-xs-space-between-center > *,
  .layout-align-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-xs-start-end,
  .layout-align-xs-center-end,
  .layout-align-xs-end-end,
  .layout-align-xs-space-between-end,
  .layout-align-xs-space-around-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
  }
  .layout-align-xs-start-stretch,
  .layout-align-xs-center-stretch,
  .layout-align-xs-end-stretch,
  .layout-align-xs-space-between-stretch,
  .layout-align-xs-space-around-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
  }
  .flex-xs {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
  .flex-xs-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-xs-initial {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xs-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-xs-none {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-xs-noshrink {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-xs-nogrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xs-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-0 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-xs-column > .flex-xs-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-xs-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-xs-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-xs-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-xs-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-xs-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-xs-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-xs-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-xs-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-xs-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-xs-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-xs-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-xs-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-xs-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-xs-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-xs-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-xs-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-xs-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-xs-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-xs-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-33,
  .layout-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-xs-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xs-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xs-100 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-33,
  .layout-xs-row > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex-xs-66,
  .layout-xs-row > .flex-xs-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xs-row > .flex {
    min-width: 0;
  }
  .layout-xs-column > .flex-xs-33,
  .layout-xs-column > .flex-xs-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex-xs-66,
  .layout-xs-column > .flex-xs-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xs-column > .flex {
    min-height: 0;
  }
  .layout-xs,
  .layout-xs-column,
  .layout-xs-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .layout-xs-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .layout-xs-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 600px) {
  .flex-order-gt-xs--20 {
    -webkit-box-ordinal-group: -19;
    -webkit-order: -20;
    order: -20;
  }
  .flex-order-gt-xs--19 {
    -webkit-box-ordinal-group: -18;
    -webkit-order: -19;
    order: -19;
  }
  .flex-order-gt-xs--18 {
    -webkit-box-ordinal-group: -17;
    -webkit-order: -18;
    order: -18;
  }
  .flex-order-gt-xs--17 {
    -webkit-box-ordinal-group: -16;
    -webkit-order: -17;
    order: -17;
  }
  .flex-order-gt-xs--16 {
    -webkit-box-ordinal-group: -15;
    -webkit-order: -16;
    order: -16;
  }
  .flex-order-gt-xs--15 {
    -webkit-box-ordinal-group: -14;
    -webkit-order: -15;
    order: -15;
  }
  .flex-order-gt-xs--14 {
    -webkit-box-ordinal-group: -13;
    -webkit-order: -14;
    order: -14;
  }
  .flex-order-gt-xs--13 {
    -webkit-box-ordinal-group: -12;
    -webkit-order: -13;
    order: -13;
  }
  .flex-order-gt-xs--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
    order: -12;
  }
  .flex-order-gt-xs--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
    order: -11;
  }
  .flex-order-gt-xs--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
    order: -10;
  }
  .flex-order-gt-xs--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
    order: -9;
  }
  .flex-order-gt-xs--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
    order: -8;
  }
  .flex-order-gt-xs--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
    order: -7;
  }
  .flex-order-gt-xs--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
    order: -6;
  }
  .flex-order-gt-xs--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
    order: -5;
  }
  .flex-order-gt-xs--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
    order: -4;
  }
  .flex-order-gt-xs--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
    order: -3;
  }
  .flex-order-gt-xs--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    order: -2;
  }
  .flex-order-gt-xs--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
  }
  .flex-order-gt-xs-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
  }
  .flex-order-gt-xs-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
  }
  .flex-order-gt-xs-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
  }
  .flex-order-gt-xs-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
  }
  .flex-order-gt-xs-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4;
  }
  .flex-order-gt-xs-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5;
  }
  .flex-order-gt-xs-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6;
  }
  .flex-order-gt-xs-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7;
  }
  .flex-order-gt-xs-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8;
  }
  .flex-order-gt-xs-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9;
  }
  .flex-order-gt-xs-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10;
  }
  .flex-order-gt-xs-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11;
  }
  .flex-order-gt-xs-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12;
  }
  .flex-order-gt-xs-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13;
  }
  .flex-order-gt-xs-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    order: 14;
  }
  .flex-order-gt-xs-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    order: 15;
  }
  .flex-order-gt-xs-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    order: 16;
  }
  .flex-order-gt-xs-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    order: 17;
  }
  .flex-order-gt-xs-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    order: 18;
  }
  .flex-order-gt-xs-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    order: 19;
  }
  .flex-order-gt-xs-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    order: 20;
  }
  .offset-gt-xs-0,
  .flex-offset-gt-xs-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-gt-xs-0,
  [dir=rtl] .flex-offset-gt-xs-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-gt-xs-5,
  .flex-offset-gt-xs-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-gt-xs-5,
  [dir=rtl] .flex-offset-gt-xs-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-gt-xs-10,
  .flex-offset-gt-xs-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-gt-xs-10,
  [dir=rtl] .flex-offset-gt-xs-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-gt-xs-15,
  .flex-offset-gt-xs-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-gt-xs-15,
  [dir=rtl] .flex-offset-gt-xs-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-gt-xs-20,
  .flex-offset-gt-xs-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-gt-xs-20,
  [dir=rtl] .flex-offset-gt-xs-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-gt-xs-25,
  .flex-offset-gt-xs-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-gt-xs-25,
  [dir=rtl] .flex-offset-gt-xs-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-gt-xs-30,
  .flex-offset-gt-xs-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-gt-xs-30,
  [dir=rtl] .flex-offset-gt-xs-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-gt-xs-35,
  .flex-offset-gt-xs-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-gt-xs-35,
  [dir=rtl] .flex-offset-gt-xs-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-gt-xs-40,
  .flex-offset-gt-xs-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-gt-xs-40,
  [dir=rtl] .flex-offset-gt-xs-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-gt-xs-45,
  .flex-offset-gt-xs-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-gt-xs-45,
  [dir=rtl] .flex-offset-gt-xs-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-gt-xs-50,
  .flex-offset-gt-xs-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-gt-xs-50,
  [dir=rtl] .flex-offset-gt-xs-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-gt-xs-55,
  .flex-offset-gt-xs-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-gt-xs-55,
  [dir=rtl] .flex-offset-gt-xs-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-gt-xs-60,
  .flex-offset-gt-xs-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-gt-xs-60,
  [dir=rtl] .flex-offset-gt-xs-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-gt-xs-65,
  .flex-offset-gt-xs-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-gt-xs-65,
  [dir=rtl] .flex-offset-gt-xs-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-gt-xs-70,
  .flex-offset-gt-xs-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-gt-xs-70,
  [dir=rtl] .flex-offset-gt-xs-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-gt-xs-75,
  .flex-offset-gt-xs-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-gt-xs-75,
  [dir=rtl] .flex-offset-gt-xs-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-gt-xs-80,
  .flex-offset-gt-xs-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-gt-xs-80,
  [dir=rtl] .flex-offset-gt-xs-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-gt-xs-85,
  .flex-offset-gt-xs-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-gt-xs-85,
  [dir=rtl] .flex-offset-gt-xs-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-gt-xs-90,
  .flex-offset-gt-xs-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-gt-xs-90,
  [dir=rtl] .flex-offset-gt-xs-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-gt-xs-95,
  .flex-offset-gt-xs-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-gt-xs-95,
  [dir=rtl] .flex-offset-gt-xs-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-gt-xs-33,
  .flex-offset-gt-xs-33 {
    margin-left: calc(33.33333333%);
  }
  .offset-gt-xs-66,
  .flex-offset-gt-xs-66 {
    margin-left: calc(66.66666667%);
  }
  [dir=rtl] .offset-gt-xs-66,
  [dir=rtl] .flex-offset-gt-xs-66 {
    margin-left: auto;
    margin-right: calc(66.66666667%);
  }
  .layout-align-gt-xs,
  .layout-align-gt-xs-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
  }
  .layout-align-gt-xs-start,
  .layout-align-gt-xs-start-start,
  .layout-align-gt-xs-start-center,
  .layout-align-gt-xs-start-end,
  .layout-align-gt-xs-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .layout-align-gt-xs-center,
  .layout-align-gt-xs-center-start,
  .layout-align-gt-xs-center-center,
  .layout-align-gt-xs-center-end,
  .layout-align-gt-xs-center-stretch {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .layout-align-gt-xs-end,
  .layout-align-gt-xs-end-start,
  .layout-align-gt-xs-end-center,
  .layout-align-gt-xs-end-end,
  .layout-align-gt-xs-end-stretch {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .layout-align-gt-xs-space-around,
  .layout-align-gt-xs-space-around-center,
  .layout-align-gt-xs-space-around-start,
  .layout-align-gt-xs-space-around-end,
  .layout-align-gt-xs-space-around-stretch {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .layout-align-gt-xs-space-between,
  .layout-align-gt-xs-space-between-center,
  .layout-align-gt-xs-space-between-start,
  .layout-align-gt-xs-space-between-end,
  .layout-align-gt-xs-space-between-stretch {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .layout-align-gt-xs-start-start,
  .layout-align-gt-xs-center-start,
  .layout-align-gt-xs-end-start,
  .layout-align-gt-xs-space-between-start,
  .layout-align-gt-xs-space-around-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .layout-align-gt-xs-start-center,
  .layout-align-gt-xs-center-center,
  .layout-align-gt-xs-end-center,
  .layout-align-gt-xs-space-between-center,
  .layout-align-gt-xs-space-around-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-gt-xs-start-center > *,
  .layout-align-gt-xs-center-center > *,
  .layout-align-gt-xs-end-center > *,
  .layout-align-gt-xs-space-between-center > *,
  .layout-align-gt-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-gt-xs-start-end,
  .layout-align-gt-xs-center-end,
  .layout-align-gt-xs-end-end,
  .layout-align-gt-xs-space-between-end,
  .layout-align-gt-xs-space-around-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
  }
  .layout-align-gt-xs-start-stretch,
  .layout-align-gt-xs-center-stretch,
  .layout-align-gt-xs-end-stretch,
  .layout-align-gt-xs-space-between-stretch,
  .layout-align-gt-xs-space-around-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
  }
  .flex-gt-xs {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
  .flex-gt-xs-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-xs-initial {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-none {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-noshrink {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-nogrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-xs-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-0 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-gt-xs-column > .flex-gt-xs-0 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-xs-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-xs-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-xs-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-xs-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-xs-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-xs-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-xs-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-xs-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-xs-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-xs-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-xs-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-xs-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-xs-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-xs-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-xs-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-xs-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-xs-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-xs-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-33,
  .layout-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-xs-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-xs-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-xs-100 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-33,
  .layout-gt-xs-row > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex-gt-xs-66,
  .layout-gt-xs-row > .flex-gt-xs-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-xs-row > .flex {
    min-width: 0;
  }
  .layout-gt-xs-column > .flex-gt-xs-33,
  .layout-gt-xs-column > .flex-gt-xs-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex-gt-xs-66,
  .layout-gt-xs-column > .flex-gt-xs-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-xs-column > .flex {
    min-height: 0;
  }
  .layout-gt-xs,
  .layout-gt-xs-column,
  .layout-gt-xs-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .layout-gt-xs-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .layout-gt-xs-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-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 !important;
  }
  .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none !important;
  }
  .flex-order-sm--20 {
    -webkit-box-ordinal-group: -19;
    -webkit-order: -20;
    order: -20;
  }
  .flex-order-sm--19 {
    -webkit-box-ordinal-group: -18;
    -webkit-order: -19;
    order: -19;
  }
  .flex-order-sm--18 {
    -webkit-box-ordinal-group: -17;
    -webkit-order: -18;
    order: -18;
  }
  .flex-order-sm--17 {
    -webkit-box-ordinal-group: -16;
    -webkit-order: -17;
    order: -17;
  }
  .flex-order-sm--16 {
    -webkit-box-ordinal-group: -15;
    -webkit-order: -16;
    order: -16;
  }
  .flex-order-sm--15 {
    -webkit-box-ordinal-group: -14;
    -webkit-order: -15;
    order: -15;
  }
  .flex-order-sm--14 {
    -webkit-box-ordinal-group: -13;
    -webkit-order: -14;
    order: -14;
  }
  .flex-order-sm--13 {
    -webkit-box-ordinal-group: -12;
    -webkit-order: -13;
    order: -13;
  }
  .flex-order-sm--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
    order: -12;
  }
  .flex-order-sm--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
    order: -11;
  }
  .flex-order-sm--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
    order: -10;
  }
  .flex-order-sm--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
    order: -9;
  }
  .flex-order-sm--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
    order: -8;
  }
  .flex-order-sm--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
    order: -7;
  }
  .flex-order-sm--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
    order: -6;
  }
  .flex-order-sm--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
    order: -5;
  }
  .flex-order-sm--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
    order: -4;
  }
  .flex-order-sm--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
    order: -3;
  }
  .flex-order-sm--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    order: -2;
  }
  .flex-order-sm--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
  }
  .flex-order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
  }
  .flex-order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
  }
  .flex-order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
  }
  .flex-order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
  }
  .flex-order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4;
  }
  .flex-order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5;
  }
  .flex-order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6;
  }
  .flex-order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7;
  }
  .flex-order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8;
  }
  .flex-order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9;
  }
  .flex-order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10;
  }
  .flex-order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11;
  }
  .flex-order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12;
  }
  .flex-order-sm-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13;
  }
  .flex-order-sm-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    order: 14;
  }
  .flex-order-sm-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    order: 15;
  }
  .flex-order-sm-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    order: 16;
  }
  .flex-order-sm-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    order: 17;
  }
  .flex-order-sm-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    order: 18;
  }
  .flex-order-sm-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    order: 19;
  }
  .flex-order-sm-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    order: 20;
  }
  .offset-sm-0,
  .flex-offset-sm-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-sm-0,
  [dir=rtl] .flex-offset-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-sm-5,
  .flex-offset-sm-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-sm-5,
  [dir=rtl] .flex-offset-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-sm-10,
  .flex-offset-sm-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-sm-10,
  [dir=rtl] .flex-offset-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-sm-15,
  .flex-offset-sm-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-sm-15,
  [dir=rtl] .flex-offset-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-sm-20,
  .flex-offset-sm-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-sm-20,
  [dir=rtl] .flex-offset-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-sm-25,
  .flex-offset-sm-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-sm-25,
  [dir=rtl] .flex-offset-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-sm-30,
  .flex-offset-sm-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-sm-30,
  [dir=rtl] .flex-offset-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-sm-35,
  .flex-offset-sm-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-sm-35,
  [dir=rtl] .flex-offset-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-sm-40,
  .flex-offset-sm-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-sm-40,
  [dir=rtl] .flex-offset-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-sm-45,
  .flex-offset-sm-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-sm-45,
  [dir=rtl] .flex-offset-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-sm-50,
  .flex-offset-sm-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-sm-50,
  [dir=rtl] .flex-offset-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-sm-55,
  .flex-offset-sm-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-sm-55,
  [dir=rtl] .flex-offset-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-sm-60,
  .flex-offset-sm-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-sm-60,
  [dir=rtl] .flex-offset-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-sm-65,
  .flex-offset-sm-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-sm-65,
  [dir=rtl] .flex-offset-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-sm-70,
  .flex-offset-sm-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-sm-70,
  [dir=rtl] .flex-offset-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-sm-75,
  .flex-offset-sm-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-sm-75,
  [dir=rtl] .flex-offset-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-sm-80,
  .flex-offset-sm-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-sm-80,
  [dir=rtl] .flex-offset-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-sm-85,
  .flex-offset-sm-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-sm-85,
  [dir=rtl] .flex-offset-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-sm-90,
  .flex-offset-sm-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-sm-90,
  [dir=rtl] .flex-offset-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-sm-95,
  .flex-offset-sm-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-sm-95,
  [dir=rtl] .flex-offset-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-sm-33,
  .flex-offset-sm-33 {
    margin-left: calc(33.33333333%);
  }
  .offset-sm-66,
  .flex-offset-sm-66 {
    margin-left: calc(66.66666667%);
  }
  [dir=rtl] .offset-sm-66,
  [dir=rtl] .flex-offset-sm-66 {
    margin-left: auto;
    margin-right: calc(66.66666667%);
  }
  .layout-align-sm,
  .layout-align-sm-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
  }
  .layout-align-sm-start,
  .layout-align-sm-start-start,
  .layout-align-sm-start-center,
  .layout-align-sm-start-end,
  .layout-align-sm-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .layout-align-sm-center,
  .layout-align-sm-center-start,
  .layout-align-sm-center-center,
  .layout-align-sm-center-end,
  .layout-align-sm-center-stretch {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .layout-align-sm-end,
  .layout-align-sm-end-start,
  .layout-align-sm-end-center,
  .layout-align-sm-end-end,
  .layout-align-sm-end-stretch {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .layout-align-sm-space-around,
  .layout-align-sm-space-around-center,
  .layout-align-sm-space-around-start,
  .layout-align-sm-space-around-end,
  .layout-align-sm-space-around-stretch {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .layout-align-sm-space-between,
  .layout-align-sm-space-between-center,
  .layout-align-sm-space-between-start,
  .layout-align-sm-space-between-end,
  .layout-align-sm-space-between-stretch {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .layout-align-sm-start-start,
  .layout-align-sm-center-start,
  .layout-align-sm-end-start,
  .layout-align-sm-space-between-start,
  .layout-align-sm-space-around-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .layout-align-sm-start-center,
  .layout-align-sm-center-center,
  .layout-align-sm-end-center,
  .layout-align-sm-space-between-center,
  .layout-align-sm-space-around-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-sm-start-center > *,
  .layout-align-sm-center-center > *,
  .layout-align-sm-end-center > *,
  .layout-align-sm-space-between-center > *,
  .layout-align-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-sm-start-end,
  .layout-align-sm-center-end,
  .layout-align-sm-end-end,
  .layout-align-sm-space-between-end,
  .layout-align-sm-space-around-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
  }
  .layout-align-sm-start-stretch,
  .layout-align-sm-center-stretch,
  .layout-align-sm-end-stretch,
  .layout-align-sm-space-between-stretch,
  .layout-align-sm-space-around-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
  }
  .flex-sm {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
  .flex-sm-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-sm-initial {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-sm-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-sm-none {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-sm-noshrink {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-sm-nogrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-sm-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-0 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-sm-column > .flex-sm-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-sm-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-sm-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-sm-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-sm-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-sm-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-sm-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-sm-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-sm-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-sm-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-sm-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-sm-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-sm-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-sm-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-sm-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-sm-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-sm-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-sm-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-sm-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-sm-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-33,
  .layout-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-sm-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-sm-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-sm-100 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-33,
  .layout-sm-row > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex-sm-66,
  .layout-sm-row > .flex-sm-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-sm-row > .flex {
    min-width: 0;
  }
  .layout-sm-column > .flex-sm-33,
  .layout-sm-column > .flex-sm-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex-sm-66,
  .layout-sm-column > .flex-sm-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-sm-column > .flex {
    min-height: 0;
  }
  .layout-sm,
  .layout-sm-column,
  .layout-sm-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .layout-sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .layout-sm-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 960px) {
  .flex-order-gt-sm--20 {
    -webkit-box-ordinal-group: -19;
    -webkit-order: -20;
    order: -20;
  }
  .flex-order-gt-sm--19 {
    -webkit-box-ordinal-group: -18;
    -webkit-order: -19;
    order: -19;
  }
  .flex-order-gt-sm--18 {
    -webkit-box-ordinal-group: -17;
    -webkit-order: -18;
    order: -18;
  }
  .flex-order-gt-sm--17 {
    -webkit-box-ordinal-group: -16;
    -webkit-order: -17;
    order: -17;
  }
  .flex-order-gt-sm--16 {
    -webkit-box-ordinal-group: -15;
    -webkit-order: -16;
    order: -16;
  }
  .flex-order-gt-sm--15 {
    -webkit-box-ordinal-group: -14;
    -webkit-order: -15;
    order: -15;
  }
  .flex-order-gt-sm--14 {
    -webkit-box-ordinal-group: -13;
    -webkit-order: -14;
    order: -14;
  }
  .flex-order-gt-sm--13 {
    -webkit-box-ordinal-group: -12;
    -webkit-order: -13;
    order: -13;
  }
  .flex-order-gt-sm--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
    order: -12;
  }
  .flex-order-gt-sm--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
    order: -11;
  }
  .flex-order-gt-sm--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
    order: -10;
  }
  .flex-order-gt-sm--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
    order: -9;
  }
  .flex-order-gt-sm--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
    order: -8;
  }
  .flex-order-gt-sm--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
    order: -7;
  }
  .flex-order-gt-sm--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
    order: -6;
  }
  .flex-order-gt-sm--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
    order: -5;
  }
  .flex-order-gt-sm--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
    order: -4;
  }
  .flex-order-gt-sm--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
    order: -3;
  }
  .flex-order-gt-sm--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    order: -2;
  }
  .flex-order-gt-sm--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
  }
  .flex-order-gt-sm-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
  }
  .flex-order-gt-sm-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
  }
  .flex-order-gt-sm-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
  }
  .flex-order-gt-sm-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
  }
  .flex-order-gt-sm-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4;
  }
  .flex-order-gt-sm-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5;
  }
  .flex-order-gt-sm-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6;
  }
  .flex-order-gt-sm-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7;
  }
  .flex-order-gt-sm-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8;
  }
  .flex-order-gt-sm-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9;
  }
  .flex-order-gt-sm-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10;
  }
  .flex-order-gt-sm-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11;
  }
  .flex-order-gt-sm-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12;
  }
  .flex-order-gt-sm-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13;
  }
  .flex-order-gt-sm-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    order: 14;
  }
  .flex-order-gt-sm-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    order: 15;
  }
  .flex-order-gt-sm-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    order: 16;
  }
  .flex-order-gt-sm-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    order: 17;
  }
  .flex-order-gt-sm-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    order: 18;
  }
  .flex-order-gt-sm-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    order: 19;
  }
  .flex-order-gt-sm-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    order: 20;
  }
  .offset-gt-sm-0,
  .flex-offset-gt-sm-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-gt-sm-0,
  [dir=rtl] .flex-offset-gt-sm-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-gt-sm-5,
  .flex-offset-gt-sm-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-gt-sm-5,
  [dir=rtl] .flex-offset-gt-sm-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-gt-sm-10,
  .flex-offset-gt-sm-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-gt-sm-10,
  [dir=rtl] .flex-offset-gt-sm-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-gt-sm-15,
  .flex-offset-gt-sm-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-gt-sm-15,
  [dir=rtl] .flex-offset-gt-sm-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-gt-sm-20,
  .flex-offset-gt-sm-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-gt-sm-20,
  [dir=rtl] .flex-offset-gt-sm-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-gt-sm-25,
  .flex-offset-gt-sm-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-gt-sm-25,
  [dir=rtl] .flex-offset-gt-sm-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-gt-sm-30,
  .flex-offset-gt-sm-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-gt-sm-30,
  [dir=rtl] .flex-offset-gt-sm-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-gt-sm-35,
  .flex-offset-gt-sm-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-gt-sm-35,
  [dir=rtl] .flex-offset-gt-sm-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-gt-sm-40,
  .flex-offset-gt-sm-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-gt-sm-40,
  [dir=rtl] .flex-offset-gt-sm-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-gt-sm-45,
  .flex-offset-gt-sm-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-gt-sm-45,
  [dir=rtl] .flex-offset-gt-sm-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-gt-sm-50,
  .flex-offset-gt-sm-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-gt-sm-50,
  [dir=rtl] .flex-offset-gt-sm-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-gt-sm-55,
  .flex-offset-gt-sm-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-gt-sm-55,
  [dir=rtl] .flex-offset-gt-sm-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-gt-sm-60,
  .flex-offset-gt-sm-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-gt-sm-60,
  [dir=rtl] .flex-offset-gt-sm-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-gt-sm-65,
  .flex-offset-gt-sm-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-gt-sm-65,
  [dir=rtl] .flex-offset-gt-sm-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-gt-sm-70,
  .flex-offset-gt-sm-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-gt-sm-70,
  [dir=rtl] .flex-offset-gt-sm-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-gt-sm-75,
  .flex-offset-gt-sm-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-gt-sm-75,
  [dir=rtl] .flex-offset-gt-sm-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-gt-sm-80,
  .flex-offset-gt-sm-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-gt-sm-80,
  [dir=rtl] .flex-offset-gt-sm-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-gt-sm-85,
  .flex-offset-gt-sm-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-gt-sm-85,
  [dir=rtl] .flex-offset-gt-sm-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-gt-sm-90,
  .flex-offset-gt-sm-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-gt-sm-90,
  [dir=rtl] .flex-offset-gt-sm-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-gt-sm-95,
  .flex-offset-gt-sm-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-gt-sm-95,
  [dir=rtl] .flex-offset-gt-sm-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-gt-sm-33,
  .flex-offset-gt-sm-33 {
    margin-left: calc(33.33333333%);
  }
  .offset-gt-sm-66,
  .flex-offset-gt-sm-66 {
    margin-left: calc(66.66666667%);
  }
  [dir=rtl] .offset-gt-sm-66,
  [dir=rtl] .flex-offset-gt-sm-66 {
    margin-left: auto;
    margin-right: calc(66.66666667%);
  }
  .layout-align-gt-sm,
  .layout-align-gt-sm-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
  }
  .layout-align-gt-sm-start,
  .layout-align-gt-sm-start-start,
  .layout-align-gt-sm-start-center,
  .layout-align-gt-sm-start-end,
  .layout-align-gt-sm-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .layout-align-gt-sm-center,
  .layout-align-gt-sm-center-start,
  .layout-align-gt-sm-center-center,
  .layout-align-gt-sm-center-end,
  .layout-align-gt-sm-center-stretch {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .layout-align-gt-sm-end,
  .layout-align-gt-sm-end-start,
  .layout-align-gt-sm-end-center,
  .layout-align-gt-sm-end-end,
  .layout-align-gt-sm-end-stretch {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .layout-align-gt-sm-space-around,
  .layout-align-gt-sm-space-around-center,
  .layout-align-gt-sm-space-around-start,
  .layout-align-gt-sm-space-around-end,
  .layout-align-gt-sm-space-around-stretch {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .layout-align-gt-sm-space-between,
  .layout-align-gt-sm-space-between-center,
  .layout-align-gt-sm-space-between-start,
  .layout-align-gt-sm-space-between-end,
  .layout-align-gt-sm-space-between-stretch {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .layout-align-gt-sm-start-start,
  .layout-align-gt-sm-center-start,
  .layout-align-gt-sm-end-start,
  .layout-align-gt-sm-space-between-start,
  .layout-align-gt-sm-space-around-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .layout-align-gt-sm-start-center,
  .layout-align-gt-sm-center-center,
  .layout-align-gt-sm-end-center,
  .layout-align-gt-sm-space-between-center,
  .layout-align-gt-sm-space-around-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-gt-sm-start-center > *,
  .layout-align-gt-sm-center-center > *,
  .layout-align-gt-sm-end-center > *,
  .layout-align-gt-sm-space-between-center > *,
  .layout-align-gt-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-gt-sm-start-end,
  .layout-align-gt-sm-center-end,
  .layout-align-gt-sm-end-end,
  .layout-align-gt-sm-space-between-end,
  .layout-align-gt-sm-space-around-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
  }
  .layout-align-gt-sm-start-stretch,
  .layout-align-gt-sm-center-stretch,
  .layout-align-gt-sm-end-stretch,
  .layout-align-gt-sm-space-between-stretch,
  .layout-align-gt-sm-space-around-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
  }
  .flex-gt-sm {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
  .flex-gt-sm-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-sm-initial {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-none {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-noshrink {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-nogrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-sm-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-0 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-gt-sm-column > .flex-gt-sm-0 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-sm-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-sm-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-sm-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-sm-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-sm-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-sm-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-sm-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-sm-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-sm-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-sm-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-sm-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-sm-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-sm-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-sm-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-sm-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-sm-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-sm-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-sm-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-33,
  .layout-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-sm-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-sm-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-sm-100 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-33,
  .layout-gt-sm-row > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex-gt-sm-66,
  .layout-gt-sm-row > .flex-gt-sm-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-sm-row > .flex {
    min-width: 0;
  }
  .layout-gt-sm-column > .flex-gt-sm-33,
  .layout-gt-sm-column > .flex-gt-sm-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex-gt-sm-66,
  .layout-gt-sm-column > .flex-gt-sm-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-sm-column > .flex {
    min-height: 0;
  }
  .layout-gt-sm,
  .layout-gt-sm-column,
  .layout-gt-sm-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .layout-gt-sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .layout-gt-sm-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-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 !important;
  }
  .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none !important;
  }
  .flex-order-md--20 {
    -webkit-box-ordinal-group: -19;
    -webkit-order: -20;
    order: -20;
  }
  .flex-order-md--19 {
    -webkit-box-ordinal-group: -18;
    -webkit-order: -19;
    order: -19;
  }
  .flex-order-md--18 {
    -webkit-box-ordinal-group: -17;
    -webkit-order: -18;
    order: -18;
  }
  .flex-order-md--17 {
    -webkit-box-ordinal-group: -16;
    -webkit-order: -17;
    order: -17;
  }
  .flex-order-md--16 {
    -webkit-box-ordinal-group: -15;
    -webkit-order: -16;
    order: -16;
  }
  .flex-order-md--15 {
    -webkit-box-ordinal-group: -14;
    -webkit-order: -15;
    order: -15;
  }
  .flex-order-md--14 {
    -webkit-box-ordinal-group: -13;
    -webkit-order: -14;
    order: -14;
  }
  .flex-order-md--13 {
    -webkit-box-ordinal-group: -12;
    -webkit-order: -13;
    order: -13;
  }
  .flex-order-md--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
    order: -12;
  }
  .flex-order-md--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
    order: -11;
  }
  .flex-order-md--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
    order: -10;
  }
  .flex-order-md--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
    order: -9;
  }
  .flex-order-md--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
    order: -8;
  }
  .flex-order-md--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
    order: -7;
  }
  .flex-order-md--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
    order: -6;
  }
  .flex-order-md--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
    order: -5;
  }
  .flex-order-md--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
    order: -4;
  }
  .flex-order-md--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
    order: -3;
  }
  .flex-order-md--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    order: -2;
  }
  .flex-order-md--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
  }
  .flex-order-md-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
  }
  .flex-order-md-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
  }
  .flex-order-md-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
  }
  .flex-order-md-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
  }
  .flex-order-md-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4;
  }
  .flex-order-md-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5;
  }
  .flex-order-md-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6;
  }
  .flex-order-md-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7;
  }
  .flex-order-md-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8;
  }
  .flex-order-md-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9;
  }
  .flex-order-md-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10;
  }
  .flex-order-md-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11;
  }
  .flex-order-md-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12;
  }
  .flex-order-md-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13;
  }
  .flex-order-md-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    order: 14;
  }
  .flex-order-md-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    order: 15;
  }
  .flex-order-md-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    order: 16;
  }
  .flex-order-md-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    order: 17;
  }
  .flex-order-md-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    order: 18;
  }
  .flex-order-md-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    order: 19;
  }
  .flex-order-md-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    order: 20;
  }
  .offset-md-0,
  .flex-offset-md-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-md-0,
  [dir=rtl] .flex-offset-md-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-md-5,
  .flex-offset-md-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-md-5,
  [dir=rtl] .flex-offset-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-md-10,
  .flex-offset-md-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-md-10,
  [dir=rtl] .flex-offset-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-md-15,
  .flex-offset-md-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-md-15,
  [dir=rtl] .flex-offset-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-md-20,
  .flex-offset-md-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-md-20,
  [dir=rtl] .flex-offset-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-md-25,
  .flex-offset-md-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-md-25,
  [dir=rtl] .flex-offset-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-md-30,
  .flex-offset-md-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-md-30,
  [dir=rtl] .flex-offset-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-md-35,
  .flex-offset-md-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-md-35,
  [dir=rtl] .flex-offset-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-md-40,
  .flex-offset-md-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-md-40,
  [dir=rtl] .flex-offset-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-md-45,
  .flex-offset-md-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-md-45,
  [dir=rtl] .flex-offset-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-md-50,
  .flex-offset-md-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-md-50,
  [dir=rtl] .flex-offset-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-md-55,
  .flex-offset-md-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-md-55,
  [dir=rtl] .flex-offset-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-md-60,
  .flex-offset-md-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-md-60,
  [dir=rtl] .flex-offset-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-md-65,
  .flex-offset-md-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-md-65,
  [dir=rtl] .flex-offset-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-md-70,
  .flex-offset-md-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-md-70,
  [dir=rtl] .flex-offset-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-md-75,
  .flex-offset-md-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-md-75,
  [dir=rtl] .flex-offset-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-md-80,
  .flex-offset-md-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-md-80,
  [dir=rtl] .flex-offset-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-md-85,
  .flex-offset-md-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-md-85,
  [dir=rtl] .flex-offset-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-md-90,
  .flex-offset-md-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-md-90,
  [dir=rtl] .flex-offset-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-md-95,
  .flex-offset-md-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-md-95,
  [dir=rtl] .flex-offset-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-md-33,
  .flex-offset-md-33 {
    margin-left: calc(33.33333333%);
  }
  .offset-md-66,
  .flex-offset-md-66 {
    margin-left: calc(66.66666667%);
  }
  [dir=rtl] .offset-md-66,
  [dir=rtl] .flex-offset-md-66 {
    margin-left: auto;
    margin-right: calc(66.66666667%);
  }
  .layout-align-md,
  .layout-align-md-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
  }
  .layout-align-md-start,
  .layout-align-md-start-start,
  .layout-align-md-start-center,
  .layout-align-md-start-end,
  .layout-align-md-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .layout-align-md-center,
  .layout-align-md-center-start,
  .layout-align-md-center-center,
  .layout-align-md-center-end,
  .layout-align-md-center-stretch {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .layout-align-md-end,
  .layout-align-md-end-start,
  .layout-align-md-end-center,
  .layout-align-md-end-end,
  .layout-align-md-end-stretch {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .layout-align-md-space-around,
  .layout-align-md-space-around-center,
  .layout-align-md-space-around-start,
  .layout-align-md-space-around-end,
  .layout-align-md-space-around-stretch {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .layout-align-md-space-between,
  .layout-align-md-space-between-center,
  .layout-align-md-space-between-start,
  .layout-align-md-space-between-end,
  .layout-align-md-space-between-stretch {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .layout-align-md-start-start,
  .layout-align-md-center-start,
  .layout-align-md-end-start,
  .layout-align-md-space-between-start,
  .layout-align-md-space-around-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .layout-align-md-start-center,
  .layout-align-md-center-center,
  .layout-align-md-end-center,
  .layout-align-md-space-between-center,
  .layout-align-md-space-around-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-md-start-center > *,
  .layout-align-md-center-center > *,
  .layout-align-md-end-center > *,
  .layout-align-md-space-between-center > *,
  .layout-align-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-md-start-end,
  .layout-align-md-center-end,
  .layout-align-md-end-end,
  .layout-align-md-space-between-end,
  .layout-align-md-space-around-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
  }
  .layout-align-md-start-stretch,
  .layout-align-md-center-stretch,
  .layout-align-md-end-stretch,
  .layout-align-md-space-between-stretch,
  .layout-align-md-space-around-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
  }
  .flex-md {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
  .flex-md-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-md-initial {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-md-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-md-none {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-md-noshrink {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-md-nogrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-md-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-0 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-md-column > .flex-md-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-md-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-md-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-md-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-md-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-md-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-md-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-md-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-md-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-md-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-md-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-md-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-md-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-md-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-md-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-md-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-md-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-md-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-md-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-md-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-33,
  .layout-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-md-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-md-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-md-100 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-33,
  .layout-md-row > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex-md-66,
  .layout-md-row > .flex-md-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-md-row > .flex {
    min-width: 0;
  }
  .layout-md-column > .flex-md-33,
  .layout-md-column > .flex-md-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex-md-66,
  .layout-md-column > .flex-md-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-md-column > .flex {
    min-height: 0;
  }
  .layout-md,
  .layout-md-column,
  .layout-md-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .layout-md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .layout-md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 1280px) {
  .flex-order-gt-md--20 {
    -webkit-box-ordinal-group: -19;
    -webkit-order: -20;
    order: -20;
  }
  .flex-order-gt-md--19 {
    -webkit-box-ordinal-group: -18;
    -webkit-order: -19;
    order: -19;
  }
  .flex-order-gt-md--18 {
    -webkit-box-ordinal-group: -17;
    -webkit-order: -18;
    order: -18;
  }
  .flex-order-gt-md--17 {
    -webkit-box-ordinal-group: -16;
    -webkit-order: -17;
    order: -17;
  }
  .flex-order-gt-md--16 {
    -webkit-box-ordinal-group: -15;
    -webkit-order: -16;
    order: -16;
  }
  .flex-order-gt-md--15 {
    -webkit-box-ordinal-group: -14;
    -webkit-order: -15;
    order: -15;
  }
  .flex-order-gt-md--14 {
    -webkit-box-ordinal-group: -13;
    -webkit-order: -14;
    order: -14;
  }
  .flex-order-gt-md--13 {
    -webkit-box-ordinal-group: -12;
    -webkit-order: -13;
    order: -13;
  }
  .flex-order-gt-md--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
    order: -12;
  }
  .flex-order-gt-md--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
    order: -11;
  }
  .flex-order-gt-md--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
    order: -10;
  }
  .flex-order-gt-md--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
    order: -9;
  }
  .flex-order-gt-md--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
    order: -8;
  }
  .flex-order-gt-md--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
    order: -7;
  }
  .flex-order-gt-md--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
    order: -6;
  }
  .flex-order-gt-md--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
    order: -5;
  }
  .flex-order-gt-md--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
    order: -4;
  }
  .flex-order-gt-md--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
    order: -3;
  }
  .flex-order-gt-md--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    order: -2;
  }
  .flex-order-gt-md--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
  }
  .flex-order-gt-md-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
  }
  .flex-order-gt-md-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
  }
  .flex-order-gt-md-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
  }
  .flex-order-gt-md-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
  }
  .flex-order-gt-md-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4;
  }
  .flex-order-gt-md-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5;
  }
  .flex-order-gt-md-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6;
  }
  .flex-order-gt-md-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7;
  }
  .flex-order-gt-md-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8;
  }
  .flex-order-gt-md-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9;
  }
  .flex-order-gt-md-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10;
  }
  .flex-order-gt-md-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11;
  }
  .flex-order-gt-md-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12;
  }
  .flex-order-gt-md-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13;
  }
  .flex-order-gt-md-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    order: 14;
  }
  .flex-order-gt-md-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    order: 15;
  }
  .flex-order-gt-md-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    order: 16;
  }
  .flex-order-gt-md-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    order: 17;
  }
  .flex-order-gt-md-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    order: 18;
  }
  .flex-order-gt-md-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    order: 19;
  }
  .flex-order-gt-md-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    order: 20;
  }
  .offset-gt-md-0,
  .flex-offset-gt-md-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-gt-md-0,
  [dir=rtl] .flex-offset-gt-md-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-gt-md-5,
  .flex-offset-gt-md-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-gt-md-5,
  [dir=rtl] .flex-offset-gt-md-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-gt-md-10,
  .flex-offset-gt-md-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-gt-md-10,
  [dir=rtl] .flex-offset-gt-md-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-gt-md-15,
  .flex-offset-gt-md-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-gt-md-15,
  [dir=rtl] .flex-offset-gt-md-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-gt-md-20,
  .flex-offset-gt-md-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-gt-md-20,
  [dir=rtl] .flex-offset-gt-md-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-gt-md-25,
  .flex-offset-gt-md-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-gt-md-25,
  [dir=rtl] .flex-offset-gt-md-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-gt-md-30,
  .flex-offset-gt-md-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-gt-md-30,
  [dir=rtl] .flex-offset-gt-md-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-gt-md-35,
  .flex-offset-gt-md-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-gt-md-35,
  [dir=rtl] .flex-offset-gt-md-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-gt-md-40,
  .flex-offset-gt-md-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-gt-md-40,
  [dir=rtl] .flex-offset-gt-md-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-gt-md-45,
  .flex-offset-gt-md-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-gt-md-45,
  [dir=rtl] .flex-offset-gt-md-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-gt-md-50,
  .flex-offset-gt-md-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-gt-md-50,
  [dir=rtl] .flex-offset-gt-md-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-gt-md-55,
  .flex-offset-gt-md-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-gt-md-55,
  [dir=rtl] .flex-offset-gt-md-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-gt-md-60,
  .flex-offset-gt-md-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-gt-md-60,
  [dir=rtl] .flex-offset-gt-md-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-gt-md-65,
  .flex-offset-gt-md-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-gt-md-65,
  [dir=rtl] .flex-offset-gt-md-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-gt-md-70,
  .flex-offset-gt-md-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-gt-md-70,
  [dir=rtl] .flex-offset-gt-md-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-gt-md-75,
  .flex-offset-gt-md-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-gt-md-75,
  [dir=rtl] .flex-offset-gt-md-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-gt-md-80,
  .flex-offset-gt-md-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-gt-md-80,
  [dir=rtl] .flex-offset-gt-md-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-gt-md-85,
  .flex-offset-gt-md-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-gt-md-85,
  [dir=rtl] .flex-offset-gt-md-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-gt-md-90,
  .flex-offset-gt-md-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-gt-md-90,
  [dir=rtl] .flex-offset-gt-md-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-gt-md-95,
  .flex-offset-gt-md-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-gt-md-95,
  [dir=rtl] .flex-offset-gt-md-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-gt-md-33,
  .flex-offset-gt-md-33 {
    margin-left: calc(33.33333333%);
  }
  .offset-gt-md-66,
  .flex-offset-gt-md-66 {
    margin-left: calc(66.66666667%);
  }
  [dir=rtl] .offset-gt-md-66,
  [dir=rtl] .flex-offset-gt-md-66 {
    margin-left: auto;
    margin-right: calc(66.66666667%);
  }
  .layout-align-gt-md,
  .layout-align-gt-md-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
  }
  .layout-align-gt-md-start,
  .layout-align-gt-md-start-start,
  .layout-align-gt-md-start-center,
  .layout-align-gt-md-start-end,
  .layout-align-gt-md-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .layout-align-gt-md-center,
  .layout-align-gt-md-center-start,
  .layout-align-gt-md-center-center,
  .layout-align-gt-md-center-end,
  .layout-align-gt-md-center-stretch {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .layout-align-gt-md-end,
  .layout-align-gt-md-end-start,
  .layout-align-gt-md-end-center,
  .layout-align-gt-md-end-end,
  .layout-align-gt-md-end-stretch {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .layout-align-gt-md-space-around,
  .layout-align-gt-md-space-around-center,
  .layout-align-gt-md-space-around-start,
  .layout-align-gt-md-space-around-end,
  .layout-align-gt-md-space-around-stretch {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .layout-align-gt-md-space-between,
  .layout-align-gt-md-space-between-center,
  .layout-align-gt-md-space-between-start,
  .layout-align-gt-md-space-between-end,
  .layout-align-gt-md-space-between-stretch {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .layout-align-gt-md-start-start,
  .layout-align-gt-md-center-start,
  .layout-align-gt-md-end-start,
  .layout-align-gt-md-space-between-start,
  .layout-align-gt-md-space-around-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .layout-align-gt-md-start-center,
  .layout-align-gt-md-center-center,
  .layout-align-gt-md-end-center,
  .layout-align-gt-md-space-between-center,
  .layout-align-gt-md-space-around-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-gt-md-start-center > *,
  .layout-align-gt-md-center-center > *,
  .layout-align-gt-md-end-center > *,
  .layout-align-gt-md-space-between-center > *,
  .layout-align-gt-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-gt-md-start-end,
  .layout-align-gt-md-center-end,
  .layout-align-gt-md-end-end,
  .layout-align-gt-md-space-between-end,
  .layout-align-gt-md-space-around-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
  }
  .layout-align-gt-md-start-stretch,
  .layout-align-gt-md-center-stretch,
  .layout-align-gt-md-end-stretch,
  .layout-align-gt-md-space-between-stretch,
  .layout-align-gt-md-space-around-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
  }
  .flex-gt-md {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
  .flex-gt-md-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-md-initial {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-none {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-noshrink {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-nogrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-md-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-0 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-gt-md-column > .flex-gt-md-0 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-md-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-md-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-md-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-md-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-md-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-md-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-md-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-md-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-md-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-md-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-md-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-md-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-md-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-md-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-md-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-md-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-md-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-md-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-33,
  .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-md-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-md-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-md-100 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-33,
  .layout-gt-md-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex-gt-md-66,
  .layout-gt-md-row > .flex-gt-md-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-md-row > .flex {
    min-width: 0;
  }
  .layout-gt-md-column > .flex-gt-md-33,
  .layout-gt-md-column > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex-gt-md-66,
  .layout-gt-md-column > .flex-gt-md-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-md-column > .flex {
    min-height: 0;
  }
  .layout-gt-md,
  .layout-gt-md-column,
  .layout-gt-md-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .layout-gt-md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .layout-gt-md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-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 !important;
  }
  .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none !important;
  }
  .flex-order-lg--20 {
    -webkit-box-ordinal-group: -19;
    -webkit-order: -20;
    order: -20;
  }
  .flex-order-lg--19 {
    -webkit-box-ordinal-group: -18;
    -webkit-order: -19;
    order: -19;
  }
  .flex-order-lg--18 {
    -webkit-box-ordinal-group: -17;
    -webkit-order: -18;
    order: -18;
  }
  .flex-order-lg--17 {
    -webkit-box-ordinal-group: -16;
    -webkit-order: -17;
    order: -17;
  }
  .flex-order-lg--16 {
    -webkit-box-ordinal-group: -15;
    -webkit-order: -16;
    order: -16;
  }
  .flex-order-lg--15 {
    -webkit-box-ordinal-group: -14;
    -webkit-order: -15;
    order: -15;
  }
  .flex-order-lg--14 {
    -webkit-box-ordinal-group: -13;
    -webkit-order: -14;
    order: -14;
  }
  .flex-order-lg--13 {
    -webkit-box-ordinal-group: -12;
    -webkit-order: -13;
    order: -13;
  }
  .flex-order-lg--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
    order: -12;
  }
  .flex-order-lg--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
    order: -11;
  }
  .flex-order-lg--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
    order: -10;
  }
  .flex-order-lg--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
    order: -9;
  }
  .flex-order-lg--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
    order: -8;
  }
  .flex-order-lg--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
    order: -7;
  }
  .flex-order-lg--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
    order: -6;
  }
  .flex-order-lg--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
    order: -5;
  }
  .flex-order-lg--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
    order: -4;
  }
  .flex-order-lg--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
    order: -3;
  }
  .flex-order-lg--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    order: -2;
  }
  .flex-order-lg--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
  }
  .flex-order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
  }
  .flex-order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
  }
  .flex-order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
  }
  .flex-order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
  }
  .flex-order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4;
  }
  .flex-order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5;
  }
  .flex-order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6;
  }
  .flex-order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7;
  }
  .flex-order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8;
  }
  .flex-order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9;
  }
  .flex-order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10;
  }
  .flex-order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11;
  }
  .flex-order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12;
  }
  .flex-order-lg-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13;
  }
  .flex-order-lg-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    order: 14;
  }
  .flex-order-lg-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    order: 15;
  }
  .flex-order-lg-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    order: 16;
  }
  .flex-order-lg-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    order: 17;
  }
  .flex-order-lg-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    order: 18;
  }
  .flex-order-lg-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    order: 19;
  }
  .flex-order-lg-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    order: 20;
  }
  .offset-lg-0,
  .flex-offset-lg-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-lg-0,
  [dir=rtl] .flex-offset-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-lg-5,
  .flex-offset-lg-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-lg-5,
  [dir=rtl] .flex-offset-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-lg-10,
  .flex-offset-lg-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-lg-10,
  [dir=rtl] .flex-offset-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-lg-15,
  .flex-offset-lg-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-lg-15,
  [dir=rtl] .flex-offset-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-lg-20,
  .flex-offset-lg-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-lg-20,
  [dir=rtl] .flex-offset-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-lg-25,
  .flex-offset-lg-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-lg-25,
  [dir=rtl] .flex-offset-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-lg-30,
  .flex-offset-lg-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-lg-30,
  [dir=rtl] .flex-offset-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-lg-35,
  .flex-offset-lg-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-lg-35,
  [dir=rtl] .flex-offset-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-lg-40,
  .flex-offset-lg-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-lg-40,
  [dir=rtl] .flex-offset-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-lg-45,
  .flex-offset-lg-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-lg-45,
  [dir=rtl] .flex-offset-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-lg-50,
  .flex-offset-lg-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-lg-50,
  [dir=rtl] .flex-offset-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-lg-55,
  .flex-offset-lg-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-lg-55,
  [dir=rtl] .flex-offset-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-lg-60,
  .flex-offset-lg-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-lg-60,
  [dir=rtl] .flex-offset-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-lg-65,
  .flex-offset-lg-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-lg-65,
  [dir=rtl] .flex-offset-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-lg-70,
  .flex-offset-lg-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-lg-70,
  [dir=rtl] .flex-offset-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-lg-75,
  .flex-offset-lg-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-lg-75,
  [dir=rtl] .flex-offset-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-lg-80,
  .flex-offset-lg-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-lg-80,
  [dir=rtl] .flex-offset-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-lg-85,
  .flex-offset-lg-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-lg-85,
  [dir=rtl] .flex-offset-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-lg-90,
  .flex-offset-lg-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-lg-90,
  [dir=rtl] .flex-offset-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-lg-95,
  .flex-offset-lg-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-lg-95,
  [dir=rtl] .flex-offset-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-lg-33,
  .flex-offset-lg-33 {
    margin-left: calc(33.33333333%);
  }
  .offset-lg-66,
  .flex-offset-lg-66 {
    margin-left: calc(66.66666667%);
  }
  [dir=rtl] .offset-lg-66,
  [dir=rtl] .flex-offset-lg-66 {
    margin-left: auto;
    margin-right: calc(66.66666667%);
  }
  .layout-align-lg,
  .layout-align-lg-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
  }
  .layout-align-lg-start,
  .layout-align-lg-start-start,
  .layout-align-lg-start-center,
  .layout-align-lg-start-end,
  .layout-align-lg-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .layout-align-lg-center,
  .layout-align-lg-center-start,
  .layout-align-lg-center-center,
  .layout-align-lg-center-end,
  .layout-align-lg-center-stretch {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .layout-align-lg-end,
  .layout-align-lg-end-start,
  .layout-align-lg-end-center,
  .layout-align-lg-end-end,
  .layout-align-lg-end-stretch {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .layout-align-lg-space-around,
  .layout-align-lg-space-around-center,
  .layout-align-lg-space-around-start,
  .layout-align-lg-space-around-end,
  .layout-align-lg-space-around-stretch {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .layout-align-lg-space-between,
  .layout-align-lg-space-between-center,
  .layout-align-lg-space-between-start,
  .layout-align-lg-space-between-end,
  .layout-align-lg-space-between-stretch {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .layout-align-lg-start-start,
  .layout-align-lg-center-start,
  .layout-align-lg-end-start,
  .layout-align-lg-space-between-start,
  .layout-align-lg-space-around-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .layout-align-lg-start-center,
  .layout-align-lg-center-center,
  .layout-align-lg-end-center,
  .layout-align-lg-space-between-center,
  .layout-align-lg-space-around-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-lg-start-center > *,
  .layout-align-lg-center-center > *,
  .layout-align-lg-end-center > *,
  .layout-align-lg-space-between-center > *,
  .layout-align-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-lg-start-end,
  .layout-align-lg-center-end,
  .layout-align-lg-end-end,
  .layout-align-lg-space-between-end,
  .layout-align-lg-space-around-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
  }
  .layout-align-lg-start-stretch,
  .layout-align-lg-center-stretch,
  .layout-align-lg-end-stretch,
  .layout-align-lg-space-between-stretch,
  .layout-align-lg-space-around-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
  }
  .flex-lg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
  .flex-lg-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-lg-initial {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-lg-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-lg-none {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-lg-noshrink {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-lg-nogrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-lg-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-0 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-lg-column > .flex-lg-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-lg-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-lg-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-lg-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-lg-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-lg-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-lg-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-lg-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-lg-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-lg-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-lg-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-lg-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-lg-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-lg-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-lg-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-lg-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-lg-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-lg-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-lg-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-lg-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-33,
  .layout-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-lg-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-lg-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-lg-100 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-33,
  .layout-lg-row > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex-lg-66,
  .layout-lg-row > .flex-lg-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-lg-row > .flex {
    min-width: 0;
  }
  .layout-lg-column > .flex-lg-33,
  .layout-lg-column > .flex-lg-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex-lg-66,
  .layout-lg-column > .flex-lg-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-lg-column > .flex {
    min-height: 0;
  }
  .layout-lg,
  .layout-lg-column,
  .layout-lg-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .layout-lg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .layout-lg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 1920px) {
  .flex-order-gt-lg--20 {
    -webkit-box-ordinal-group: -19;
    -webkit-order: -20;
    order: -20;
  }
  .flex-order-gt-lg--19 {
    -webkit-box-ordinal-group: -18;
    -webkit-order: -19;
    order: -19;
  }
  .flex-order-gt-lg--18 {
    -webkit-box-ordinal-group: -17;
    -webkit-order: -18;
    order: -18;
  }
  .flex-order-gt-lg--17 {
    -webkit-box-ordinal-group: -16;
    -webkit-order: -17;
    order: -17;
  }
  .flex-order-gt-lg--16 {
    -webkit-box-ordinal-group: -15;
    -webkit-order: -16;
    order: -16;
  }
  .flex-order-gt-lg--15 {
    -webkit-box-ordinal-group: -14;
    -webkit-order: -15;
    order: -15;
  }
  .flex-order-gt-lg--14 {
    -webkit-box-ordinal-group: -13;
    -webkit-order: -14;
    order: -14;
  }
  .flex-order-gt-lg--13 {
    -webkit-box-ordinal-group: -12;
    -webkit-order: -13;
    order: -13;
  }
  .flex-order-gt-lg--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
    order: -12;
  }
  .flex-order-gt-lg--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
    order: -11;
  }
  .flex-order-gt-lg--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
    order: -10;
  }
  .flex-order-gt-lg--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
    order: -9;
  }
  .flex-order-gt-lg--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
    order: -8;
  }
  .flex-order-gt-lg--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
    order: -7;
  }
  .flex-order-gt-lg--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
    order: -6;
  }
  .flex-order-gt-lg--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
    order: -5;
  }
  .flex-order-gt-lg--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
    order: -4;
  }
  .flex-order-gt-lg--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
    order: -3;
  }
  .flex-order-gt-lg--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    order: -2;
  }
  .flex-order-gt-lg--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
  }
  .flex-order-gt-lg-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
  }
  .flex-order-gt-lg-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
  }
  .flex-order-gt-lg-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
  }
  .flex-order-gt-lg-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
  }
  .flex-order-gt-lg-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4;
  }
  .flex-order-gt-lg-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5;
  }
  .flex-order-gt-lg-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6;
  }
  .flex-order-gt-lg-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7;
  }
  .flex-order-gt-lg-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8;
  }
  .flex-order-gt-lg-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9;
  }
  .flex-order-gt-lg-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10;
  }
  .flex-order-gt-lg-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11;
  }
  .flex-order-gt-lg-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12;
  }
  .flex-order-gt-lg-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13;
  }
  .flex-order-gt-lg-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    order: 14;
  }
  .flex-order-gt-lg-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    order: 15;
  }
  .flex-order-gt-lg-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    order: 16;
  }
  .flex-order-gt-lg-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    order: 17;
  }
  .flex-order-gt-lg-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    order: 18;
  }
  .flex-order-gt-lg-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    order: 19;
  }
  .flex-order-gt-lg-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    order: 20;
  }
  .offset-gt-lg-0,
  .flex-offset-gt-lg-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-gt-lg-0,
  [dir=rtl] .flex-offset-gt-lg-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-gt-lg-5,
  .flex-offset-gt-lg-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-gt-lg-5,
  [dir=rtl] .flex-offset-gt-lg-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-gt-lg-10,
  .flex-offset-gt-lg-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-gt-lg-10,
  [dir=rtl] .flex-offset-gt-lg-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-gt-lg-15,
  .flex-offset-gt-lg-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-gt-lg-15,
  [dir=rtl] .flex-offset-gt-lg-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-gt-lg-20,
  .flex-offset-gt-lg-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-gt-lg-20,
  [dir=rtl] .flex-offset-gt-lg-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-gt-lg-25,
  .flex-offset-gt-lg-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-gt-lg-25,
  [dir=rtl] .flex-offset-gt-lg-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-gt-lg-30,
  .flex-offset-gt-lg-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-gt-lg-30,
  [dir=rtl] .flex-offset-gt-lg-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-gt-lg-35,
  .flex-offset-gt-lg-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-gt-lg-35,
  [dir=rtl] .flex-offset-gt-lg-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-gt-lg-40,
  .flex-offset-gt-lg-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-gt-lg-40,
  [dir=rtl] .flex-offset-gt-lg-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-gt-lg-45,
  .flex-offset-gt-lg-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-gt-lg-45,
  [dir=rtl] .flex-offset-gt-lg-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-gt-lg-50,
  .flex-offset-gt-lg-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-gt-lg-50,
  [dir=rtl] .flex-offset-gt-lg-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-gt-lg-55,
  .flex-offset-gt-lg-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-gt-lg-55,
  [dir=rtl] .flex-offset-gt-lg-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-gt-lg-60,
  .flex-offset-gt-lg-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-gt-lg-60,
  [dir=rtl] .flex-offset-gt-lg-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-gt-lg-65,
  .flex-offset-gt-lg-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-gt-lg-65,
  [dir=rtl] .flex-offset-gt-lg-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-gt-lg-70,
  .flex-offset-gt-lg-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-gt-lg-70,
  [dir=rtl] .flex-offset-gt-lg-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-gt-lg-75,
  .flex-offset-gt-lg-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-gt-lg-75,
  [dir=rtl] .flex-offset-gt-lg-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-gt-lg-80,
  .flex-offset-gt-lg-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-gt-lg-80,
  [dir=rtl] .flex-offset-gt-lg-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-gt-lg-85,
  .flex-offset-gt-lg-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-gt-lg-85,
  [dir=rtl] .flex-offset-gt-lg-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-gt-lg-90,
  .flex-offset-gt-lg-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-gt-lg-90,
  [dir=rtl] .flex-offset-gt-lg-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-gt-lg-95,
  .flex-offset-gt-lg-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-gt-lg-95,
  [dir=rtl] .flex-offset-gt-lg-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-gt-lg-33,
  .flex-offset-gt-lg-33 {
    margin-left: calc(33.33333333%);
  }
  .offset-gt-lg-66,
  .flex-offset-gt-lg-66 {
    margin-left: calc(66.66666667%);
  }
  [dir=rtl] .offset-gt-lg-66,
  [dir=rtl] .flex-offset-gt-lg-66 {
    margin-left: auto;
    margin-right: calc(66.66666667%);
  }
  .layout-align-gt-lg,
  .layout-align-gt-lg-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
  }
  .layout-align-gt-lg-start,
  .layout-align-gt-lg-start-start,
  .layout-align-gt-lg-start-center,
  .layout-align-gt-lg-start-end,
  .layout-align-gt-lg-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .layout-align-gt-lg-center,
  .layout-align-gt-lg-center-start,
  .layout-align-gt-lg-center-center,
  .layout-align-gt-lg-center-end,
  .layout-align-gt-lg-center-stretch {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .layout-align-gt-lg-end,
  .layout-align-gt-lg-end-start,
  .layout-align-gt-lg-end-center,
  .layout-align-gt-lg-end-end,
  .layout-align-gt-lg-end-stretch {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .layout-align-gt-lg-space-around,
  .layout-align-gt-lg-space-around-center,
  .layout-align-gt-lg-space-around-start,
  .layout-align-gt-lg-space-around-end,
  .layout-align-gt-lg-space-around-stretch {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .layout-align-gt-lg-space-between,
  .layout-align-gt-lg-space-between-center,
  .layout-align-gt-lg-space-between-start,
  .layout-align-gt-lg-space-between-end,
  .layout-align-gt-lg-space-between-stretch {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .layout-align-gt-lg-start-start,
  .layout-align-gt-lg-center-start,
  .layout-align-gt-lg-end-start,
  .layout-align-gt-lg-space-between-start,
  .layout-align-gt-lg-space-around-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .layout-align-gt-lg-start-center,
  .layout-align-gt-lg-center-center,
  .layout-align-gt-lg-end-center,
  .layout-align-gt-lg-space-between-center,
  .layout-align-gt-lg-space-around-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-gt-lg-start-center > *,
  .layout-align-gt-lg-center-center > *,
  .layout-align-gt-lg-end-center > *,
  .layout-align-gt-lg-space-between-center > *,
  .layout-align-gt-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-gt-lg-start-end,
  .layout-align-gt-lg-center-end,
  .layout-align-gt-lg-end-end,
  .layout-align-gt-lg-space-between-end,
  .layout-align-gt-lg-space-around-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
  }
  .layout-align-gt-lg-start-stretch,
  .layout-align-gt-lg-center-stretch,
  .layout-align-gt-lg-end-stretch,
  .layout-align-gt-lg-space-between-stretch,
  .layout-align-gt-lg-space-around-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
  }
  .flex-gt-lg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
  .flex-gt-lg-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-gt-lg-initial {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-none {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-noshrink {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-nogrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-gt-lg-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-0 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-gt-lg-column > .flex-gt-lg-0 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-gt-lg-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-gt-lg-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-gt-lg-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-gt-lg-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-gt-lg-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-gt-lg-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-gt-lg-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-gt-lg-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-gt-lg-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-gt-lg-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-gt-lg-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-gt-lg-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-gt-lg-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-gt-lg-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-gt-lg-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-gt-lg-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-gt-lg-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-gt-lg-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-33,
  .layout-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-gt-lg-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-gt-lg-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-gt-lg-100 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-33,
  .layout-gt-lg-row > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex-gt-lg-66,
  .layout-gt-lg-row > .flex-gt-lg-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-gt-lg-row > .flex {
    min-width: 0;
  }
  .layout-gt-lg-column > .flex-gt-lg-33,
  .layout-gt-lg-column > .flex-gt-lg-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex-gt-lg-66,
  .layout-gt-lg-column > .flex-gt-lg-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-gt-lg-column > .flex {
    min-height: 0;
  }
  .layout-gt-lg,
  .layout-gt-lg-column,
  .layout-gt-lg-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .layout-gt-lg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .layout-gt-lg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  .flex-order-xl--20 {
    -webkit-box-ordinal-group: -19;
    -webkit-order: -20;
    order: -20;
  }
  .flex-order-xl--19 {
    -webkit-box-ordinal-group: -18;
    -webkit-order: -19;
    order: -19;
  }
  .flex-order-xl--18 {
    -webkit-box-ordinal-group: -17;
    -webkit-order: -18;
    order: -18;
  }
  .flex-order-xl--17 {
    -webkit-box-ordinal-group: -16;
    -webkit-order: -17;
    order: -17;
  }
  .flex-order-xl--16 {
    -webkit-box-ordinal-group: -15;
    -webkit-order: -16;
    order: -16;
  }
  .flex-order-xl--15 {
    -webkit-box-ordinal-group: -14;
    -webkit-order: -15;
    order: -15;
  }
  .flex-order-xl--14 {
    -webkit-box-ordinal-group: -13;
    -webkit-order: -14;
    order: -14;
  }
  .flex-order-xl--13 {
    -webkit-box-ordinal-group: -12;
    -webkit-order: -13;
    order: -13;
  }
  .flex-order-xl--12 {
    -webkit-box-ordinal-group: -11;
    -webkit-order: -12;
    order: -12;
  }
  .flex-order-xl--11 {
    -webkit-box-ordinal-group: -10;
    -webkit-order: -11;
    order: -11;
  }
  .flex-order-xl--10 {
    -webkit-box-ordinal-group: -9;
    -webkit-order: -10;
    order: -10;
  }
  .flex-order-xl--9 {
    -webkit-box-ordinal-group: -8;
    -webkit-order: -9;
    order: -9;
  }
  .flex-order-xl--8 {
    -webkit-box-ordinal-group: -7;
    -webkit-order: -8;
    order: -8;
  }
  .flex-order-xl--7 {
    -webkit-box-ordinal-group: -6;
    -webkit-order: -7;
    order: -7;
  }
  .flex-order-xl--6 {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
    order: -6;
  }
  .flex-order-xl--5 {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
    order: -5;
  }
  .flex-order-xl--4 {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
    order: -4;
  }
  .flex-order-xl--3 {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
    order: -3;
  }
  .flex-order-xl--2 {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
    order: -2;
  }
  .flex-order-xl--1 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1;
  }
  .flex-order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0;
  }
  .flex-order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
  }
  .flex-order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
  }
  .flex-order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
  }
  .flex-order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4;
  }
  .flex-order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5;
  }
  .flex-order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6;
  }
  .flex-order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7;
  }
  .flex-order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8;
  }
  .flex-order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9;
  }
  .flex-order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10;
  }
  .flex-order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11;
  }
  .flex-order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12;
  }
  .flex-order-xl-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13;
  }
  .flex-order-xl-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    order: 14;
  }
  .flex-order-xl-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    order: 15;
  }
  .flex-order-xl-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    order: 16;
  }
  .flex-order-xl-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    order: 17;
  }
  .flex-order-xl-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    order: 18;
  }
  .flex-order-xl-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    order: 19;
  }
  .flex-order-xl-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    order: 20;
  }
  .offset-xl-0,
  .flex-offset-xl-0 {
    margin-left: 0;
  }
  [dir=rtl] .offset-xl-0,
  [dir=rtl] .flex-offset-xl-0 {
    margin-left: auto;
    margin-right: 0;
  }
  .offset-xl-5,
  .flex-offset-xl-5 {
    margin-left: 5%;
  }
  [dir=rtl] .offset-xl-5,
  [dir=rtl] .flex-offset-xl-5 {
    margin-left: auto;
    margin-right: 5%;
  }
  .offset-xl-10,
  .flex-offset-xl-10 {
    margin-left: 10%;
  }
  [dir=rtl] .offset-xl-10,
  [dir=rtl] .flex-offset-xl-10 {
    margin-left: auto;
    margin-right: 10%;
  }
  .offset-xl-15,
  .flex-offset-xl-15 {
    margin-left: 15%;
  }
  [dir=rtl] .offset-xl-15,
  [dir=rtl] .flex-offset-xl-15 {
    margin-left: auto;
    margin-right: 15%;
  }
  .offset-xl-20,
  .flex-offset-xl-20 {
    margin-left: 20%;
  }
  [dir=rtl] .offset-xl-20,
  [dir=rtl] .flex-offset-xl-20 {
    margin-left: auto;
    margin-right: 20%;
  }
  .offset-xl-25,
  .flex-offset-xl-25 {
    margin-left: 25%;
  }
  [dir=rtl] .offset-xl-25,
  [dir=rtl] .flex-offset-xl-25 {
    margin-left: auto;
    margin-right: 25%;
  }
  .offset-xl-30,
  .flex-offset-xl-30 {
    margin-left: 30%;
  }
  [dir=rtl] .offset-xl-30,
  [dir=rtl] .flex-offset-xl-30 {
    margin-left: auto;
    margin-right: 30%;
  }
  .offset-xl-35,
  .flex-offset-xl-35 {
    margin-left: 35%;
  }
  [dir=rtl] .offset-xl-35,
  [dir=rtl] .flex-offset-xl-35 {
    margin-left: auto;
    margin-right: 35%;
  }
  .offset-xl-40,
  .flex-offset-xl-40 {
    margin-left: 40%;
  }
  [dir=rtl] .offset-xl-40,
  [dir=rtl] .flex-offset-xl-40 {
    margin-left: auto;
    margin-right: 40%;
  }
  .offset-xl-45,
  .flex-offset-xl-45 {
    margin-left: 45%;
  }
  [dir=rtl] .offset-xl-45,
  [dir=rtl] .flex-offset-xl-45 {
    margin-left: auto;
    margin-right: 45%;
  }
  .offset-xl-50,
  .flex-offset-xl-50 {
    margin-left: 50%;
  }
  [dir=rtl] .offset-xl-50,
  [dir=rtl] .flex-offset-xl-50 {
    margin-left: auto;
    margin-right: 50%;
  }
  .offset-xl-55,
  .flex-offset-xl-55 {
    margin-left: 55%;
  }
  [dir=rtl] .offset-xl-55,
  [dir=rtl] .flex-offset-xl-55 {
    margin-left: auto;
    margin-right: 55%;
  }
  .offset-xl-60,
  .flex-offset-xl-60 {
    margin-left: 60%;
  }
  [dir=rtl] .offset-xl-60,
  [dir=rtl] .flex-offset-xl-60 {
    margin-left: auto;
    margin-right: 60%;
  }
  .offset-xl-65,
  .flex-offset-xl-65 {
    margin-left: 65%;
  }
  [dir=rtl] .offset-xl-65,
  [dir=rtl] .flex-offset-xl-65 {
    margin-left: auto;
    margin-right: 65%;
  }
  .offset-xl-70,
  .flex-offset-xl-70 {
    margin-left: 70%;
  }
  [dir=rtl] .offset-xl-70,
  [dir=rtl] .flex-offset-xl-70 {
    margin-left: auto;
    margin-right: 70%;
  }
  .offset-xl-75,
  .flex-offset-xl-75 {
    margin-left: 75%;
  }
  [dir=rtl] .offset-xl-75,
  [dir=rtl] .flex-offset-xl-75 {
    margin-left: auto;
    margin-right: 75%;
  }
  .offset-xl-80,
  .flex-offset-xl-80 {
    margin-left: 80%;
  }
  [dir=rtl] .offset-xl-80,
  [dir=rtl] .flex-offset-xl-80 {
    margin-left: auto;
    margin-right: 80%;
  }
  .offset-xl-85,
  .flex-offset-xl-85 {
    margin-left: 85%;
  }
  [dir=rtl] .offset-xl-85,
  [dir=rtl] .flex-offset-xl-85 {
    margin-left: auto;
    margin-right: 85%;
  }
  .offset-xl-90,
  .flex-offset-xl-90 {
    margin-left: 90%;
  }
  [dir=rtl] .offset-xl-90,
  [dir=rtl] .flex-offset-xl-90 {
    margin-left: auto;
    margin-right: 90%;
  }
  .offset-xl-95,
  .flex-offset-xl-95 {
    margin-left: 95%;
  }
  [dir=rtl] .offset-xl-95,
  [dir=rtl] .flex-offset-xl-95 {
    margin-left: auto;
    margin-right: 95%;
  }
  .offset-xl-33,
  .flex-offset-xl-33 {
    margin-left: calc(33.33333333%);
  }
  .offset-xl-66,
  .flex-offset-xl-66 {
    margin-left: calc(66.66666667%);
  }
  [dir=rtl] .offset-xl-66,
  [dir=rtl] .flex-offset-xl-66 {
    margin-left: auto;
    margin-right: calc(66.66666667%);
  }
  .layout-align-xl,
  .layout-align-xl-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
  }
  .layout-align-xl-start,
  .layout-align-xl-start-start,
  .layout-align-xl-start-center,
  .layout-align-xl-start-end,
  .layout-align-xl-start-stretch {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .layout-align-xl-center,
  .layout-align-xl-center-start,
  .layout-align-xl-center-center,
  .layout-align-xl-center-end,
  .layout-align-xl-center-stretch {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .layout-align-xl-end,
  .layout-align-xl-end-start,
  .layout-align-xl-end-center,
  .layout-align-xl-end-end,
  .layout-align-xl-end-stretch {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .layout-align-xl-space-around,
  .layout-align-xl-space-around-center,
  .layout-align-xl-space-around-start,
  .layout-align-xl-space-around-end,
  .layout-align-xl-space-around-stretch {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .layout-align-xl-space-between,
  .layout-align-xl-space-between-center,
  .layout-align-xl-space-between-start,
  .layout-align-xl-space-between-end,
  .layout-align-xl-space-between-stretch {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .layout-align-xl-start-start,
  .layout-align-xl-center-start,
  .layout-align-xl-end-start,
  .layout-align-xl-space-between-start,
  .layout-align-xl-space-around-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  .layout-align-xl-start-center,
  .layout-align-xl-center-center,
  .layout-align-xl-end-center,
  .layout-align-xl-space-between-center,
  .layout-align-xl-space-around-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-align-content: center;
    align-content: center;
    max-width: 100%;
  }
  .layout-align-xl-start-center > *,
  .layout-align-xl-center-center > *,
  .layout-align-xl-end-center > *,
  .layout-align-xl-space-between-center > *,
  .layout-align-xl-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box;
  }
  .layout-align-xl-start-end,
  .layout-align-xl-center-end,
  .layout-align-xl-end-end,
  .layout-align-xl-space-between-end,
  .layout-align-xl-space-around-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
  }
  .layout-align-xl-start-stretch,
  .layout-align-xl-center-stretch,
  .layout-align-xl-end-stretch,
  .layout-align-xl-space-between-stretch,
  .layout-align-xl-space-around-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch;
  }
  .flex-xl {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
  }
  .flex-xl-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    box-sizing: border-box;
  }
  .flex-xl-initial {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xl-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .flex-xl-none {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: border-box;
  }
  .flex-xl-noshrink {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    box-sizing: border-box;
  }
  .flex-xl-nogrow {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .flex-xl-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-0 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 0;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0;
  }
  .layout-xl-column > .flex-xl-0 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    flex: 1 1 0;
    max-width: 100%;
    max-height: 0;
    box-sizing: border-box;
    min-height: 0;
  }
  .flex-xl-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box;
  }
  .flex-xl-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box;
  }
  .flex-xl-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box;
  }
  .flex-xl-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-20 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box;
  }
  .flex-xl-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-25 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box;
  }
  .flex-xl-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box;
  }
  .flex-xl-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box;
  }
  .flex-xl-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-40 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box;
  }
  .flex-xl-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-45 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box;
  }
  .flex-xl-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box;
  }
  .flex-xl-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box;
  }
  .flex-xl-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-60 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box;
  }
  .flex-xl-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-65 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box;
  }
  .flex-xl-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box;
  }
  .flex-xl-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box;
  }
  .flex-xl-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-80 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box;
  }
  .flex-xl-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-85 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box;
  }
  .flex-xl-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box;
  }
  .flex-xl-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-33,
  .layout-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box;
  }
  .flex-xl-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-row > .flex-xl-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-column > .flex-xl-100 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-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 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-33,
  .layout-xl-row > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex-xl-66,
  .layout-xl-row > .flex-xl-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box;
  }
  .layout-xl-row > .flex {
    min-width: 0;
  }
  .layout-xl-column > .flex-xl-33,
  .layout-xl-column > .flex-xl-33 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex-xl-66,
  .layout-xl-column > .flex-xl-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box;
  }
  .layout-xl-column > .flex {
    min-height: 0;
  }
  .layout-xl,
  .layout-xl-column,
  .layout-xl-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
  }
  .layout-xl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .layout-xl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-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 !important;
  }
  .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 !important;
  }
}
@media print {
  .hide-print:not(.show-print):not(.show) {
    display: none !important;
  }
}
.flex-align-start {
  align-self: flex-start;
}
.flex-align-center {
  align-self: center;
}
.flex-align-end {
  align-self: flex-start;
}
.flex-align-stretch {
  align-self: stretch;
}
.flex-align-baseline {
  align-self: baseline;
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-down {
  from {
    opacity: 0;
    transform: translate(0, -100px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translate(0, 100px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes fade-in-right {
  from {
    opacity: 0;
    transform: translate(-100px, 0);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes fade-in-zoomin {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes scaleIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@media (min-width: 600px) {
  .aside-left {
    float: left;
    margin-right: 1rem;
  }
  .aside-right {
    float: right;
    margin-left: 1rem;
  }
}

.chart-legend,
.bar-legend,
.line-legend,
.pie-legend,
.radar-legend,
.polararea-legend,
.doughnut-legend {
  list-style-type: none;
  margin-top: 5px;
  text-align: center;
  /* NOTE: Browsers automatically add 40px of padding-left to all lists, so we should offset that, otherwise the legend is off-center */
  -webkit-padding-start: 0;
  /* Webkit */
  -moz-padding-start: 0;
  /* Mozilla */
  padding-left: 0;
  /* IE (handles all cases, really, but we should also include the vendor-specific properties just to be safe) */
}
.chart-legend li,
.bar-legend li,
.line-legend li,
.pie-legend li,
.radar-legend li,
.polararea-legend li,
.doughnut-legend li {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: smaller;
  cursor: default;
}
.chart-legend li span,
.bar-legend li span,
.line-legend li span,
.pie-legend li span,
.radar-legend li span,
.polararea-legend li span,
.doughnut-legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
}
.chart-indicator {
  display: inline-block;
  width: 1em;
  height: 1.5em;
  border-radius: 2px;
}
.chart-indicator:before {
  content: "";
}


.dashboard-icon-area {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  flex-shrink: 0;
  width: 100%;
}
@media (min-width: 600px) {
  .dashboard-icon-area {
    justify-content: flex-start;
  }
}

summary {
  cursor: pointer;
  position: relative;
}
summary::-webkit-details-marker {
  display: none;
}
summary:before {
  content: "\f054";
  width: 1em;
  margin-right: 0.5em;
  transform: scale(0.75);
  display: inline-block;
  font: normal normal 400 14px/1 FontAwesome;
  font-size: inherit;
  transition: transform 0.1s;
}
summary:focus {
  outline: 0;
}
details.details-outside:before {
  position: absolute;
  left: -1.5em;
}
details[open] summary:before {
  transform: scale(0.75) rotate(90deg);
}

.divider {
  height: 1px;
  margin: 1em 0;
  background: #e6e6e6;
}

.document-inline {
  font-size: 0.8rem;
  display: inline;
  padding: 0.25em 0.5em;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px #d9d9d9;
  white-space: nowrap;
  transition: background 100ms;
}
.document-inline:before {
  content: "\f016";
  font-family: FontAwesome, sans-serif;
  margin-right: 5px;
}
.document-inline:hover {
  background: #f2f2f2;
}

.ui-buttons {
  display: block;
  margin: 1em 0;
  text-align: right;
}

.form-checkbox input[type="checkbox"] {
  display: none;
}
.form-checkbox input[type="checkbox"].ng-invalid + .label:before {
  color: #F44336;
}
.form-checkbox input[type="checkbox"]:disabled + .label {
  cursor: not-allowed;
}
.form-checkbox input[type="checkbox"] + .label:hover {
  color: #36C;
}
.form-checkbox input[type="checkbox"] + .label:hover:before {
  color: #36C;
}
.form-checkbox input[type="checkbox"] + .label:before {
  color: #CCC;
  content: "\f096";
  font-family: FontAwesome, sans-serif;
  display: inline-block;
  width: 1.5em;
}
.form-checkbox input[type="checkbox"]:checked + .label:before {
  content: "\f14a";
  color: #36C;
}

.form-control {
  display: flex;
  align-items: baseline;
}
.form-control:before {
  content: '';
}
.form-control .addon {
  flex-shrink: 0;
  opacity: 0.6;
  padding: 0 2px;
}
.form-control .button {
  flex-shrink: 0;
  text-transform: uppercase;
  font-weight: 700;
  opacity: 0.6;
}
.form-control .button:hover {
  opacity: 1;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.form-fieldset {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 0.5rem;
  border-radius: 2px;
}
.form-fieldset legend {
  font-weight: 700;
  padding: 0 0.5em;
}

.form-control textarea.input {
  resize: none;
  overflow-y: scroll;
}
.form-control textarea.input::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.form-control textarea.input::-webkit-scrollbar-track {
  background: none;
}
.form-control textarea.input::-webkit-scrollbar-thumb {
  background: #DDD;
}
.form-control textarea.input::-webkit-scrollbar-thumb:hover {
  background-color: #CCC;
}
.form-control select.input.ng-empty:not(:focus) {
  color: rgba(0, 0, 0, 0.25);
}
.form-control select[size].input {
  height: auto;
}
.form-control .input {
  color: inherit;
  border: 0;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  padding: 0.25em 0.5em;
  box-sizing: border-box;
  width: auto;
}
.form-control .input::-webkit-input-placeholder {
  font-family: 'Roboto', "Roboto2", sans-serif;
  font-style: 400;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
}
.form-control .input:-moz-placeholder {
  font-family: 'Roboto', "Roboto2", sans-serif;
  font-style: 400;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
}
.form-control .input:-ms-input-placeholder {
  font-family: 'Roboto', "Roboto2", sans-serif;
  font-style: 400;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
}
.form-control .input:focus {
  background: #ffffff;
  outline: -webkit-focus-ring-color auto 5px;
}
.form-control .input:disabled {
  cursor: default;
}
.form-control .input:disabled {
  color: #999;
  background: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
.form-control .input.ng-invalid:not(:disabled) {
  box-shadow: inset 0 0 0 1px rgba(244, 67, 54, 0.5);
}
.form-control .input.ng-invalid-required:not(:disabled) {
  box-shadow: inset 0 0 0 1px rgba(33, 150, 243, 0.5);
}
.form-control .input .placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.form-control .input {
  width: 100%;
  flex-shrink: 0;
  flex-grow: 1;
  flex-basis: 0;
}

.form-messages {
  margin: 0.5em 0;
  padding: 0;
  font-size: 12px;
  color: #F44336;
}

.form-meter {
  width: 100%;
  margin: 1em 0;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.025);
  border: 1px solid #DDD;
  padding: 2px;
}
.form-meter .bar {
  height: 4px;
  border-radius: 2px;
  transition: width 250ms;
}
.form-meter .bar.weak {
  background: red;
}
.form-meter .bar.good {
  background: orange;
}
.form-meter .bar.strong {
  background: limegreen;
}

.form-radio input[type="radio"] {
  display: none;
}
.form-radio input[type="radio"].ng-invalid + .label:before {
  color: #F44336;
}
.form-radio input[type="radio"]:disabled + .label {
  cursor: not-allowed;
}
.form-radio input[type="radio"] + .label:hover {
  color: #36C;
}
.form-radio input[type="radio"] + .label:hover:before {
  color: #36C;
}
.form-radio input[type="radio"] + .label:before {
  color: #cccccc;
  content: "\F10C";
  font-family: FontAwesome, sans-serif;
  display: inline-block;
  width: 1.5em;
}
.form-radio input[type="radio"]:checked + .label:before {
  content: "\F192";
  color: #36C;
}

.form {
  margin: 1em 0;
  padding: 0;
}

.help-block {
  display: block;
  background: #EDE7F6;
  padding: 0 1em;
}
.help-block summary {
  font-size: 80%;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0.25em 0;
}
.help-block ol {
  padding-left: 1.5em;
}
.help-block li {
  margin: 0.25em 0;
}
.help-block[open] summary {
  font-size: 100%;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0.5em 0;
}

hr {
  margin: 0;
  border: 0;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
}
.hr {
  margin: 1em 0;
}

info {
  display: block;
  margin: 1em 0;
}
info,
.info {
  color: #FFF;
  padding: 0.25em 0.5em 0.25em 2em;
  background: #2196F3;
  border: 0;
  border-radius: 2px;
  word-wrap: break-word;
}
info:before,
.info:before {
  content: "\f05a";
  font-family: FontAwesome, sans-serif;
  position: absolute;
  width: 1.5em;
  margin-left: -1.5em;
}
info.inline,
.info.inline {
  display: inline;
  margin: 0;
}
info[type="success"],
.info[type="success"],
info.info-success,
.info.info-success {
  background: #5AB517;
}
info[type="warn"],
.info[type="warn"],
info.info-warn,
.info.info-warn {
  background: #FF9800;
}
info[type="warn"]:before,
.info[type="warn"]:before,
info.info-warn:before,
.info.info-warn:before {
  content: "\f071";
}
info[type="error"],
.info[type="error"],
info.info-error,
.info.info-error {
  background: #F44336;
}
info[type="error"]:before,
.info[type="error"]:before,
info.info-error:before,
.info.info-error:before {
  content: "\f071";
}

p {
  margin: 1em 0;
}
blockquote {
  margin: 1em 0;
  padding: 0 2em;
}
[float="right"] {
  float: right;
}
[float="left"] {
  float: left;
}
[clear="left"] {
  clear: left;
}
[clear="right"] {
  clear: right;
}
[clear="both"] {
  clear: both;
}
[selectable] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  cursor: auto;
}
[max-width="sm"] {
  max-width: 400px;
}
[max-width="md"] {
  max-width: 600px;
}
[max-width="lg"] {
  max-width: 960px;
}
[max-width="xl"] {
  max-width: 1200px;
}
[scrollable] {
  overflow: auto;
}
[scrollable]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[scrollable]::-webkit-scrollbar-track {
  background: #999;
}
[scrollable]::-webkit-scrollbar-thumb {
  background: #888;
}
[scrollable]::-webkit-scrollbar-thumb:hover {
  background-color: #36C;
}
.nobreak,
[nobreak] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.link {
  text-decoration: underline;
}
.link.primary {
  color: #36C;
}
.link.link-primary {
  color: #36C;
}
.link-external:after {
  content: "\f08e";
  margin-left: 0.5em;
  font-family: FontAwesome, sans-serif;
}

.list-item {
  display: block;
  padding: 1em 0;
}
.list-item + .list-item {
  border-top: 1px solid #DDD;
}
.list-item-avatar {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 300;
  background: #AAA;
  color: #FFF;
  font-size: 120%;
  border-radius: 100%;
  float: left;
  margin-right: 0.5em;
}
.list-item-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.list-item-actions {
  float: right;
}

loadbar {
  width: 100%;
  position: absolute;
  z-index: 1;
}
loadbar .bar {
  background: #36C;
  height: 4px;
  transition: width 250ms, height 250ms;
}
loadbar .bar.ng-enter,
loadbar .bar.ng-leave-active {
  height: 0;
}
loadbar .bar.ng-leave,
loadbar .bar.ng-enter-active {
  height: 4px;
}

mark,
.mark {
  background-color: rgba(255, 235, 59, 0.5);
  color: #000;
  border-radius: 2px;
  padding: 0.25em;
}

.notify-area {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 4;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  color: #DDD;
  background: #333;
}
.notify-area .notify-close-all {
  text-align: center;
  transition: background 100ms;
  cursor: pointer;
  font-size: small;
  border-top: 1px solid #444;
}
.notify-area .notify-close-all:hover {
  background: #444;
}
.notify-area .notify-container {
  width: 450px;
  overflow: auto;
  max-height: 500px;
}
.notify-area .notify-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.notify-area .notify-container::-webkit-scrollbar-track {
  background: #333;
}
.notify-area .notify-container::-webkit-scrollbar-thumb {
  background: #666;
}
.notify-area .notify-container::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}
notify {
  display: flex;
  flex-direction: row;
  opacity: 1;
  overflow: hidden;
  transition: opacity 500ms, max-height 500ms;
}
notify + notify {
  border-top: 1px solid #444;
}
notify .color {
  flex-shrink: 0;
  width: 6px;
}
notify .timer {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
notify .timer circle {
  transition: stroke-dashoffset 1s linear;
  stroke-dasharray: 50.26548245743669;
  stroke-width: 2px;
}
notify .close {
  flex-shrink: 0;
  width: 40px;
  color: #DDD;
  cursor: pointer;
  padding: 10px;
  text-align: center;
}
notify .close:hover {
  background: #555;
}
notify .text {
  flex-grow: 1;
  flex-shrink: 1;
  color: #DDD;
  padding: 10px 5px;
  word-wrap: break-word;
}
notify.notify-info .color {
  background: #2196F3;
}
notify.notify-success .color {
  background: #5AB517;
}
notify.notify-warn .color {
  background: #FF9800;
}
notify.notify-error .color {
  background: #F44336;
}
notify.ng-enter,
notify.ng-leave.ng-leave-active {
  opacity: 0;
  max-height: 0;
}
notify.ng-leave,
notify.ng-enter.ng-enter-active {
  opacity: 1;
  max-height: 200px;
}

.padding {
  padding: 0 1.5em;
}
section {
  margin: 0;
  padding: 0;
}
section.text {
  margin: 1.5em 0;
  padding: 0 2em;
}
section.content {
  padding: 0 1.5em;
}
section.footer {
  color: #999;
  font-size: smaller;
  text-align: right;
  margin: 0.5em 0;
  padding: 0 3em;
}
paper section {
  margin: 1.5em 0;
  padding: 0 3em;
}
@media (max-width: 600px) {
  section.text {
    margin: 1em 0;
    padding: 0 1em;
  }
  section.content {
    padding: 0 0.5em;
  }
  section.footer {
    padding: 0 0.5em;
  }
  paper section {
    margin: 1em 0;
    padding: 0 1em;
  }
}
/*paper section {
	margin  : 1.5em auto;
	padding : 0 3em;
	&.footer {
		margin     : 0;
		padding    : 0.5em 3em;
		border-top : 1px solid #DDD;
		background : #F3F3F3;
		& > *:first-child {
			margin-top : 0;
		}
		& > *:last-child {
			margin-bottom : 0;
		}
	}
}*/

.sidebar {
  width: 220px;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  background: #444;
  overflow: hidden;
  color: #AAA;
}
.sidebar-header {
  padding: 5px;
  color: #DDD;
}
.sidebar-header:hover {
  cursor: pointer;
  color: #FFF;
  background: #36C;
}
.sidebar-header .sidebar-header-avatar {
  width: 40px;
  height: 40px;
  margin-right: 0.5em;
  float: left;
}
.sidebar-menu .sidebar-menu-item {
  display: block;
  padding: 0.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-menu .sidebar-menu-item:hover {
  cursor: pointer;
  color: #FFF;
  background: #36C;
}
/*
@media (max-width : @size-sm) {
	main {
		width : 0;
	}
}

@media (max-width : @size-md) {
	aside {
		width : 50px;
	}
}*/

.sticky-area {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

sup {
  font-size: 50%;
  vertical-align: super;
}

.table-grid {
  width: 100%;
  font-size: 80%;
  border-collapse: collapse;
  border-radius: 2px;
  outline: 1px solid #CCC;
  background: #fcfcfc;
}
.table-grid thead {
  background: #ededed;
  border-bottom: 1px solid #CCC;
  color: #999;
}
.table-grid thead th {
  vertical-align: bottom;
  padding: 0.5em;
  position: relative;
  font-weight: 700;
}
.table-grid thead th[order-by]:hover {
  cursor: pointer;
  color: #000;
  background: #f2f2f2;
}
.table-grid thead th.sorted:after {
  margin-left: 4px;
  content: "\25BE";
  font-size: 16px;
  text-align: center;
  box-sizing: content-box;
  animation: scaleIn 250ms;
}
.table-grid thead th.sorted.reverse:after {
  transform: rotate(180deg);
}
.table-grid tbody.stripped tr:nth-child(even) {
  background: #f7f7f7;
}
.table-grid tbody tr {
  outline: 0 solid #2196F3;
  outline-offset: -1px;
  color: #666;
}
.table-grid tbody tr + tr {
  border-top: 1px solid #dbdbdb;
}
.table-grid tbody tr.disabled {
  background: #ededed;
  color: #999;
}
.table-grid tbody tr.warn {
  color: #E65100;
  outline-color: #FF9800;
}
.table-grid tbody tr.expanded .details {
  display: block;
}
.table-grid tbody tr:hover {
  outline-width: 1px;
}
.table-grid tbody tr:hover [table-grid-private] {
  visibility: visible;
}
.table-grid tbody tr:hover .action {
  visibility: visible;
  opacity: 1;
}
.table-grid tbody tr.selected {
  background: rgba(33, 150, 243, 0.1);
}
.table-grid tbody tr.selected td {
  /*&.selected {
					background : fade(@color-info, 10);
				}*/
}
.table-grid tbody td {
  vertical-align: top;
  padding: 0.5em;
  border-right: 1px solid rgba(0, 0, 0, 0.02);
}
.table-grid tbody td:last-child {
  border-right: 0;
}
.table-grid tfoot {
  background: #EEE;
  border-top: 1px solid #CCC;
  color: #999;
}
.table-grid tfoot td {
  vertical-align: top;
  padding: 0.5em;
  font-weight: 700;
  /*& + td {
			border-left : 1px solid #DDD;
		}*/
}
.table-grid.fixed,
.table-grid-fixed {
  table-layout: fixed;
}
.table-grid.fixed .fixed,
.table-grid-fixed .fixed,
.table-grid.fixed th,
.table-grid-fixed th,
.table-grid.fixed td,
.table-grid-fixed td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*.table-grid-compact {
	line-height : 1em;
}*/
.table-grid .input-cell {
  padding: 0;
}
.table-grid .input-cell .input {
  box-sizing: border-box;
  width: 100%;
  line-height: 1.5;
  padding: 0.5em;
  background: none;
  border: none;
  outline: none;
  color: inherit;
  font-size: inherit;
}
.table-grid .input-cell .input:focus {
  color: #000;
}
.table-grid [table-grid-private] {
  visibility: hidden;
}
.table-grid td.no-scroll {
  white-space: nowrap;
}
.table-grid .details {
  margin-top: 2px;
  border-top: 1px solid #DDD;
  padding-top: 2px;
  padding-left: 10px;
  font-size: small;
  display: none;
}

.table-list {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
  table-layout: fixed;
}
.table-list thead {
  color: #666;
  border-bottom: 1px solid #CCC;
}
.table-list thead th {
  padding: 0.5em;
}
.table-list tbody tr + tr {
  border-top: 1px solid #DDD;
}
.table-list tbody td {
  padding: 0.5em;
}

.table-light {
  width: 100%;
  background: #FDFDFD;
}
.table-light.bordered {
  border: 1px solid #919191;
}
.table-light.outlined {
  border: 1px solid #DDD;
}
.table-light.small td {
  font-size: small;
  padding: 4px;
}
.table-light caption {
  font-size: 24px;
  font-weight: 300;
  line-height: 40px;
  text-align: left;
  padding: 10px 40px;
  background: #919191;
  color: #FFF;
}
.table-light thead {
  background: #DDD;
}
.table-light thead tr {
  border-bottom: 1px solid #c4c4c4;
}
.table-light thead th {
  padding: 5px;
  text-align: center;
  position: relative;
}
.table-light thead th + th {
  border-left: 1px solid #c4c4c4;
}
.table-light thead th[order-by]:hover {
  cursor: pointer;
  background: #c4c4c4;
}
.table-light thead th.sorted:after {
  content: "\25BE";
  color: #FFF;
  display: block;
  position: absolute;
  left: 50%;
  margin: -2px -8px;
  width: 16px;
  line-height: 16px;
  border-radius: 100%;
  font-size: 12px;
  text-align: center;
  box-sizing: content-box;
  background: #919191;
  transition: transform 100ms;
  animation: scaleIn 250ms;
}
.table-light thead th.sorted.reverse:after {
  transform: rotate(180deg);
}
.table-light thead + tbody {
  border-top: 2px solid #919191;
}
.table-light tbody + tbody {
  border-top: 1px solid #DDD;
}
.table-light tbody.group {
  color: #666;
  background: #EEE;
  font-weight: 700;
}
.table-light tbody.group.collapsable {
  cursor: pointer;
  transition: background 100ms;
}
.table-light tbody.group.collapsable td:first-of-type:before {
  font-size: large;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  content: "\25BE";
  transform: rotate(-90deg);
  transition: transform 100ms;
}
.table-light tbody.group.collapsable.active {
  color: #000;
}
.table-light tbody.group.collapsable.active td:first-of-type:before {
  transform: rotate(0);
}
.table-light tbody.group.collapsable:hover {
  color: #000;
  background: #DDD;
}
.table-light tbody.stripped tr:nth-child(even) {
  background: #F4F4F4;
}
.table-light tbody tr + tr {
  border-top: 1px solid #DDD;
}
.table-light tbody tr.disabled {
  color: #999;
}
.table-light tbody tr.expanded .details {
  display: block;
}
.table-light tbody tr.selectable:hover {
  background: rgba(33, 150, 243, 0.05);
}
.table-light tbody td {
  vertical-align: top;
  padding: 8px;
  /*&:first-child {
		  padding-left : 12px;
		}
		&:last-child {
		  padding-right : 16px;
		}*/
}
.table-light tbody td + td {
  border-left: 1px solid rgba(0, 0, 0, 0.02);
}
.table-light tfoot {
  background: #EEE;
  border-top: 2px solid #919191;
}
.table-light tfoot td {
  color: #666;
  font-size: small;
  padding: 4px 12px;
}
.table-light .details {
  margin-top: 2px;
  border-top: 1px solid #DDD;
  padding-top: 2px;
  padding-left: 1em;
  display: none;
}
.action {
  visibility: hidden;
  float: right;
  opacity: 0;
  transition: opacity 100ms, background 100ms;
  font-size: small;
  font-weight: 700;
  display: inline-block;
  background: #999;
  color: #FFF;
  text-transform: uppercase;
  line-height: 1.5;
  padding: 0 4px;
  margin: 0;
  margin-left: 0.5em;
  border-radius: 2px;
}
.action:hover {
  text-decoration: none;
  background: #2196F3;
}
.table-light tbody tr:hover .action {
  visibility: visible;
  opacity: 1;
}
.table-light td.input {
  padding: 0;
  height: 36px;
}
.table-light td.input input {
  background: none;
  border: 0;
  outline: 0;
  padding: 8px 0 8px 8px;
  width: 100%;
  height: 36px;
  line-height: 20px;
  transition: box-shadow 100ms;
}
.table-light td.input input:focus {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
}
.table-light td.input input.ng-invalid {
  box-shadow: 0 0 10px #F44336 inset;
}
.table-light strong {
  font-size: large;
  color: #919191;
}

tabs {
  display: flex;
  margin: 0;
  flex-direction: row;
  justify-content: center;
}
tabs tab,
tabs .tab {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.5;
  padding: 1em;
  cursor: pointer;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  transition: opacity 250ms;
}
tabs tab:hover,
tabs .tab:hover {
  opacity: 1;
}
tabs tab.active,
tabs .tab.active {
  opacity: 1;
}
tabs tab.error,
tabs .tab.error {
  color: #F44336;
}
tabs[align="left"] {
  justify-content: flex-start;
}
tabs[align="right"] {
  justify-content: flex-end;
}
tabs[theme="dark"] {
  background: #DDD;
}
@media (max-width: 600px) {
  tabs {
    flex-direction: column;
    align-items: stretch;
  }
  tabs .tab {
    display: none;
  }
  tabs .tab:hover {
    background: #CCC;
  }
  tabs .tab.active {
    display: block;
    order: -1;
  }
  tabs:hover .tab {
    display: block;
  }
}

.pill {
  display: inline-block;
  color: #888;
  font-weight: 700;
  text-transform: uppercase;
  box-sizing: border-box;
  padding: 0 .5em;
  border-radius: 2px;
  background: rgba(128, 128, 128, 0.1);
}
.pill.active {
  background: rgba(128, 128, 128, 0.7);
  color: #FFF;
}
.pill.live {
  cursor: pointer;
  transition: opacity 100ms, background 100ms;
}
.pill.live:hover {
  border-color: #36C;
}
.pill.live:hover:not([disabled]) {
  opacity: 1;
}
.pill[disabled] {
  opacity: 0.5;
}
.tag {
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  padding: 0 0.5em;
  border: 0;
  border-radius: 2px;
  opacity: 0.7;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}
.tag:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.tag-info {
  color: #FFF;
  background: #2196F3;
}
.tag-success {
  color: #FFF;
  background: #5AB517;
}
.tag-warn {
  color: #FFF;
  background: #FF9800;
}
.tag-error {
  color: #FFF;
  background: #F44336;
}

.typo-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.typo-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.typo-body-2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.typo-subhead {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.typo-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
.typo-headline {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
.typo-display-1 {
  font-size: 34px;
  font-weight: 300;
  line-height: 40px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.text-light {
  color: #999 !important;
}
.text-primary {
  color: #36C !important;
}
.text-error {
  color: #F44336 !important;
}
.text-info {
  color: #2196F3 !important;
}
.text-success {
  color: #5AB517 !important;
}
.text-warn {
  color: #FF9800 !important;
}
.text-bold {
  font-weight: 700;
}
.text-small {
  font-size: 12px;
}

time.modificacion {
  opacity: 0.7;
  font-size: 0.8rem;
  transition: opacity 0.25s;
}
time.modificacion:hover {
  opacity: 1;
}
time.modificacion:before {
  content: "\f017";
  font-size: 1rem;
  margin-right: 0.25rem;
  font-family: FontAwesome, sans-serif;
}

.tooltip {
  border-bottom: 1px dashed #999;
}
[overflow] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
tooltip {
  display: block;
  position: absolute;
  padding: 0 5px;
  font-size: small;
  color: #FFF;
  background: #333;
  border-radius: 2px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

ui-clip {
  flex-grow: 0;
  display: inline;
  cursor: pointer;
  font-weight: 700;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  padding: 0 20px;
  margin: 20px 0;
  float: right;
  background: rgba(255, 255, 255, 0.25);
  transition: all 250ms;
}
ui-clip:hover {
  color: #FFF;
}
ui-clip.active {
  color: #FFF;
  background: #36C;
  padding: 0 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
ui-clip.active:hover {
  background: #7094db;
}
ui-clip + ui-clip {
  margin-right: 4px;
}
ui-clip[color="warn"].active {
  color: #000;
  background: #FF9800;
}
ui-clip[color="warn"].active:hover {
  background: #ffb74d;
}

ui-input {
  display: block;
  position: relative;
  margin: 0.5em 0;
  /*textarea {
		height : 20px;
		&[lines="2"] {
			height : 40px;
		}
		&[lines="3"] {
			height : 60px;
		}
		&[lines="4"] {
			height : 80px;
		}
		&[lines="5"] {
			height : 100px;
		}
		&[lines="6"] {
			height : 120px;
		}
		&[lines="7"] {
			height : 140px;
		}
		&[lines="8"] {
			height : 160px;
		}
		&[lines="9"] {
			height : 180px;
		}
		&[lines="10"] {
			height : 200px;
		}
	}*/
}
ui-input label,
ui-input span {
  display: block;
  padding-right: 1.5em;
  font-size: 80%;
  flex-basis: 100%;
}
ui-input label {
  opacity: 0.6;
}
ui-input select,
ui-input input[type="date"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
ui-input input[type="text"],
ui-input input[type="date"],
ui-input input[type="search"],
ui-input input[type="month"],
ui-input input[type="number"],
ui-input input[type="email"],
ui-input input[type="password"],
ui-input textarea,
ui-input select,
ui-input .input {
  width: 100%;
  color: inherit;
  background: none;
  font-size: inherit;
  font-family: inherit;
  font-weight: 400;
  outline: none;
  margin: 0;
  padding: 0.25em 0;
  line-height: 1.5em;
  min-height: 1.5em;
  box-sizing: content-box;
  border: 0;
  border-bottom: 2px solid #EEE;
  transition: border 250ms;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ui-input input[type="text"]::-webkit-input-placeholder,
ui-input input[type="date"]::-webkit-input-placeholder,
ui-input input[type="search"]::-webkit-input-placeholder,
ui-input input[type="month"]::-webkit-input-placeholder,
ui-input input[type="number"]::-webkit-input-placeholder,
ui-input input[type="email"]::-webkit-input-placeholder,
ui-input input[type="password"]::-webkit-input-placeholder,
ui-input textarea::-webkit-input-placeholder,
ui-input select::-webkit-input-placeholder,
ui-input .input::-webkit-input-placeholder {
  font-family: 'Roboto', "Roboto2", sans-serif;
  font-style: oblique;
  font-size: 14px;
  font-weight: 400;
  color: ligthen(#333, 20);
}
ui-input input[type="text"]:-moz-placeholder,
ui-input input[type="date"]:-moz-placeholder,
ui-input input[type="search"]:-moz-placeholder,
ui-input input[type="month"]:-moz-placeholder,
ui-input input[type="number"]:-moz-placeholder,
ui-input input[type="email"]:-moz-placeholder,
ui-input input[type="password"]:-moz-placeholder,
ui-input textarea:-moz-placeholder,
ui-input select:-moz-placeholder,
ui-input .input:-moz-placeholder {
  font-family: 'Roboto', "Roboto2", sans-serif;
  font-style: oblique;
  font-size: 14px;
  font-weight: 400;
  color: ligthen(#333, 20);
}
ui-input input[type="text"]:-ms-input-placeholder,
ui-input input[type="date"]:-ms-input-placeholder,
ui-input input[type="search"]:-ms-input-placeholder,
ui-input input[type="month"]:-ms-input-placeholder,
ui-input input[type="number"]:-ms-input-placeholder,
ui-input input[type="email"]:-ms-input-placeholder,
ui-input input[type="password"]:-ms-input-placeholder,
ui-input textarea:-ms-input-placeholder,
ui-input select:-ms-input-placeholder,
ui-input .input:-ms-input-placeholder {
  font-family: 'Roboto', "Roboto2", sans-serif;
  font-style: oblique;
  font-size: 14px;
  font-weight: 400;
  color: ligthen(#333, 20);
}
ui-input select {
  line-height: 1.5em;
}
ui-input input:enabled:focus,
ui-input textarea:enabled:focus,
ui-input select:enabled:focus {
  border-color: #AAA;
}
ui-input input:enabled.ng-invalid,
ui-input textarea:enabled.ng-invalid,
ui-input select:enabled.ng-invalid {
  border-color: #36C;
}
ui-input select:enabled option {
  color: #333;
}
ui-input input:disabled,
ui-input textarea:disabled,
ui-input select:disabled {
  cursor: default;
}
ui-input input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 12px 10px;
}
ui-input :not(.ng-touched) + ul {
  display: none;
}
ui-input ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
ui-input li {
  font-size: 12px;
  color: #F44336;
  text-align: right;
}
control-group .control-group {
  display: block;
}
@media (min-width: 600px) {
  control-group,
  .control-group {
    display: flex;
    margin: 0.5em 0;
  }
  control-group ui-input,
  .control-group ui-input {
    flex-basis: 0;
    flex-grow: 1;
    margin: 0;
  }
  control-group ui-input:not(:first-child),
  .control-group ui-input:not(:first-child) {
    margin-left: 0.5em;
  }
}

.scrollbar {
  width: 4px;
  height: 50%;
  border-radius: 1px;
  background: #FFF;
  position: fixed;
  right: 2px;
  top: 0;
  z-index: 5;
}

ui-view {
  display: block;
}
ui-view.ng-enter {
  transition: all ease 500ms;
  transform: translate(0, 250px);
  opacity: 0;
}
ui-view.ng-enter.ng-enter-active {
  transform: translate(0, 0);
  opacity: 1;
}

.ulist {
  margin: 1em 0;
}
.ulist-item {
  list-style: disc;
  list-style-position: inside;
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ol {
  padding-left: 2em;
  margin: 0;
}

/*viewport, ui-viewport {
	display : block;
}*/
viewport,
ui-viewport {
  display: block;
  /*display        : flex;
	flex-shrink    : 0;
	flex-grow      : 1;
	flex-direction : column;
	align-items    : stretch;
	width          : 100%;
	&[scrollable] {
		flex-shrink : 1;
	}

	&[ui-view="main"] {
		flex-grow   : 1;
		align-items : center;
	}*/
}

.block-success {
  color: #FFF !important;
  background: #5AB517 !important;
}
.block-warn {
  color: #FFF !important;
  background: #FF9800 !important;
}
.block-error {
  color: #FFF !important;
  background: #F44336 !important;
}
.block-dark {
  background: #333 !important;
  color: #FFF !important;
}

.margin-xs {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.margin-sm {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.margin-md {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.margin-lg {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.margin-xl {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.padding-xs {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.padding-sm {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.padding-md {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.padding-lg {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.padding-xl {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.z-1 {
  z-index: 1 !important;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24) !important;
}
.z-2 {
  z-index: 2 !important;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.48) !important;
}
.z-3 {
  z-index: 3 !important;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.64) !important;
}

.ui-article {
  margin: 0 auto;
}

.ui-background {
  overflow-y: scroll;
  color: #333333;
  margin: 0;
  height: 100%;
  background: #f5f5f5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: default;
  font-size: 14px;
  font-family: 'Roboto', "Roboto2", sans-serif;
  font-weight: 401;
  line-height: 20px;
  /*&::-webkit-scrollbar {
		width  : 12px;
		height : 12px;
	}
	&::-webkit-scrollbar-track {
		background : hsl(0, 0%, 96%);
	}
	&::-webkit-scrollbar-thumb {
		background : hsl(0, 0%, 80%);
	}
	&::-webkit-scrollbar-thumb:hover {
		background : hsl(0, 0%, 60%);
	}*/
}

.kd-icon {
  display: inline-block;
  line-height: 28px;
  text-align: center;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  outline: none;
  position: relative;
}
.kd-icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: currentColor;
  opacity: 0;
  transition: opacity 250ms, border-radius 250ms;
  border-radius: 100%;
}
.kd-icon:hover:before,
.kd-icon:focus:before {
  opacity: 0.1;
}
.kd-icon:active:before {
  opacity: 0.2;
  border-radius: 0;
}
.kd-icon:disabled,
.kd-icon[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.kd-button {
  display: inline-block;
  cursor: pointer;
  color: inherit;
  font-size: 1em;
  font-weight: 700;
  font-family: inherit;
  height: 36px;
  line-height: 36px;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  padding: 0 8px;
  position: relative;
  border-radius: 2px;
  border: 0;
  white-space: nowrap;
  min-width: 88px;
  background: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  outline: none;
}
.kd-button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0);
  transition: background 250ms;
}
.kd-button:hover:before {
  background: rgba(0, 0, 0, 0.05);
}
.kd-button:active:before {
  background: rgba(0, 0, 0, 0.1);
}
.kd-button:disabled,
.kd-button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.kd-button.kd-button--primary {
  color: #36C;
}
.kd-button.kd-button--raised {
  background: #fafafa;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.kd-button.kd-button--raised.kd-button--primary {
  color: #ffffff;
  background: #36C;
}
.ui-button {
  display: inline-block;
  cursor: pointer;
  color: inherit;
  font-size: 1em;
  font-weight: 700;
  font-family: inherit;
  line-height: 28px;
  text-transform: uppercase;
  box-sizing: border-box;
  margin: 0;
  text-align: center;
  padding: 0 8px;
  position: relative;
  border-radius: 2px;
  border: 0;
  background: rgba(255, 255, 255, 0.5);
  vertical-align: baseline;
  -webkit-appearance: none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0), 0 2px 4px rgba(0, 0, 0, 0);
  white-space: nowrap;
}
.ui-button:disabled {
  color: #999999;
  background: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
.ui-button:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0), 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  transition: box-shadow 250ms;
}
.ui-button:not(:disabled):active {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.ui-button-block {
  display: block;
  margin: 0.5em 0;
  width: 100%;
}
.ui-button-xs {
  padding: 0 4px;
  line-height: 16px;
  font-size: 80%;
}
.ui-button-sm {
  padding: 0 8px;
  line-height: 21px;
}
.ui-button-lg {
  padding: 0 16px;
  line-height: 36px;
}
.ui-button-xl {
  padding: 0 24px;
  line-height: 48px;
  font-size: 120%;
}
.ui-button-primary:not(:disabled) {
  color: #ffffff;
  background: #36C;
}
.ui-button-info:not(:disabled) {
  color: #ffffff;
  background: #2196F3;
}
.ui-button-warn:not(:disabled) {
  color: #ffffff;
  background: #FF9800;
}

.ui-card {
  display: flow-root;
  color: #333;
  background-color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.05);
  position: relative;
}
.ui-card::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.ui-card::-webkit-scrollbar-track {
  background: #e6e6e6;
}
.ui-card::-webkit-scrollbar-thumb {
  background: #cccccc;
}
.ui-card::-webkit-scrollbar-thumb:hover {
  background-color: #cccccc;
}

.ui-card-hover {
  position: relative;
  cursor: pointer;
}
.ui-card-hover:before {
  content: "";
  background: #000;
  opacity: 0;
  position: absolute;
  transition: opacity 250ms;
  pointer-events: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ui-card-hover:hover:before,
.ui-card-hover:focus:before {
  opacity: 0.05;
}
.ui-card-hover:active:before {
  opacity: 0.10;
}

.ui-control {
  display: flex;
  flex-direction: column;
  margin: 0.5em 0;
}
@media (max-width: 600px) {
  .ui-control > *:not(:last-child) {
    margin-bottom: 0.5em;
  }
  .ui-control > .ui-input {
    width: 100%;
  }
}
@media (min-width: 601px) {
  .ui-control {
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
  }
  .ui-control[align="right"] {
    justify-content: flex-end;
  }
  .ui-control[align="center"] {
    justify-content: center;
  }
  .ui-control > *:not(:last-child) {
    margin-right: 0.5em;
  }
}

.ui-control-group {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-start;
}
.ui-control-group > *:not(:last-child) {
  margin-right: 0.5em !important;
}

.ui-control-label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 600px) {
  .ui-control-label {
    text-align: left;
  }
}

.ui-dialog {
  border-radius: 3px;
  background-color: #FFF;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 12px rgba(0, 0, 0, 0.24);
  overflow: hidden;
  animation: ui-dialog-enter 250ms;
  margin: 0 auto;
  width: 100%;
  color: #333;
  outline: none;
}
@-webkit-keyframes ui-dialog-enter {
  from {
    transform: translate(0, 50%);
  }
  to {
    transform: translate(0, 0);
  }
}

.ui-grid .ag-root {
  border: 1px solid #DDD;
  font-family: inherit;
  font-size: 80%;
  background: #FDFDFD;
}
.ui-grid .ag-cell {
  padding: 0 0.5em;
  line-height: 30px;
}
.ui-grid .ag-cell-focus {
  border: 1px solid #36C;
  outline: none;
  box-shadow: inset 0 0 0 1px #0091EA;
}
.ui-grid .ag-cell-edit-input {
  border: 0;
  outline: none;
  background: none;
}
.ui-grid #borderLayout_eGridPanel {
  overflow: hidden;
}
.ui-grid .ag-body-viewport::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.ui-grid .ag-body-viewport::-webkit-scrollbar-track {
  background: #f2f2f2;
}
.ui-grid .ag-body-viewport::-webkit-scrollbar-thumb {
  background: #bfbfbf;
}
.ui-grid .ag-body-viewport::-webkit-scrollbar-thumb:hover {
  background-color: #0091EA;
}
.ui-grid .ag-cell-no-focus {
  border-top: 1px solid transparent;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid transparent;
  outline: none;
}
.ui-grid .ag-pinned-header {
  background: #EEE;
  border-bottom: 1px solid #DDD;
}
.ui-grid .ag-header-container {
  background: #EEE;
  border-bottom: 1px solid #CCC;
}
.ui-grid .ag-header-cell {
  border-right: 1px solid #DDD;
}
.ui-grid .ag-header-group-cell {
  border-right: 1px solid #DDD;
}
.ui-grid .ag-header-group-cell-with-group {
  border-bottom: 1px solid #DDD;
}
.ui-grid .ag-header-cell-label {
  padding: 4px 2px 4px 2px;
}
.ui-grid .ag-header-cell-text {
  padding-left: 2px;
}
.ui-grid .ag-header-group-cell-label {
  padding: 4px;
  font-weight: 700;
}
.ui-grid .ag-header-group-text {
  margin-right: 2px;
}
.ui-grid .ag-header-cell-menu-button {
  padding: 2px;
  margin-top: 4px;
  border: 1px solid transparent;
  border-radius: 3px;
  box-sizing: content-box;
  /* When using bootstrap, box-sizing was set to 'border-box' */
}
.ui-grid .ag-header-cell-menu-button:hover {
  border: 1px solid #000;
}
.ui-grid .ag-header-icon {
  color: #800000;
}
.ui-grid .ag-dark .ag-header-expand-icon:hover {
  cursor: pointer;
}
.ui-grid .ag-row-odd {
  background-color: #F9F9F9;
}
.ui-grid .ag-row-even {
  background-color: #FCFCFC;
}
.ui-grid .ag-loading-panel {
  background-color: rgba(255, 255, 255, 0.5);
}
.ui-grid .ag-loading-center {
  background-color: #FFF;
  border: 1px solid #A9A9A9;
  border-radius: 10px;
  padding: 10px;
}
.ui-grid .ag-body {
  background-color: transparent;
}
.ui-grid .ag-row-selected {
  background-color: #E1F5FE;
}
.ui-grid .ag-group-cell-entire-row {
  background-color: #AAA;
  padding: 4px;
}
.ui-grid .ag-footer-cell-entire-row {
  background-color: #AAA;
  padding: 4px;
}
.ui-grid .ag-group-cell {
  font-style: normal;
}
.ui-grid .ag-group-expand {
  padding-right: 2px;
}
.ui-grid .ag-footer-cell {
  font-style: normal;
}
.ui-grid .ag-filter-checkbox {
  position: relative;
  top: 2px;
  left: 2px;
}
.ui-grid .ag-filter-header-container {
  border-bottom: 1px solid #D3D3D3;
}
.ui-grid .ag-filter-apply-panel {
  border-top: 1px solid #D3D3D3;
  padding: 2px;
}
.ui-grid .ag-filter {
  border: 1px solid #000;
  background-color: #F0F0F0;
}
.ui-grid .ag-filter-value {
  margin-left: 4px;
}
.ui-grid .ag-selection-checkbox {
  margin-left: 4px;
}
.ui-grid .ag-paging-panel {
  padding: 4px;
}
.ui-grid .ag-paging-button {
  margin-left: 4px;
  margin-right: 4px;
}
.ui-grid .ag-paging-row-summary-panel {
  display: inline-block;
  width: 300px;
}
.ui-grid .ag-column-not-visible {
  opacity: 0.75;
}
.ui-grid .ag-not-dragging {
  border: 1px solid transparent;
}
.ui-grid .ag-drop-target-above {
  border-top: 5px solid #A9A9A9;
}
.ui-grid .ag-drop-target-below {
  border-bottom: 5px solid #A9A9A9;
}
.ui-grid .ag-dragging {
  border: 1px dotted #A9A9A9;
}
.ui-grid .ag-list-item-selected {
  color: #F0F0F0;
}
.ui-grid .ag-list-item-not-selected {
  font-style: normal;
  color: #A0A0A0;
}
.ui-grid .ag-tool-panel-container {
  background-color: #EEE;
  box-sizing: border-box;
  border: 1px solid #A9A9A9;
  padding: 4px;
}
.ui-grid .ag-list-selection {
  background-color: #FFF;
  border: 1px solid #A9A9A9;
  box-sizing: border-box;
}
.ui-grid .ag-popup-list .ag-list-item:hover {
  background-color: #ADD8E6;
}
.ui-grid .ag-visible-icons {
  padding-left: 2px;
  padding-right: 2px;
}

.ui-header {
  padding-top: 8em;
  padding-bottom: 1em;
}

.ui-info {
  padding: 0.25em 0.5em;
  border-radius: 2px;
  word-wrap: break-word;
  color: #FFF;
  background: #2196F3;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.ui-info-success {
  background: #5AB517;
}
.ui-info-warn {
  background: #FF9800;
}
.ui-info-error {
  background: #F44336;
}

.kd-input {
  color: #333;
  border: 0;
  background: none;
  outline: none;
  padding: 8px 0;
  box-sizing: border-box;
  min-height: 36px;
  line-height: 20px;
  cursor: text;
  user-select: text;
  width: 100%;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
}
.kd-input::-webkit-input-placeholder {
  font-family: 'Roboto', "Roboto2", sans-serif;
  font-style: 400;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
}
.kd-input:-moz-placeholder {
  font-family: 'Roboto', "Roboto2", sans-serif;
  font-style: 400;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
}
.kd-input:-ms-input-placeholder {
  font-family: 'Roboto', "Roboto2", sans-serif;
  font-style: 400;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
}
.kd-input:disabled,
.kd-input[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.kd-input.ng-invalid:not([disabled]) {
  box-shadow: inset 0 -2px #F44336;
}
.kd-input.ng-invalid-required:not([disabled]) {
  box-shadow: inset 0 -2px #FF9800;
}
.kd-input:focus {
  box-shadow: inset 0 -2px #36C;
}
.kd-input .placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.ui-input {
  color: inherit;
  border: 0;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  padding: 4px 8px;
  box-sizing: border-box;
}
.ui-input::-webkit-input-placeholder {
  font-family: 'Roboto', "Roboto2", sans-serif;
  font-style: 400;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
}
.ui-input:-moz-placeholder {
  font-family: 'Roboto', "Roboto2", sans-serif;
  font-style: 400;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
}
.ui-input:-ms-input-placeholder {
  font-family: 'Roboto', "Roboto2", sans-serif;
  font-style: 400;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.25);
}
.ui-input[disabled] {
  color: #999999;
  background: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
.ui-input.ng-invalid:not([disabled]) {
  box-shadow: inset 0 0 0 2px rgba(244, 67, 54, 0.5);
}
.ui-input.ng-invalid-required:not([disabled]) {
  box-shadow: inset 0 0 0 2px rgba(255, 152, 0, 0.5);
}
.ui-input:focus {
  background: #ffffff;
  box-shadow: inset 0 0 0 2px rgba(33, 150, 243, 0.5);
  outline: none;
}
.ui-input[readonly] {
  cursor: text;
}
.ui-input .placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.ui-input-block {
  width: 100%;
}
.ui-input-sm {
  padding: 0 8px !important;
  height: 20px !important;
}
.ui-input-large {
  padding: 8px 1em;
  height: 2.5em !important;
}
textarea.ui-input {
  resize: none;
}
input.ui-input,
select:not([size]).ui-input {
  height: 2em;
}
select.ui-input.ng-empty:not(:focus) {
  color: rgba(0, 0, 0, 0.25);
}

.ui-input-range {
  -webkit-appearance: none;
  border: 1px solid white;
  width: auto;
  outline: none;
  color: #999;
  /*hide the outline behind the border*/
}
.ui-input-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.025);
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.ui-input-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: currentColor;
  margin-top: -1px;
  transition: all 250ms;
}
.ui-input-range:focus::-webkit-slider-thumb,
.ui-input-range:hover::-webkit-slider-thumb {
  height: 16px;
  width: 16px;
  background: currentColor;
  margin-top: -5px;
}
.ui-input-range::-moz-range-track {
  width: 100%;
  height: 4px;
  background: rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 2px;
}
.ui-input-range::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: currentColor;
}
.ui-input-range:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}
.ui-input-range::-ms-track {
  width: 100%;
  height: 4px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}
.ui-input-range::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}
.ui-input-range::-ms-fill-upper {
  background: #DDD;
  border-radius: 10px;
}
.ui-input-range::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: currentColor;
}
.ui-input-range:focus::-ms-fill-lower {
  background: #888;
}
.ui-input-range:focus::-ms-fill-upper {
  background: #CCC;
}

.kd-item {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  height: 48px;
}
.kd-item > *:not(:first-child) {
  margin-left: 8px;
}
.kd-item--small {
  height: 32px;
}
.kd-item--large {
  height: 64px;
}
.kd-item--reverse {
  flex-direction: row-reverse;
}
.ui-item {
  display: flex !important;
  position: relative;
  align-items: baseline;
}
.ui-item > *:not(:first-child) {
  margin-left: 0.5em;
}
.flex-justify-start {
  justify-content: flex-start;
}
.flex-justify-center {
  justify-content: center;
}
.flex-justify-end {
  justify-content: flex-end;
}
.flex-align-start {
  align-items: flex-end;
}
.flex-align-center {
  align-items: center;
}
.flex-align-end {
  align-items: flex-end;
}

.ui-modal {
  background: rgba(0, 0, 0, 0.5);
  padding: 0.5em;
  animation: ui-modal-enter 250ms;
}
@-webkit-keyframes ui-modal-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.ui-progress {
  height: 8px;
  vertical-align: middle;
  -webkit-appearance: none;
  color: #999;
}
.ui-progress::-webkit-progress-bar {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.025);
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.ui-progress::-webkit-progress-value {
  background: currentColor;
  border-radius: 4px;
  transition: width 100ms;
}
.ui-progress.warn::-webkit-progress-value {
  background: #FF9800;
}
.ui-progress-block {
  display: block;
  width: 100%;
}


.ui-tabs-tab {
  font-weight: 700;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
  flex-shrink: 0;
  opacity: 0.7;
  position: relative;
}
.ui-tabs-tab:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  background: currentColor;
  transition: height 250ms cubic-bezier(0.4, 0, 0.25, 1.85), background 100ms;
}
.ui-tabs-tab:hover {
  opacity: 1;
}
.ui-tabs-tab.active {
  opacity: 1;
}
.ui-tabs-tab.active:after {
  height: 4px;
}
@media (max-width: 600px) {
  .ui-tabs-tab {
    flex-grow: 1;
  }
}

.ui-tabs {
  display: flex;
  flex-direction: row;
  overflow-x: auto;
}
.ui-tabs::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}
.ui-tabs::-webkit-scrollbar-track {
  background: #d9d9d9;
}
.ui-tabs::-webkit-scrollbar-thumb {
  background: #cccccc;
}
.ui-tabs::-webkit-scrollbar-thumb:hover {
  background: #999999;
}
@media (max-width: 600px) {
  .ui-tabs::-webkit-scrollbar {
    display: none;
  }
}

.ui-thumbnail[status="loading"]:before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(128, 128, 128, 0.8);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ui-tip {
  display: inline-block;
  text-decoration: underline;
  cursor: help;
  position: relative;
}
.ui-tip:hover .box {
  display: block;
}
.ui-tip .box {
  color: #FFF;
  font-size: small;
  line-height: 20px;
  position: absolute;
  background: #111;
  padding: 0 8px;
  border-radius: 3px;
}

.ui-title-2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}

.ui-title-3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}

.ui-title {
  font-size: 34px;
  line-height: 40px;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0;
}