prime-grid
Version:
A prime grid for your projects!
2,629 lines (2,335 loc) • 63.7 kB
CSS
/*== Prime Grid ==*/
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.container {
max-width: 1320px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.container-fluid {
max-width: 100%;
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 0 8px;
}
.row.no-gutter {
padding: 0;
}
.row.gutter {
padding: 8px;
}
.row.no-vert-gutter {
padding-top: 0;
padding-bottom: 0;
}
.row.no-hor-gutter {
padding-left: 0;
padding-right: 0;
}
.row.vert-gutter {
padding-top: 8px;
padding-bottom: 8px;
}
.row.hor-gutter {
padding-left: 8px;
padding-right: 8px;
}
.row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: col-reverse;
-ms-flex-direction: col-reverse;
flex-direction: col-reverse;
}
.row-break {
width: 100%;
}
.row-break-xs,
.row-break-sm,
.row-break-md,
.row-break-lg,
.row-break-xl {
display: none;
}
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-offset-0,
.col-offset-1,
.col-offset-2,
.col-offset-3,
.col-offset-4,
.col-offset-5,
.col-offset-6,
.col-offset-7,
.col-offset-8,
.col-offset-9,
.col-offset-10,
.col-offset-11,
.col-offset-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 8px;
}
.col.no-gutter,
.col-1.no-gutter,
.col-2.no-gutter,
.col-3.no-gutter,
.col-4.no-gutter,
.col-5.no-gutter,
.col-6.no-gutter,
.col-7.no-gutter,
.col-8.no-gutter,
.col-9.no-gutter,
.col-10.no-gutter,
.col-11.no-gutter,
.col-12.no-gutter,
.col-offset-0.no-gutter,
.col-offset-1.no-gutter,
.col-offset-2.no-gutter,
.col-offset-3.no-gutter,
.col-offset-4.no-gutter,
.col-offset-5.no-gutter,
.col-offset-6.no-gutter,
.col-offset-7.no-gutter,
.col-offset-8.no-gutter,
.col-offset-9.no-gutter,
.col-offset-10.no-gutter,
.col-offset-11.no-gutter,
.col-offset-12.no-gutter {
padding: 0;
}
.col.gutter,
.col-1.gutter,
.col-2.gutter,
.col-3.gutter,
.col-4.gutter,
.col-5.gutter,
.col-6.gutter,
.col-7.gutter,
.col-8.gutter,
.col-9.gutter,
.col-10.gutter,
.col-11.gutter,
.col-12.gutter,
.col-offset-0.gutter,
.col-offset-1.gutter,
.col-offset-2.gutter,
.col-offset-3.gutter,
.col-offset-4.gutter,
.col-offset-5.gutter,
.col-offset-6.gutter,
.col-offset-7.gutter,
.col-offset-8.gutter,
.col-offset-9.gutter,
.col-offset-10.gutter,
.col-offset-11.gutter,
.col-offset-12.gutter {
padding: 8px;
}
.col.no-vert-gutter,
.col-1.no-vert-gutter,
.col-2.no-vert-gutter,
.col-3.no-vert-gutter,
.col-4.no-vert-gutter,
.col-5.no-vert-gutter,
.col-6.no-vert-gutter,
.col-7.no-vert-gutter,
.col-8.no-vert-gutter,
.col-9.no-vert-gutter,
.col-10.no-vert-gutter,
.col-11.no-vert-gutter,
.col-12.no-vert-gutter,
.col-offset-0.no-vert-gutter,
.col-offset-1.no-vert-gutter,
.col-offset-2.no-vert-gutter,
.col-offset-3.no-vert-gutter,
.col-offset-4.no-vert-gutter,
.col-offset-5.no-vert-gutter,
.col-offset-6.no-vert-gutter,
.col-offset-7.no-vert-gutter,
.col-offset-8.no-vert-gutter,
.col-offset-9.no-vert-gutter,
.col-offset-10.no-vert-gutter,
.col-offset-11.no-vert-gutter,
.col-offset-12.no-vert-gutter {
padding-top: 0;
padding-bottom: 0;
}
.col.no-hor-gutter,
.col-1.no-hor-gutter,
.col-2.no-hor-gutter,
.col-3.no-hor-gutter,
.col-4.no-hor-gutter,
.col-5.no-hor-gutter,
.col-6.no-hor-gutter,
.col-7.no-hor-gutter,
.col-8.no-hor-gutter,
.col-9.no-hor-gutter,
.col-10.no-hor-gutter,
.col-11.no-hor-gutter,
.col-12.no-hor-gutter,
.col-offset-0.no-hor-gutter,
.col-offset-1.no-hor-gutter,
.col-offset-2.no-hor-gutter,
.col-offset-3.no-hor-gutter,
.col-offset-4.no-hor-gutter,
.col-offset-5.no-hor-gutter,
.col-offset-6.no-hor-gutter,
.col-offset-7.no-hor-gutter,
.col-offset-8.no-hor-gutter,
.col-offset-9.no-hor-gutter,
.col-offset-10.no-hor-gutter,
.col-offset-11.no-hor-gutter,
.col-offset-12.no-hor-gutter {
padding-left: 0;
padding-right: 0;
}
.col.vert-gutter,
.col-1.vert-gutter,
.col-2.vert-gutter,
.col-3.vert-gutter,
.col-4.vert-gutter,
.col-5.vert-gutter,
.col-6.vert-gutter,
.col-7.vert-gutter,
.col-8.vert-gutter,
.col-9.vert-gutter,
.col-10.vert-gutter,
.col-11.vert-gutter,
.col-12.vert-gutter,
.col-offset-0.vert-gutter,
.col-offset-1.vert-gutter,
.col-offset-2.vert-gutter,
.col-offset-3.vert-gutter,
.col-offset-4.vert-gutter,
.col-offset-5.vert-gutter,
.col-offset-6.vert-gutter,
.col-offset-7.vert-gutter,
.col-offset-8.vert-gutter,
.col-offset-9.vert-gutter,
.col-offset-10.vert-gutter,
.col-offset-11.vert-gutter,
.col-offset-12.vert-gutter {
padding-top: 8px;
padding-bottom: 8px;
}
.col.hor-gutter,
.col-1.hor-gutter,
.col-2.hor-gutter,
.col-3.hor-gutter,
.col-4.hor-gutter,
.col-5.hor-gutter,
.col-6.hor-gutter,
.col-7.hor-gutter,
.col-8.hor-gutter,
.col-9.hor-gutter,
.col-10.hor-gutter,
.col-11.hor-gutter,
.col-12.hor-gutter,
.col-offset-0.hor-gutter,
.col-offset-1.hor-gutter,
.col-offset-2.hor-gutter,
.col-offset-3.hor-gutter,
.col-offset-4.hor-gutter,
.col-offset-5.hor-gutter,
.col-offset-6.hor-gutter,
.col-offset-7.hor-gutter,
.col-offset-8.hor-gutter,
.col-offset-9.hor-gutter,
.col-offset-10.hor-gutter,
.col-offset-11.hor-gutter,
.col-offset-12.hor-gutter {
padding-left: 8px;
padding-right: 8px;
}
.col,
.col-offset-0,
.col-offset-1,
.col-offset-2,
.col-offset-3,
.col-offset-4,
.col-offset-5,
.col-offset-6,
.col-offset-7,
.col-offset-8,
.col-offset-9,
.col-offset-10,
.col-offset-11,
.col-offset-12 {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.col-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.col-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.col-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.col-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.col-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.col-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.col-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.col-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.col-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-offset-0 {
margin-left: 0;
}
.col-offset-1 {
margin-left: 8.33333%;
}
.col-offset-2 {
margin-left: 16.66667%;
}
.col-offset-3 {
margin-left: 25%;
}
.col-offset-4 {
margin-left: 33.33333%;
}
.col-offset-5 {
margin-left: 41.66667%;
}
.col-offset-6 {
margin-left: 50%;
}
.col-offset-7 {
margin-left: 58.33333%;
}
.col-offset-8 {
margin-left: 66.66667%;
}
.col-offset-9 {
margin-left: 75%;
}
.col-offset-10 {
margin-left: 83.33333%;
}
.col-offset-11 {
margin-left: 91.66667%;
}
.row-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.row-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row-between {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.row-evenly {
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.row-around {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.row-middle {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.row-stretch {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.row-baseline {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.row-bottom {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.col-top {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.col-middle {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.col-bottom {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.hide {
display: none;
}
.show {
display: block;
}
.show.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1399px) {
.container {
max-width: 1320px;
}
.container-xl {
max-width: 1320px;
}
.container-fluid-xl {
max-width: 100%;
}
.row.no-gutter-xl {
padding: 0;
}
.row.gutter-xl {
padding: 8px;
}
.row.no-vert-gutter-xl {
padding-top: 0;
padding-bottom: 0;
}
.row.no-hor-gutter-xl {
padding-left: 0;
padding-right: 0;
}
.row.vert-gutter-xl {
padding-top: 8px;
padding-bottom: 8px;
}
.row.hor-gutter-xl {
padding-left: 8px;
padding-right: 8px;
}
.row-reverse-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col-reverse-xl {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: col-reverse;
-ms-flex-direction: col-reverse;
flex-direction: col-reverse;
}
.row-break-xl {
display: block;
width: 100%;
}
.row-break-xs,
.row-break-sm,
.row-break-md,
.row-break-lg {
display: none;
}
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-offset-0,
.col-xl-offset-1,
.col-xl-offset-2,
.col-xl-offset-3,
.col-xl-offset-4,
.col-xl-offset-5,
.col-xl-offset-6,
.col-xl-offset-7,
.col-xl-offset-8,
.col-xl-offset-9,
.col-xl-offset-10,
.col-xl-offset-11,
.col-xl-offset-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 8px;
}
.col-xl.no-gutter-xl,
.col-xl-1.no-gutter-xl,
.col-xl-2.no-gutter-xl,
.col-xl-3.no-gutter-xl,
.col-xl-4.no-gutter-xl,
.col-xl-5.no-gutter-xl,
.col-xl-6.no-gutter-xl,
.col-xl-7.no-gutter-xl,
.col-xl-8.no-gutter-xl,
.col-xl-9.no-gutter-xl,
.col-xl-10.no-gutter-xl,
.col-xl-11.no-gutter-xl,
.col-xl-12.no-gutter-xl,
.col-xl-offset-0.no-gutter-xl,
.col-xl-offset-1.no-gutter-xl,
.col-xl-offset-2.no-gutter-xl,
.col-xl-offset-3.no-gutter-xl,
.col-xl-offset-4.no-gutter-xl,
.col-xl-offset-5.no-gutter-xl,
.col-xl-offset-6.no-gutter-xl,
.col-xl-offset-7.no-gutter-xl,
.col-xl-offset-8.no-gutter-xl,
.col-xl-offset-9.no-gutter-xl,
.col-xl-offset-10.no-gutter-xl,
.col-xl-offset-11.no-gutter-xl,
.col-xl-offset-12.no-gutter-xl {
padding: 0;
}
.col-xl.gutter-xl,
.col-xl-1.gutter-xl,
.col-xl-2.gutter-xl,
.col-xl-3.gutter-xl,
.col-xl-4.gutter-xl,
.col-xl-5.gutter-xl,
.col-xl-6.gutter-xl,
.col-xl-7.gutter-xl,
.col-xl-8.gutter-xl,
.col-xl-9.gutter-xl,
.col-xl-10.gutter-xl,
.col-xl-11.gutter-xl,
.col-xl-12.gutter-xl,
.col-xl-offset-0.gutter-xl,
.col-xl-offset-1.gutter-xl,
.col-xl-offset-2.gutter-xl,
.col-xl-offset-3.gutter-xl,
.col-xl-offset-4.gutter-xl,
.col-xl-offset-5.gutter-xl,
.col-xl-offset-6.gutter-xl,
.col-xl-offset-7.gutter-xl,
.col-xl-offset-8.gutter-xl,
.col-xl-offset-9.gutter-xl,
.col-xl-offset-10.gutter-xl,
.col-xl-offset-11.gutter-xl,
.col-xl-offset-12.gutter-xl {
padding: 8px;
}
.col-xl.no-vert-gutter-xl,
.col-xl-1.no-vert-gutter-xl,
.col-xl-2.no-vert-gutter-xl,
.col-xl-3.no-vert-gutter-xl,
.col-xl-4.no-vert-gutter-xl,
.col-xl-5.no-vert-gutter-xl,
.col-xl-6.no-vert-gutter-xl,
.col-xl-7.no-vert-gutter-xl,
.col-xl-8.no-vert-gutter-xl,
.col-xl-9.no-vert-gutter-xl,
.col-xl-10.no-vert-gutter-xl,
.col-xl-11.no-vert-gutter-xl,
.col-xl-12.no-vert-gutter-xl,
.col-xl-offset-0.no-vert-gutter-xl,
.col-xl-offset-1.no-vert-gutter-xl,
.col-xl-offset-2.no-vert-gutter-xl,
.col-xl-offset-3.no-vert-gutter-xl,
.col-xl-offset-4.no-vert-gutter-xl,
.col-xl-offset-5.no-vert-gutter-xl,
.col-xl-offset-6.no-vert-gutter-xl,
.col-xl-offset-7.no-vert-gutter-xl,
.col-xl-offset-8.no-vert-gutter-xl,
.col-xl-offset-9.no-vert-gutter-xl,
.col-xl-offset-10.no-vert-gutter-xl,
.col-xl-offset-11.no-vert-gutter-xl,
.col-xl-offset-12.no-vert-gutter-xl {
padding-top: 0;
padding-bottom: 0;
}
.col-xl.no-hor-gutter-xl,
.col-xl-1.no-hor-gutter-xl,
.col-xl-2.no-hor-gutter-xl,
.col-xl-3.no-hor-gutter-xl,
.col-xl-4.no-hor-gutter-xl,
.col-xl-5.no-hor-gutter-xl,
.col-xl-6.no-hor-gutter-xl,
.col-xl-7.no-hor-gutter-xl,
.col-xl-8.no-hor-gutter-xl,
.col-xl-9.no-hor-gutter-xl,
.col-xl-10.no-hor-gutter-xl,
.col-xl-11.no-hor-gutter-xl,
.col-xl-12.no-hor-gutter-xl,
.col-xl-offset-0.no-hor-gutter-xl,
.col-xl-offset-1.no-hor-gutter-xl,
.col-xl-offset-2.no-hor-gutter-xl,
.col-xl-offset-3.no-hor-gutter-xl,
.col-xl-offset-4.no-hor-gutter-xl,
.col-xl-offset-5.no-hor-gutter-xl,
.col-xl-offset-6.no-hor-gutter-xl,
.col-xl-offset-7.no-hor-gutter-xl,
.col-xl-offset-8.no-hor-gutter-xl,
.col-xl-offset-9.no-hor-gutter-xl,
.col-xl-offset-10.no-hor-gutter-xl,
.col-xl-offset-11.no-hor-gutter-xl,
.col-xl-offset-12.no-hor-gutter-xl {
padding-left: 0;
padding-right: 0;
}
.col-xl.vert-gutter-xl,
.col-xl-1.vert-gutter-xl,
.col-xl-2.vert-gutter-xl,
.col-xl-3.vert-gutter-xl,
.col-xl-4.vert-gutter-xl,
.col-xl-5.vert-gutter-xl,
.col-xl-6.vert-gutter-xl,
.col-xl-7.vert-gutter-xl,
.col-xl-8.vert-gutter-xl,
.col-xl-9.vert-gutter-xl,
.col-xl-10.vert-gutter-xl,
.col-xl-11.vert-gutter-xl,
.col-xl-12.vert-gutter-xl,
.col-xl-offset-0.vert-gutter-xl,
.col-xl-offset-1.vert-gutter-xl,
.col-xl-offset-2.vert-gutter-xl,
.col-xl-offset-3.vert-gutter-xl,
.col-xl-offset-4.vert-gutter-xl,
.col-xl-offset-5.vert-gutter-xl,
.col-xl-offset-6.vert-gutter-xl,
.col-xl-offset-7.vert-gutter-xl,
.col-xl-offset-8.vert-gutter-xl,
.col-xl-offset-9.vert-gutter-xl,
.col-xl-offset-10.vert-gutter-xl,
.col-xl-offset-11.vert-gutter-xl,
.col-xl-offset-12.vert-gutter-xl {
padding-top: 8px;
padding-bottom: 8px;
}
.col-xl.hor-gutter-xl,
.col-xl-1.hor-gutter-xl,
.col-xl-2.hor-gutter-xl,
.col-xl-3.hor-gutter-xl,
.col-xl-4.hor-gutter-xl,
.col-xl-5.hor-gutter-xl,
.col-xl-6.hor-gutter-xl,
.col-xl-7.hor-gutter-xl,
.col-xl-8.hor-gutter-xl,
.col-xl-9.hor-gutter-xl,
.col-xl-10.hor-gutter-xl,
.col-xl-11.hor-gutter-xl,
.col-xl-12.hor-gutter-xl,
.col-xl-offset-0.hor-gutter-xl,
.col-xl-offset-1.hor-gutter-xl,
.col-xl-offset-2.hor-gutter-xl,
.col-xl-offset-3.hor-gutter-xl,
.col-xl-offset-4.hor-gutter-xl,
.col-xl-offset-5.hor-gutter-xl,
.col-xl-offset-6.hor-gutter-xl,
.col-xl-offset-7.hor-gutter-xl,
.col-xl-offset-8.hor-gutter-xl,
.col-xl-offset-9.hor-gutter-xl,
.col-xl-offset-10.hor-gutter-xl,
.col-xl-offset-11.hor-gutter-xl,
.col-xl-offset-12.hor-gutter-xl {
padding-left: 8px;
padding-right: 8px;
}
.col-xl,
.col-xl-offset-0,
.col-xl-offset-1,
.col-xl-offset-2,
.col-xl-offset-3,
.col-xl-offset-4,
.col-xl-offset-5,
.col-xl-offset-6,
.col-xl-offset-7,
.col-xl-offset-8,
.col-xl-offset-9,
.col-xl-offset-10,
.col-xl-offset-11,
.col-xl-offset-12 {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.col-xl-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xl-offset-0 {
margin-left: 0;
}
.col-xl-offset-1 {
margin-left: 8.33333%;
}
.col-xl-offset-2 {
margin-left: 16.66667%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-4 {
margin-left: 33.33333%;
}
.col-xl-offset-5 {
margin-left: 41.66667%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-7 {
margin-left: 58.33333%;
}
.col-xl-offset-8 {
margin-left: 66.66667%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-10 {
margin-left: 83.33333%;
}
.col-xl-offset-11 {
margin-left: 91.66667%;
}
.row-left-xl {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row-center-xl {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.row-right-xl {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row-between-xl {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.row-evenly-xl {
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.row-around-xl {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row-top-xl {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.row-middle-xl {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.row-stretch-xl {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.row-baseline-xl {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.row-bottom-xl {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.col-top-xl {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.col-middle-xl {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.col-bottom-xl {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.first-xl {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.last-xl {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.hide-xl {
display: none;
}
.show-xl {
display: block;
}
.show-xl.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (max-width: 1199px) {
.container {
max-width: 1140px;
}
.container-lg {
max-width: 1140px;
}
.container-fluid-lg {
max-width: 100%;
}
.row.no-gutter-lg {
padding: 0;
}
.row.gutter-lg {
padding: 8px;
}
.row.no-vert-gutter-lg {
padding-top: 0;
padding-bottom: 0;
}
.row.no-hor-gutter-lg {
padding-left: 0;
padding-right: 0;
}
.row.vert-gutter-lg {
padding-top: 8px;
padding-bottom: 8px;
}
.row.hor-gutter-lg {
padding-left: 8px;
padding-right: 8px;
}
.row-reverse-lg {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col-reverse-lg {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: col-reverse;
-ms-flex-direction: col-reverse;
flex-direction: col-reverse;
}
.row-break-lg {
display: block;
width: 100%;
}
.row-break-xs,
.row-break-sm,
.row-break-md {
display: none;
}
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 8px;
}
.col-lg.no-gutter-lg,
.col-lg-1.no-gutter-lg,
.col-lg-2.no-gutter-lg,
.col-lg-3.no-gutter-lg,
.col-lg-4.no-gutter-lg,
.col-lg-5.no-gutter-lg,
.col-lg-6.no-gutter-lg,
.col-lg-7.no-gutter-lg,
.col-lg-8.no-gutter-lg,
.col-lg-9.no-gutter-lg,
.col-lg-10.no-gutter-lg,
.col-lg-11.no-gutter-lg,
.col-lg-12.no-gutter-lg,
.col-lg-offset-0.no-gutter-lg,
.col-lg-offset-1.no-gutter-lg,
.col-lg-offset-2.no-gutter-lg,
.col-lg-offset-3.no-gutter-lg,
.col-lg-offset-4.no-gutter-lg,
.col-lg-offset-5.no-gutter-lg,
.col-lg-offset-6.no-gutter-lg,
.col-lg-offset-7.no-gutter-lg,
.col-lg-offset-8.no-gutter-lg,
.col-lg-offset-9.no-gutter-lg,
.col-lg-offset-10.no-gutter-lg,
.col-lg-offset-11.no-gutter-lg,
.col-lg-offset-12.no-gutter-lg {
padding: 0;
}
.col-lg.gutter-lg,
.col-lg-1.gutter-lg,
.col-lg-2.gutter-lg,
.col-lg-3.gutter-lg,
.col-lg-4.gutter-lg,
.col-lg-5.gutter-lg,
.col-lg-6.gutter-lg,
.col-lg-7.gutter-lg,
.col-lg-8.gutter-lg,
.col-lg-9.gutter-lg,
.col-lg-10.gutter-lg,
.col-lg-11.gutter-lg,
.col-lg-12.gutter-lg,
.col-lg-offset-0.gutter-lg,
.col-lg-offset-1.gutter-lg,
.col-lg-offset-2.gutter-lg,
.col-lg-offset-3.gutter-lg,
.col-lg-offset-4.gutter-lg,
.col-lg-offset-5.gutter-lg,
.col-lg-offset-6.gutter-lg,
.col-lg-offset-7.gutter-lg,
.col-lg-offset-8.gutter-lg,
.col-lg-offset-9.gutter-lg,
.col-lg-offset-10.gutter-lg,
.col-lg-offset-11.gutter-lg,
.col-lg-offset-12.gutter-lg {
padding: 8px;
}
.col-lg.no-vert-gutter-lg,
.col-lg-1.no-vert-gutter-lg,
.col-lg-2.no-vert-gutter-lg,
.col-lg-3.no-vert-gutter-lg,
.col-lg-4.no-vert-gutter-lg,
.col-lg-5.no-vert-gutter-lg,
.col-lg-6.no-vert-gutter-lg,
.col-lg-7.no-vert-gutter-lg,
.col-lg-8.no-vert-gutter-lg,
.col-lg-9.no-vert-gutter-lg,
.col-lg-10.no-vert-gutter-lg,
.col-lg-11.no-vert-gutter-lg,
.col-lg-12.no-vert-gutter-lg,
.col-lg-offset-0.no-vert-gutter-lg,
.col-lg-offset-1.no-vert-gutter-lg,
.col-lg-offset-2.no-vert-gutter-lg,
.col-lg-offset-3.no-vert-gutter-lg,
.col-lg-offset-4.no-vert-gutter-lg,
.col-lg-offset-5.no-vert-gutter-lg,
.col-lg-offset-6.no-vert-gutter-lg,
.col-lg-offset-7.no-vert-gutter-lg,
.col-lg-offset-8.no-vert-gutter-lg,
.col-lg-offset-9.no-vert-gutter-lg,
.col-lg-offset-10.no-vert-gutter-lg,
.col-lg-offset-11.no-vert-gutter-lg,
.col-lg-offset-12.no-vert-gutter-lg {
padding-top: 0;
padding-bottom: 0;
}
.col-lg.no-hor-gutter-lg,
.col-lg-1.no-hor-gutter-lg,
.col-lg-2.no-hor-gutter-lg,
.col-lg-3.no-hor-gutter-lg,
.col-lg-4.no-hor-gutter-lg,
.col-lg-5.no-hor-gutter-lg,
.col-lg-6.no-hor-gutter-lg,
.col-lg-7.no-hor-gutter-lg,
.col-lg-8.no-hor-gutter-lg,
.col-lg-9.no-hor-gutter-lg,
.col-lg-10.no-hor-gutter-lg,
.col-lg-11.no-hor-gutter-lg,
.col-lg-12.no-hor-gutter-lg,
.col-lg-offset-0.no-hor-gutter-lg,
.col-lg-offset-1.no-hor-gutter-lg,
.col-lg-offset-2.no-hor-gutter-lg,
.col-lg-offset-3.no-hor-gutter-lg,
.col-lg-offset-4.no-hor-gutter-lg,
.col-lg-offset-5.no-hor-gutter-lg,
.col-lg-offset-6.no-hor-gutter-lg,
.col-lg-offset-7.no-hor-gutter-lg,
.col-lg-offset-8.no-hor-gutter-lg,
.col-lg-offset-9.no-hor-gutter-lg,
.col-lg-offset-10.no-hor-gutter-lg,
.col-lg-offset-11.no-hor-gutter-lg,
.col-lg-offset-12.no-hor-gutter-lg {
padding-left: 0;
padding-right: 0;
}
.col-lg.vert-gutter-lg,
.col-lg-1.vert-gutter-lg,
.col-lg-2.vert-gutter-lg,
.col-lg-3.vert-gutter-lg,
.col-lg-4.vert-gutter-lg,
.col-lg-5.vert-gutter-lg,
.col-lg-6.vert-gutter-lg,
.col-lg-7.vert-gutter-lg,
.col-lg-8.vert-gutter-lg,
.col-lg-9.vert-gutter-lg,
.col-lg-10.vert-gutter-lg,
.col-lg-11.vert-gutter-lg,
.col-lg-12.vert-gutter-lg,
.col-lg-offset-0.vert-gutter-lg,
.col-lg-offset-1.vert-gutter-lg,
.col-lg-offset-2.vert-gutter-lg,
.col-lg-offset-3.vert-gutter-lg,
.col-lg-offset-4.vert-gutter-lg,
.col-lg-offset-5.vert-gutter-lg,
.col-lg-offset-6.vert-gutter-lg,
.col-lg-offset-7.vert-gutter-lg,
.col-lg-offset-8.vert-gutter-lg,
.col-lg-offset-9.vert-gutter-lg,
.col-lg-offset-10.vert-gutter-lg,
.col-lg-offset-11.vert-gutter-lg,
.col-lg-offset-12.vert-gutter-lg {
padding-top: 8px;
padding-bottom: 8px;
}
.col-lg.hor-gutter-lg,
.col-lg-1.hor-gutter-lg,
.col-lg-2.hor-gutter-lg,
.col-lg-3.hor-gutter-lg,
.col-lg-4.hor-gutter-lg,
.col-lg-5.hor-gutter-lg,
.col-lg-6.hor-gutter-lg,
.col-lg-7.hor-gutter-lg,
.col-lg-8.hor-gutter-lg,
.col-lg-9.hor-gutter-lg,
.col-lg-10.hor-gutter-lg,
.col-lg-11.hor-gutter-lg,
.col-lg-12.hor-gutter-lg,
.col-lg-offset-0.hor-gutter-lg,
.col-lg-offset-1.hor-gutter-lg,
.col-lg-offset-2.hor-gutter-lg,
.col-lg-offset-3.hor-gutter-lg,
.col-lg-offset-4.hor-gutter-lg,
.col-lg-offset-5.hor-gutter-lg,
.col-lg-offset-6.hor-gutter-lg,
.col-lg-offset-7.hor-gutter-lg,
.col-lg-offset-8.hor-gutter-lg,
.col-lg-offset-9.hor-gutter-lg,
.col-lg-offset-10.hor-gutter-lg,
.col-lg-offset-11.hor-gutter-lg,
.col-lg-offset-12.hor-gutter-lg {
padding-left: 8px;
padding-right: 8px;
}
.col-lg,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12 {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.col-lg-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.33333%;
}
.col-lg-offset-2 {
margin-left: 16.66667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333%;
}
.col-lg-offset-5 {
margin-left: 41.66667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333%;
}
.col-lg-offset-8 {
margin-left: 66.66667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333%;
}
.col-lg-offset-11 {
margin-left: 91.66667%;
}
.row-left-lg {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row-center-lg {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.row-right-lg {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row-between-lg {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.row-evenly-lg {
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.row-around-lg {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row-top-lg {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.row-middle-lg {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.row-stretch-lg {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.row-baseline-lg {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.row-bottom-lg {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.col-top-lg {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.col-middle-lg {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.col-bottom-lg {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.first-lg {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.last-lg {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.hide-lg {
display: none;
}
.show-lg {
display: block;
}
.show-lg.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (max-width: 991px) {
.container {
max-width: 960px;
}
.container-md {
max-width: 960px;
}
.container-fluid-md {
max-width: 100%;
}
.row.no-gutter-md {
padding: 0;
}
.row.gutter-md {
padding: 8px;
}
.row.no-vert-gutter-md {
padding-top: 0;
padding-bottom: 0;
}
.row.no-hor-gutter-md {
padding-left: 0;
padding-right: 0;
}
.row.vert-gutter-md {
padding-top: 8px;
padding-bottom: 8px;
}
.row.hor-gutter-md {
padding-left: 8px;
padding-right: 8px;
}
.row-reverse-md {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col-reverse-md {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: col-reverse;
-ms-flex-direction: col-reverse;
flex-direction: col-reverse;
}
.row-break-md {
display: block;
width: 100%;
}
.row-break-xs,
.row-break-sm {
display: none;
}
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 8px;
}
.col-md.no-gutter-md,
.col-md-1.no-gutter-md,
.col-md-2.no-gutter-md,
.col-md-3.no-gutter-md,
.col-md-4.no-gutter-md,
.col-md-5.no-gutter-md,
.col-md-6.no-gutter-md,
.col-md-7.no-gutter-md,
.col-md-8.no-gutter-md,
.col-md-9.no-gutter-md,
.col-md-10.no-gutter-md,
.col-md-11.no-gutter-md,
.col-md-12.no-gutter-md,
.col-md-offset-0.no-gutter-md,
.col-md-offset-1.no-gutter-md,
.col-md-offset-2.no-gutter-md,
.col-md-offset-3.no-gutter-md,
.col-md-offset-4.no-gutter-md,
.col-md-offset-5.no-gutter-md,
.col-md-offset-6.no-gutter-md,
.col-md-offset-7.no-gutter-md,
.col-md-offset-8.no-gutter-md,
.col-md-offset-9.no-gutter-md,
.col-md-offset-10.no-gutter-md,
.col-md-offset-11.no-gutter-md,
.col-md-offset-12.no-gutter-md {
padding: 0;
}
.col-md.gutter-md,
.col-md-1.gutter-md,
.col-md-2.gutter-md,
.col-md-3.gutter-md,
.col-md-4.gutter-md,
.col-md-5.gutter-md,
.col-md-6.gutter-md,
.col-md-7.gutter-md,
.col-md-8.gutter-md,
.col-md-9.gutter-md,
.col-md-10.gutter-md,
.col-md-11.gutter-md,
.col-md-12.gutter-md,
.col-md-offset-0.gutter-md,
.col-md-offset-1.gutter-md,
.col-md-offset-2.gutter-md,
.col-md-offset-3.gutter-md,
.col-md-offset-4.gutter-md,
.col-md-offset-5.gutter-md,
.col-md-offset-6.gutter-md,
.col-md-offset-7.gutter-md,
.col-md-offset-8.gutter-md,
.col-md-offset-9.gutter-md,
.col-md-offset-10.gutter-md,
.col-md-offset-11.gutter-md,
.col-md-offset-12.gutter-md {
padding: 8px;
}
.col-md.no-vert-gutter-md,
.col-md-1.no-vert-gutter-md,
.col-md-2.no-vert-gutter-md,
.col-md-3.no-vert-gutter-md,
.col-md-4.no-vert-gutter-md,
.col-md-5.no-vert-gutter-md,
.col-md-6.no-vert-gutter-md,
.col-md-7.no-vert-gutter-md,
.col-md-8.no-vert-gutter-md,
.col-md-9.no-vert-gutter-md,
.col-md-10.no-vert-gutter-md,
.col-md-11.no-vert-gutter-md,
.col-md-12.no-vert-gutter-md,
.col-md-offset-0.no-vert-gutter-md,
.col-md-offset-1.no-vert-gutter-md,
.col-md-offset-2.no-vert-gutter-md,
.col-md-offset-3.no-vert-gutter-md,
.col-md-offset-4.no-vert-gutter-md,
.col-md-offset-5.no-vert-gutter-md,
.col-md-offset-6.no-vert-gutter-md,
.col-md-offset-7.no-vert-gutter-md,
.col-md-offset-8.no-vert-gutter-md,
.col-md-offset-9.no-vert-gutter-md,
.col-md-offset-10.no-vert-gutter-md,
.col-md-offset-11.no-vert-gutter-md,
.col-md-offset-12.no-vert-gutter-md {
padding-top: 0;
padding-bottom: 0;
}
.col-md.no-hor-gutter-md,
.col-md-1.no-hor-gutter-md,
.col-md-2.no-hor-gutter-md,
.col-md-3.no-hor-gutter-md,
.col-md-4.no-hor-gutter-md,
.col-md-5.no-hor-gutter-md,
.col-md-6.no-hor-gutter-md,
.col-md-7.no-hor-gutter-md,
.col-md-8.no-hor-gutter-md,
.col-md-9.no-hor-gutter-md,
.col-md-10.no-hor-gutter-md,
.col-md-11.no-hor-gutter-md,
.col-md-12.no-hor-gutter-md,
.col-md-offset-0.no-hor-gutter-md,
.col-md-offset-1.no-hor-gutter-md,
.col-md-offset-2.no-hor-gutter-md,
.col-md-offset-3.no-hor-gutter-md,
.col-md-offset-4.no-hor-gutter-md,
.col-md-offset-5.no-hor-gutter-md,
.col-md-offset-6.no-hor-gutter-md,
.col-md-offset-7.no-hor-gutter-md,
.col-md-offset-8.no-hor-gutter-md,
.col-md-offset-9.no-hor-gutter-md,
.col-md-offset-10.no-hor-gutter-md,
.col-md-offset-11.no-hor-gutter-md,
.col-md-offset-12.no-hor-gutter-md {
padding-left: 0;
padding-right: 0;
}
.col-md.vert-gutter-md,
.col-md-1.vert-gutter-md,
.col-md-2.vert-gutter-md,
.col-md-3.vert-gutter-md,
.col-md-4.vert-gutter-md,
.col-md-5.vert-gutter-md,
.col-md-6.vert-gutter-md,
.col-md-7.vert-gutter-md,
.col-md-8.vert-gutter-md,
.col-md-9.vert-gutter-md,
.col-md-10.vert-gutter-md,
.col-md-11.vert-gutter-md,
.col-md-12.vert-gutter-md,
.col-md-offset-0.vert-gutter-md,
.col-md-offset-1.vert-gutter-md,
.col-md-offset-2.vert-gutter-md,
.col-md-offset-3.vert-gutter-md,
.col-md-offset-4.vert-gutter-md,
.col-md-offset-5.vert-gutter-md,
.col-md-offset-6.vert-gutter-md,
.col-md-offset-7.vert-gutter-md,
.col-md-offset-8.vert-gutter-md,
.col-md-offset-9.vert-gutter-md,
.col-md-offset-10.vert-gutter-md,
.col-md-offset-11.vert-gutter-md,
.col-md-offset-12.vert-gutter-md {
padding-top: 8px;
padding-bottom: 8px;
}
.col-md.hor-gutter-md,
.col-md-1.hor-gutter-md,
.col-md-2.hor-gutter-md,
.col-md-3.hor-gutter-md,
.col-md-4.hor-gutter-md,
.col-md-5.hor-gutter-md,
.col-md-6.hor-gutter-md,
.col-md-7.hor-gutter-md,
.col-md-8.hor-gutter-md,
.col-md-9.hor-gutter-md,
.col-md-10.hor-gutter-md,
.col-md-11.hor-gutter-md,
.col-md-12.hor-gutter-md,
.col-md-offset-0.hor-gutter-md,
.col-md-offset-1.hor-gutter-md,
.col-md-offset-2.hor-gutter-md,
.col-md-offset-3.hor-gutter-md,
.col-md-offset-4.hor-gutter-md,
.col-md-offset-5.hor-gutter-md,
.col-md-offset-6.hor-gutter-md,
.col-md-offset-7.hor-gutter-md,
.col-md-offset-8.hor-gutter-md,
.col-md-offset-9.hor-gutter-md,
.col-md-offset-10.hor-gutter-md,
.col-md-offset-11.hor-gutter-md,
.col-md-offset-12.hor-gutter-md {
padding-left: 8px;
padding-right: 8px;
}
.col-md,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12 {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.col-md-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-flex-basis: 83.33333%;
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
-webkit-flex-basis: 91.66667%;
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.33333%;
}
.col-md-offset-2 {
margin-left: 16.66667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333%;
}
.col-md-offset-5 {
margin-left: 41.66667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333%;
}
.col-md-offset-8 {
margin-left: 66.66667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333%;
}
.col-md-offset-11 {
margin-left: 91.66667%;
}
.row-left-md {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.row-center-md {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.row-right-md {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.row-between-md {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.row-evenly-md {
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.row-around-md {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.row-top-md {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.row-middle-md {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.row-stretch-md {
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.row-baseline-md {
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.row-bottom-md {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.col-top-md {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.col-middle-md {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
}
.col-bottom-md {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.first-md {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.last-md {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.hide-md {
display: none;
}
.show-md {
display: block;
}
.show-md.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (max-width: 767px) {
.container {
max-width: 720px;
}
.container-sm {
max-width: 720px;
}
.container-fluid-sm {
max-width: 100%;
}
.row.no-gutter-sm {
padding: 0;
}
.row.gutter-sm {
padding: 8px;
}
.row.no-vert-gutter-sm {
padding-top: 0;
padding-bottom: 0;
}
.row.no-hor-gutter-sm {
padding-left: 0;
padding-right: 0;
}
.row.vert-gutter-sm {
padding-top: 8px;
padding-bottom: 8px;
}
.row.hor-gutter-sm {
padding-left: 8px;
padding-right: 8px;
}
.row-reverse-sm {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col-reverse-sm {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: col-reverse;
-ms-flex-direction: col-reverse;
flex-direction: col-reverse;
}
.row-break-sm {
display: block;
width: 100%;
}
.row-break-xs {
display: none;
}
.col-sm,
.col-sm-1,
.col-sm-2
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-offset-0,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 8px;
}
.col-sm.no-gutter-sm,
.col-sm-1.no-gutter-sm,
.col-sm-2
.col-sm-3.no-gutter-sm,
.col-sm-4.no-gutter-sm,
.col-sm-5.no-gutter-sm,
.col-sm-6.no-gutter-sm,
.col-sm-7.no-gutter-sm,
.col-sm-8.no-gutter-sm,
.col-sm-9.no-gutter-sm,
.col-sm-10.no-gutter-sm,
.col-sm-11.no-gutter-sm,
.col-sm-12.no-gutter-sm,
.col-sm-offset-0.no-gutter-sm,
.col-sm-offset-1.no-gutter-sm,
.col-sm-offset-2.no-gutter-sm,
.col-sm-offset-3.no-gutter-sm,
.col-sm-offset-4.no-gutter-sm,
.col-sm-offset-5.no-gutter-sm,
.col-sm-offset-6.no-gutter-sm,
.col-sm-offset-7.no-gutter-sm,
.col-sm-offset-8.no-gutter-sm,
.col-sm-offset-9.no-gutter-sm,
.col-sm-offset-10.no-gutter-sm,
.col-sm-offset-11.no-gutter-sm,
.col-sm-offset-12.no-gutter-sm {
padding: 0;
}
.col-sm.gutter-sm,
.col-sm-1.gutter-sm,
.col-sm-2
.col-sm-3.gutter-sm,
.col-sm-4.gutter-sm,
.col-sm-5.gutter-sm,
.col-sm-6.gutter-sm,
.col-sm-7.gutter-sm,
.col-sm-8.gutter-sm,
.col-sm-9.gutter-sm,
.col-sm-10.gutter-sm,
.col-sm-11.gutter-sm,
.col-sm-12.gutter-sm,
.col-sm-offset-0.gutter-sm,
.col-sm-offset-1.gutter-sm,
.col-sm-offset-2.gutter-sm,
.col-sm-offset-3.gutter-sm,
.col-sm-offset-4.gutter-sm,
.col-sm-offset-5.gutter-sm,
.col-sm-offset-6.gutter-sm,
.col-sm-offset-7.gutter-sm,
.col-sm-offset-8.gutter-sm,
.col-sm-offset-9.gutter-sm,
.col-sm-offset-10.gutter-sm,
.col-sm-offset-11.gutter-sm,
.col-sm-offset-12.gutter-sm {
padding: 8px;
}
.col-sm.no-vert-gutter-sm,
.col-sm-1.no-vert-gutter-sm,
.col-sm-2
.col-sm-3.no-vert-gutter-sm,
.col-sm-4.no-vert-gutter-sm,
.col-sm-5.no-vert-gutter-sm,
.col-sm-6.no-vert-gutter-sm,
.col-sm-7.no-vert-gutter-sm,
.col-sm-8.no-vert-gutter-sm,
.col-sm-9.no-vert-gutter-sm,
.col-sm-10.no-vert-gutter-sm,
.col-sm-11.no-vert-gutter-sm,
.col-sm-12.no-vert-gutter-sm,
.col-sm-offset-0.no-vert-gutter-sm,
.col-sm-offset-1.no-vert-gutter-sm,
.col-sm-offset-2.no-vert-gutter-sm,
.col-sm-offset-3.no-vert-gutter-sm,
.col-sm-offset-4.no-vert-gutter-sm,
.col-sm-offset-5.no-vert-gutter-sm,
.col-sm-offset-6.no-vert-gutter-sm,
.col-sm-offset-7.no-vert-gutter-sm,
.col-sm-offset-8.no-vert-gutter-sm,
.col-sm-offset-9.no-vert-gutter-sm,
.col-sm-offset-10.no-vert-gutter-sm,
.col-sm-offset-11.no-vert-gutter-sm,
.col-sm-offset-12.no-vert-gutter-sm {
padding-top: 0;
padding-bottom: 0;
}
.col-sm.no-hor-gutter-sm,
.col-sm-1.no-hor-gutter-sm,
.col-sm-2
.col-sm-3.no-hor-gutter-sm,
.col-sm-4.no-hor-gutter-sm,
.col-sm-5.no-hor-gutter-sm,
.col-sm-6.no-hor-gutter-sm,
.col-sm-7.no-hor-gutter-sm,
.col-sm-8.no-hor-gutter-sm,
.col-sm-9.no-hor-gutter-sm,
.col-sm-10.no-hor-gutter-sm,
.col-sm-11.no-hor-gutter-sm,
.col-sm-12.no-hor-gutter-sm,
.col-sm-offset-0.no-hor-gutter-sm,
.col-sm-offset-1.no-hor-gutter-sm,
.col-sm-offset-2.no-hor-gutter-sm,
.col-sm-offset-3.no-hor-gutter-sm,
.col-sm-offset-4.no-hor-gutter-sm,
.col-sm-offset-5.no-hor-gutter-sm,
.col-sm-offset-6.no-hor-gutter-sm,
.col-sm-offset-7.no-hor-gutter-sm,
.col-sm-offset-8.no-hor-gutter-sm,
.col-sm-offset-9.no-hor-gutter-sm,
.col-sm-offset-10.no-hor-gutter-sm,
.col-sm-offset-11.no-hor-gutter-sm,
.col-sm-offset-12.no-hor-gutter-sm {
padding-left: 0;
padding-right: 0;
}
.col-sm.vert-gutter-sm,
.col-sm-1.vert-gutter-sm,
.col-sm-2
.col-sm-3.vert-gutter-sm,
.col-sm-4.vert-gutter-sm,
.col-sm-5.vert-gutter-sm,
.col-sm-6.vert-gutter-sm,
.col-sm-7.vert-gutter-sm,
.col-sm-8.vert-gutter-sm,
.col-sm-9.vert-gutter-sm,
.col-sm-10.vert-gutter-sm,
.col-sm-11.vert-gutter-sm,
.col-sm-12.vert-gutter-sm,
.col-sm-offset-0.vert-gutter-sm,
.col-sm-offset-1.vert-gutter-sm,
.col-sm-offset-2.vert-gutter-sm,
.col-sm-offset-3.vert-gutter-sm,
.col-sm-offset-4.vert-gutter-sm,
.col-sm-offset-5.vert-gutter-sm,
.col-sm-offset-6.vert-gutter-sm,
.col-sm-offset-7.vert-gutter-sm,
.col-sm-offset-8.vert-gutter-sm,
.col-sm-offset-9.vert-gutter-sm,
.col-sm-offset-10.vert-gutter-sm,
.col-sm-offset-11.vert-gutter-sm,
.col-sm-offset-12.vert-gutter-sm {
padding-top: 8px;
padding-bottom: 8px;
}
.col-sm.hor-gutter-sm,
.col-sm-1.hor-gutter-sm,
.col-sm-2
.col-sm-3.hor-gutter-sm,
.col-sm-4.hor-gutter-sm,
.col-sm-5.hor-gutter-sm,
.col-sm-6.hor-gutter-sm,
.col-sm-7.hor-gutter-sm,
.col-sm-8.hor-gutter-sm,
.col-sm-9.hor-gutter-sm,
.col-sm-10.hor-gutter-sm,
.col-sm-11.hor-gutter-sm,
.col-sm-12.hor-gutter-sm,
.col-sm-offset-0.hor-gutter-sm,
.col-sm-offset-1.hor-gutter-sm,
.col-sm-offset-2.hor-gutter-sm,
.col-sm-offset-3.hor-gutter-sm,
.col-sm-offset-4.hor-gutter-sm,
.col-sm-offset-5.hor-gutter-sm,
.col-sm-offset-6.hor-gutter-sm,
.col-sm-offset-7.hor-gutter-sm,
.col-sm-offset-8.hor-gutter-sm,
.col-sm-offset-9.hor-gutter-sm,
.col-sm-offset-10.hor-gutter-sm,
.col-sm-offset-11.hor-gutter-sm,
.col-sm-offset-12.hor-gutter-sm {
padding-left: 8px;
padding-right: 8px;
}
.col-sm,
.col-sm-offset-0,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12 {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.col-sm-1 {
-webkit-flex-basis: 8.33333%;
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
-webkit-flex-basis: 16.66667%;
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-flex-basis: 33.33333%;
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
-webkit-flex-basis: 41.66667%;
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-flex-basis: 58.33333%;
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
-webkit-flex-basis: 66.66667%;
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
-webkit-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
f