blob: 0e3f9da0a392a72937e26f5392be128aa2e6150a [file] [log] [blame]
/*!
* Angular Material Design
* https://github.com/angular/material
* @license MIT
* v0.11.2-master-53f2588
*/
/*
*
* 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://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
* 4) http://godban.com.ua/projects/flexgrid
*
*/
@-moz-document url-prefix() {
.layout-fill {
margin: 0;
width: 100%;
min-height: 100%;
height: 100%; } }
/*
* Apply Mixins to create Layout/Flexbox styles
*
*/
.flex-order {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.offset-0 {
margin-left: 0%; }
.offset-5 {
margin-left: 5%; }
.offset-10 {
margin-left: 10%; }
.offset-15 {
margin-left: 15%; }
.offset-20 {
margin-left: 20%; }
.offset-25 {
margin-left: 25%; }
.offset-30 {
margin-left: 30%; }
.offset-35 {
margin-left: 35%; }
.offset-40 {
margin-left: 40%; }
.offset-45 {
margin-left: 45%; }
.offset-50 {
margin-left: 50%; }
.offset-55 {
margin-left: 55%; }
.offset-60 {
margin-left: 60%; }
.offset-65 {
margin-left: 65%; }
.offset-70 {
margin-left: 70%; }
.offset-75 {
margin-left: 75%; }
.offset-80 {
margin-left: 80%; }
.offset-85 {
margin-left: 85%; }
.offset-90 {
margin-left: 90%; }
.offset-95 {
margin-left: 95%; }
.offset-33.offset-34 {
margin-left: 33%; }
.offset-66.offset-67 {
margin-left: 67%; }
.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-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-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;
max-width: 100%; }
.layout-align-center-center > *, .layout-align-start-center > *, .layout-align-end-center > *, .layout-align-space-between-center > *, .layout-align-space-around-center > * {
max-width: 100%;
box-sizing: border-box; }
.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 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; }
.flex-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-0, .layout-row > .flex-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-0, .layout-column > .flex-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-5, .layout-row > .flex-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-5, .layout-column > .flex-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-10, .layout-row > .flex-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-10, .layout-column > .flex-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-15, .layout-row > .flex-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-15, .layout-column > .flex-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-20, .layout-row > .flex-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-20, .layout-column > .flex-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-25, .layout-row > .flex-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-25, .layout-column > .flex-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-30, .layout-row > .flex-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-30, .layout-column > .flex-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-35, .layout-row > .flex-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-35, .layout-column > .flex-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-40, .layout-row > .flex-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-40, .layout-column > .flex-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-45, .layout-row > .flex-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-45, .layout-column > .flex-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-50, .layout-row > .flex-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-50, .layout-column > .flex-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-55, .layout-row > .flex-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-55, .layout-column > .flex-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-60, .layout-row > .flex-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-60, .layout-column > .flex-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-65, .layout-row > .flex-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-65, .layout-column > .flex-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-70, .layout-row > .flex-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-70, .layout-column > .flex-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-75, .layout-row > .flex-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-75, .layout-column > .flex-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-80, .layout-row > .flex-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-80, .layout-column > .flex-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-85, .layout-row > .flex-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-85, .layout-column > .flex-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-90, .layout-row > .flex-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-90, .layout-column > .flex-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-95, .layout-row > .flex-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-95, .layout-column > .flex-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-100, .layout-row > .flex-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-100, .layout-column > .flex-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-33, .layout-row > .flex-33, .layout-row > .flex-33, .layout-row > .flex-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-34, .layout-row > .flex-34, .layout-row > .flex-34, .layout-row > .flex-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 34%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-66, .layout-row > .flex-66, .layout-row > .flex-66, .layout-row > .flex-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-67, .layout-row > .flex-67, .layout-row > .flex-67, .layout-row > .flex-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 67%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 100%;
max-height: 33%;
box-sizing: border-box; }
.layout-column > .flex-34, .layout-column > .flex-34, .layout-column > .flex-34, .layout-column > .flex-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 100%;
max-height: 34%;
box-sizing: border-box; }
.layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 100%;
max-height: 66%;
box-sizing: border-box; }
.layout-column > .flex-67, .layout-column > .flex-67, .layout-column > .flex-67, .layout-column > .flex-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 100%;
max-height: 67%;
box-sizing: border-box; }
.layout, .layout-column, .layout-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.layout-padding > .flex-sm, .layout-padding > .flex-lt-md {
padding: 4px; }
.layout-padding, .layout-padding > .flex, .layout-padding > .flex-gt-sm, .layout-padding > .flex-md, .layout-padding > .flex-lt-lg {
padding: 8px; }
.layout-padding > .flex-gt-md, .layout-padding > .flex-lg {
padding: 16px; }
.layout-margin > .flex-sm, .layout-margin > .flex-lt-md {
margin: 4px; }
.layout-margin, .layout-margin > .flex, .layout-margin > .flex-gt-sm, .layout-margin > .flex-md, .layout-margin > .flex-lt-lg {
margin: 8px; }
.layout-margin > .flex-gt-md, .layout-margin > .flex-lg {
margin: 16px; }
.layout-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.layout-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.layout-fill {
margin: 0;
width: 100%;
min-height: 100%;
height: 100%; }
/**
* `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
* `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
* `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
*
* hide means hide everywhere
* Sizes:
* 0 <= size < 600 Phone
* 600 <= size < 960 Tablet
* 960 <= size < 1200 Tablet-Landscape
*/
@media (max-width: 599px) {
.hide-sm:not(.show-sm):not(.show), .hide:not(.show-sm):not(.show) {
display: none; }
.flex-order-sm-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-sm-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-sm-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-sm-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-sm-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-sm-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-sm-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-sm-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-sm-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-sm-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-sm-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-sm-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-sm-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-sm-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-sm-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-sm-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-sm-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-sm-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-sm-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-sm-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.offset-sm-0 {
margin-left: 0%; }
.offset-sm-5 {
margin-left: 5%; }
.offset-sm-10 {
margin-left: 10%; }
.offset-sm-15 {
margin-left: 15%; }
.offset-sm-20 {
margin-left: 20%; }
.offset-sm-25 {
margin-left: 25%; }
.offset-sm-30 {
margin-left: 30%; }
.offset-sm-35 {
margin-left: 35%; }
.offset-sm-40 {
margin-left: 40%; }
.offset-sm-45 {
margin-left: 45%; }
.offset-sm-50 {
margin-left: 50%; }
.offset-sm-55 {
margin-left: 55%; }
.offset-sm-60 {
margin-left: 60%; }
.offset-sm-65 {
margin-left: 65%; }
.offset-sm-70 {
margin-left: 70%; }
.offset-sm-75 {
margin-left: 75%; }
.offset-sm-80 {
margin-left: 80%; }
.offset-sm-85 {
margin-left: 85%; }
.offset-sm-90 {
margin-left: 90%; }
.offset-sm-95 {
margin-left: 95%; }
.offset-sm-33.offset-sm-34 {
margin-left: 33%; }
.offset-sm-66.offset-sm-67 {
margin-left: 67%; }
.layout-align-sm-center, .layout-align-sm-center-center, .layout-align-sm-center-start, .layout-align-sm-center-end {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-sm-end, .layout-align-sm-end-center, .layout-align-sm-end-start, .layout-align-sm-end-end {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-sm-space-around, .layout-align-sm-space-around-center, .layout-align-sm-space-around-start, .layout-align-sm-space-around-end {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-sm-space-between, .layout-align-sm-space-between-center, .layout-align-sm-space-between-start, .layout-align-sm-space-between-end {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-sm-center-start, .layout-align-sm-start-start, .layout-align-sm-end-start, .layout-align-sm-space-between-start, .layout-align-sm-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.layout-align-sm-center-center, .layout-align-sm-start-center, .layout-align-sm-end-center, .layout-align-sm-space-between-center, .layout-align-sm-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 100%; }
.layout-align-sm-center-center > *, .layout-align-sm-start-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-center-end, .layout-align-sm-start-end, .layout-align-sm-end-end, .layout-align-sm-space-between-end, .layout-align-sm-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.flex-sm {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; }
.flex-sm-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-sm-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-sm-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-sm-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-sm-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-0, .layout-sm-row > .flex-sm-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-0, .layout-sm-column > .flex-sm-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-sm-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-5, .layout-sm-row > .flex-sm-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-5, .layout-sm-column > .flex-sm-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-sm-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-10, .layout-sm-row > .flex-sm-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-10, .layout-sm-column > .flex-sm-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-sm-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-15, .layout-sm-row > .flex-sm-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-15, .layout-sm-column > .flex-sm-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-sm-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-20, .layout-sm-row > .flex-sm-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-20, .layout-sm-column > .flex-sm-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-sm-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-25, .layout-sm-row > .flex-sm-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-25, .layout-sm-column > .flex-sm-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-sm-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-30, .layout-sm-row > .flex-sm-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-30, .layout-sm-column > .flex-sm-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-sm-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-35, .layout-sm-row > .flex-sm-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-35, .layout-sm-column > .flex-sm-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-sm-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-40, .layout-sm-row > .flex-sm-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-40, .layout-sm-column > .flex-sm-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-sm-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-45, .layout-sm-row > .flex-sm-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-45, .layout-sm-column > .flex-sm-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-sm-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-50, .layout-sm-row > .flex-sm-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-50, .layout-sm-column > .flex-sm-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-sm-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-55, .layout-sm-row > .flex-sm-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-55, .layout-sm-column > .flex-sm-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-sm-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-60, .layout-sm-row > .flex-sm-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-60, .layout-sm-column > .flex-sm-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-sm-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-65, .layout-sm-row > .flex-sm-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-65, .layout-sm-column > .flex-sm-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-sm-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-70, .layout-sm-row > .flex-sm-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-70, .layout-sm-column > .flex-sm-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-sm-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-75, .layout-sm-row > .flex-sm-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-75, .layout-sm-column > .flex-sm-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-sm-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-80, .layout-sm-row > .flex-sm-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-80, .layout-sm-column > .flex-sm-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-sm-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-85, .layout-sm-row > .flex-sm-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-85, .layout-sm-column > .flex-sm-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-sm-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-90, .layout-sm-row > .flex-sm-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-90, .layout-sm-column > .flex-sm-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-sm-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-95, .layout-sm-row > .flex-sm-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-95, .layout-sm-column > .flex-sm-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-sm-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-100, .layout-sm-row > .flex-sm-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-100, .layout-sm-column > .flex-sm-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-33, .layout-row > .flex-sm-33, .layout-sm-row > .flex-sm-33, .layout-sm-row > .flex-sm-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-34, .layout-row > .flex-sm-34, .layout-sm-row > .flex-sm-34, .layout-sm-row > .flex-sm-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 34%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-66, .layout-row > .flex-sm-66, .layout-sm-row > .flex-sm-66, .layout-sm-row > .flex-sm-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-67, .layout-row > .flex-sm-67, .layout-sm-row > .flex-sm-67, .layout-sm-row > .flex-sm-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 67%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-33, .layout-column > .flex-sm-33, .layout-sm-column > .flex-sm-33, .layout-sm-column > .flex-sm-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 100%;
max-height: 33%;
box-sizing: border-box; }
.layout-column > .flex-sm-34, .layout-column > .flex-sm-34, .layout-sm-column > .flex-sm-34, .layout-sm-column > .flex-sm-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 100%;
max-height: 34%;
box-sizing: border-box; }
.layout-column > .flex-sm-66, .layout-column > .flex-sm-66, .layout-sm-column > .flex-sm-66, .layout-sm-column > .flex-sm-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 100%;
max-height: 66%;
box-sizing: border-box; }
.layout-column > .flex-sm-67, .layout-column > .flex-sm-67, .layout-sm-column > .flex-sm-67, .layout-sm-column > .flex-sm-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 100%;
max-height: 67%;
box-sizing: border-box; }
.layout-sm, .layout-sm-column, .layout-sm-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-sm-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-sm-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 600px) {
.flex-order-gt-sm-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-gt-sm-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-gt-sm-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-gt-sm-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-gt-sm-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-gt-sm-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-gt-sm-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-gt-sm-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-gt-sm-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-gt-sm-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-gt-sm-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-gt-sm-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-gt-sm-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-gt-sm-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-gt-sm-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-gt-sm-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-gt-sm-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-gt-sm-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-gt-sm-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-gt-sm-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.offset-gt-sm-0 {
margin-left: 0%; }
.offset-gt-sm-5 {
margin-left: 5%; }
.offset-gt-sm-10 {
margin-left: 10%; }
.offset-gt-sm-15 {
margin-left: 15%; }
.offset-gt-sm-20 {
margin-left: 20%; }
.offset-gt-sm-25 {
margin-left: 25%; }
.offset-gt-sm-30 {
margin-left: 30%; }
.offset-gt-sm-35 {
margin-left: 35%; }
.offset-gt-sm-40 {
margin-left: 40%; }
.offset-gt-sm-45 {
margin-left: 45%; }
.offset-gt-sm-50 {
margin-left: 50%; }
.offset-gt-sm-55 {
margin-left: 55%; }
.offset-gt-sm-60 {
margin-left: 60%; }
.offset-gt-sm-65 {
margin-left: 65%; }
.offset-gt-sm-70 {
margin-left: 70%; }
.offset-gt-sm-75 {
margin-left: 75%; }
.offset-gt-sm-80 {
margin-left: 80%; }
.offset-gt-sm-85 {
margin-left: 85%; }
.offset-gt-sm-90 {
margin-left: 90%; }
.offset-gt-sm-95 {
margin-left: 95%; }
.offset-gt-sm-33.offset-gt-sm-34 {
margin-left: 33%; }
.offset-gt-sm-66.offset-gt-sm-67 {
margin-left: 67%; }
.layout-align-gt-sm-center, .layout-align-gt-sm-center-center, .layout-align-gt-sm-center-start, .layout-align-gt-sm-center-end {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-gt-sm-end, .layout-align-gt-sm-end-center, .layout-align-gt-sm-end-start, .layout-align-gt-sm-end-end {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-gt-sm-space-around, .layout-align-gt-sm-space-around-center, .layout-align-gt-sm-space-around-start, .layout-align-gt-sm-space-around-end {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-gt-sm-space-between, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-space-between-end {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-gt-sm-center-start, .layout-align-gt-sm-start-start, .layout-align-gt-sm-end-start, .layout-align-gt-sm-space-between-start, .layout-align-gt-sm-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.layout-align-gt-sm-center-center, .layout-align-gt-sm-start-center, .layout-align-gt-sm-end-center, .layout-align-gt-sm-space-between-center, .layout-align-gt-sm-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 100%; }
.layout-align-gt-sm-center-center > *, .layout-align-gt-sm-start-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-center-end, .layout-align-gt-sm-start-end, .layout-align-gt-sm-end-end, .layout-align-gt-sm-space-between-end, .layout-align-gt-sm-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.flex-gt-sm {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; }
.flex-gt-sm-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-gt-sm-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-gt-sm-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-gt-sm-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-gt-sm-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-0, .layout-gt-sm-row > .flex-gt-sm-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-0, .layout-gt-sm-column > .flex-gt-sm-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-gt-sm-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-5, .layout-gt-sm-row > .flex-gt-sm-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-5, .layout-gt-sm-column > .flex-gt-sm-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-gt-sm-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-10, .layout-gt-sm-row > .flex-gt-sm-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-10, .layout-gt-sm-column > .flex-gt-sm-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-gt-sm-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-15, .layout-gt-sm-row > .flex-gt-sm-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-15, .layout-gt-sm-column > .flex-gt-sm-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-gt-sm-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-20, .layout-gt-sm-row > .flex-gt-sm-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-20, .layout-gt-sm-column > .flex-gt-sm-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-gt-sm-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-25, .layout-gt-sm-row > .flex-gt-sm-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-25, .layout-gt-sm-column > .flex-gt-sm-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-gt-sm-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-30, .layout-gt-sm-row > .flex-gt-sm-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-30, .layout-gt-sm-column > .flex-gt-sm-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-gt-sm-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-35, .layout-gt-sm-row > .flex-gt-sm-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-35, .layout-gt-sm-column > .flex-gt-sm-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-gt-sm-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-40, .layout-gt-sm-row > .flex-gt-sm-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-40, .layout-gt-sm-column > .flex-gt-sm-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-gt-sm-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-45, .layout-gt-sm-row > .flex-gt-sm-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-45, .layout-gt-sm-column > .flex-gt-sm-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-gt-sm-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-50, .layout-gt-sm-row > .flex-gt-sm-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-50, .layout-gt-sm-column > .flex-gt-sm-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-gt-sm-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-55, .layout-gt-sm-row > .flex-gt-sm-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-55, .layout-gt-sm-column > .flex-gt-sm-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-gt-sm-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-60, .layout-gt-sm-row > .flex-gt-sm-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-60, .layout-gt-sm-column > .flex-gt-sm-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-gt-sm-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-65, .layout-gt-sm-row > .flex-gt-sm-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-65, .layout-gt-sm-column > .flex-gt-sm-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-gt-sm-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-70, .layout-gt-sm-row > .flex-gt-sm-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-70, .layout-gt-sm-column > .flex-gt-sm-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-gt-sm-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-75, .layout-gt-sm-row > .flex-gt-sm-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-75, .layout-gt-sm-column > .flex-gt-sm-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-gt-sm-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-80, .layout-gt-sm-row > .flex-gt-sm-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-80, .layout-gt-sm-column > .flex-gt-sm-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-gt-sm-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-85, .layout-gt-sm-row > .flex-gt-sm-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-85, .layout-gt-sm-column > .flex-gt-sm-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-gt-sm-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-90, .layout-gt-sm-row > .flex-gt-sm-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-90, .layout-gt-sm-column > .flex-gt-sm-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-gt-sm-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-95, .layout-gt-sm-row > .flex-gt-sm-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-95, .layout-gt-sm-column > .flex-gt-sm-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-gt-sm-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-100, .layout-gt-sm-row > .flex-gt-sm-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-100, .layout-gt-sm-column > .flex-gt-sm-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-34, .layout-row > .flex-gt-sm-34, .layout-gt-sm-row > .flex-gt-sm-34, .layout-gt-sm-row > .flex-gt-sm-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 34%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-67, .layout-row > .flex-gt-sm-67, .layout-gt-sm-row > .flex-gt-sm-67, .layout-gt-sm-row > .flex-gt-sm-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 67%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 100%;
max-height: 33%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-34, .layout-column > .flex-gt-sm-34, .layout-gt-sm-column > .flex-gt-sm-34, .layout-gt-sm-column > .flex-gt-sm-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 100%;
max-height: 34%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 100%;
max-height: 66%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-67, .layout-column > .flex-gt-sm-67, .layout-gt-sm-column > .flex-gt-sm-67, .layout-gt-sm-column > .flex-gt-sm-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 100%;
max-height: 67%;
box-sizing: border-box; }
.layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-gt-sm-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-gt-sm-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 600px) and (max-width: 959px) {
.hide:not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-sm):not(.show-md):not(.show) {
display: none; }
.hide-md:not(.show-md):not(.show) {
display: none; }
.flex-order-md-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-md-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-md-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-md-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-md-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-md-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-md-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-md-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-md-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-md-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-md-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-md-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-md-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-md-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-md-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-md-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-md-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-md-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-md-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-md-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.offset-md-0 {
margin-left: 0%; }
.offset-md-5 {
margin-left: 5%; }
.offset-md-10 {
margin-left: 10%; }
.offset-md-15 {
margin-left: 15%; }
.offset-md-20 {
margin-left: 20%; }
.offset-md-25 {
margin-left: 25%; }
.offset-md-30 {
margin-left: 30%; }
.offset-md-35 {
margin-left: 35%; }
.offset-md-40 {
margin-left: 40%; }
.offset-md-45 {
margin-left: 45%; }
.offset-md-50 {
margin-left: 50%; }
.offset-md-55 {
margin-left: 55%; }
.offset-md-60 {
margin-left: 60%; }
.offset-md-65 {
margin-left: 65%; }
.offset-md-70 {
margin-left: 70%; }
.offset-md-75 {
margin-left: 75%; }
.offset-md-80 {
margin-left: 80%; }
.offset-md-85 {
margin-left: 85%; }
.offset-md-90 {
margin-left: 90%; }
.offset-md-95 {
margin-left: 95%; }
.offset-md-33.offset-md-34 {
margin-left: 33%; }
.offset-md-66.offset-md-67 {
margin-left: 67%; }
.layout-align-md-center, .layout-align-md-center-center, .layout-align-md-center-start, .layout-align-md-center-end {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-md-end, .layout-align-md-end-center, .layout-align-md-end-start, .layout-align-md-end-end {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-md-space-around, .layout-align-md-space-around-center, .layout-align-md-space-around-start, .layout-align-md-space-around-end {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-md-space-between, .layout-align-md-space-between-center, .layout-align-md-space-between-start, .layout-align-md-space-between-end {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-md-center-start, .layout-align-md-start-start, .layout-align-md-end-start, .layout-align-md-space-between-start, .layout-align-md-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.layout-align-md-center-center, .layout-align-md-start-center, .layout-align-md-end-center, .layout-align-md-space-between-center, .layout-align-md-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 100%; }
.layout-align-md-center-center > *, .layout-align-md-start-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-center-end, .layout-align-md-start-end, .layout-align-md-end-end, .layout-align-md-space-between-end, .layout-align-md-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.flex-md {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; }
.flex-md-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-md-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-md-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-md-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-md-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-0, .layout-md-row > .flex-md-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-0, .layout-md-column > .flex-md-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-md-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-5, .layout-md-row > .flex-md-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-5, .layout-md-column > .flex-md-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-md-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-10, .layout-md-row > .flex-md-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-10, .layout-md-column > .flex-md-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-md-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-15, .layout-md-row > .flex-md-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-15, .layout-md-column > .flex-md-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-md-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-20, .layout-md-row > .flex-md-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-20, .layout-md-column > .flex-md-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-md-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-25, .layout-md-row > .flex-md-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-25, .layout-md-column > .flex-md-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-md-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-30, .layout-md-row > .flex-md-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-30, .layout-md-column > .flex-md-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-md-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-35, .layout-md-row > .flex-md-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-35, .layout-md-column > .flex-md-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-md-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-40, .layout-md-row > .flex-md-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-40, .layout-md-column > .flex-md-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-md-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-45, .layout-md-row > .flex-md-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-45, .layout-md-column > .flex-md-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-md-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-50, .layout-md-row > .flex-md-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-50, .layout-md-column > .flex-md-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-md-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-55, .layout-md-row > .flex-md-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-55, .layout-md-column > .flex-md-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-md-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-60, .layout-md-row > .flex-md-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-60, .layout-md-column > .flex-md-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-md-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-65, .layout-md-row > .flex-md-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-65, .layout-md-column > .flex-md-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-md-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-70, .layout-md-row > .flex-md-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-70, .layout-md-column > .flex-md-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-md-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-75, .layout-md-row > .flex-md-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-75, .layout-md-column > .flex-md-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-md-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-80, .layout-md-row > .flex-md-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-80, .layout-md-column > .flex-md-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-md-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-85, .layout-md-row > .flex-md-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-85, .layout-md-column > .flex-md-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-md-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-90, .layout-md-row > .flex-md-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-90, .layout-md-column > .flex-md-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-md-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-95, .layout-md-row > .flex-md-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-95, .layout-md-column > .flex-md-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-md-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-100, .layout-md-row > .flex-md-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-100, .layout-md-column > .flex-md-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-33, .layout-row > .flex-md-33, .layout-md-row > .flex-md-33, .layout-md-row > .flex-md-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-34, .layout-row > .flex-md-34, .layout-md-row > .flex-md-34, .layout-md-row > .flex-md-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 34%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-66, .layout-row > .flex-md-66, .layout-md-row > .flex-md-66, .layout-md-row > .flex-md-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-67, .layout-row > .flex-md-67, .layout-md-row > .flex-md-67, .layout-md-row > .flex-md-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 67%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-33, .layout-column > .flex-md-33, .layout-md-column > .flex-md-33, .layout-md-column > .flex-md-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 100%;
max-height: 33%;
box-sizing: border-box; }
.layout-column > .flex-md-34, .layout-column > .flex-md-34, .layout-md-column > .flex-md-34, .layout-md-column > .flex-md-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 100%;
max-height: 34%;
box-sizing: border-box; }
.layout-column > .flex-md-66, .layout-column > .flex-md-66, .layout-md-column > .flex-md-66, .layout-md-column > .flex-md-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 100%;
max-height: 66%;
box-sizing: border-box; }
.layout-column > .flex-md-67, .layout-column > .flex-md-67, .layout-md-column > .flex-md-67, .layout-md-column > .flex-md-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 100%;
max-height: 67%;
box-sizing: border-box; }
.layout-md, .layout-md-column, .layout-md-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-md-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-md-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 960px) {
.flex-order-gt-md-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-gt-md-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-gt-md-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-gt-md-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-gt-md-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-gt-md-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-gt-md-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-gt-md-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-gt-md-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-gt-md-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-gt-md-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-gt-md-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-gt-md-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-gt-md-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-gt-md-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-gt-md-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-gt-md-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-gt-md-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-gt-md-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-gt-md-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.offset-gt-md-0 {
margin-left: 0%; }
.offset-gt-md-5 {
margin-left: 5%; }
.offset-gt-md-10 {
margin-left: 10%; }
.offset-gt-md-15 {
margin-left: 15%; }
.offset-gt-md-20 {
margin-left: 20%; }
.offset-gt-md-25 {
margin-left: 25%; }
.offset-gt-md-30 {
margin-left: 30%; }
.offset-gt-md-35 {
margin-left: 35%; }
.offset-gt-md-40 {
margin-left: 40%; }
.offset-gt-md-45 {
margin-left: 45%; }
.offset-gt-md-50 {
margin-left: 50%; }
.offset-gt-md-55 {
margin-left: 55%; }
.offset-gt-md-60 {
margin-left: 60%; }
.offset-gt-md-65 {
margin-left: 65%; }
.offset-gt-md-70 {
margin-left: 70%; }
.offset-gt-md-75 {
margin-left: 75%; }
.offset-gt-md-80 {
margin-left: 80%; }
.offset-gt-md-85 {
margin-left: 85%; }
.offset-gt-md-90 {
margin-left: 90%; }
.offset-gt-md-95 {
margin-left: 95%; }
.offset-gt-md-33.offset-gt-md-34 {
margin-left: 33%; }
.offset-gt-md-66.offset-gt-md-67 {
margin-left: 67%; }
.layout-align-gt-md-center, .layout-align-gt-md-center-center, .layout-align-gt-md-center-start, .layout-align-gt-md-center-end {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-gt-md-end, .layout-align-gt-md-end-center, .layout-align-gt-md-end-start, .layout-align-gt-md-end-end {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-gt-md-space-around, .layout-align-gt-md-space-around-center, .layout-align-gt-md-space-around-start, .layout-align-gt-md-space-around-end {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-gt-md-space-between, .layout-align-gt-md-space-between-center, .layout-align-gt-md-space-between-start, .layout-align-gt-md-space-between-end {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-gt-md-center-start, .layout-align-gt-md-start-start, .layout-align-gt-md-end-start, .layout-align-gt-md-space-between-start, .layout-align-gt-md-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.layout-align-gt-md-center-center, .layout-align-gt-md-start-center, .layout-align-gt-md-end-center, .layout-align-gt-md-space-between-center, .layout-align-gt-md-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 100%; }
.layout-align-gt-md-center-center > *, .layout-align-gt-md-start-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-center-end, .layout-align-gt-md-start-end, .layout-align-gt-md-end-end, .layout-align-gt-md-space-between-end, .layout-align-gt-md-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.flex-gt-md {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; }
.flex-gt-md-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-gt-md-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-gt-md-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-gt-md-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-gt-md-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-0, .layout-gt-md-row > .flex-gt-md-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-0, .layout-gt-md-column > .flex-gt-md-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-gt-md-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-5, .layout-gt-md-row > .flex-gt-md-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-5, .layout-gt-md-column > .flex-gt-md-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-gt-md-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-10, .layout-gt-md-row > .flex-gt-md-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-10, .layout-gt-md-column > .flex-gt-md-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-gt-md-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-15, .layout-gt-md-row > .flex-gt-md-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-15, .layout-gt-md-column > .flex-gt-md-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-gt-md-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-20, .layout-gt-md-row > .flex-gt-md-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-20, .layout-gt-md-column > .flex-gt-md-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-gt-md-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-25, .layout-gt-md-row > .flex-gt-md-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-25, .layout-gt-md-column > .flex-gt-md-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-gt-md-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-30, .layout-gt-md-row > .flex-gt-md-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-30, .layout-gt-md-column > .flex-gt-md-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-gt-md-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-35, .layout-gt-md-row > .flex-gt-md-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-35, .layout-gt-md-column > .flex-gt-md-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-gt-md-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-40, .layout-gt-md-row > .flex-gt-md-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-40, .layout-gt-md-column > .flex-gt-md-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-gt-md-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-45, .layout-gt-md-row > .flex-gt-md-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-45, .layout-gt-md-column > .flex-gt-md-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-gt-md-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-50, .layout-gt-md-row > .flex-gt-md-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-50, .layout-gt-md-column > .flex-gt-md-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-gt-md-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-55, .layout-gt-md-row > .flex-gt-md-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-55, .layout-gt-md-column > .flex-gt-md-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-gt-md-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-60, .layout-gt-md-row > .flex-gt-md-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-60, .layout-gt-md-column > .flex-gt-md-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-gt-md-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-65, .layout-gt-md-row > .flex-gt-md-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-65, .layout-gt-md-column > .flex-gt-md-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-gt-md-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-70, .layout-gt-md-row > .flex-gt-md-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-70, .layout-gt-md-column > .flex-gt-md-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-gt-md-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-75, .layout-gt-md-row > .flex-gt-md-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-75, .layout-gt-md-column > .flex-gt-md-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-gt-md-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-80, .layout-gt-md-row > .flex-gt-md-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-80, .layout-gt-md-column > .flex-gt-md-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-gt-md-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-85, .layout-gt-md-row > .flex-gt-md-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-85, .layout-gt-md-column > .flex-gt-md-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-gt-md-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-90, .layout-gt-md-row > .flex-gt-md-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-90, .layout-gt-md-column > .flex-gt-md-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-gt-md-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-95, .layout-gt-md-row > .flex-gt-md-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-95, .layout-gt-md-column > .flex-gt-md-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-gt-md-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-100, .layout-gt-md-row > .flex-gt-md-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-100, .layout-gt-md-column > .flex-gt-md-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-34, .layout-row > .flex-gt-md-34, .layout-gt-md-row > .flex-gt-md-34, .layout-gt-md-row > .flex-gt-md-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 34%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-67, .layout-row > .flex-gt-md-67, .layout-gt-md-row > .flex-gt-md-67, .layout-gt-md-row > .flex-gt-md-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 67%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 100%;
max-height: 33%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-34, .layout-column > .flex-gt-md-34, .layout-gt-md-column > .flex-gt-md-34, .layout-gt-md-column > .flex-gt-md-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 100%;
max-height: 34%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 100%;
max-height: 66%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-67, .layout-column > .flex-gt-md-67, .layout-gt-md-column > .flex-gt-md-67, .layout-gt-md-column > .flex-gt-md-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 100%;
max-height: 67%;
box-sizing: border-box; }
.layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-gt-md-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-gt-md-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 960px) and (max-width: 1199px) {
.hide:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
display: none; }
.hide-lg:not(.show-lg):not(.show) {
display: none; }
.flex-order-lg-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-lg-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-lg-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-lg-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-lg-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-lg-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-lg-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-lg-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-lg-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-lg-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-lg-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-lg-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-lg-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-lg-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-lg-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-lg-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-lg-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-lg-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-lg-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-lg-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.offset-lg-0 {
margin-left: 0%; }
.offset-lg-5 {
margin-left: 5%; }
.offset-lg-10 {
margin-left: 10%; }
.offset-lg-15 {
margin-left: 15%; }
.offset-lg-20 {
margin-left: 20%; }
.offset-lg-25 {
margin-left: 25%; }
.offset-lg-30 {
margin-left: 30%; }
.offset-lg-35 {
margin-left: 35%; }
.offset-lg-40 {
margin-left: 40%; }
.offset-lg-45 {
margin-left: 45%; }
.offset-lg-50 {
margin-left: 50%; }
.offset-lg-55 {
margin-left: 55%; }
.offset-lg-60 {
margin-left: 60%; }
.offset-lg-65 {
margin-left: 65%; }
.offset-lg-70 {
margin-left: 70%; }
.offset-lg-75 {
margin-left: 75%; }
.offset-lg-80 {
margin-left: 80%; }
.offset-lg-85 {
margin-left: 85%; }
.offset-lg-90 {
margin-left: 90%; }
.offset-lg-95 {
margin-left: 95%; }
.offset-lg-33.offset-lg-34 {
margin-left: 33%; }
.offset-lg-66.offset-lg-67 {
margin-left: 67%; }
.layout-align-lg-center, .layout-align-lg-center-center, .layout-align-lg-center-start, .layout-align-lg-center-end {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-lg-end, .layout-align-lg-end-center, .layout-align-lg-end-start, .layout-align-lg-end-end {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-lg-space-around, .layout-align-lg-space-around-center, .layout-align-lg-space-around-start, .layout-align-lg-space-around-end {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-lg-space-between, .layout-align-lg-space-between-center, .layout-align-lg-space-between-start, .layout-align-lg-space-between-end {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-lg-center-start, .layout-align-lg-start-start, .layout-align-lg-end-start, .layout-align-lg-space-between-start, .layout-align-lg-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.layout-align-lg-center-center, .layout-align-lg-start-center, .layout-align-lg-end-center, .layout-align-lg-space-between-center, .layout-align-lg-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 100%; }
.layout-align-lg-center-center > *, .layout-align-lg-start-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-center-end, .layout-align-lg-start-end, .layout-align-lg-end-end, .layout-align-lg-space-between-end, .layout-align-lg-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.flex-lg {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; }
.flex-lg-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-lg-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-lg-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-lg-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-lg-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-0, .layout-lg-row > .flex-lg-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-0, .layout-lg-column > .flex-lg-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-lg-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-5, .layout-lg-row > .flex-lg-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-5, .layout-lg-column > .flex-lg-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-lg-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-10, .layout-lg-row > .flex-lg-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-10, .layout-lg-column > .flex-lg-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-lg-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-15, .layout-lg-row > .flex-lg-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-15, .layout-lg-column > .flex-lg-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-lg-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-20, .layout-lg-row > .flex-lg-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-20, .layout-lg-column > .flex-lg-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-lg-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-25, .layout-lg-row > .flex-lg-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-25, .layout-lg-column > .flex-lg-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-lg-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-30, .layout-lg-row > .flex-lg-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-30, .layout-lg-column > .flex-lg-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-lg-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-35, .layout-lg-row > .flex-lg-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-35, .layout-lg-column > .flex-lg-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-lg-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-40, .layout-lg-row > .flex-lg-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-40, .layout-lg-column > .flex-lg-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-lg-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-45, .layout-lg-row > .flex-lg-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-45, .layout-lg-column > .flex-lg-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-lg-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-50, .layout-lg-row > .flex-lg-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-50, .layout-lg-column > .flex-lg-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-lg-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-55, .layout-lg-row > .flex-lg-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-55, .layout-lg-column > .flex-lg-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-lg-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-60, .layout-lg-row > .flex-lg-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-60, .layout-lg-column > .flex-lg-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-lg-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-65, .layout-lg-row > .flex-lg-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-65, .layout-lg-column > .flex-lg-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-lg-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-70, .layout-lg-row > .flex-lg-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-70, .layout-lg-column > .flex-lg-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-lg-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-75, .layout-lg-row > .flex-lg-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-75, .layout-lg-column > .flex-lg-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-lg-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-80, .layout-lg-row > .flex-lg-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-80, .layout-lg-column > .flex-lg-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-lg-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-85, .layout-lg-row > .flex-lg-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-85, .layout-lg-column > .flex-lg-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-lg-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-90, .layout-lg-row > .flex-lg-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-90, .layout-lg-column > .flex-lg-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-lg-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-95, .layout-lg-row > .flex-lg-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-95, .layout-lg-column > .flex-lg-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-lg-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-100, .layout-lg-row > .flex-lg-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-100, .layout-lg-column > .flex-lg-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-33, .layout-row > .flex-lg-33, .layout-lg-row > .flex-lg-33, .layout-lg-row > .flex-lg-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-34, .layout-row > .flex-lg-34, .layout-lg-row > .flex-lg-34, .layout-lg-row > .flex-lg-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 34%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-66, .layout-row > .flex-lg-66, .layout-lg-row > .flex-lg-66, .layout-lg-row > .flex-lg-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-67, .layout-row > .flex-lg-67, .layout-lg-row > .flex-lg-67, .layout-lg-row > .flex-lg-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 67%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-33, .layout-column > .flex-lg-33, .layout-lg-column > .flex-lg-33, .layout-lg-column > .flex-lg-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 100%;
max-height: 33%;
box-sizing: border-box; }
.layout-column > .flex-lg-34, .layout-column > .flex-lg-34, .layout-lg-column > .flex-lg-34, .layout-lg-column > .flex-lg-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 100%;
max-height: 34%;
box-sizing: border-box; }
.layout-column > .flex-lg-66, .layout-column > .flex-lg-66, .layout-lg-column > .flex-lg-66, .layout-lg-column > .flex-lg-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 100%;
max-height: 66%;
box-sizing: border-box; }
.layout-column > .flex-lg-67, .layout-column > .flex-lg-67, .layout-lg-column > .flex-lg-67, .layout-lg-column > .flex-lg-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 100%;
max-height: 67%;
box-sizing: border-box; }
.layout-lg, .layout-lg-column, .layout-lg-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-lg-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-lg-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 1200px) {
.hide-gt-sm:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide-gt-md:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide-gt-lg:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show), .hide:not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show) {
display: none; }
.flex-order-gt-lg-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-gt-lg-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-gt-lg-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-gt-lg-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-gt-lg-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-gt-lg-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-gt-lg-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-gt-lg-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-gt-lg-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-gt-lg-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-gt-lg-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-gt-lg-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-gt-lg-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-gt-lg-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-gt-lg-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-gt-lg-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-gt-lg-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-gt-lg-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-gt-lg-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-gt-lg-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.offset-gt-lg-0 {
margin-left: 0%; }
.offset-gt-lg-5 {
margin-left: 5%; }
.offset-gt-lg-10 {
margin-left: 10%; }
.offset-gt-lg-15 {
margin-left: 15%; }
.offset-gt-lg-20 {
margin-left: 20%; }
.offset-gt-lg-25 {
margin-left: 25%; }
.offset-gt-lg-30 {
margin-left: 30%; }
.offset-gt-lg-35 {
margin-left: 35%; }
.offset-gt-lg-40 {
margin-left: 40%; }
.offset-gt-lg-45 {
margin-left: 45%; }
.offset-gt-lg-50 {
margin-left: 50%; }
.offset-gt-lg-55 {
margin-left: 55%; }
.offset-gt-lg-60 {
margin-left: 60%; }
.offset-gt-lg-65 {
margin-left: 65%; }
.offset-gt-lg-70 {
margin-left: 70%; }
.offset-gt-lg-75 {
margin-left: 75%; }
.offset-gt-lg-80 {
margin-left: 80%; }
.offset-gt-lg-85 {
margin-left: 85%; }
.offset-gt-lg-90 {
margin-left: 90%; }
.offset-gt-lg-95 {
margin-left: 95%; }
.offset-gt-lg-33.offset-gt-lg-34 {
margin-left: 33%; }
.offset-gt-lg-66.offset-gt-lg-67 {
margin-left: 67%; }
.layout-align-gt-lg-center, .layout-align-gt-lg-center-center, .layout-align-gt-lg-center-start, .layout-align-gt-lg-center-end {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-gt-lg-end, .layout-align-gt-lg-end-center, .layout-align-gt-lg-end-start, .layout-align-gt-lg-end-end {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-gt-lg-space-around, .layout-align-gt-lg-space-around-center, .layout-align-gt-lg-space-around-start, .layout-align-gt-lg-space-around-end {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-gt-lg-space-between, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-space-between-end {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-gt-lg-center-start, .layout-align-gt-lg-start-start, .layout-align-gt-lg-end-start, .layout-align-gt-lg-space-between-start, .layout-align-gt-lg-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
.layout-align-gt-lg-center-center, .layout-align-gt-lg-start-center, .layout-align-gt-lg-end-center, .layout-align-gt-lg-space-between-center, .layout-align-gt-lg-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 100%; }
.layout-align-gt-lg-center-center > *, .layout-align-gt-lg-start-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-center-end, .layout-align-gt-lg-start-end, .layout-align-gt-lg-end-end, .layout-align-gt-lg-space-between-end, .layout-align-gt-lg-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.flex-gt-lg {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; }
.flex-gt-lg-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-gt-lg-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-gt-lg-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-gt-lg-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-gt-lg-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-0, .layout-gt-lg-row > .flex-gt-lg-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-0, .layout-gt-lg-column > .flex-gt-lg-0 {
-webkit-flex: 0 0 0%;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-gt-lg-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-5, .layout-gt-lg-row > .flex-gt-lg-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-5, .layout-gt-lg-column > .flex-gt-lg-5 {
-webkit-flex: 0 0 5%;
-ms-flex: 0 0 5%;
flex: 0 0 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-gt-lg-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-10, .layout-gt-lg-row > .flex-gt-lg-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-10, .layout-gt-lg-column > .flex-gt-lg-10 {
-webkit-flex: 0 0 10%;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-gt-lg-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-15, .layout-gt-lg-row > .flex-gt-lg-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-15, .layout-gt-lg-column > .flex-gt-lg-15 {
-webkit-flex: 0 0 15%;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-gt-lg-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-20, .layout-gt-lg-row > .flex-gt-lg-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-20, .layout-gt-lg-column > .flex-gt-lg-20 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-gt-lg-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-25, .layout-gt-lg-row > .flex-gt-lg-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-25, .layout-gt-lg-column > .flex-gt-lg-25 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-gt-lg-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-30, .layout-gt-lg-row > .flex-gt-lg-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-30, .layout-gt-lg-column > .flex-gt-lg-30 {
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-gt-lg-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-35, .layout-gt-lg-row > .flex-gt-lg-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-35, .layout-gt-lg-column > .flex-gt-lg-35 {
-webkit-flex: 0 0 35%;
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-gt-lg-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-40, .layout-gt-lg-row > .flex-gt-lg-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-40, .layout-gt-lg-column > .flex-gt-lg-40 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-gt-lg-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-45, .layout-gt-lg-row > .flex-gt-lg-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-45, .layout-gt-lg-column > .flex-gt-lg-45 {
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-gt-lg-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-50, .layout-gt-lg-row > .flex-gt-lg-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-50, .layout-gt-lg-column > .flex-gt-lg-50 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-gt-lg-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-55, .layout-gt-lg-row > .flex-gt-lg-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-55, .layout-gt-lg-column > .flex-gt-lg-55 {
-webkit-flex: 0 0 55%;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-gt-lg-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-60, .layout-gt-lg-row > .flex-gt-lg-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-60, .layout-gt-lg-column > .flex-gt-lg-60 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-gt-lg-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-65, .layout-gt-lg-row > .flex-gt-lg-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-65, .layout-gt-lg-column > .flex-gt-lg-65 {
-webkit-flex: 0 0 65%;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-gt-lg-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-70, .layout-gt-lg-row > .flex-gt-lg-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-70, .layout-gt-lg-column > .flex-gt-lg-70 {
-webkit-flex: 0 0 70%;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-gt-lg-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-75, .layout-gt-lg-row > .flex-gt-lg-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-75, .layout-gt-lg-column > .flex-gt-lg-75 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-gt-lg-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-80, .layout-gt-lg-row > .flex-gt-lg-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-80, .layout-gt-lg-column > .flex-gt-lg-80 {
-webkit-flex: 0 0 80%;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-gt-lg-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-85, .layout-gt-lg-row > .flex-gt-lg-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-85, .layout-gt-lg-column > .flex-gt-lg-85 {
-webkit-flex: 0 0 85%;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-gt-lg-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-90, .layout-gt-lg-row > .flex-gt-lg-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-90, .layout-gt-lg-column > .flex-gt-lg-90 {
-webkit-flex: 0 0 90%;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-gt-lg-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-95, .layout-gt-lg-row > .flex-gt-lg-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-95, .layout-gt-lg-column > .flex-gt-lg-95 {
-webkit-flex: 0 0 95%;
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-gt-lg-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-100, .layout-gt-lg-row > .flex-gt-lg-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-100, .layout-gt-lg-column > .flex-gt-lg-100 {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-34, .layout-row > .flex-gt-lg-34, .layout-gt-lg-row > .flex-gt-lg-34, .layout-gt-lg-row > .flex-gt-lg-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 34%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-67, .layout-row > .flex-gt-lg-67, .layout-gt-lg-row > .flex-gt-lg-67, .layout-gt-lg-row > .flex-gt-lg-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 67%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33 {
-webkit-flex: 0 0 33%;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 100%;
max-height: 33%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-34, .layout-column > .flex-gt-lg-34, .layout-gt-lg-column > .flex-gt-lg-34, .layout-gt-lg-column > .flex-gt-lg-34 {
-webkit-flex: 0 0 34%;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 100%;
max-height: 34%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66 {
-webkit-flex: 0 0 66%;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 100%;
max-height: 66%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-67, .layout-column > .flex-gt-lg-67, .layout-gt-lg-column > .flex-gt-lg-67, .layout-gt-lg-column > .flex-gt-lg-67 {
-webkit-flex: 0 0 67%;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 100%;
max-height: 67%;
box-sizing: border-box; }
.layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-gt-lg-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-gt-lg-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }