From 691ff76dfa80121b2ed2dd1b6bb08f172de65d63 Mon Sep 17 00:00:00 2001 From: rzcoder Date: Sun, 24 May 2015 17:55:10 +0500 Subject: [PATCH 01/11] move pages to docs --- flexbox-grid.css | 3420 ++++++++++++++++++++++++++++++++++++++++++ flexbox-grid.min.css | 1 + index.html | 332 ++++ styles.css | 104 ++ 4 files changed, 3857 insertions(+) create mode 100644 flexbox-grid.css create mode 100644 flexbox-grid.min.css create mode 100644 index.html create mode 100644 styles.css diff --git a/flexbox-grid.css b/flexbox-grid.css new file mode 100644 index 0000000..a71f877 --- /dev/null +++ b/flexbox-grid.css @@ -0,0 +1,3420 @@ +.row { + display: -webkit-box; + display: -moz-box; + display: -webkit-flex; + display: -ms-flexbox; + display: box; + display: flex; + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + -ms-flex-line-pack: stretch; + -webkit-align-content: stretch; + align-content: stretch; + -webkit-box-align: stretch; + -moz-box-align: stretch; + -o-box-align: stretch; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + align-items: stretch; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin: 0; + padding: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +/* Directions */ +/* Horizontal align */ +/* Vertical aligns */ +/* Vertical stretch */ +} +.row.row-normal { + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} +.row.row-reverse { + -webkit-box-direction: reverse; + -moz-box-direction: reverse; + -o-box-direction: reverse; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.row.row-vertical { + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} +.row.row-vertical-reverse { + -webkit-box-direction: reverse; + -moz-box-direction: reverse; + -o-box-direction: reverse; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; +} +.row.row-start { + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; +} +.row.row-end { + -webkit-box-pack: end; + -moz-box-pack: end; + -o-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; +} +.row.row-center { + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; +} +.row.row-sb { + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; +} +.row.row-sa { + -webkit-box-pack: distribute; + -moz-box-pack: distribute; + -o-box-pack: distribute; + -ms-flex-pack: distribute; + -webkit-justify-content: space-around; + justify-content: space-around; +} +.row.row-va-top { + -ms-flex-line-pack: start; + -webkit-align-content: flex-start; + align-content: flex-start; +} +.row.row-va-bottom { + -ms-flex-line-pack: end; + -webkit-align-content: flex-end; + align-content: flex-end; +} +.row.row-va-center { + -ms-flex-line-pack: center; + -webkit-align-content: center; + align-content: center; +} +.row.row-va-sb { + -ms-flex-line-pack: justify; + -webkit-align-content: space-between; + align-content: space-between; +} +.row.row-va-sa { + -ms-flex-line-pack: distribute; + -webkit-align-content: space-around; + align-content: space-around; +} +.row.row-va-stretch { + -webkit-box-align: stretch; + -moz-box-align: stretch; + -o-box-align: stretch; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + align-items: stretch; +} +.row.row-s-top { + -webkit-box-align: start; + -moz-box-align: start; + -o-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; +} +.row.row-s-bottom { + -webkit-box-align: end; + -moz-box-align: end; + -o-box-align: end; + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; +} +.row.row-s-center { + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +.row.row-s-stretch { + -webkit-box-align: stretch; + -moz-box-align: stretch; + -o-box-align: stretch; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + align-items: stretch; +} +._col, +.col-lg-1, +.col-md-1, +.col-1, +.col-lg-2, +.col-md-2, +.col-2, +.col-lg-3, +.col-md-3, +.col-3, +.col-lg-4, +.col-md-4, +.col-4, +.col-lg-5, +.col-md-5, +.col-5, +.col-lg-6, +.col-md-6, +.col-6, +.col-lg-7, +.col-md-7, +.col-7, +.col-lg-8, +.col-md-8, +.col-8, +.col-lg-9, +.col-md-9, +.col-9, +.col-lg-10, +.col-md-10, +.col-10, +.col-lg-11, +.col-md-11, +.col-11, +.col-lg-12, +.col-md-12, +.col-12, +.row .col-grow, +.row .col-, +.row .col-grow-1, +.row .col-grow-2, +.row .col-grow-3, +.row .col-grow-4, +.row .col-grow-5, +.row .col-grow-6, +.row .col-grow-7, +.row .col-grow-8, +.row .col-grow-9, +.row .col-grow-10, +.row .col-grow-11, +.row .col-grow-12, +.row .col-md-grow, +.row .col-md-, +.row .col-md-grow-1, +.row .col-md-grow-2, +.row .col-md-grow-3, +.row .col-md-grow-4, +.row .col-md-grow-5, +.row .col-md-grow-6, +.row .col-md-grow-7, +.row .col-md-grow-8, +.row .col-md-grow-9, +.row .col-md-grow-10, +.row .col-md-grow-11, +.row .col-md-grow-12, +.row .col-lg-grow, +.row .col-lg-, +.row .col-lg-grow-1, +.row .col-lg-grow-2, +.row .col-lg-grow-3, +.row .col-lg-grow-4, +.row .col-lg-grow-5, +.row .col-lg-grow-6, +.row .col-lg-grow-7, +.row .col-lg-grow-8, +.row .col-lg-grow-9, +.row .col-lg-grow-10, +.row .col-lg-grow-11, +.row .col-lg-grow-12 { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 0; +} +.col { + -webkit-flex-basis: auto; + flex-basis: auto; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; +} +/* Offset */ +.col-offset-1 { + margin-left: 8.333333333333334%; +} +.col-offset-n1 { + margin-left: -8.333333333333334%; +} +.col-offset-2 { + margin-left: 16.666666666666668%; +} +.col-offset-n2 { + margin-left: -16.666666666666668%; +} +.col-offset-3 { + margin-left: 25%; +} +.col-offset-n3 { + margin-left: -25%; +} +.col-offset-4 { + margin-left: 33.333333333333336%; +} +.col-offset-n4 { + margin-left: -33.333333333333336%; +} +.col-offset-5 { + margin-left: 41.66666666666667%; +} +.col-offset-n5 { + margin-left: -41.66666666666667%; +} +.col-offset-6 { + margin-left: 50%; +} +.col-offset-n6 { + margin-left: -50%; +} +.col-offset-7 { + margin-left: 58.333333333333336%; +} +.col-offset-n7 { + margin-left: -58.333333333333336%; +} +.col-offset-8 { + margin-left: 66.66666666666667%; +} +.col-offset-n8 { + margin-left: -66.66666666666667%; +} +.col-offset-9 { + margin-left: 75%; +} +.col-offset-n9 { + margin-left: -75%; +} +.col-offset-10 { + margin-left: 83.33333333333334%; +} +.col-offset-n10 { + margin-left: -83.33333333333334%; +} +.col-offset-11 { + margin-left: 91.66666666666667%; +} +.col-offset-n11 { + margin-left: -91.66666666666667%; +} +.col-offset-12 { + margin-left: 100%; +} +.col-offset-n12 { + margin-left: -100%; +} +/* Self ordering */ +.col-order-0 { + -webkit-box-ordinal-group: 0; + -moz-box-ordinal-group: 0; + -o-box-ordinal-group: 0; + -ms-flex-order: 0; + -webkit-order: 0; + order: 0; +} +.col-order-1 { + -webkit-box-ordinal-group: 1; + -moz-box-ordinal-group: 1; + -o-box-ordinal-group: 1; + -ms-flex-order: 1; + -webkit-order: 1; + order: 1; +} +.col-order-n1 { + -webkit-box-ordinal-group: -1; + -moz-box-ordinal-group: -1; + -o-box-ordinal-group: -1; + -ms-flex-order: -1; + -webkit-order: -1; + order: -1; +} +.col-order-2 { + -webkit-box-ordinal-group: 2; + -moz-box-ordinal-group: 2; + -o-box-ordinal-group: 2; + -ms-flex-order: 2; + -webkit-order: 2; + order: 2; +} +.col-order-n2 { + -webkit-box-ordinal-group: -2; + -moz-box-ordinal-group: -2; + -o-box-ordinal-group: -2; + -ms-flex-order: -2; + -webkit-order: -2; + order: -2; +} +.col-order-3 { + -webkit-box-ordinal-group: 3; + -moz-box-ordinal-group: 3; + -o-box-ordinal-group: 3; + -ms-flex-order: 3; + -webkit-order: 3; + order: 3; +} +.col-order-n3 { + -webkit-box-ordinal-group: -3; + -moz-box-ordinal-group: -3; + -o-box-ordinal-group: -3; + -ms-flex-order: -3; + -webkit-order: -3; + order: -3; +} +.col-order-4 { + -webkit-box-ordinal-group: 4; + -moz-box-ordinal-group: 4; + -o-box-ordinal-group: 4; + -ms-flex-order: 4; + -webkit-order: 4; + order: 4; +} +.col-order-n4 { + -webkit-box-ordinal-group: -4; + -moz-box-ordinal-group: -4; + -o-box-ordinal-group: -4; + -ms-flex-order: -4; + -webkit-order: -4; + order: -4; +} +.col-order-5 { + -webkit-box-ordinal-group: 5; + -moz-box-ordinal-group: 5; + -o-box-ordinal-group: 5; + -ms-flex-order: 5; + -webkit-order: 5; + order: 5; +} +.col-order-n5 { + -webkit-box-ordinal-group: -5; + -moz-box-ordinal-group: -5; + -o-box-ordinal-group: -5; + -ms-flex-order: -5; + -webkit-order: -5; + order: -5; +} +.col-order-6 { + -webkit-box-ordinal-group: 6; + -moz-box-ordinal-group: 6; + -o-box-ordinal-group: 6; + -ms-flex-order: 6; + -webkit-order: 6; + order: 6; +} +.col-order-n6 { + -webkit-box-ordinal-group: -6; + -moz-box-ordinal-group: -6; + -o-box-ordinal-group: -6; + -ms-flex-order: -6; + -webkit-order: -6; + order: -6; +} +/* Self align */ +.col-top { + -webkit-align-self: flex-start; + align-self: flex-start; + -ms-flex-item-align: start; +} +.col-bottom { + -webkit-align-self: flex-end; + align-self: flex-end; + -ms-flex-item-align: end; +} +.col-center { + -webkit-align-self: center; + align-self: center; + -ms-flex-item-align: center; +} +.col-stretch { + -webkit-align-self: stretch; + align-self: stretch; + -ms-flex-item-align: stretch; +} +@media (min-width: 0px) and (max-width: 800px) { + .row > .col-lg-1 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-2 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-3 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-4 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-5 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-6 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-7 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-8 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-9 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-10 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-11 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-12 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-md-1 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-md-2 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-md-3 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-md-4 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-md-5 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-md-6 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-md-7 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-md-8 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-md-9 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-md-10 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-md-11 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-md-12 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-1 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 8.333333333333334%; + flex-basis: 8.333333333333334%; + max-width: 8.333333333333334%; + } + .row > .col-2 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 16.666666666666668%; + flex-basis: 16.666666666666668%; + max-width: 16.666666666666668%; + } + .row > .col-3 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 25%; + flex-basis: 25%; + max-width: 25%; + } + .row > .col-4 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 33.333333333333336%; + flex-basis: 33.333333333333336%; + max-width: 33.333333333333336%; + } + .row > .col-5 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 41.66666666666667%; + flex-basis: 41.66666666666667%; + max-width: 41.66666666666667%; + } + .row > .col-6 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 50%; + flex-basis: 50%; + max-width: 50%; + } + .row > .col-7 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } + .row > .col-8 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 66.66666666666667%; + flex-basis: 66.66666666666667%; + max-width: 66.66666666666667%; + } + .row > .col-9 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 75%; + flex-basis: 75%; + max-width: 75%; + } + .row > .col-10 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 83.33333333333334%; + flex-basis: 83.33333333333334%; + max-width: 83.33333333333334%; + } + .row > .col-11 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 91.66666666666667%; + flex-basis: 91.66666666666667%; + max-width: 91.66666666666667%; + } + .row > .col-12 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row .col-grow, + .row .col- { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + } + .row .col-grow-1 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + } + .row .col-grow-2 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 2; + -moz-box-flex: 2; + -o-box-flex: 2; + -ms-box-flex: 2; + box-flex: 2; + -webkit-flex-grow: 2; + flex-grow: 2; + } + .row .col-grow-3 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 3; + -moz-box-flex: 3; + -o-box-flex: 3; + -ms-box-flex: 3; + box-flex: 3; + -webkit-flex-grow: 3; + flex-grow: 3; + } + .row .col-grow-4 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 4; + -moz-box-flex: 4; + -o-box-flex: 4; + -ms-box-flex: 4; + box-flex: 4; + -webkit-flex-grow: 4; + flex-grow: 4; + } + .row .col-grow-5 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 5; + -moz-box-flex: 5; + -o-box-flex: 5; + -ms-box-flex: 5; + box-flex: 5; + -webkit-flex-grow: 5; + flex-grow: 5; + } + .row .col-grow-6 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 6; + -moz-box-flex: 6; + -o-box-flex: 6; + -ms-box-flex: 6; + box-flex: 6; + -webkit-flex-grow: 6; + flex-grow: 6; + } + .row .col-grow-7 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 7; + -moz-box-flex: 7; + -o-box-flex: 7; + -ms-box-flex: 7; + box-flex: 7; + -webkit-flex-grow: 7; + flex-grow: 7; + } + .row .col-grow-8 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 8; + -moz-box-flex: 8; + -o-box-flex: 8; + -ms-box-flex: 8; + box-flex: 8; + -webkit-flex-grow: 8; + flex-grow: 8; + } + .row .col-grow-9 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 9; + -moz-box-flex: 9; + -o-box-flex: 9; + -ms-box-flex: 9; + box-flex: 9; + -webkit-flex-grow: 9; + flex-grow: 9; + } + .row .col-grow-10 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 10; + -moz-box-flex: 10; + -o-box-flex: 10; + -ms-box-flex: 10; + box-flex: 10; + -webkit-flex-grow: 10; + flex-grow: 10; + } + .row .col-grow-11 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 11; + -moz-box-flex: 11; + -o-box-flex: 11; + -ms-box-flex: 11; + box-flex: 11; + -webkit-flex-grow: 11; + flex-grow: 11; + } + .row .col-grow-12 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 12; + -moz-box-flex: 12; + -o-box-flex: 12; + -ms-box-flex: 12; + box-flex: 12; + -webkit-flex-grow: 12; + flex-grow: 12; + } + .sm-hidden { + display: none; + visibility: hidden; + } +} +@media (min-width: 801px) and (max-width: 1300px) { + .row > .col-lg-1 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-2 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-3 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-4 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-5 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-6 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-7 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-8 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-9 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-10 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-11 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-lg-12 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row > .col-1 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 8.333333333333334%; + flex-basis: 8.333333333333334%; + max-width: 8.333333333333334%; + } + .row > .col-2 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 16.666666666666668%; + flex-basis: 16.666666666666668%; + max-width: 16.666666666666668%; + } + .row > .col-3 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 25%; + flex-basis: 25%; + max-width: 25%; + } + .row > .col-4 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 33.333333333333336%; + flex-basis: 33.333333333333336%; + max-width: 33.333333333333336%; + } + .row > .col-5 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 41.66666666666667%; + flex-basis: 41.66666666666667%; + max-width: 41.66666666666667%; + } + .row > .col-6 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 50%; + flex-basis: 50%; + max-width: 50%; + } + .row > .col-7 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } + .row > .col-8 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 66.66666666666667%; + flex-basis: 66.66666666666667%; + max-width: 66.66666666666667%; + } + .row > .col-9 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 75%; + flex-basis: 75%; + max-width: 75%; + } + .row > .col-10 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 83.33333333333334%; + flex-basis: 83.33333333333334%; + max-width: 83.33333333333334%; + } + .row > .col-11 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 91.66666666666667%; + flex-basis: 91.66666666666667%; + max-width: 91.66666666666667%; + } + .row > .col-12 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row .col-grow, + .row .col- { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + } + .row .col-grow-1 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + } + .row .col-grow-2 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 2; + -moz-box-flex: 2; + -o-box-flex: 2; + -ms-box-flex: 2; + box-flex: 2; + -webkit-flex-grow: 2; + flex-grow: 2; + } + .row .col-grow-3 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 3; + -moz-box-flex: 3; + -o-box-flex: 3; + -ms-box-flex: 3; + box-flex: 3; + -webkit-flex-grow: 3; + flex-grow: 3; + } + .row .col-grow-4 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 4; + -moz-box-flex: 4; + -o-box-flex: 4; + -ms-box-flex: 4; + box-flex: 4; + -webkit-flex-grow: 4; + flex-grow: 4; + } + .row .col-grow-5 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 5; + -moz-box-flex: 5; + -o-box-flex: 5; + -ms-box-flex: 5; + box-flex: 5; + -webkit-flex-grow: 5; + flex-grow: 5; + } + .row .col-grow-6 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 6; + -moz-box-flex: 6; + -o-box-flex: 6; + -ms-box-flex: 6; + box-flex: 6; + -webkit-flex-grow: 6; + flex-grow: 6; + } + .row .col-grow-7 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 7; + -moz-box-flex: 7; + -o-box-flex: 7; + -ms-box-flex: 7; + box-flex: 7; + -webkit-flex-grow: 7; + flex-grow: 7; + } + .row .col-grow-8 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 8; + -moz-box-flex: 8; + -o-box-flex: 8; + -ms-box-flex: 8; + box-flex: 8; + -webkit-flex-grow: 8; + flex-grow: 8; + } + .row .col-grow-9 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 9; + -moz-box-flex: 9; + -o-box-flex: 9; + -ms-box-flex: 9; + box-flex: 9; + -webkit-flex-grow: 9; + flex-grow: 9; + } + .row .col-grow-10 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 10; + -moz-box-flex: 10; + -o-box-flex: 10; + -ms-box-flex: 10; + box-flex: 10; + -webkit-flex-grow: 10; + flex-grow: 10; + } + .row .col-grow-11 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 11; + -moz-box-flex: 11; + -o-box-flex: 11; + -ms-box-flex: 11; + box-flex: 11; + -webkit-flex-grow: 11; + flex-grow: 11; + } + .row .col-grow-12 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 12; + -moz-box-flex: 12; + -o-box-flex: 12; + -ms-box-flex: 12; + box-flex: 12; + -webkit-flex-grow: 12; + flex-grow: 12; + } + .row > .col-md-1 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 8.333333333333334%; + flex-basis: 8.333333333333334%; + max-width: 8.333333333333334%; + } + .row > .col-md-2 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 16.666666666666668%; + flex-basis: 16.666666666666668%; + max-width: 16.666666666666668%; + } + .row > .col-md-3 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 25%; + flex-basis: 25%; + max-width: 25%; + } + .row > .col-md-4 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 33.333333333333336%; + flex-basis: 33.333333333333336%; + max-width: 33.333333333333336%; + } + .row > .col-md-5 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 41.66666666666667%; + flex-basis: 41.66666666666667%; + max-width: 41.66666666666667%; + } + .row > .col-md-6 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 50%; + flex-basis: 50%; + max-width: 50%; + } + .row > .col-md-7 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } + .row > .col-md-8 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 66.66666666666667%; + flex-basis: 66.66666666666667%; + max-width: 66.66666666666667%; + } + .row > .col-md-9 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 75%; + flex-basis: 75%; + max-width: 75%; + } + .row > .col-md-10 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 83.33333333333334%; + flex-basis: 83.33333333333334%; + max-width: 83.33333333333334%; + } + .row > .col-md-11 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 91.66666666666667%; + flex-basis: 91.66666666666667%; + max-width: 91.66666666666667%; + } + .row > .col-md-12 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row .col-md-grow, + .row .col-md- { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + } + .row .col-md-grow-1 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + } + .row .col-md-grow-2 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 2; + -moz-box-flex: 2; + -o-box-flex: 2; + -ms-box-flex: 2; + box-flex: 2; + -webkit-flex-grow: 2; + flex-grow: 2; + } + .row .col-md-grow-3 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 3; + -moz-box-flex: 3; + -o-box-flex: 3; + -ms-box-flex: 3; + box-flex: 3; + -webkit-flex-grow: 3; + flex-grow: 3; + } + .row .col-md-grow-4 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 4; + -moz-box-flex: 4; + -o-box-flex: 4; + -ms-box-flex: 4; + box-flex: 4; + -webkit-flex-grow: 4; + flex-grow: 4; + } + .row .col-md-grow-5 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 5; + -moz-box-flex: 5; + -o-box-flex: 5; + -ms-box-flex: 5; + box-flex: 5; + -webkit-flex-grow: 5; + flex-grow: 5; + } + .row .col-md-grow-6 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 6; + -moz-box-flex: 6; + -o-box-flex: 6; + -ms-box-flex: 6; + box-flex: 6; + -webkit-flex-grow: 6; + flex-grow: 6; + } + .row .col-md-grow-7 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 7; + -moz-box-flex: 7; + -o-box-flex: 7; + -ms-box-flex: 7; + box-flex: 7; + -webkit-flex-grow: 7; + flex-grow: 7; + } + .row .col-md-grow-8 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 8; + -moz-box-flex: 8; + -o-box-flex: 8; + -ms-box-flex: 8; + box-flex: 8; + -webkit-flex-grow: 8; + flex-grow: 8; + } + .row .col-md-grow-9 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 9; + -moz-box-flex: 9; + -o-box-flex: 9; + -ms-box-flex: 9; + box-flex: 9; + -webkit-flex-grow: 9; + flex-grow: 9; + } + .row .col-md-grow-10 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 10; + -moz-box-flex: 10; + -o-box-flex: 10; + -ms-box-flex: 10; + box-flex: 10; + -webkit-flex-grow: 10; + flex-grow: 10; + } + .row .col-md-grow-11 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 11; + -moz-box-flex: 11; + -o-box-flex: 11; + -ms-box-flex: 11; + box-flex: 11; + -webkit-flex-grow: 11; + flex-grow: 11; + } + .row .col-md-grow-12 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 12; + -moz-box-flex: 12; + -o-box-flex: 12; + -ms-box-flex: 12; + box-flex: 12; + -webkit-flex-grow: 12; + flex-grow: 12; + } + .md-hidden { + display: none; + visibility: hidden; + } +} +@media (min-width: 1301px) { + .row > .col-1 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 8.333333333333334%; + flex-basis: 8.333333333333334%; + max-width: 8.333333333333334%; + } + .row > .col-2 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 16.666666666666668%; + flex-basis: 16.666666666666668%; + max-width: 16.666666666666668%; + } + .row > .col-3 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 25%; + flex-basis: 25%; + max-width: 25%; + } + .row > .col-4 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 33.333333333333336%; + flex-basis: 33.333333333333336%; + max-width: 33.333333333333336%; + } + .row > .col-5 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 41.66666666666667%; + flex-basis: 41.66666666666667%; + max-width: 41.66666666666667%; + } + .row > .col-6 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 50%; + flex-basis: 50%; + max-width: 50%; + } + .row > .col-7 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } + .row > .col-8 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 66.66666666666667%; + flex-basis: 66.66666666666667%; + max-width: 66.66666666666667%; + } + .row > .col-9 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 75%; + flex-basis: 75%; + max-width: 75%; + } + .row > .col-10 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 83.33333333333334%; + flex-basis: 83.33333333333334%; + max-width: 83.33333333333334%; + } + .row > .col-11 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 91.66666666666667%; + flex-basis: 91.66666666666667%; + max-width: 91.66666666666667%; + } + .row > .col-12 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row .col-grow, + .row .col- { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + } + .row .col-grow-1 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + } + .row .col-grow-2 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 2; + -moz-box-flex: 2; + -o-box-flex: 2; + -ms-box-flex: 2; + box-flex: 2; + -webkit-flex-grow: 2; + flex-grow: 2; + } + .row .col-grow-3 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 3; + -moz-box-flex: 3; + -o-box-flex: 3; + -ms-box-flex: 3; + box-flex: 3; + -webkit-flex-grow: 3; + flex-grow: 3; + } + .row .col-grow-4 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 4; + -moz-box-flex: 4; + -o-box-flex: 4; + -ms-box-flex: 4; + box-flex: 4; + -webkit-flex-grow: 4; + flex-grow: 4; + } + .row .col-grow-5 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 5; + -moz-box-flex: 5; + -o-box-flex: 5; + -ms-box-flex: 5; + box-flex: 5; + -webkit-flex-grow: 5; + flex-grow: 5; + } + .row .col-grow-6 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 6; + -moz-box-flex: 6; + -o-box-flex: 6; + -ms-box-flex: 6; + box-flex: 6; + -webkit-flex-grow: 6; + flex-grow: 6; + } + .row .col-grow-7 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 7; + -moz-box-flex: 7; + -o-box-flex: 7; + -ms-box-flex: 7; + box-flex: 7; + -webkit-flex-grow: 7; + flex-grow: 7; + } + .row .col-grow-8 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 8; + -moz-box-flex: 8; + -o-box-flex: 8; + -ms-box-flex: 8; + box-flex: 8; + -webkit-flex-grow: 8; + flex-grow: 8; + } + .row .col-grow-9 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 9; + -moz-box-flex: 9; + -o-box-flex: 9; + -ms-box-flex: 9; + box-flex: 9; + -webkit-flex-grow: 9; + flex-grow: 9; + } + .row .col-grow-10 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 10; + -moz-box-flex: 10; + -o-box-flex: 10; + -ms-box-flex: 10; + box-flex: 10; + -webkit-flex-grow: 10; + flex-grow: 10; + } + .row .col-grow-11 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 11; + -moz-box-flex: 11; + -o-box-flex: 11; + -ms-box-flex: 11; + box-flex: 11; + -webkit-flex-grow: 11; + flex-grow: 11; + } + .row .col-grow-12 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 12; + -moz-box-flex: 12; + -o-box-flex: 12; + -ms-box-flex: 12; + box-flex: 12; + -webkit-flex-grow: 12; + flex-grow: 12; + } + .row > .col-md-1 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 8.333333333333334%; + flex-basis: 8.333333333333334%; + max-width: 8.333333333333334%; + } + .row > .col-md-2 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 16.666666666666668%; + flex-basis: 16.666666666666668%; + max-width: 16.666666666666668%; + } + .row > .col-md-3 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 25%; + flex-basis: 25%; + max-width: 25%; + } + .row > .col-md-4 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 33.333333333333336%; + flex-basis: 33.333333333333336%; + max-width: 33.333333333333336%; + } + .row > .col-md-5 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 41.66666666666667%; + flex-basis: 41.66666666666667%; + max-width: 41.66666666666667%; + } + .row > .col-md-6 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 50%; + flex-basis: 50%; + max-width: 50%; + } + .row > .col-md-7 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } + .row > .col-md-8 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 66.66666666666667%; + flex-basis: 66.66666666666667%; + max-width: 66.66666666666667%; + } + .row > .col-md-9 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 75%; + flex-basis: 75%; + max-width: 75%; + } + .row > .col-md-10 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 83.33333333333334%; + flex-basis: 83.33333333333334%; + max-width: 83.33333333333334%; + } + .row > .col-md-11 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 91.66666666666667%; + flex-basis: 91.66666666666667%; + max-width: 91.66666666666667%; + } + .row > .col-md-12 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row .col-md-grow, + .row .col-md- { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + } + .row .col-md-grow-1 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + } + .row .col-md-grow-2 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 2; + -moz-box-flex: 2; + -o-box-flex: 2; + -ms-box-flex: 2; + box-flex: 2; + -webkit-flex-grow: 2; + flex-grow: 2; + } + .row .col-md-grow-3 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 3; + -moz-box-flex: 3; + -o-box-flex: 3; + -ms-box-flex: 3; + box-flex: 3; + -webkit-flex-grow: 3; + flex-grow: 3; + } + .row .col-md-grow-4 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 4; + -moz-box-flex: 4; + -o-box-flex: 4; + -ms-box-flex: 4; + box-flex: 4; + -webkit-flex-grow: 4; + flex-grow: 4; + } + .row .col-md-grow-5 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 5; + -moz-box-flex: 5; + -o-box-flex: 5; + -ms-box-flex: 5; + box-flex: 5; + -webkit-flex-grow: 5; + flex-grow: 5; + } + .row .col-md-grow-6 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 6; + -moz-box-flex: 6; + -o-box-flex: 6; + -ms-box-flex: 6; + box-flex: 6; + -webkit-flex-grow: 6; + flex-grow: 6; + } + .row .col-md-grow-7 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 7; + -moz-box-flex: 7; + -o-box-flex: 7; + -ms-box-flex: 7; + box-flex: 7; + -webkit-flex-grow: 7; + flex-grow: 7; + } + .row .col-md-grow-8 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 8; + -moz-box-flex: 8; + -o-box-flex: 8; + -ms-box-flex: 8; + box-flex: 8; + -webkit-flex-grow: 8; + flex-grow: 8; + } + .row .col-md-grow-9 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 9; + -moz-box-flex: 9; + -o-box-flex: 9; + -ms-box-flex: 9; + box-flex: 9; + -webkit-flex-grow: 9; + flex-grow: 9; + } + .row .col-md-grow-10 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 10; + -moz-box-flex: 10; + -o-box-flex: 10; + -ms-box-flex: 10; + box-flex: 10; + -webkit-flex-grow: 10; + flex-grow: 10; + } + .row .col-md-grow-11 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 11; + -moz-box-flex: 11; + -o-box-flex: 11; + -ms-box-flex: 11; + box-flex: 11; + -webkit-flex-grow: 11; + flex-grow: 11; + } + .row .col-md-grow-12 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 12; + -moz-box-flex: 12; + -o-box-flex: 12; + -ms-box-flex: 12; + box-flex: 12; + -webkit-flex-grow: 12; + flex-grow: 12; + } + .row > .col-lg-1 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 8.333333333333334%; + flex-basis: 8.333333333333334%; + max-width: 8.333333333333334%; + } + .row > .col-lg-2 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 16.666666666666668%; + flex-basis: 16.666666666666668%; + max-width: 16.666666666666668%; + } + .row > .col-lg-3 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 25%; + flex-basis: 25%; + max-width: 25%; + } + .row > .col-lg-4 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 33.333333333333336%; + flex-basis: 33.333333333333336%; + max-width: 33.333333333333336%; + } + .row > .col-lg-5 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 41.66666666666667%; + flex-basis: 41.66666666666667%; + max-width: 41.66666666666667%; + } + .row > .col-lg-6 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 50%; + flex-basis: 50%; + max-width: 50%; + } + .row > .col-lg-7 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 58.333333333333336%; + flex-basis: 58.333333333333336%; + max-width: 58.333333333333336%; + } + .row > .col-lg-8 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 66.66666666666667%; + flex-basis: 66.66666666666667%; + max-width: 66.66666666666667%; + } + .row > .col-lg-9 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 75%; + flex-basis: 75%; + max-width: 75%; + } + .row > .col-lg-10 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 83.33333333333334%; + flex-basis: 83.33333333333334%; + max-width: 83.33333333333334%; + } + .row > .col-lg-11 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 91.66666666666667%; + flex-basis: 91.66666666666667%; + max-width: 91.66666666666667%; + } + .row > .col-lg-12 { + -webkit-box-flex: 0; + -moz-box-flex: 0; + -o-box-flex: 0; + -ms-box-flex: 0; + box-flex: 0; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-basis: 100%; + flex-basis: 100%; + max-width: 100%; + } + .row .col-lg-grow, + .row .col-lg- { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + } + .row .col-lg-grow-1 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 1; + -moz-box-flex: 1; + -o-box-flex: 1; + -ms-box-flex: 1; + box-flex: 1; + -webkit-flex-grow: 1; + flex-grow: 1; + } + .row .col-lg-grow-2 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 2; + -moz-box-flex: 2; + -o-box-flex: 2; + -ms-box-flex: 2; + box-flex: 2; + -webkit-flex-grow: 2; + flex-grow: 2; + } + .row .col-lg-grow-3 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 3; + -moz-box-flex: 3; + -o-box-flex: 3; + -ms-box-flex: 3; + box-flex: 3; + -webkit-flex-grow: 3; + flex-grow: 3; + } + .row .col-lg-grow-4 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 4; + -moz-box-flex: 4; + -o-box-flex: 4; + -ms-box-flex: 4; + box-flex: 4; + -webkit-flex-grow: 4; + flex-grow: 4; + } + .row .col-lg-grow-5 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 5; + -moz-box-flex: 5; + -o-box-flex: 5; + -ms-box-flex: 5; + box-flex: 5; + -webkit-flex-grow: 5; + flex-grow: 5; + } + .row .col-lg-grow-6 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 6; + -moz-box-flex: 6; + -o-box-flex: 6; + -ms-box-flex: 6; + box-flex: 6; + -webkit-flex-grow: 6; + flex-grow: 6; + } + .row .col-lg-grow-7 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 7; + -moz-box-flex: 7; + -o-box-flex: 7; + -ms-box-flex: 7; + box-flex: 7; + -webkit-flex-grow: 7; + flex-grow: 7; + } + .row .col-lg-grow-8 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 8; + -moz-box-flex: 8; + -o-box-flex: 8; + -ms-box-flex: 8; + box-flex: 8; + -webkit-flex-grow: 8; + flex-grow: 8; + } + .row .col-lg-grow-9 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 9; + -moz-box-flex: 9; + -o-box-flex: 9; + -ms-box-flex: 9; + box-flex: 9; + -webkit-flex-grow: 9; + flex-grow: 9; + } + .row .col-lg-grow-10 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 10; + -moz-box-flex: 10; + -o-box-flex: 10; + -ms-box-flex: 10; + box-flex: 10; + -webkit-flex-grow: 10; + flex-grow: 10; + } + .row .col-lg-grow-11 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 11; + -moz-box-flex: 11; + -o-box-flex: 11; + -ms-box-flex: 11; + box-flex: 11; + -webkit-flex-grow: 11; + flex-grow: 11; + } + .row .col-lg-grow-12 { + -webkit-flex-basis: auto; + flex-basis: auto; + max-width: none; + -webkit-box-flex: 12; + -moz-box-flex: 12; + -o-box-flex: 12; + -ms-box-flex: 12; + box-flex: 12; + -webkit-flex-grow: 12; + flex-grow: 12; + } + .lg-hidden { + display: none; + visibility: hidden; + } +} +@media (min-width: 801px) { + .row.row-md-normal { + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } + .row.row-md-reverse { + -webkit-box-direction: reverse; + -moz-box-direction: reverse; + -o-box-direction: reverse; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } + .row.row-md-vertical { + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .row.row-md-vertical-reverse { + -webkit-box-direction: reverse; + -moz-box-direction: reverse; + -o-box-direction: reverse; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } + .row.row-md-start { + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + .row.row-md-end { + -webkit-box-pack: end; + -moz-box-pack: end; + -o-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + .row.row-md-center { + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + .row.row-md-sb { + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + .row.row-md-sa { + -webkit-box-pack: distribute; + -moz-box-pack: distribute; + -o-box-pack: distribute; + -ms-flex-pack: distribute; + -webkit-justify-content: space-around; + justify-content: space-around; + } + .row.row-md-va-top { + -ms-flex-line-pack: start; + -webkit-align-content: flex-start; + align-content: flex-start; + } + .row.row-md-va-bottom { + -ms-flex-line-pack: end; + -webkit-align-content: flex-end; + align-content: flex-end; + } + .row.row-md-va-center { + -ms-flex-line-pack: center; + -webkit-align-content: center; + align-content: center; + } + .row.row-md-va-sb { + -ms-flex-line-pack: justify; + -webkit-align-content: space-between; + align-content: space-between; + } + .row.row-md-va-sa { + -ms-flex-line-pack: distribute; + -webkit-align-content: space-around; + align-content: space-around; + } + .row.row-md-va-stretch { + -webkit-box-align: stretch; + -moz-box-align: stretch; + -o-box-align: stretch; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + align-items: stretch; + } + .row.row-md-s-top { + -webkit-box-align: start; + -moz-box-align: start; + -o-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + .row.row-md-s-bottom { + -webkit-box-align: end; + -moz-box-align: end; + -o-box-align: end; + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; + } + .row.row-md-s-center { + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + .row.row-md-s-stretch { + -webkit-box-align: stretch; + -moz-box-align: stretch; + -o-box-align: stretch; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + align-items: stretch; + } + .col-md-offset-1 { + margin-left: 8.333333333333334%; + } + .col-md-offset-n1 { + margin-left: -8.333333333333334%; + } + .col-md-offset-2 { + margin-left: 16.666666666666668%; + } + .col-md-offset-n2 { + margin-left: -16.666666666666668%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-n3 { + margin-left: -25%; + } + .col-md-offset-4 { + margin-left: 33.333333333333336%; + } + .col-md-offset-n4 { + margin-left: -33.333333333333336%; + } + .col-md-offset-5 { + margin-left: 41.66666666666667%; + } + .col-md-offset-n5 { + margin-left: -41.66666666666667%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-n6 { + margin-left: -50%; + } + .col-md-offset-7 { + margin-left: 58.333333333333336%; + } + .col-md-offset-n7 { + margin-left: -58.333333333333336%; + } + .col-md-offset-8 { + margin-left: 66.66666666666667%; + } + .col-md-offset-n8 { + margin-left: -66.66666666666667%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-n9 { + margin-left: -75%; + } + .col-md-offset-10 { + margin-left: 83.33333333333334%; + } + .col-md-offset-n10 { + margin-left: -83.33333333333334%; + } + .col-md-offset-11 { + margin-left: 91.66666666666667%; + } + .col-md-offset-n11 { + margin-left: -91.66666666666667%; + } + .col-md-offset-12 { + margin-left: 100%; + } + .col-md-offset-n12 { + margin-left: -100%; + } + .col-md-order-0 { + -webkit-box-ordinal-group: 0; + -moz-box-ordinal-group: 0; + -o-box-ordinal-group: 0; + -ms-flex-order: 0; + -webkit-order: 0; + order: 0; + } + .col-md-order-1 { + -webkit-box-ordinal-group: 1; + -moz-box-ordinal-group: 1; + -o-box-ordinal-group: 1; + -ms-flex-order: 1; + -webkit-order: 1; + order: 1; + } + .col-md-order-n1 { + -webkit-box-ordinal-group: -1; + -moz-box-ordinal-group: -1; + -o-box-ordinal-group: -1; + -ms-flex-order: -1; + -webkit-order: -1; + order: -1; + } + .col-md-order-2 { + -webkit-box-ordinal-group: 2; + -moz-box-ordinal-group: 2; + -o-box-ordinal-group: 2; + -ms-flex-order: 2; + -webkit-order: 2; + order: 2; + } + .col-md-order-n2 { + -webkit-box-ordinal-group: -2; + -moz-box-ordinal-group: -2; + -o-box-ordinal-group: -2; + -ms-flex-order: -2; + -webkit-order: -2; + order: -2; + } + .col-md-order-3 { + -webkit-box-ordinal-group: 3; + -moz-box-ordinal-group: 3; + -o-box-ordinal-group: 3; + -ms-flex-order: 3; + -webkit-order: 3; + order: 3; + } + .col-md-order-n3 { + -webkit-box-ordinal-group: -3; + -moz-box-ordinal-group: -3; + -o-box-ordinal-group: -3; + -ms-flex-order: -3; + -webkit-order: -3; + order: -3; + } + .col-md-order-4 { + -webkit-box-ordinal-group: 4; + -moz-box-ordinal-group: 4; + -o-box-ordinal-group: 4; + -ms-flex-order: 4; + -webkit-order: 4; + order: 4; + } + .col-md-order-n4 { + -webkit-box-ordinal-group: -4; + -moz-box-ordinal-group: -4; + -o-box-ordinal-group: -4; + -ms-flex-order: -4; + -webkit-order: -4; + order: -4; + } + .col-md-order-5 { + -webkit-box-ordinal-group: 5; + -moz-box-ordinal-group: 5; + -o-box-ordinal-group: 5; + -ms-flex-order: 5; + -webkit-order: 5; + order: 5; + } + .col-md-order-n5 { + -webkit-box-ordinal-group: -5; + -moz-box-ordinal-group: -5; + -o-box-ordinal-group: -5; + -ms-flex-order: -5; + -webkit-order: -5; + order: -5; + } + .col-md-order-6 { + -webkit-box-ordinal-group: 6; + -moz-box-ordinal-group: 6; + -o-box-ordinal-group: 6; + -ms-flex-order: 6; + -webkit-order: 6; + order: 6; + } + .col-md-order-n6 { + -webkit-box-ordinal-group: -6; + -moz-box-ordinal-group: -6; + -o-box-ordinal-group: -6; + -ms-flex-order: -6; + -webkit-order: -6; + order: -6; + } + .col-md-top { + -webkit-align-self: flex-start; + align-self: flex-start; + -ms-flex-item-align: start; + } + .col-md-bottom { + -webkit-align-self: flex-end; + align-self: flex-end; + -ms-flex-item-align: end; + } + .col-md-center { + -webkit-align-self: center; + align-self: center; + -ms-flex-item-align: center; + } + .col-md-stretch { + -webkit-align-self: stretch; + align-self: stretch; + -ms-flex-item-align: stretch; + } +} +@media (min-width: 1301px) { + .row.row-lg-normal { + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + } + .row.row-lg-reverse { + -webkit-box-direction: reverse; + -moz-box-direction: reverse; + -o-box-direction: reverse; + -webkit-box-orient: horizontal; + -moz-box-orient: horizontal; + -o-box-orient: horizontal; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } + .row.row-lg-vertical { + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + .row.row-lg-vertical-reverse { + -webkit-box-direction: reverse; + -moz-box-direction: reverse; + -o-box-direction: reverse; + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -o-box-orient: vertical; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse; + } + .row.row-lg-start { + -webkit-box-pack: start; + -moz-box-pack: start; + -o-box-pack: start; + -ms-flex-pack: start; + -webkit-justify-content: flex-start; + justify-content: flex-start; + } + .row.row-lg-end { + -webkit-box-pack: end; + -moz-box-pack: end; + -o-box-pack: end; + -ms-flex-pack: end; + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + .row.row-lg-center { + -webkit-box-pack: center; + -moz-box-pack: center; + -o-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + } + .row.row-lg-sb { + -webkit-box-pack: justify; + -moz-box-pack: justify; + -o-box-pack: justify; + -ms-flex-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + } + .row.row-lg-sa { + -webkit-box-pack: distribute; + -moz-box-pack: distribute; + -o-box-pack: distribute; + -ms-flex-pack: distribute; + -webkit-justify-content: space-around; + justify-content: space-around; + } + .row.row-lg-va-top { + -ms-flex-line-pack: start; + -webkit-align-content: flex-start; + align-content: flex-start; + } + .row.row-lg-va-bottom { + -ms-flex-line-pack: end; + -webkit-align-content: flex-end; + align-content: flex-end; + } + .row.row-lg-va-center { + -ms-flex-line-pack: center; + -webkit-align-content: center; + align-content: center; + } + .row.row-lg-va-sb { + -ms-flex-line-pack: justify; + -webkit-align-content: space-between; + align-content: space-between; + } + .row.row-lg-va-sa { + -ms-flex-line-pack: distribute; + -webkit-align-content: space-around; + align-content: space-around; + } + .row.row-lg-va-stretch { + -webkit-box-align: stretch; + -moz-box-align: stretch; + -o-box-align: stretch; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + align-items: stretch; + } + .row.row-lg-s-top { + -webkit-box-align: start; + -moz-box-align: start; + -o-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + } + .row.row-lg-s-bottom { + -webkit-box-align: end; + -moz-box-align: end; + -o-box-align: end; + -ms-flex-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; + } + .row.row-lg-s-center { + -webkit-box-align: center; + -moz-box-align: center; + -o-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + } + .row.row-lg-s-stretch { + -webkit-box-align: stretch; + -moz-box-align: stretch; + -o-box-align: stretch; + -ms-flex-align: stretch; + -webkit-align-items: stretch; + align-items: stretch; + } + .col-lg-offset-1 { + margin-left: 8.333333333333334%; + } + .col-lg-offset-n1 { + margin-left: -8.333333333333334%; + } + .col-lg-offset-2 { + margin-left: 16.666666666666668%; + } + .col-lg-offset-n2 { + margin-left: -16.666666666666668%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-n3 { + margin-left: -25%; + } + .col-lg-offset-4 { + margin-left: 33.333333333333336%; + } + .col-lg-offset-n4 { + margin-left: -33.333333333333336%; + } + .col-lg-offset-5 { + margin-left: 41.66666666666667%; + } + .col-lg-offset-n5 { + margin-left: -41.66666666666667%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-n6 { + margin-left: -50%; + } + .col-lg-offset-7 { + margin-left: 58.333333333333336%; + } + .col-lg-offset-n7 { + margin-left: -58.333333333333336%; + } + .col-lg-offset-8 { + margin-left: 66.66666666666667%; + } + .col-lg-offset-n8 { + margin-left: -66.66666666666667%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-n9 { + margin-left: -75%; + } + .col-lg-offset-10 { + margin-left: 83.33333333333334%; + } + .col-lg-offset-n10 { + margin-left: -83.33333333333334%; + } + .col-lg-offset-11 { + margin-left: 91.66666666666667%; + } + .col-lg-offset-n11 { + margin-left: -91.66666666666667%; + } + .col-lg-offset-12 { + margin-left: 100%; + } + .col-lg-offset-n12 { + margin-left: -100%; + } + .col-lg-order-0 { + -webkit-box-ordinal-group: 0; + -moz-box-ordinal-group: 0; + -o-box-ordinal-group: 0; + -ms-flex-order: 0; + -webkit-order: 0; + order: 0; + } + .col-lg-order-1 { + -webkit-box-ordinal-group: 1; + -moz-box-ordinal-group: 1; + -o-box-ordinal-group: 1; + -ms-flex-order: 1; + -webkit-order: 1; + order: 1; + } + .col-lg-order-n1 { + -webkit-box-ordinal-group: -1; + -moz-box-ordinal-group: -1; + -o-box-ordinal-group: -1; + -ms-flex-order: -1; + -webkit-order: -1; + order: -1; + } + .col-lg-order-2 { + -webkit-box-ordinal-group: 2; + -moz-box-ordinal-group: 2; + -o-box-ordinal-group: 2; + -ms-flex-order: 2; + -webkit-order: 2; + order: 2; + } + .col-lg-order-n2 { + -webkit-box-ordinal-group: -2; + -moz-box-ordinal-group: -2; + -o-box-ordinal-group: -2; + -ms-flex-order: -2; + -webkit-order: -2; + order: -2; + } + .col-lg-order-3 { + -webkit-box-ordinal-group: 3; + -moz-box-ordinal-group: 3; + -o-box-ordinal-group: 3; + -ms-flex-order: 3; + -webkit-order: 3; + order: 3; + } + .col-lg-order-n3 { + -webkit-box-ordinal-group: -3; + -moz-box-ordinal-group: -3; + -o-box-ordinal-group: -3; + -ms-flex-order: -3; + -webkit-order: -3; + order: -3; + } + .col-lg-order-4 { + -webkit-box-ordinal-group: 4; + -moz-box-ordinal-group: 4; + -o-box-ordinal-group: 4; + -ms-flex-order: 4; + -webkit-order: 4; + order: 4; + } + .col-lg-order-n4 { + -webkit-box-ordinal-group: -4; + -moz-box-ordinal-group: -4; + -o-box-ordinal-group: -4; + -ms-flex-order: -4; + -webkit-order: -4; + order: -4; + } + .col-lg-order-5 { + -webkit-box-ordinal-group: 5; + -moz-box-ordinal-group: 5; + -o-box-ordinal-group: 5; + -ms-flex-order: 5; + -webkit-order: 5; + order: 5; + } + .col-lg-order-n5 { + -webkit-box-ordinal-group: -5; + -moz-box-ordinal-group: -5; + -o-box-ordinal-group: -5; + -ms-flex-order: -5; + -webkit-order: -5; + order: -5; + } + .col-lg-order-6 { + -webkit-box-ordinal-group: 6; + -moz-box-ordinal-group: 6; + -o-box-ordinal-group: 6; + -ms-flex-order: 6; + -webkit-order: 6; + order: 6; + } + .col-lg-order-n6 { + -webkit-box-ordinal-group: -6; + -moz-box-ordinal-group: -6; + -o-box-ordinal-group: -6; + -ms-flex-order: -6; + -webkit-order: -6; + order: -6; + } + .col-lg-top { + -webkit-align-self: flex-start; + align-self: flex-start; + -ms-flex-item-align: start; + } + .col-lg-bottom { + -webkit-align-self: flex-end; + align-self: flex-end; + -ms-flex-item-align: end; + } + .col-lg-center { + -webkit-align-self: center; + align-self: center; + -ms-flex-item-align: center; + } + .col-lg-stretch { + -webkit-align-self: stretch; + align-self: stretch; + -ms-flex-item-align: stretch; + } +} diff --git a/flexbox-grid.min.css b/flexbox-grid.min.css new file mode 100644 index 0000000..16f5a7e --- /dev/null +++ b/flexbox-grid.min.css @@ -0,0 +1 @@ +.row,.row.row-normal,.row.row-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-reverse,.row.row-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-ms-flex-line-pack:stretch;-webkit-align-content:stretch;align-content:stretch;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row.row-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-vertical,.row.row-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}._col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.row .col-,.row .col-grow,.row .col-grow-1,.row .col-grow-10,.row .col-grow-11,.row .col-grow-12,.row .col-grow-2,.row .col-grow-3,.row .col-grow-4,.row .col-grow-5,.row .col-grow-6,.row .col-grow-7,.row .col-grow-8,.row .col-grow-9,.row .col-lg-,.row .col-lg-grow,.row .col-lg-grow-1,.row .col-lg-grow-10,.row .col-lg-grow-11,.row .col-lg-grow-12,.row .col-lg-grow-2,.row .col-lg-grow-3,.row .col-lg-grow-4,.row .col-lg-grow-5,.row .col-lg-grow-6,.row .col-lg-grow-7,.row .col-lg-grow-8,.row .col-lg-grow-9,.row .col-md-,.row .col-md-grow,.row .col-md-grow-1,.row .col-md-grow-10,.row .col-md-grow-11,.row .col-md-grow-12,.row .col-md-grow-2,.row .col-md-grow-3,.row .col-md-grow-4,.row .col-md-grow-5,.row .col-md-grow-6,.row .col-md-grow-7,.row .col-md-grow-8,.row .col-md-grow-9{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.col{-webkit-flex-basis:auto;flex-basis:auto;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.col-offset-1{margin-left:8.333333333333334%}.col-offset-n1{margin-left:-8.333333333333334%}.col-offset-2{margin-left:16.666666666666668%}.col-offset-n2{margin-left:-16.666666666666668%}.col-offset-3{margin-left:25%}.col-offset-n3{margin-left:-25%}.col-offset-4{margin-left:33.333333333333336%}.col-offset-n4{margin-left:-33.333333333333336%}.col-offset-5{margin-left:41.66666666666667%}.col-offset-n5{margin-left:-41.66666666666667%}.col-offset-6{margin-left:50%}.col-offset-n6{margin-left:-50%}.col-offset-7{margin-left:58.333333333333336%}.col-offset-n7{margin-left:-58.333333333333336%}.col-offset-8{margin-left:66.66666666666667%}.col-offset-n8{margin-left:-66.66666666666667%}.col-offset-9{margin-left:75%}.col-offset-n9{margin-left:-75%}.col-offset-10{margin-left:83.33333333333334%}.col-offset-n10{margin-left:-83.33333333333334%}.col-offset-11{margin-left:91.66666666666667%}.col-offset-n11{margin-left:-91.66666666666667%}.col-offset-12{margin-left:100%}.col-offset-n12{margin-left:-100%}.col-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}@media (min-width:0px)and (max-width:800px){.row>.col-lg-1,.row>.col-lg-10,.row>.col-lg-11,.row>.col-lg-12,.row>.col-lg-2,.row>.col-lg-3,.row>.col-lg-4,.row>.col-lg-5,.row>.col-lg-6,.row>.col-lg-7,.row>.col-lg-8,.row>.col-lg-9,.row>.col-md-1,.row>.col-md-10,.row>.col-md-11,.row>.col-md-12,.row>.col-md-2,.row>.col-md-3,.row>.col-md-4,.row>.col-md-5,.row>.col-md-6,.row>.col-md-7,.row>.col-md-8,.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.sm-hidden{display:none;visibility:hidden}}@media (min-width:801px)and (max-width:1300px){.row>.col-lg-1,.row>.col-lg-10,.row>.col-lg-11,.row>.col-lg-12,.row>.col-lg-2,.row>.col-lg-3,.row>.col-lg-4,.row>.col-lg-5,.row>.col-lg-6,.row>.col-lg-7,.row>.col-lg-8,.row>.col-lg-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-md-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-md-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-md-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-md-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-md-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-md-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-md-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-md-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-md-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-md-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-md-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-md-,.row .col-md-grow,.row .col-md-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-md-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-md-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-md-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-md-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-md-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-md-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-md-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-md-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-md-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-md-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-md-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.md-hidden{display:none;visibility:hidden}}@media (min-width:1301px){.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-md-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-md-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-md-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-md-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-md-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-md-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-md-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-md-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-md-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-md-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-md-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-md-,.row .col-md-grow,.row .col-md-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-md-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-md-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-md-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-md-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-md-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-md-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-md-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-md-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-md-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-md-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-md-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-lg-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-lg-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-lg-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-lg-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-lg-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-lg-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-lg-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-lg-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-lg-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-lg-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-lg-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-lg-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-lg-,.row .col-lg-grow,.row .col-lg-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-lg-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-lg-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-lg-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-lg-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-lg-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-lg-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-lg-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-lg-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-lg-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-lg-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-lg-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.lg-hidden{display:none;visibility:hidden}}@media (min-width:801px){.row.row-md-normal,.row.row-md-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-md-reverse,.row.row-md-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row.row-md-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-md-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-md-vertical,.row.row-md-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-md-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-md-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-md-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-md-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-md-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-md-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-md-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-md-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-md-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-md-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-md-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-md-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-md-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-md-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-md-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-md-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-md-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.col-md-offset-1{margin-left:8.333333333333334%}.col-md-offset-n1{margin-left:-8.333333333333334%}.col-md-offset-2{margin-left:16.666666666666668%}.col-md-offset-n2{margin-left:-16.666666666666668%}.col-md-offset-3{margin-left:25%}.col-md-offset-n3{margin-left:-25%}.col-md-offset-4{margin-left:33.333333333333336%}.col-md-offset-n4{margin-left:-33.333333333333336%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-n5{margin-left:-41.66666666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-n6{margin-left:-50%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-n7{margin-left:-58.333333333333336%}.col-md-offset-8{margin-left:66.66666666666667%}.col-md-offset-n8{margin-left:-66.66666666666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-n9{margin-left:-75%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-n10{margin-left:-83.33333333333334%}.col-md-offset-11{margin-left:91.66666666666667%}.col-md-offset-n11{margin-left:-91.66666666666667%}.col-md-offset-12{margin-left:100%}.col-md-offset-n12{margin-left:-100%}.col-md-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-md-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-md-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-md-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-md-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-md-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-md-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-md-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-md-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-md-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-md-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-md-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-md-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-md-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-md-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-md-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-md-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}}@media (min-width:1301px){.row.row-lg-normal,.row.row-lg-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-lg-reverse,.row.row-lg-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row.row-lg-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-lg-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-lg-vertical,.row.row-lg-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-lg-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-lg-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-lg-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-lg-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-lg-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-lg-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-lg-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-lg-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-lg-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-lg-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-lg-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-lg-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-lg-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-lg-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-lg-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-lg-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-lg-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.col-lg-offset-1{margin-left:8.333333333333334%}.col-lg-offset-n1{margin-left:-8.333333333333334%}.col-lg-offset-2{margin-left:16.666666666666668%}.col-lg-offset-n2{margin-left:-16.666666666666668%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-n3{margin-left:-25%}.col-lg-offset-4{margin-left:33.333333333333336%}.col-lg-offset-n4{margin-left:-33.333333333333336%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-n5{margin-left:-41.66666666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-n6{margin-left:-50%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-n7{margin-left:-58.333333333333336%}.col-lg-offset-8{margin-left:66.66666666666667%}.col-lg-offset-n8{margin-left:-66.66666666666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-n9{margin-left:-75%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-n10{margin-left:-83.33333333333334%}.col-lg-offset-11{margin-left:91.66666666666667%}.col-lg-offset-n11{margin-left:-91.66666666666667%}.col-lg-offset-12{margin-left:100%}.col-lg-offset-n12{margin-left:-100%}.col-lg-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-lg-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-lg-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-lg-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-lg-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-lg-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-lg-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-lg-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-lg-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-lg-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-lg-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-lg-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-lg-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-lg-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-lg-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-lg-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-lg-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..6f70df6 --- /dev/null +++ b/index.html @@ -0,0 +1,332 @@ + + + Flexbox Based Grids + + + + + + + + +
+
+

Flexbox Grid System

+

Percentage cols

+

By default you have 12 different sizing columns

+
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
+
+
.col-6
+
.col-6
+
+
+
.col-12
+
+

Fixed and grow cols

+

By default you have 12 sizes for .col-grow (1 to 12)

+
+
.col
+
.col
+
.col
+
+
+
.col-fixed with flex-basis 200px
+
.col-grow-1 or .col-grow or just .col
+
.col-1
+
+
+
.col-12.col-md-3
+
.col-grow-3
+
.col-grow-6
+
+

Offsets

+
+
.col-3.col-offset-3
+
.col-3.col-offset-1
+
+
+
.col-3.col-offset-4
+
.col-3.col-offset-n7 (negative 7)
+
+

Horizontal align

+

.row.row-start (default)

+
+
.col-4
+
.col-2
+
+

.row.row-end

+
+
.col-4
+
.col-2
+
+

.row.row-center

+
+
.col-4
+
.col-2
+
+

.row.row-sb

+
+
.col-4
+
.col-2
+
+

.row.row-sa

+
+
.col-4
+
.col-2
+
+

Vertical align

+
+
+

.row.row-va-stretch (default)

+
+
.col-8
+
.col-8
+
+
+
+

.row.row-va-top

+
+
.col-8
+
.col-8
+
+
+
+

.row.row-va-bottom

+
+
.col-8
+
.col-8
+
+
+
+

.row.row-va-center

+
+
.col-8
+
.col-8
+
+
+
+

.row.row-va-sb

+
+
.col-8
+
.col-8
+
+
+
+

.row.row-va-sa

+
+
.col-8
+
.col-8
+
+
+
+

Vertical stretch

+
+
+

.row.row-s-stretch (default)

+
+
height 40px
+
height 140px
+
height 85px
+
height 70px
+
+
+
+

.row.row-s-top

+
+
height 40px
+
height 140px
+
height 85px
+
height 70px
+
+
+
+
+
+

.row.row-s-bottom

+
+
height 40px
+
height 140px
+
height 85px
+
height 70px
+
+
+
+

.row.row-s-center

+
+
height 40px
+
height 140px
+
height 85px
+
height 70px
+
+
+
+

Elements direction

+
+
+

.row.row-normal (default)

+
+
I'm 1st
+
I'm 2nd
+
I'm 3th
+
+
+
+

.row.row-reverse

+
+
I'm 1st
+
I'm 2nd
+
I'm 3th
+
+
+
+
+
+

.row.row-vertical

+
+
I'm 1st
+
I'm 2nd
+
I'm 3th
+
+
+
+

.row.row-vertical-reverse

+
+
I'm 1st
+
I'm 2nd
+
I'm 3th
+
+
+
+

Self ordering

+

By default supports order from -6 to 6

+
+
I'm 1st but .col-order-1
+
I'm 2nd but .col-order-2
+
I'm 3th but .col-order-0
+
I'm 4th but .col-order-n1 (negative 1)
+
+

Self align

+
+
.col-bottom
height 40px
+
height 140px
+
.col-center
height 85px
+
.col-top
height 70px
+
.col-stretch
height 50px
+
+

Basic responsive

+
+
.col-lg-6
+
.col-lg-6
+
+
+
.col-md-4
+
.col-md-8
+
+
+
.col-7.col-md-3
+
.col-5.col-md-9
+
+
+
.col-4.col-md-8.col-lg-6
+
.col-8.col-md-4.col-lg-6
+
+
+
.col-grow-1.col-lg-2
+
.col-grow-1.col-lg-7
+
.col-grow-1.col-lg-3
+
+
+
.col-9.col-md-grow-1
+
.col-3.col-md-grow-6
+
+

Offsets

+
+
.col-3.col-md-offset-1
+
.col-3.col-lg-offset-5
+
+

Responsive rows modifiers

+

You can use all modifier classes of rows and cols with responsive modifiers by add 'md' or 'lg' prefixes

+

.row.row-md-center.row-lg-end

+
+
I'm on the right only on big screens, centered on middle size screens and on the left on small one
+
+

.row.row-va-bottom.row-md-va-center.row-lg-va-top

+
+
We on the top on big screens, centered on
+
middle and on the bottom on small
+
+

.row.row-s-center.row-md-s-top.row-lg-s-stretch

+
+
We stretch on big screens,
+
stick on top on middle screens
+
and centered
+
on small
+
+

.row.row-md-vertical-reverse.row-lg-reverse

+
+
We vertical on big & small screens
+
and reverse vertical on middle one
+
+

Responsive self ordering

+
+
.col-order-2.
.col-md-order-3
.col-lg-order-1
+
.col-order-3
.col-md-order-1
.col-lg-order-2
+
.col-order-1
.col-md-order-2
.col-lg-order-3
+
+

Responsive self align

+
+
.col-bottom
.col-md-center
.col-lg-top
+
.col-md-bottom
+
.col-top
.col-md-stretch
.col-lg-bottom
+
+

Responsive helpers

+
+
I'm visible only on large screens
.sm-hidden.md-hidden
+
I'm visible only on middle screens
.sm-hidden.lg-hidden
+
I'm visible only on small screens
.md-hidden.lg-hidden
+
+
+
+ + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..e30172e --- /dev/null +++ b/styles.css @@ -0,0 +1,104 @@ +/** + * This file contains support styles for demo pages + */ +html, +body, +h1, +h2, +h3 { + margin: 0; + padding: 0; + font-family: Roboto, sans-serif; +} +body { + padding-bottom: 50px; +} +h1, +h2, +h3, +h4 { + font-weight: 300; + margin-top: 35px; +} +.header { + text-align: center; + margin: 25px 0; + font-size: 40px; +} +.row.demo.sm-margin { + margin-top: 5px; +} +.row.demo > div { + background: #90caf9; + text-align: center; + box-sizing: border-box; + border: 2px solid #1976d2; + min-height: 40px; + line-height: 40px; +} +.row.demo.color-1, +.row.demo > div.color-1 { + background: #448aff; + border: 2px solid #005bf2; +} +.row.demo.color-2, +.row.demo > div.color-2 { + background: #ffebee; + border: 2px solid #ff7186; +} +.row.demo.color-3, +.row.demo > div.color-3 { + background: #bbdefb; + border: 2px solid #54acf5; +} +.row.demo.color-4, +.row.demo > div.color-4 { + background: #c8e6c9; + border: 2px solid #7ec480; +} +.row.demo.color-5, +.row.demo > div.color-5 { + background: #f8bbd0; + border: 2px solid #ee588c; +} +.row.demo.color-6, +.row.demo > div.color-6 { + background: #ce93d8; + border: 2px solid #b050c0; +} +.row.demo.color-7, +.row.demo > div.color-7 { + background: #d1c4e9; + border: 2px solid #9476cc; +} +.row.demo.color-8, +.row.demo > div.color-8 { + background: #b2dfdb; + border: 2px solid #6bc2ba; +} +.row.demo.color-9, +.row.demo > div.color-9 { + background: #f0f4c3; + border: 2px solid #d9e366; +} +.row.demo.color-10, +.row.demo > div.color-10 { + background: #ffecb3; + border: 2px solid #ffd146; +} +.row.demo.color-11, +.row.demo > div.color-11 { + background: #e0e0e0; + border: 2px solid #a8a8a8; +} +.row.demo.color-12, +.row.demo > div.color-12 { + background: #a1887f; + border: 2px solid #7d645b; +} +.row.demo.v-aligns { + height: 165px; +} +.sm-padding { + padding: 5px; +} From 184ae2f201d489196b48ae2486db2231c00405f1 Mon Sep 17 00:00:00 2001 From: rzcoder Date: Sun, 24 May 2015 17:57:33 +0500 Subject: [PATCH 02/11] scroll fix --- index.html | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 6f70df6..b4ffe34 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ var topEl = null; var topOffset = 0; - $window.on('scroll', function () { + function saveOffset() { $('h1, h2, h3, h4').each(function (index, el) { var $el = $(el); topOffset = $el.position().top - $window.scrollTop(); @@ -20,6 +20,10 @@ return false; } }); + } + + $window.on('scroll', function () { + saveOffset(); }); $window.on('resize', function () { @@ -29,7 +33,10 @@ } $window.scrollTop(offset); + saveOffset(); }); + + saveOffset(); } $(init); From d9bf4f93967fb17a715de69ee562b2010d8a64c2 Mon Sep 17 00:00:00 2001 From: rzcoder Date: Sun, 24 May 2015 18:42:55 +0500 Subject: [PATCH 03/11] update docs --- index.html | 281 ++++++++++++++++++++++++++--------------------------- styles.css | 70 ++++--------- 2 files changed, 161 insertions(+), 190 deletions(-) diff --git a/index.html b/index.html index b4ffe34..0d8bc3d 100644 --- a/index.html +++ b/index.html @@ -43,13 +43,13 @@ - + Fork me on GitHub

Flexbox Grid System

Percentage cols

By default you have 12 different sizing columns

-
+
.col-1
.col-1
.col-1
@@ -63,107 +63,106 @@

Percentage cols

.col-1
.col-1
-
-
.col-6
-
.col-6
+
+
.col-6
+
.col-6
-
-
.col-12
+
+
.col-12

Fixed and grow cols

By default you have 12 sizes for .col-grow (1 to 12)

-
+
.col
.col
.col
-
-
.col-fixed with flex-basis 200px
+
+
.col-fixed with flex-basis 200px
.col-grow-1 or .col-grow or just .col
-
.col-1
-
-
.col-12.col-md-3
-
.col-grow-3
-
.col-grow-6
+
+
.col-12.col-md-3
+
.col-grow-3
+
.col-grow-6

Offsets

-
-
.col-3.col-offset-3
-
.col-3.col-offset-1
+
+
.col-3.col-offset-3
+
.col-3.col-offset-1
-
-
.col-3.col-offset-4
-
.col-3.col-offset-n7 (negative 7)
+
+
.col-3.col-offset-4
+
.col-3.col-offset-n7 (negative 7)

Horizontal align

.row.row-start (default)

-
-
.col-4
-
.col-2
+
+
.col-4
+
.col-2

.row.row-end

-
-
.col-4
-
.col-2
+
+
.col-4
+
.col-2

.row.row-center

-
-
.col-4
-
.col-2
+
+
.col-4
+
.col-2

.row.row-sb

-
-
.col-4
-
.col-2
+
+
.col-4
+
.col-2

.row.row-sa

-
-
.col-4
-
.col-2
+
+
.col-4
+
.col-2

Vertical align

.row.row-va-stretch (default)

-
-
.col-8
-
.col-8
+
+
.col-8
+
.col-8

.row.row-va-top

-
-
.col-8
-
.col-8
+
+
.col-8
+
.col-8

.row.row-va-bottom

-
-
.col-8
-
.col-8
+
+
.col-8
+
.col-8

.row.row-va-center

-
-
.col-8
-
.col-8
+
+
.col-8
+
.col-8

.row.row-va-sb

-
-
.col-8
-
.col-8
+
+
.col-8
+
.col-8

.row.row-va-sa

-
-
.col-8
-
.col-8
+
+
.col-8
+
.col-8
@@ -171,40 +170,40 @@

Vertical stretch

.row.row-s-stretch (default)

-
-
height 40px
-
height 140px
-
height 85px
-
height 70px
+
+
height 40px
+
height 140px
+
height 85px
+
height 70px

.row.row-s-top

-
-
height 40px
-
height 140px
-
height 85px
-
height 70px
+
+
height 40px
+
height 140px
+
height 85px
+
height 70px

.row.row-s-bottom

-
-
height 40px
-
height 140px
-
height 85px
-
height 70px
+
+
height 40px
+
height 140px
+
height 85px
+
height 70px

.row.row-s-center

-
-
height 40px
-
height 140px
-
height 85px
-
height 70px
+
+
height 40px
+
height 140px
+
height 85px
+
height 70px
@@ -212,126 +211,126 @@

Elements direction

.row.row-normal (default)

-
-
I'm 1st
+
+
I'm 1st
I'm 2nd
-
I'm 3th
+
I'm 3th

.row.row-reverse

-
-
I'm 1st
+
+
I'm 1st
I'm 2nd
-
I'm 3th
+
I'm 3th

.row.row-vertical

-
-
I'm 1st
+
+
I'm 1st
I'm 2nd
-
I'm 3th
+
I'm 3th

.row.row-vertical-reverse

-
-
I'm 1st
+
+
I'm 1st
I'm 2nd
-
I'm 3th
+
I'm 3th

Self ordering

By default supports order from -6 to 6

-
-
I'm 1st but .col-order-1
-
I'm 2nd but .col-order-2
-
I'm 3th but .col-order-0
-
I'm 4th but .col-order-n1 (negative 1)
+
+
I'm 1st but .col-order-1
+
I'm 2nd but .col-order-2
+
I'm 3th but .col-order-0
+
I'm 4th but .col-order-n1 (negative 1)

Self align

-
-
.col-bottom
height 40px
-
height 140px
-
.col-center
height 85px
-
.col-top
height 70px
+
+
.col-bottom
height 40px
+
height 140px
+
.col-center
height 85px
+
.col-top
height 70px
.col-stretch
height 50px

Basic responsive

-
-
.col-lg-6
-
.col-lg-6
+
+
.col-lg-6
+
.col-lg-6
-
-
.col-md-4
-
.col-md-8
+
+
.col-md-4
+
.col-md-8
-
+
.col-7.col-md-3
.col-5.col-md-9
-
-
.col-4.col-md-8.col-lg-6
-
.col-8.col-md-4.col-lg-6
+
+
.col-4.col-md-8.col-lg-6
+
.col-8.col-md-4.col-lg-6
-
-
.col-grow-1.col-lg-2
-
.col-grow-1.col-lg-7
-
.col-grow-1.col-lg-3
+
+
.col-grow-1.col-lg-2
+
.col-grow-1.col-lg-7
+
.col-grow-1.col-lg-3
-
-
.col-9.col-md-grow-1
-
.col-3.col-md-grow-6
+
+
.col-9.col-md-grow-1
+
.col-3.col-md-grow-6

Offsets

-
-
.col-3.col-md-offset-1
-
.col-3.col-lg-offset-5
+
+
.col-3.col-md-offset-1
+
.col-3.col-lg-offset-5

Responsive rows modifiers

You can use all modifier classes of rows and cols with responsive modifiers by add 'md' or 'lg' prefixes

.row.row-md-center.row-lg-end

-
-
I'm on the right only on big screens, centered on middle size screens and on the left on small one
+
+
I'm on the right only on big screens, centered on middle size screens and on the left on small one

.row.row-va-bottom.row-md-va-center.row-lg-va-top

-
-
We on the top on big screens, centered on
-
middle and on the bottom on small
+
+
We on the top on big screens, centered on
+
middle and on the bottom on small

.row.row-s-center.row-md-s-top.row-lg-s-stretch

-
-
We stretch on big screens,
-
stick on top on middle screens
-
and centered
-
on small
+
+
We stretch on big screens,
+
stick on bottom on middle screens
+
and centered
+
on small

.row.row-md-vertical-reverse.row-lg-reverse

-
-
We vertical on big & small screens
-
and reverse vertical on middle one
+
+
We vertical on big & small screens
+
and reverse vertical on middle one

Responsive self ordering

-
-
.col-order-2.
.col-md-order-3
.col-lg-order-1
-
.col-order-3
.col-md-order-1
.col-lg-order-2
-
.col-order-1
.col-md-order-2
.col-lg-order-3
+
+
.col-order-2.
.col-md-order-3
.col-lg-order-1
+
.col-order-3
.col-md-order-1
.col-lg-order-2
+
.col-order-1
.col-md-order-2
.col-lg-order-3

Responsive self align

-
-
.col-bottom
.col-md-center
.col-lg-top
-
.col-md-bottom
-
.col-top
.col-md-stretch
.col-lg-bottom
+
+
.col-bottom
.col-md-center
.col-lg-top
+
.col-md-bottom
+
.col-top
.col-md-stretch
.col-lg-bottom

Responsive helpers

-
-
I'm visible only on large screens
.sm-hidden.md-hidden
-
I'm visible only on middle screens
.sm-hidden.lg-hidden
-
I'm visible only on small screens
.md-hidden.lg-hidden
+
+
I'm visible only on large screens
.sm-hidden.md-hidden
+
I'm visible only on middle screens
.sm-hidden.lg-hidden
+
I'm visible only on small screens
.md-hidden.lg-hidden
diff --git a/styles.css b/styles.css index e30172e..992a7b9 100644 --- a/styles.css +++ b/styles.css @@ -25,9 +25,13 @@ h4 { margin: 25px 0; font-size: 40px; } -.row.demo.sm-margin { +.row.demo { margin-top: 5px; } +.row.demo.color-0 { + background: #eceff1; + border: 2px solid #a7b5be; +} .row.demo > div { background: #90caf9; text-align: center; @@ -36,65 +40,33 @@ h4 { min-height: 40px; line-height: 40px; } -.row.demo.color-1, +.row.demo > div.color-0 { + background: #ffab91; + border: 2px solid #ff5f2d; +} .row.demo > div.color-1 { - background: #448aff; - border: 2px solid #005bf2; + background: #bbdefb; + border: 2px solid #54acf5; } -.row.demo.color-2, .row.demo > div.color-2 { - background: #ffebee; - border: 2px solid #ff7186; + background: #f0f4c3; + border: 2px solid #d9e366; } -.row.demo.color-3, .row.demo > div.color-3 { - background: #bbdefb; - border: 2px solid #54acf5; + background: #b39ddb; + border: 2px solid #7e58c2; } -.row.demo.color-4, .row.demo > div.color-4 { - background: #c8e6c9; - border: 2px solid #7ec480; + background: #b2ebf2; + border: 2px solid #58d4e3; } -.row.demo.color-5, .row.demo > div.color-5 { - background: #f8bbd0; - border: 2px solid #ee588c; + background: #ffe0b2; + border: 2px solid #ffb446; } -.row.demo.color-6, .row.demo > div.color-6 { - background: #ce93d8; - border: 2px solid #b050c0; -} -.row.demo.color-7, -.row.demo > div.color-7 { - background: #d1c4e9; - border: 2px solid #9476cc; -} -.row.demo.color-8, -.row.demo > div.color-8 { - background: #b2dfdb; - border: 2px solid #6bc2ba; -} -.row.demo.color-9, -.row.demo > div.color-9 { - background: #f0f4c3; - border: 2px solid #d9e366; -} -.row.demo.color-10, -.row.demo > div.color-10 { - background: #ffecb3; - border: 2px solid #ffd146; -} -.row.demo.color-11, -.row.demo > div.color-11 { - background: #e0e0e0; - border: 2px solid #a8a8a8; -} -.row.demo.color-12, -.row.demo > div.color-12 { - background: #a1887f; - border: 2px solid #7d645b; + background: #ffcdd2; + border: 2px solid #ff5a6b; } .row.demo.v-aligns { height: 165px; From 51e5d5e029ae30d98c813c0696cae2609dff1fe2 Mon Sep 17 00:00:00 2001 From: rzcoder Date: Sun, 24 May 2015 20:04:14 +0500 Subject: [PATCH 04/11] added row wrap control property --- flexbox-grid.css | 77 ++++++++++++++++++++++++++++++++++++++++++++ flexbox-grid.min.css | 2 +- index.html | 27 +++++++++++++++- 3 files changed, 104 insertions(+), 2 deletions(-) diff --git a/flexbox-grid.css b/flexbox-grid.css index a71f877..00b4a29 100644 --- a/flexbox-grid.css +++ b/flexbox-grid.css @@ -37,11 +37,36 @@ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; +/* Wraps */ /* Directions */ /* Horizontal align */ /* Vertical aligns */ /* Vertical stretch */ } +.row.row-wrap { + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.row.row-nowrap { + -webkit-box-lines: single; + -moz-box-lines: single; + -o-box-lines: single; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.row.row-wrap-reverse { + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap-reverse; + -ms-flex-wrap: wrap-reverse; + flex-wrap: wrap-reverse; +} .row.row-normal { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; @@ -281,6 +306,10 @@ -webkit-flex-grow: 1; flex-grow: 1; } +.col-fixed { + -webkit-flex-shrink: 0; + flex-shrink: 0; +} /* Offset */ .col-offset-1 { margin-left: 8.333333333333334%; @@ -2737,6 +2766,30 @@ } } @media (min-width: 801px) { + .row.row-md-wrap { + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .row.row-md-nowrap { + -webkit-box-lines: single; + -moz-box-lines: single; + -o-box-lines: single; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .row.row-md-wrap-reverse { + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap-reverse; + -ms-flex-wrap: wrap-reverse; + flex-wrap: wrap-reverse; + } .row.row-md-normal { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; @@ -3078,6 +3131,30 @@ } } @media (min-width: 1301px) { + .row.row-lg-wrap { + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + } + .row.row-lg-nowrap { + -webkit-box-lines: single; + -moz-box-lines: single; + -o-box-lines: single; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + } + .row.row-lg-wrap-reverse { + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -o-box-lines: multiple; + -webkit-flex-wrap: wrap-reverse; + -ms-flex-wrap: wrap-reverse; + flex-wrap: wrap-reverse; + } .row.row-lg-normal { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; diff --git a/flexbox-grid.min.css b/flexbox-grid.min.css index 16f5a7e..c236c23 100644 --- a/flexbox-grid.min.css +++ b/flexbox-grid.min.css @@ -1 +1 @@ -.row,.row.row-normal,.row.row-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-reverse,.row.row-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-ms-flex-line-pack:stretch;-webkit-align-content:stretch;align-content:stretch;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row.row-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-vertical,.row.row-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}._col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.row .col-,.row .col-grow,.row .col-grow-1,.row .col-grow-10,.row .col-grow-11,.row .col-grow-12,.row .col-grow-2,.row .col-grow-3,.row .col-grow-4,.row .col-grow-5,.row .col-grow-6,.row .col-grow-7,.row .col-grow-8,.row .col-grow-9,.row .col-lg-,.row .col-lg-grow,.row .col-lg-grow-1,.row .col-lg-grow-10,.row .col-lg-grow-11,.row .col-lg-grow-12,.row .col-lg-grow-2,.row .col-lg-grow-3,.row .col-lg-grow-4,.row .col-lg-grow-5,.row .col-lg-grow-6,.row .col-lg-grow-7,.row .col-lg-grow-8,.row .col-lg-grow-9,.row .col-md-,.row .col-md-grow,.row .col-md-grow-1,.row .col-md-grow-10,.row .col-md-grow-11,.row .col-md-grow-12,.row .col-md-grow-2,.row .col-md-grow-3,.row .col-md-grow-4,.row .col-md-grow-5,.row .col-md-grow-6,.row .col-md-grow-7,.row .col-md-grow-8,.row .col-md-grow-9{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.col{-webkit-flex-basis:auto;flex-basis:auto;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.col-offset-1{margin-left:8.333333333333334%}.col-offset-n1{margin-left:-8.333333333333334%}.col-offset-2{margin-left:16.666666666666668%}.col-offset-n2{margin-left:-16.666666666666668%}.col-offset-3{margin-left:25%}.col-offset-n3{margin-left:-25%}.col-offset-4{margin-left:33.333333333333336%}.col-offset-n4{margin-left:-33.333333333333336%}.col-offset-5{margin-left:41.66666666666667%}.col-offset-n5{margin-left:-41.66666666666667%}.col-offset-6{margin-left:50%}.col-offset-n6{margin-left:-50%}.col-offset-7{margin-left:58.333333333333336%}.col-offset-n7{margin-left:-58.333333333333336%}.col-offset-8{margin-left:66.66666666666667%}.col-offset-n8{margin-left:-66.66666666666667%}.col-offset-9{margin-left:75%}.col-offset-n9{margin-left:-75%}.col-offset-10{margin-left:83.33333333333334%}.col-offset-n10{margin-left:-83.33333333333334%}.col-offset-11{margin-left:91.66666666666667%}.col-offset-n11{margin-left:-91.66666666666667%}.col-offset-12{margin-left:100%}.col-offset-n12{margin-left:-100%}.col-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}@media (min-width:0px)and (max-width:800px){.row>.col-lg-1,.row>.col-lg-10,.row>.col-lg-11,.row>.col-lg-12,.row>.col-lg-2,.row>.col-lg-3,.row>.col-lg-4,.row>.col-lg-5,.row>.col-lg-6,.row>.col-lg-7,.row>.col-lg-8,.row>.col-lg-9,.row>.col-md-1,.row>.col-md-10,.row>.col-md-11,.row>.col-md-12,.row>.col-md-2,.row>.col-md-3,.row>.col-md-4,.row>.col-md-5,.row>.col-md-6,.row>.col-md-7,.row>.col-md-8,.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.sm-hidden{display:none;visibility:hidden}}@media (min-width:801px)and (max-width:1300px){.row>.col-lg-1,.row>.col-lg-10,.row>.col-lg-11,.row>.col-lg-12,.row>.col-lg-2,.row>.col-lg-3,.row>.col-lg-4,.row>.col-lg-5,.row>.col-lg-6,.row>.col-lg-7,.row>.col-lg-8,.row>.col-lg-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-md-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-md-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-md-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-md-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-md-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-md-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-md-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-md-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-md-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-md-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-md-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-md-,.row .col-md-grow,.row .col-md-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-md-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-md-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-md-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-md-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-md-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-md-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-md-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-md-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-md-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-md-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-md-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.md-hidden{display:none;visibility:hidden}}@media (min-width:1301px){.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-md-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-md-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-md-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-md-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-md-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-md-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-md-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-md-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-md-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-md-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-md-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-md-,.row .col-md-grow,.row .col-md-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-md-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-md-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-md-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-md-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-md-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-md-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-md-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-md-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-md-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-md-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-md-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-lg-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-lg-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-lg-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-lg-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-lg-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-lg-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-lg-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-lg-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-lg-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-lg-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-lg-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-lg-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-lg-,.row .col-lg-grow,.row .col-lg-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-lg-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-lg-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-lg-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-lg-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-lg-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-lg-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-lg-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-lg-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-lg-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-lg-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-lg-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.lg-hidden{display:none;visibility:hidden}}@media (min-width:801px){.row.row-md-normal,.row.row-md-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-md-reverse,.row.row-md-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row.row-md-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-md-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-md-vertical,.row.row-md-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-md-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-md-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-md-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-md-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-md-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-md-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-md-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-md-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-md-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-md-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-md-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-md-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-md-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-md-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-md-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-md-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-md-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.col-md-offset-1{margin-left:8.333333333333334%}.col-md-offset-n1{margin-left:-8.333333333333334%}.col-md-offset-2{margin-left:16.666666666666668%}.col-md-offset-n2{margin-left:-16.666666666666668%}.col-md-offset-3{margin-left:25%}.col-md-offset-n3{margin-left:-25%}.col-md-offset-4{margin-left:33.333333333333336%}.col-md-offset-n4{margin-left:-33.333333333333336%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-n5{margin-left:-41.66666666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-n6{margin-left:-50%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-n7{margin-left:-58.333333333333336%}.col-md-offset-8{margin-left:66.66666666666667%}.col-md-offset-n8{margin-left:-66.66666666666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-n9{margin-left:-75%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-n10{margin-left:-83.33333333333334%}.col-md-offset-11{margin-left:91.66666666666667%}.col-md-offset-n11{margin-left:-91.66666666666667%}.col-md-offset-12{margin-left:100%}.col-md-offset-n12{margin-left:-100%}.col-md-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-md-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-md-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-md-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-md-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-md-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-md-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-md-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-md-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-md-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-md-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-md-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-md-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-md-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-md-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-md-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-md-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}}@media (min-width:1301px){.row.row-lg-normal,.row.row-lg-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-lg-reverse,.row.row-lg-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row.row-lg-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-lg-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-lg-vertical,.row.row-lg-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-lg-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-lg-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-lg-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-lg-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-lg-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-lg-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-lg-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-lg-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-lg-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-lg-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-lg-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-lg-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-lg-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-lg-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-lg-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-lg-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-lg-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.col-lg-offset-1{margin-left:8.333333333333334%}.col-lg-offset-n1{margin-left:-8.333333333333334%}.col-lg-offset-2{margin-left:16.666666666666668%}.col-lg-offset-n2{margin-left:-16.666666666666668%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-n3{margin-left:-25%}.col-lg-offset-4{margin-left:33.333333333333336%}.col-lg-offset-n4{margin-left:-33.333333333333336%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-n5{margin-left:-41.66666666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-n6{margin-left:-50%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-n7{margin-left:-58.333333333333336%}.col-lg-offset-8{margin-left:66.66666666666667%}.col-lg-offset-n8{margin-left:-66.66666666666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-n9{margin-left:-75%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-n10{margin-left:-83.33333333333334%}.col-lg-offset-11{margin-left:91.66666666666667%}.col-lg-offset-n11{margin-left:-91.66666666666667%}.col-lg-offset-12{margin-left:100%}.col-lg-offset-n12{margin-left:-100%}.col-lg-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-lg-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-lg-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-lg-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-lg-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-lg-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-lg-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-lg-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-lg-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-lg-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-lg-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-lg-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-lg-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-lg-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-lg-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-lg-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-lg-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}} \ No newline at end of file +.row,.row.row-wrap{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple}.row,.row.row-normal,.row.row-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-reverse,.row.row-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-ms-flex-line-pack:stretch;-webkit-align-content:stretch;align-content:stretch;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row.row-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.row.row-nowrap{-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.row.row-wrap-reverse{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.row.row-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-vertical,.row.row-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}._col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.row .col-,.row .col-grow,.row .col-grow-1,.row .col-grow-10,.row .col-grow-11,.row .col-grow-12,.row .col-grow-2,.row .col-grow-3,.row .col-grow-4,.row .col-grow-5,.row .col-grow-6,.row .col-grow-7,.row .col-grow-8,.row .col-grow-9,.row .col-lg-,.row .col-lg-grow,.row .col-lg-grow-1,.row .col-lg-grow-10,.row .col-lg-grow-11,.row .col-lg-grow-12,.row .col-lg-grow-2,.row .col-lg-grow-3,.row .col-lg-grow-4,.row .col-lg-grow-5,.row .col-lg-grow-6,.row .col-lg-grow-7,.row .col-lg-grow-8,.row .col-lg-grow-9,.row .col-md-,.row .col-md-grow,.row .col-md-grow-1,.row .col-md-grow-10,.row .col-md-grow-11,.row .col-md-grow-12,.row .col-md-grow-2,.row .col-md-grow-3,.row .col-md-grow-4,.row .col-md-grow-5,.row .col-md-grow-6,.row .col-md-grow-7,.row .col-md-grow-8,.row .col-md-grow-9{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.col{-webkit-flex-basis:auto;flex-basis:auto;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.col-fixed{-webkit-flex-shrink:0;flex-shrink:0}.col-offset-1{margin-left:8.333333333333334%}.col-offset-n1{margin-left:-8.333333333333334%}.col-offset-2{margin-left:16.666666666666668%}.col-offset-n2{margin-left:-16.666666666666668%}.col-offset-3{margin-left:25%}.col-offset-n3{margin-left:-25%}.col-offset-4{margin-left:33.333333333333336%}.col-offset-n4{margin-left:-33.333333333333336%}.col-offset-5{margin-left:41.66666666666667%}.col-offset-n5{margin-left:-41.66666666666667%}.col-offset-6{margin-left:50%}.col-offset-n6{margin-left:-50%}.col-offset-7{margin-left:58.333333333333336%}.col-offset-n7{margin-left:-58.333333333333336%}.col-offset-8{margin-left:66.66666666666667%}.col-offset-n8{margin-left:-66.66666666666667%}.col-offset-9{margin-left:75%}.col-offset-n9{margin-left:-75%}.col-offset-10{margin-left:83.33333333333334%}.col-offset-n10{margin-left:-83.33333333333334%}.col-offset-11{margin-left:91.66666666666667%}.col-offset-n11{margin-left:-91.66666666666667%}.col-offset-12{margin-left:100%}.col-offset-n12{margin-left:-100%}.col-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}@media (min-width:0px)and (max-width:800px){.row>.col-lg-1,.row>.col-lg-10,.row>.col-lg-11,.row>.col-lg-12,.row>.col-lg-2,.row>.col-lg-3,.row>.col-lg-4,.row>.col-lg-5,.row>.col-lg-6,.row>.col-lg-7,.row>.col-lg-8,.row>.col-lg-9,.row>.col-md-1,.row>.col-md-10,.row>.col-md-11,.row>.col-md-12,.row>.col-md-2,.row>.col-md-3,.row>.col-md-4,.row>.col-md-5,.row>.col-md-6,.row>.col-md-7,.row>.col-md-8,.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.sm-hidden{display:none;visibility:hidden}}@media (min-width:801px)and (max-width:1300px){.row>.col-lg-1,.row>.col-lg-10,.row>.col-lg-11,.row>.col-lg-12,.row>.col-lg-2,.row>.col-lg-3,.row>.col-lg-4,.row>.col-lg-5,.row>.col-lg-6,.row>.col-lg-7,.row>.col-lg-8,.row>.col-lg-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-md-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-md-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-md-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-md-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-md-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-md-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-md-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-md-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-md-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-md-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-md-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-md-,.row .col-md-grow,.row .col-md-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-md-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-md-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-md-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-md-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-md-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-md-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-md-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-md-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-md-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-md-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-md-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.md-hidden{display:none;visibility:hidden}}@media (min-width:1301px){.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-md-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-md-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-md-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-md-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-md-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-md-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-md-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-md-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-md-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-md-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-md-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-md-,.row .col-md-grow,.row .col-md-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-md-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-md-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-md-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-md-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-md-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-md-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-md-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-md-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-md-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-md-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-md-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-lg-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-lg-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-lg-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-lg-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-lg-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-lg-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-lg-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-lg-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-lg-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-lg-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-lg-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-lg-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-lg-,.row .col-lg-grow,.row .col-lg-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-lg-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-lg-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-lg-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-lg-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-lg-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-lg-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-lg-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-lg-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-lg-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-lg-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-lg-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.lg-hidden{display:none;visibility:hidden}}@media (min-width:801px){.row.row-md-normal,.row.row-md-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-md-reverse,.row.row-md-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row.row-md-wrap{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.row.row-md-nowrap{-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.row.row-md-wrap-reverse{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.row.row-md-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-md-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-md-vertical,.row.row-md-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-md-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-md-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-md-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-md-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-md-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-md-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-md-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-md-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-md-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-md-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-md-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-md-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-md-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-md-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-md-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-md-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-md-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.col-md-offset-1{margin-left:8.333333333333334%}.col-md-offset-n1{margin-left:-8.333333333333334%}.col-md-offset-2{margin-left:16.666666666666668%}.col-md-offset-n2{margin-left:-16.666666666666668%}.col-md-offset-3{margin-left:25%}.col-md-offset-n3{margin-left:-25%}.col-md-offset-4{margin-left:33.333333333333336%}.col-md-offset-n4{margin-left:-33.333333333333336%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-n5{margin-left:-41.66666666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-n6{margin-left:-50%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-n7{margin-left:-58.333333333333336%}.col-md-offset-8{margin-left:66.66666666666667%}.col-md-offset-n8{margin-left:-66.66666666666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-n9{margin-left:-75%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-n10{margin-left:-83.33333333333334%}.col-md-offset-11{margin-left:91.66666666666667%}.col-md-offset-n11{margin-left:-91.66666666666667%}.col-md-offset-12{margin-left:100%}.col-md-offset-n12{margin-left:-100%}.col-md-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-md-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-md-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-md-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-md-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-md-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-md-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-md-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-md-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-md-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-md-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-md-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-md-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-md-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-md-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-md-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-md-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}}@media (min-width:1301px){.row.row-lg-normal,.row.row-lg-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-lg-reverse,.row.row-lg-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row.row-lg-wrap{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.row.row-lg-nowrap{-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.row.row-lg-wrap-reverse{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.row.row-lg-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-lg-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-lg-vertical,.row.row-lg-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-lg-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-lg-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-lg-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-lg-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-lg-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-lg-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-lg-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-lg-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-lg-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-lg-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-lg-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-lg-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-lg-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-lg-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-lg-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-lg-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-lg-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.col-lg-offset-1{margin-left:8.333333333333334%}.col-lg-offset-n1{margin-left:-8.333333333333334%}.col-lg-offset-2{margin-left:16.666666666666668%}.col-lg-offset-n2{margin-left:-16.666666666666668%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-n3{margin-left:-25%}.col-lg-offset-4{margin-left:33.333333333333336%}.col-lg-offset-n4{margin-left:-33.333333333333336%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-n5{margin-left:-41.66666666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-n6{margin-left:-50%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-n7{margin-left:-58.333333333333336%}.col-lg-offset-8{margin-left:66.66666666666667%}.col-lg-offset-n8{margin-left:-66.66666666666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-n9{margin-left:-75%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-n10{margin-left:-83.33333333333334%}.col-lg-offset-11{margin-left:91.66666666666667%}.col-lg-offset-n11{margin-left:-91.66666666666667%}.col-lg-offset-12{margin-left:100%}.col-lg-offset-n12{margin-left:-100%}.col-lg-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-lg-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-lg-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-lg-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-lg-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-lg-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-lg-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-lg-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-lg-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-lg-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-lg-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-lg-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-lg-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-lg-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-lg-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-lg-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-lg-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}} \ No newline at end of file diff --git a/index.html b/index.html index 0d8bc3d..6555bee 100644 --- a/index.html +++ b/index.html @@ -77,7 +77,7 @@

Fixed and grow cols

.col
.col
-
+
.col-fixed with flex-basis 200px
.col-grow-1 or .col-grow or just .col
@@ -244,6 +244,25 @@

.row.row-vertical-reverse

+

Rows wrap

+

.row.row-wrap (default)

+
+
I'm 1st (.col-6)
+
I'm 2nd (.col-6)
+
I'm 3th (.col-6)
+
+

.row.row-nowrap

+
+
I'm 1st (.col-6)
+
I'm 2nd (.col-6)
+
I'm 3th (.col-6)
+
+

.row.row-wrap-reverse

+
+
I'm 1st (.col-6)
+
I'm 2nd (.col-6)
+
I'm 3th (.col-6)
+

Self ordering

By default supports order from -6 to 6

@@ -314,6 +333,12 @@

.row.row-md-vertical-reverse.row-lg-reverse

We vertical on big & small screens
and reverse vertical on middle one
+

.row.row-wrap.row-md-nowrap

+
+
I'm 1st (.col-6)
+
I'm 2nd (.col-6)
+
I'm 3th (.col-6)
+

Responsive self ordering

.col-order-2.
.col-md-order-3
.col-lg-order-1
From 903985e30d9aeed5d678f19e0ee0f69281b0cd9b Mon Sep 17 00:00:00 2001 From: rzcoder Date: Mon, 25 May 2015 21:44:12 +0500 Subject: [PATCH 05/11] fix docs, add layout example --- index.html | 36 ++++++++++++++++++++++++++++++++++-- styles.css | 11 +++++++++-- 2 files changed, 43 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 6555bee..d8a7ecd 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,8 @@ + + @@ -328,7 +336,7 @@

.row.row-s-center.row-md-s-top.row-lg-s-stretch

and centered
on small
-

.row.row-md-vertical-reverse.row-lg-reverse

+

.row.row-md-vertical-reverse.row-lg-vertical

We vertical on big & small screens
and reverse vertical on middle one
@@ -357,6 +365,30 @@

Responsive helpers

I'm visible only on middle screens
.sm-hidden.lg-hidden
I'm visible only on small screens
.md-hidden.lg-hidden
+

3 Column layout example

+
+
Header
+
+
+
Navigation
+
Article
+
Sidebar
+
+
+
Footer
+
+

+            
+
Header
+
+
+
Navigation
+
Article
+
Sidebar
+
+
+
Footer
+
diff --git a/styles.css b/styles.css index 992a7b9..72312a6 100644 --- a/styles.css +++ b/styles.css @@ -32,6 +32,13 @@ h4 { background: #eceff1; border: 2px solid #a7b5be; } +.row.demo.layout-example > div { + background: none; + border: 0; +} +.row.demo.layout-example .row.demo { + margin-top: 0; +} .row.demo > div { background: #90caf9; text-align: center; @@ -65,8 +72,8 @@ h4 { border: 2px solid #ffb446; } .row.demo > div.color-6 { - background: #ffcdd2; - border: 2px solid #ff5a6b; + background: #b2dfdb; + border: 2px solid #6bc2ba; } .row.demo.v-aligns { height: 165px; From eb05fc1cadde04c3ff64d998450deb8e2faa4a1c Mon Sep 17 00:00:00 2001 From: rzcoder Date: Wed, 27 May 2015 00:16:08 +0500 Subject: [PATCH 06/11] add code for all doc examples --- index.html | 519 +++++++++++++++++++++++++++++++++-------------------- styles.css | 68 +++++-- 2 files changed, 377 insertions(+), 210 deletions(-) diff --git a/index.html b/index.html index d8a7ecd..ac86004 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,7 @@ function saveOffset() { $('h1, h2, h3, h4').each(function (index, el) { var $el = $(el); - topOffset = $el.position().top - $window.scrollTop(); + topOffset = $el.position.top - $window.scrollTop; if (topOffset >= 0) { topEl = $el; return false; @@ -31,7 +31,7 @@ $window.on('resize', function () { var offset = topOffset; if (topEl) { - offset = topEl.position().top - topOffset; + offset = topEl.position.top - topOffset; } $window.scrollTop(offset); @@ -41,8 +41,28 @@ saveOffset(); } - $(function(){ + $(function () { init(); + + $('.row.demo').each(function (i, el) { + var $el = $(el); + var html = $el.find('.col').html(); + var indent = Math.max(html.indexOf('<') - 1, 0); + html = html.slice(1).replace(new RegExp('\\s{'+ indent +'}<', 'g'), '<').replace(/\s*$/g, '').replace(/color\-\d+/g, '').replace(/("\s|\s")/g, '"'); + var code = $('
[Show code]
' + html + '
'); + code.prependTo($el); + }); + + $('body').on('click', '.code-popup > .show-code', function (e) { + var $el = $(e.target).closest('.code-popup'); + if ($el.is('.shown')) { + $el.removeClass('shown'); + } else { + $('.code-popup').removeClass('shown'); + $el.addClass('shown'); + } + }); + $('pre code').each(function (i, block) { $(block).text($(block).html()); hljs.highlightBlock(block); @@ -58,136 +78,180 @@

Flexbox Grid System

Percentage cols

By default you have 12 different sizing columns

-
.col-1
-
.col-1
-
.col-1
-
.col-1
-
.col-1
-
.col-1
-
.col-1
-
.col-1
-
.col-1
-
.col-1
-
.col-1
-
.col-1
-
-
-
.col-6
-
.col-6
-
-
-
.col-12
+
+
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
.col-1
+
+
+
.col-6
+
.col-6
+
+
+
.col-12
+
+

Fixed and grow cols

By default you have 12 sizes for .col-grow (1 to 12)

-
.col
-
.col
-
.col
-
-
-
.col-fixed with flex-basis 200px
-
.col-grow-1 or .col-grow or just .col
-
-
-
.col-12.col-md-3
-
.col-grow-3
-
.col-grow-6
+
+
+
.col
+
.col
+
.col
+
+
+
.col-fixed with flex-basis 200px
+
.col-grow-1 or .col-grow or just .col
+
+
+
.col-12.col-md-3
+
.col-grow-3
+
.col-grow-6
+
+

Offsets

-
-
.col-3.col-offset-3
-
.col-3.col-offset-1
-
-
-
.col-3.col-offset-4
-
.col-3.col-offset-n7 (negative 7)
+
+
+
+
.col-3.col-offset-3
+
.col-3.col-offset-1
+
+
+
.col-3.col-offset-4
+
.col-3.col-offset-n7 (negative 7)
+
+
-

Horizontal align

+

Horizontal align

.row.row-start (default)

-
-
.col-4
-
.col-2
+
+
+
+
.col-4
+
.col-2
+
+

.row.row-end

-
-
.col-4
-
.col-2
+
+
+
+
.col-4
+
.col-2
+
+

.row.row-center

-
-
.col-4
-
.col-2
+
+
+
+
.col-4
+
.col-2
+
+

.row.row-sb

-
-
.col-4
-
.col-2
+
+
+
+
.col-4
+
.col-2
+
+

.row.row-sa

-
-
.col-4
-
.col-2
+
+
+
+
.col-4
+
.col-2
+
+

Vertical align

-
-
-

.row.row-va-stretch (default)

-
+

.row.row-va-stretch (default)

+
+
+
.col-8
.col-8
-
-

.row.row-va-top

-
+
+

.row.row-va-top

+
+
+
.col-8
.col-8
-
-

.row.row-va-bottom

-
+
+

.row.row-va-bottom

+
+
+
.col-8
.col-8
-
-

.row.row-va-center

-
+
+

.row.row-va-center

+
+
+
.col-8
.col-8
-
-

.row.row-va-sb

-
+
+

.row.row-va-sb

+
+
+
.col-8
.col-8
-
-

.row.row-va-sa

-
+
+

.row.row-va-sa

+
+
+
.col-8
.col-8

Vertical stretch

-
-
-

.row.row-s-stretch (default)

-
+

.row.row-s-stretch (default)

+
+
+
height 40px
height 140px
height 85px
height 70px
-
-

.row.row-s-top

-
+
+

.row.row-s-top

+
+
+
height 40px
height 140px
height 85px
@@ -195,19 +259,21 @@

.row.row-s-top

-
-
-

.row.row-s-bottom

-
+

.row.row-s-bottom

+
+
+
height 40px
height 140px
height 85px
height 70px
-
-

.row.row-s-center

-
+
+

.row.row-s-center

+
+
+
height 40px
height 140px
height 85px
@@ -216,36 +282,40 @@

.row.row-s-center

Elements direction

-
-
-

.row.row-normal (default)

-
+

.row.row-normal (default)

+
+
+
I'm 1st
I'm 2nd
I'm 3th
-
-

.row.row-reverse

-
+
+

.row.row-reverse

+
+
+
I'm 1st
I'm 2nd
I'm 3th
-
-
-

.row.row-vertical

-
+

.row.row-vertical

+
+
+
I'm 1st
I'm 2nd
I'm 3th
-
-

.row.row-vertical-reverse

-
+
+

.row.row-vertical-reverse

+
+
+
I'm 1st
I'm 2nd
I'm 3th
@@ -254,141 +324,196 @@

.row.row-vertical-reverse

Rows wrap

.row.row-wrap (default)

-
-
I'm 1st (.col-6)
-
I'm 2nd (.col-6)
-
I'm 3th (.col-6)
+
+
+
+
I'm 1st (.col-6)
+
I'm 2nd (.col-6)
+
I'm 3th (.col-6)
+
+

.row.row-nowrap

-
-
I'm 1st (.col-6)
-
I'm 2nd (.col-6)
-
I'm 3th (.col-6)
+
+
+
+
I'm 1st (.col-6)
+
I'm 2nd (.col-6)
+
I'm 3th (.col-6)
+
+

.row.row-wrap-reverse

-
-
I'm 1st (.col-6)
-
I'm 2nd (.col-6)
-
I'm 3th (.col-6)
+
+
+
+
I'm 1st (.col-6)
+
I'm 2nd (.col-6)
+
I'm 3th (.col-6)
+
+

Self ordering

By default supports order from -6 to 6

-
I'm 1st but .col-order-1
-
I'm 2nd but .col-order-2
-
I'm 3th but .col-order-0
-
I'm 4th but .col-order-n1 (negative 1)
+
+
+
I'm 1st but .col-order-1
+
I'm 2nd but .col-order-2
+
I'm 3th but .col-order-0
+
I'm 4th but .col-order-n1 (negative 1)
+
+

Self align

-
-
.col-bottom
height 40px
-
height 140px
-
.col-center
height 85px
-
.col-top
height 70px
-
.col-stretch
height 50px
-
-

Basic responsive

-
.col-lg-6
-
.col-lg-6
-
-
-
.col-md-4
-
.col-md-8
-
-
-
.col-7.col-md-3
-
.col-5.col-md-9
-
-
-
.col-4.col-md-8.col-lg-6
-
.col-8.col-md-4.col-lg-6
-
-
-
.col-grow-1.col-lg-2
-
.col-grow-1.col-lg-7
-
.col-grow-1.col-lg-3
+
+
+
.col-bottom
height 40px
+
height 140px
+
.col-center
height 85px
+
.col-top
height 70px
+
.col-stretch
height 50px
+
+
+

Basic responsive

-
.col-9.col-md-grow-1
-
.col-3.col-md-grow-6
+
+
+
.col-lg-6
+
.col-lg-6
+
+
+
.col-md-4
+
.col-md-8
+
+
+
.col-7.col-md-3
+
.col-5.col-md-9
+
+
+
.col-4.col-md-8.col-lg-6
+
.col-8.col-md-4.col-lg-6
+
+
+
.col-grow-1.col-lg-2
+
.col-grow-1.col-lg-7
+
.col-grow-1.col-lg-3
+
+
+
.col-9.col-md-grow-1
+
.col-3.col-md-grow-6
+
+

Offsets

-
-
.col-3.col-md-offset-1
-
.col-3.col-lg-offset-5
+
+
+
+
.col-3.col-md-offset-1
+
.col-3.col-lg-offset-5
+
+

Responsive rows modifiers

You can use all modifier classes of rows and cols with responsive modifiers by add 'md' or 'lg' prefixes

.row.row-md-center.row-lg-end

-
-
I'm on the right only on big screens, centered on middle size screens and on the left on small one
+
+
+
+
+ I'm on the right only on big screens, + centered on middle size screens and on the left on small one +
+
+

.row.row-va-bottom.row-md-va-center.row-lg-va-top

-
-
We on the top on big screens, centered on
-
middle and on the bottom on small
+
+
+
+
We on the top on big screens, centered on
+
middle and on the bottom on small
+
+

.row.row-s-center.row-md-s-top.row-lg-s-stretch

-
-
We stretch on big screens,
-
stick on bottom on middle screens
-
and centered
-
on small
+
+
+
+
We stretch on big screens,
+
stick on bottom on middle screens
+
and centered
+
on small
+
+

.row.row-md-vertical-reverse.row-lg-vertical

-
-
We vertical on big & small screens
-
and reverse vertical on middle one
+
+
+
+
We vertical on big & small screens
+
and reverse vertical on middle one
+
+

.row.row-wrap.row-md-nowrap

-
-
I'm 1st (.col-6)
-
I'm 2nd (.col-6)
-
I'm 3th (.col-6)
+
+
+
+
I'm 1st (.col-6)
+
I'm 2nd (.col-6)
+
I'm 3th (.col-6)
+
+

Responsive self ordering

-
-
.col-order-2.
.col-md-order-3
.col-lg-order-1
-
.col-order-3
.col-md-order-1
.col-lg-order-2
-
.col-order-1
.col-md-order-2
.col-lg-order-3
+
+
+
+
.col-order-2.
.col-md-order-3
.col-lg-order-1
+
.col-order-3
.col-md-order-1
.col-lg-order-2
+
.col-order-1
.col-md-order-2
.col-lg-order-3
+
+

Responsive self align

-
-
.col-bottom
.col-md-center
.col-lg-top
-
.col-md-bottom
-
.col-top
.col-md-stretch
.col-lg-bottom
+
+
+
+
.col-bottom
.col-md-center
.col-lg-top
+
.col-md-bottom
+
.col-top
.col-md-stretch
.col-lg-bottom
+
+

Responsive helpers

-
I'm visible only on large screens
.sm-hidden.md-hidden
-
I'm visible only on middle screens
.sm-hidden.lg-hidden
-
I'm visible only on small screens
.md-hidden.lg-hidden
-
-

3 Column layout example

-
-
Header
-
-
Navigation
-
Article
-
Sidebar
+
+
I'm visible only on large screens
.sm-hidden.md-hidden
+
I'm visible only on middle screens
.sm-hidden.lg-hidden
+
I'm visible only on small screens
.md-hidden.lg-hidden
-
Footer
-

-            
-
Header
+

3 Column layout example

+
+
+
+
Header
-
Navigation
-
Article
-
Sidebar
+
Navigation
+
Article
+
Sidebar
-
Footer
-
+
Footer
+
+
+
diff --git a/styles.css b/styles.css index 72312a6..12e81fa 100644 --- a/styles.css +++ b/styles.css @@ -25,21 +25,25 @@ h4 { margin: 25px 0; font-size: 40px; } -.row.demo { +.demo { + padding-top: 24px; + position: relative; +} +.demo > .col > .row { margin-top: 5px; } -.row.demo.color-0 { +.demo .row.color-0 { background: #eceff1; border: 2px solid #a7b5be; } -.row.demo.layout-example > div { +.demo .row.layout-example > div { background: none; border: 0; } -.row.demo.layout-example .row.demo { +.demo .row.layout-example .row.demo { margin-top: 0; } -.row.demo > div { +.demo .row > div { background: #90caf9; text-align: center; box-sizing: border-box; @@ -47,37 +51,75 @@ h4 { min-height: 40px; line-height: 40px; } -.row.demo > div.color-0 { +.demo .row > div.color-0 { background: #ffab91; border: 2px solid #ff5f2d; } -.row.demo > div.color-1 { +.demo .row > div.color-1 { background: #bbdefb; border: 2px solid #54acf5; } -.row.demo > div.color-2 { +.demo .row > div.color-2 { background: #f0f4c3; border: 2px solid #d9e366; } -.row.demo > div.color-3 { +.demo .row > div.color-3 { background: #b39ddb; border: 2px solid #7e58c2; } -.row.demo > div.color-4 { +.demo .row > div.color-4 { background: #b2ebf2; border: 2px solid #58d4e3; } -.row.demo > div.color-5 { +.demo .row > div.color-5 { background: #ffe0b2; border: 2px solid #ffb446; } -.row.demo > div.color-6 { +.demo .row > div.color-6 { background: #b2dfdb; border: 2px solid #6bc2ba; } -.row.demo.v-aligns { +.demo .row.v-aligns { height: 165px; } +.demo .code-popup { + position: absolute; + top: 0; + left: 0; + right: 0; +} +.demo .code-popup .show-code { + display: inline-block; + float: right; + cursor: pointer; + margin-right: -17px; + padding: 5px 16px 5px 16px; + transition: color 0.2s, background 0.2s; +} +.demo .code-popup .show-code:hover { + color: #ff7043; +} +.demo .code-popup > pre { + display: block; + opacity: 0; + margin: 29px -17px 0 -15px; + padding: 7px 0 7px 60px; + background: #f0f0f0; + transition: opacity 0.2s; + z-index: -1; +} +.demo .code-popup.shown { + z-index: 1; +} +.demo .code-popup.shown > pre { + opacity: 1; + z-index: 1; + box-shadow: -4px 5px 9px -2px #828082; +} +.demo .code-popup.shown .show-code { + background: #f0f0f0; + color: #ff7043; +} .sm-padding { padding: 5px; } From 1d9330280db59e36c63987489e7aca6bd9dbb6c9 Mon Sep 17 00:00:00 2001 From: rzcoder Date: Wed, 27 May 2015 00:25:24 +0500 Subject: [PATCH 07/11] fix docs for mobile devices --- index.html | 1 + styles.css | 3 ++- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index ac86004..6bcea18 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,7 @@ Flexbox Based Grids + diff --git a/styles.css b/styles.css index 12e81fa..d9dfd31 100644 --- a/styles.css +++ b/styles.css @@ -49,7 +49,8 @@ h4 { box-sizing: border-box; border: 2px solid #1976d2; min-height: 40px; - line-height: 40px; + line-height: 1.4; + padding: 7px 0; } .demo .row > div.color-0 { background: #ffab91; From 6f93c31a8760945d5b97a9506e1ed23959641909 Mon Sep 17 00:00:00 2001 From: rzcoder Date: Wed, 27 May 2015 00:32:20 +0500 Subject: [PATCH 08/11] fix docs --- index.html | 2 +- styles.css | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 6bcea18..5c6bb4b 100644 --- a/index.html +++ b/index.html @@ -500,7 +500,7 @@

Responsive helpers

3 Column layout example

-
+
Header
diff --git a/styles.css b/styles.css index d9dfd31..fb844b6 100644 --- a/styles.css +++ b/styles.css @@ -121,6 +121,9 @@ h4 { background: #f0f0f0; color: #ff7043; } +.demo.col3-example > .col > .row .col { + padding: 0; +} .sm-padding { padding: 5px; } From b0512f25e12209a5bbcf6bb95bb0821c39df6a2a Mon Sep 17 00:00:00 2001 From: "s.vychegzhanin" Date: Wed, 22 Jul 2015 18:07:34 +0500 Subject: [PATCH 09/11] add .col-padded-between --- flexbox-grid.css | 36 ++++++++++++++++++++++++++++++++++++ flexbox-grid.min.css | 2 +- 2 files changed, 37 insertions(+), 1 deletion(-) diff --git a/flexbox-grid.css b/flexbox-grid.css index 00b4a29..7d6f5be 100644 --- a/flexbox-grid.css +++ b/flexbox-grid.css @@ -509,6 +509,18 @@ align-self: stretch; -ms-flex-item-align: stretch; } +.col-padded { + padding: 0 1rem; +} +.col-padded-between { + padding: 0 1rem; +} +.col-padded-between:first-child { + padding-left: 0; +} +.col-padded-between:last-child { + padding-right: 0; +} @media (min-width: 0px) and (max-width: 800px) { .row > .col-lg-1 { -webkit-box-flex: 0; @@ -3129,6 +3141,18 @@ align-self: stretch; -ms-flex-item-align: stretch; } + .col-md-padded { + padding: 0 1rem; + } + .col-md-padded-between { + padding: 0 1rem; + } + .col-md-padded-between:first-child { + padding-left: 0; + } + .col-md-padded-between:last-child { + padding-right: 0; + } } @media (min-width: 1301px) { .row.row-lg-wrap { @@ -3494,4 +3518,16 @@ align-self: stretch; -ms-flex-item-align: stretch; } + .col-lg-padded { + padding: 0 1rem; + } + .col-lg-padded-between { + padding: 0 1rem; + } + .col-lg-padded-between:first-child { + padding-left: 0; + } + .col-lg-padded-between:last-child { + padding-right: 0; + } } diff --git a/flexbox-grid.min.css b/flexbox-grid.min.css index c236c23..49a09e7 100644 --- a/flexbox-grid.min.css +++ b/flexbox-grid.min.css @@ -1 +1 @@ -.row,.row.row-wrap{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple}.row,.row.row-normal,.row.row-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-reverse,.row.row-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-ms-flex-line-pack:stretch;-webkit-align-content:stretch;align-content:stretch;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row.row-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.row.row-nowrap{-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.row.row-wrap-reverse{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.row.row-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-vertical,.row.row-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}._col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.row .col-,.row .col-grow,.row .col-grow-1,.row .col-grow-10,.row .col-grow-11,.row .col-grow-12,.row .col-grow-2,.row .col-grow-3,.row .col-grow-4,.row .col-grow-5,.row .col-grow-6,.row .col-grow-7,.row .col-grow-8,.row .col-grow-9,.row .col-lg-,.row .col-lg-grow,.row .col-lg-grow-1,.row .col-lg-grow-10,.row .col-lg-grow-11,.row .col-lg-grow-12,.row .col-lg-grow-2,.row .col-lg-grow-3,.row .col-lg-grow-4,.row .col-lg-grow-5,.row .col-lg-grow-6,.row .col-lg-grow-7,.row .col-lg-grow-8,.row .col-lg-grow-9,.row .col-md-,.row .col-md-grow,.row .col-md-grow-1,.row .col-md-grow-10,.row .col-md-grow-11,.row .col-md-grow-12,.row .col-md-grow-2,.row .col-md-grow-3,.row .col-md-grow-4,.row .col-md-grow-5,.row .col-md-grow-6,.row .col-md-grow-7,.row .col-md-grow-8,.row .col-md-grow-9{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.col{-webkit-flex-basis:auto;flex-basis:auto;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.col-fixed{-webkit-flex-shrink:0;flex-shrink:0}.col-offset-1{margin-left:8.333333333333334%}.col-offset-n1{margin-left:-8.333333333333334%}.col-offset-2{margin-left:16.666666666666668%}.col-offset-n2{margin-left:-16.666666666666668%}.col-offset-3{margin-left:25%}.col-offset-n3{margin-left:-25%}.col-offset-4{margin-left:33.333333333333336%}.col-offset-n4{margin-left:-33.333333333333336%}.col-offset-5{margin-left:41.66666666666667%}.col-offset-n5{margin-left:-41.66666666666667%}.col-offset-6{margin-left:50%}.col-offset-n6{margin-left:-50%}.col-offset-7{margin-left:58.333333333333336%}.col-offset-n7{margin-left:-58.333333333333336%}.col-offset-8{margin-left:66.66666666666667%}.col-offset-n8{margin-left:-66.66666666666667%}.col-offset-9{margin-left:75%}.col-offset-n9{margin-left:-75%}.col-offset-10{margin-left:83.33333333333334%}.col-offset-n10{margin-left:-83.33333333333334%}.col-offset-11{margin-left:91.66666666666667%}.col-offset-n11{margin-left:-91.66666666666667%}.col-offset-12{margin-left:100%}.col-offset-n12{margin-left:-100%}.col-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}@media (min-width:0px)and (max-width:800px){.row>.col-lg-1,.row>.col-lg-10,.row>.col-lg-11,.row>.col-lg-12,.row>.col-lg-2,.row>.col-lg-3,.row>.col-lg-4,.row>.col-lg-5,.row>.col-lg-6,.row>.col-lg-7,.row>.col-lg-8,.row>.col-lg-9,.row>.col-md-1,.row>.col-md-10,.row>.col-md-11,.row>.col-md-12,.row>.col-md-2,.row>.col-md-3,.row>.col-md-4,.row>.col-md-5,.row>.col-md-6,.row>.col-md-7,.row>.col-md-8,.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.sm-hidden{display:none;visibility:hidden}}@media (min-width:801px)and (max-width:1300px){.row>.col-lg-1,.row>.col-lg-10,.row>.col-lg-11,.row>.col-lg-12,.row>.col-lg-2,.row>.col-lg-3,.row>.col-lg-4,.row>.col-lg-5,.row>.col-lg-6,.row>.col-lg-7,.row>.col-lg-8,.row>.col-lg-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-md-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-md-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-md-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-md-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-md-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-md-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-md-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-md-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-md-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-md-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-md-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-md-,.row .col-md-grow,.row .col-md-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-md-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-md-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-md-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-md-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-md-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-md-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-md-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-md-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-md-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-md-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-md-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.md-hidden{display:none;visibility:hidden}}@media (min-width:1301px){.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-md-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-md-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-md-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-md-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-md-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-md-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-md-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-md-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-md-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-md-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-md-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-md-,.row .col-md-grow,.row .col-md-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-md-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-md-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-md-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-md-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-md-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-md-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-md-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-md-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-md-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-md-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-md-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-lg-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-lg-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-lg-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-lg-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-lg-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-lg-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-lg-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-lg-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-lg-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-lg-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-lg-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-lg-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-lg-,.row .col-lg-grow,.row .col-lg-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-lg-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-lg-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-lg-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-lg-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-lg-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-lg-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-lg-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-lg-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-lg-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-lg-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-lg-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.lg-hidden{display:none;visibility:hidden}}@media (min-width:801px){.row.row-md-normal,.row.row-md-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-md-reverse,.row.row-md-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row.row-md-wrap{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.row.row-md-nowrap{-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.row.row-md-wrap-reverse{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.row.row-md-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-md-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-md-vertical,.row.row-md-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-md-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-md-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-md-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-md-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-md-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-md-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-md-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-md-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-md-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-md-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-md-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-md-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-md-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-md-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-md-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-md-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-md-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.col-md-offset-1{margin-left:8.333333333333334%}.col-md-offset-n1{margin-left:-8.333333333333334%}.col-md-offset-2{margin-left:16.666666666666668%}.col-md-offset-n2{margin-left:-16.666666666666668%}.col-md-offset-3{margin-left:25%}.col-md-offset-n3{margin-left:-25%}.col-md-offset-4{margin-left:33.333333333333336%}.col-md-offset-n4{margin-left:-33.333333333333336%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-n5{margin-left:-41.66666666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-n6{margin-left:-50%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-n7{margin-left:-58.333333333333336%}.col-md-offset-8{margin-left:66.66666666666667%}.col-md-offset-n8{margin-left:-66.66666666666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-n9{margin-left:-75%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-n10{margin-left:-83.33333333333334%}.col-md-offset-11{margin-left:91.66666666666667%}.col-md-offset-n11{margin-left:-91.66666666666667%}.col-md-offset-12{margin-left:100%}.col-md-offset-n12{margin-left:-100%}.col-md-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-md-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-md-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-md-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-md-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-md-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-md-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-md-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-md-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-md-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-md-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-md-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-md-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-md-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-md-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-md-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-md-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}}@media (min-width:1301px){.row.row-lg-normal,.row.row-lg-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-lg-reverse,.row.row-lg-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row.row-lg-wrap{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.row.row-lg-nowrap{-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.row.row-lg-wrap-reverse{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.row.row-lg-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-lg-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-lg-vertical,.row.row-lg-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-lg-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-lg-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-lg-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-lg-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-lg-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-lg-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-lg-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-lg-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-lg-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-lg-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-lg-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-lg-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-lg-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-lg-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-lg-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-lg-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-lg-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.col-lg-offset-1{margin-left:8.333333333333334%}.col-lg-offset-n1{margin-left:-8.333333333333334%}.col-lg-offset-2{margin-left:16.666666666666668%}.col-lg-offset-n2{margin-left:-16.666666666666668%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-n3{margin-left:-25%}.col-lg-offset-4{margin-left:33.333333333333336%}.col-lg-offset-n4{margin-left:-33.333333333333336%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-n5{margin-left:-41.66666666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-n6{margin-left:-50%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-n7{margin-left:-58.333333333333336%}.col-lg-offset-8{margin-left:66.66666666666667%}.col-lg-offset-n8{margin-left:-66.66666666666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-n9{margin-left:-75%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-n10{margin-left:-83.33333333333334%}.col-lg-offset-11{margin-left:91.66666666666667%}.col-lg-offset-n11{margin-left:-91.66666666666667%}.col-lg-offset-12{margin-left:100%}.col-lg-offset-n12{margin-left:-100%}.col-lg-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-lg-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-lg-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-lg-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-lg-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-lg-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-lg-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-lg-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-lg-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-lg-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-lg-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-lg-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-lg-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-lg-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-lg-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-lg-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-lg-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}} \ No newline at end of file +.row,.row.row-wrap{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple}.row,.row.row-normal,.row.row-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-reverse,.row.row-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-ms-flex-line-pack:stretch;-webkit-align-content:stretch;align-content:stretch;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row.row-wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.row.row-nowrap{-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.row.row-wrap-reverse{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.row.row-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-vertical,.row.row-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}._col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.row .col-,.row .col-grow,.row .col-grow-1,.row .col-grow-10,.row .col-grow-11,.row .col-grow-12,.row .col-grow-2,.row .col-grow-3,.row .col-grow-4,.row .col-grow-5,.row .col-grow-6,.row .col-grow-7,.row .col-grow-8,.row .col-grow-9,.row .col-lg-,.row .col-lg-grow,.row .col-lg-grow-1,.row .col-lg-grow-10,.row .col-lg-grow-11,.row .col-lg-grow-12,.row .col-lg-grow-2,.row .col-lg-grow-3,.row .col-lg-grow-4,.row .col-lg-grow-5,.row .col-lg-grow-6,.row .col-lg-grow-7,.row .col-lg-grow-8,.row .col-lg-grow-9,.row .col-md-,.row .col-md-grow,.row .col-md-grow-1,.row .col-md-grow-10,.row .col-md-grow-11,.row .col-md-grow-12,.row .col-md-grow-2,.row .col-md-grow-3,.row .col-md-grow-4,.row .col-md-grow-5,.row .col-md-grow-6,.row .col-md-grow-7,.row .col-md-grow-8,.row .col-md-grow-9{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.col{-webkit-flex-basis:auto;flex-basis:auto;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.col-fixed{-webkit-flex-shrink:0;flex-shrink:0}.col-offset-1{margin-left:8.333333333333334%}.col-offset-n1{margin-left:-8.333333333333334%}.col-offset-2{margin-left:16.666666666666668%}.col-offset-n2{margin-left:-16.666666666666668%}.col-offset-3{margin-left:25%}.col-offset-n3{margin-left:-25%}.col-offset-4{margin-left:33.333333333333336%}.col-offset-n4{margin-left:-33.333333333333336%}.col-offset-5{margin-left:41.66666666666667%}.col-offset-n5{margin-left:-41.66666666666667%}.col-offset-6{margin-left:50%}.col-offset-n6{margin-left:-50%}.col-offset-7{margin-left:58.333333333333336%}.col-offset-n7{margin-left:-58.333333333333336%}.col-offset-8{margin-left:66.66666666666667%}.col-offset-n8{margin-left:-66.66666666666667%}.col-offset-9{margin-left:75%}.col-offset-n9{margin-left:-75%}.col-offset-10{margin-left:83.33333333333334%}.col-offset-n10{margin-left:-83.33333333333334%}.col-offset-11{margin-left:91.66666666666667%}.col-offset-n11{margin-left:-91.66666666666667%}.col-offset-12{margin-left:100%}.col-offset-n12{margin-left:-100%}.col-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}.col-padded,.col-padded-between{padding:0 1rem}.col-padded-between:first-child{padding-left:0}.col-padded-between:last-child{padding-right:0}@media (min-width:0px) and (max-width:800px){.row>.col-lg-1,.row>.col-lg-10,.row>.col-lg-11,.row>.col-lg-12,.row>.col-lg-2,.row>.col-lg-3,.row>.col-lg-4,.row>.col-lg-5,.row>.col-lg-6,.row>.col-lg-7,.row>.col-lg-8,.row>.col-lg-9,.row>.col-md-1,.row>.col-md-10,.row>.col-md-11,.row>.col-md-12,.row>.col-md-2,.row>.col-md-3,.row>.col-md-4,.row>.col-md-5,.row>.col-md-6,.row>.col-md-7,.row>.col-md-8,.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.sm-hidden{display:none;visibility:hidden}}@media (min-width:801px) and (max-width:1300px){.row>.col-lg-1,.row>.col-lg-10,.row>.col-lg-11,.row>.col-lg-12,.row>.col-lg-2,.row>.col-lg-3,.row>.col-lg-4,.row>.col-lg-5,.row>.col-lg-6,.row>.col-lg-7,.row>.col-lg-8,.row>.col-lg-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-md-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-md-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-md-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-md-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-md-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-md-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-md-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-md-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-md-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-md-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-md-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-md-,.row .col-md-grow,.row .col-md-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-md-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-md-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-md-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-md-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-md-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-md-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-md-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-md-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-md-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-md-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-md-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.md-hidden{display:none;visibility:hidden}}@media (min-width:1301px){.row>.col-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-,.row .col-grow,.row .col-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-grow-2,.row .col-grow-3{-webkit-flex-basis:auto;max-width:none}.row .col-grow-2{flex-basis:auto;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-grow-3{flex-basis:auto;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-grow-4,.row .col-grow-5{-webkit-flex-basis:auto;max-width:none}.row .col-grow-4{flex-basis:auto;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-grow-5{flex-basis:auto;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-grow-6,.row .col-grow-7{-webkit-flex-basis:auto;max-width:none}.row .col-grow-6{flex-basis:auto;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-grow-7{flex-basis:auto;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-grow-8,.row .col-grow-9{-webkit-flex-basis:auto;max-width:none}.row .col-grow-8{flex-basis:auto;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-grow-9{flex-basis:auto;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-grow-10,.row .col-grow-11{max-width:none;-webkit-flex-basis:auto}.row .col-grow-10{flex-basis:auto;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-grow-11{flex-basis:auto;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-md-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-md-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-md-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-md-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-md-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-md-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-md-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-md-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-md-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-md-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-md-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-md-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-md-,.row .col-md-grow,.row .col-md-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-md-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-md-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-md-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-md-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-md-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-md-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-md-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-md-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-md-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-md-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-md-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.row>.col-lg-1{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:8.333333333333334%;flex-basis:8.333333333333334%;max-width:8.333333333333334%}.row>.col-lg-2{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:16.666666666666668%;flex-basis:16.666666666666668%;max-width:16.666666666666668%}.row>.col-lg-3{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.row>.col-lg-4{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:33.333333333333336%;flex-basis:33.333333333333336%;max-width:33.333333333333336%}.row>.col-lg-5{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:41.66666666666667%;flex-basis:41.66666666666667%;max-width:41.66666666666667%}.row>.col-lg-6{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.row>.col-lg-7{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:58.333333333333336%;flex-basis:58.333333333333336%;max-width:58.333333333333336%}.row>.col-lg-8{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:66.66666666666667%;flex-basis:66.66666666666667%;max-width:66.66666666666667%}.row>.col-lg-9{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.row>.col-lg-10{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:83.33333333333334%;flex-basis:83.33333333333334%;max-width:83.33333333333334%}.row>.col-lg-11{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:91.66666666666667%;flex-basis:91.66666666666667%;max-width:91.66666666666667%}.row>.col-lg-12{-webkit-box-flex:0;-moz-box-flex:0;-o-box-flex:0;-ms-box-flex:0;box-flex:0;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.row .col-lg-,.row .col-lg-grow,.row .col-lg-grow-1{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}.row .col-lg-grow-2{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:2;-moz-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-webkit-flex-grow:2;flex-grow:2}.row .col-lg-grow-3{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:3;-moz-box-flex:3;-o-box-flex:3;-ms-box-flex:3;box-flex:3;-webkit-flex-grow:3;flex-grow:3}.row .col-lg-grow-4{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:4;-moz-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-webkit-flex-grow:4;flex-grow:4}.row .col-lg-grow-5{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:5;-moz-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-webkit-flex-grow:5;flex-grow:5}.row .col-lg-grow-6{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:6;-moz-box-flex:6;-o-box-flex:6;-ms-box-flex:6;box-flex:6;-webkit-flex-grow:6;flex-grow:6}.row .col-lg-grow-7{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:7;-moz-box-flex:7;-o-box-flex:7;-ms-box-flex:7;box-flex:7;-webkit-flex-grow:7;flex-grow:7}.row .col-lg-grow-8{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:8;-moz-box-flex:8;-o-box-flex:8;-ms-box-flex:8;box-flex:8;-webkit-flex-grow:8;flex-grow:8}.row .col-lg-grow-9{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:9;-moz-box-flex:9;-o-box-flex:9;-ms-box-flex:9;box-flex:9;-webkit-flex-grow:9;flex-grow:9}.row .col-lg-grow-10{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:10;-moz-box-flex:10;-o-box-flex:10;-ms-box-flex:10;box-flex:10;-webkit-flex-grow:10;flex-grow:10}.row .col-lg-grow-11{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:11;-moz-box-flex:11;-o-box-flex:11;-ms-box-flex:11;box-flex:11;-webkit-flex-grow:11;flex-grow:11}.row .col-lg-grow-12{-webkit-flex-basis:auto;flex-basis:auto;max-width:none;-webkit-box-flex:12;-moz-box-flex:12;-o-box-flex:12;-ms-box-flex:12;box-flex:12;-webkit-flex-grow:12;flex-grow:12}.lg-hidden{display:none;visibility:hidden}}@media (min-width:801px){.row.row-md-normal,.row.row-md-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-md-reverse,.row.row-md-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row.row-md-wrap{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.row.row-md-nowrap{-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.row.row-md-wrap-reverse{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.row.row-md-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-md-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-md-vertical,.row.row-md-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-md-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-md-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-md-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-md-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-md-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-md-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-md-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-md-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-md-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-md-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-md-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-md-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-md-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-md-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-md-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-md-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-md-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.col-md-offset-1{margin-left:8.333333333333334%}.col-md-offset-n1{margin-left:-8.333333333333334%}.col-md-offset-2{margin-left:16.666666666666668%}.col-md-offset-n2{margin-left:-16.666666666666668%}.col-md-offset-3{margin-left:25%}.col-md-offset-n3{margin-left:-25%}.col-md-offset-4{margin-left:33.333333333333336%}.col-md-offset-n4{margin-left:-33.333333333333336%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-n5{margin-left:-41.66666666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-n6{margin-left:-50%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-n7{margin-left:-58.333333333333336%}.col-md-offset-8{margin-left:66.66666666666667%}.col-md-offset-n8{margin-left:-66.66666666666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-n9{margin-left:-75%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-n10{margin-left:-83.33333333333334%}.col-md-offset-11{margin-left:91.66666666666667%}.col-md-offset-n11{margin-left:-91.66666666666667%}.col-md-offset-12{margin-left:100%}.col-md-offset-n12{margin-left:-100%}.col-md-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-md-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-md-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-md-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-md-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-md-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-md-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-md-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-md-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-md-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-md-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-md-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-md-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-md-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-md-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-md-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-md-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}.col-md-padded,.col-md-padded-between{padding:0 1rem}.col-md-padded-between:first-child{padding-left:0}.col-md-padded-between:last-child{padding-right:0}}@media (min-width:1301px){.row.row-lg-normal,.row.row-lg-reverse{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-o-box-orient:horizontal}.row.row-lg-reverse,.row.row-lg-vertical-reverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;-o-box-direction:reverse}.row.row-lg-wrap{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.row.row-lg-nowrap{-webkit-box-lines:single;-moz-box-lines:single;-o-box-lines:single;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.row.row-lg-wrap-reverse{-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.row.row-lg-normal{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.row.row-lg-reverse{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.row.row-lg-vertical,.row.row-lg-vertical-reverse{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical}.row.row-lg-vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.row.row-lg-vertical-reverse{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.row.row-lg-start{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.row.row-lg-end{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.row.row-lg-center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.row.row-lg-sb{-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.row.row-lg-sa{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.row.row-lg-va-top{-ms-flex-line-pack:start;-webkit-align-content:flex-start;align-content:flex-start}.row.row-lg-va-bottom{-ms-flex-line-pack:end;-webkit-align-content:flex-end;align-content:flex-end}.row.row-lg-va-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.row.row-lg-va-sb{-ms-flex-line-pack:justify;-webkit-align-content:space-between;align-content:space-between}.row.row-lg-va-sa{-ms-flex-line-pack:distribute;-webkit-align-content:space-around;align-content:space-around}.row.row-lg-va-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.row.row-lg-s-top{-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.row.row-lg-s-bottom{-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.row.row-lg-s-center{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.row.row-lg-s-stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.col-lg-offset-1{margin-left:8.333333333333334%}.col-lg-offset-n1{margin-left:-8.333333333333334%}.col-lg-offset-2{margin-left:16.666666666666668%}.col-lg-offset-n2{margin-left:-16.666666666666668%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-n3{margin-left:-25%}.col-lg-offset-4{margin-left:33.333333333333336%}.col-lg-offset-n4{margin-left:-33.333333333333336%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-n5{margin-left:-41.66666666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-n6{margin-left:-50%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-n7{margin-left:-58.333333333333336%}.col-lg-offset-8{margin-left:66.66666666666667%}.col-lg-offset-n8{margin-left:-66.66666666666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-n9{margin-left:-75%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-n10{margin-left:-83.33333333333334%}.col-lg-offset-11{margin-left:91.66666666666667%}.col-lg-offset-n11{margin-left:-91.66666666666667%}.col-lg-offset-12{margin-left:100%}.col-lg-offset-n12{margin-left:-100%}.col-lg-order-0{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-o-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.col-lg-order-1{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-o-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.col-lg-order-n1{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-o-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.col-lg-order-2{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-o-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.col-lg-order-n2{-webkit-box-ordinal-group:-2;-moz-box-ordinal-group:-2;-o-box-ordinal-group:-2;-ms-flex-order:-2;-webkit-order:-2;order:-2}.col-lg-order-3{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-o-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.col-lg-order-n3{-webkit-box-ordinal-group:-3;-moz-box-ordinal-group:-3;-o-box-ordinal-group:-3;-ms-flex-order:-3;-webkit-order:-3;order:-3}.col-lg-order-4{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-o-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.col-lg-order-n4{-webkit-box-ordinal-group:-4;-moz-box-ordinal-group:-4;-o-box-ordinal-group:-4;-ms-flex-order:-4;-webkit-order:-4;order:-4}.col-lg-order-5{-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-o-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.col-lg-order-n5{-webkit-box-ordinal-group:-5;-moz-box-ordinal-group:-5;-o-box-ordinal-group:-5;-ms-flex-order:-5;-webkit-order:-5;order:-5}.col-lg-order-6{-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-o-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.col-lg-order-n6{-webkit-box-ordinal-group:-6;-moz-box-ordinal-group:-6;-o-box-ordinal-group:-6;-ms-flex-order:-6;-webkit-order:-6;order:-6}.col-lg-top{-webkit-align-self:flex-start;align-self:flex-start;-ms-flex-item-align:start}.col-lg-bottom{-webkit-align-self:flex-end;align-self:flex-end;-ms-flex-item-align:end}.col-lg-center{-webkit-align-self:center;align-self:center;-ms-flex-item-align:center}.col-lg-stretch{-webkit-align-self:stretch;align-self:stretch;-ms-flex-item-align:stretch}.col-lg-padded,.col-lg-padded-between{padding:0 1rem}.col-lg-padded-between:first-child{padding-left:0}.col-lg-padded-between:last-child{padding-right:0}} \ No newline at end of file From 285afee5cf03995fa8ebccb21de09da4e3da521f Mon Sep 17 00:00:00 2001 From: "s.vychegzhanin" Date: Fri, 11 Sep 2015 18:59:22 +0500 Subject: [PATCH 10/11] fix scroll on demo site --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 5c6bb4b..c75565f 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,7 @@ function saveOffset() { $('h1, h2, h3, h4').each(function (index, el) { var $el = $(el); - topOffset = $el.position.top - $window.scrollTop; + topOffset = $el.position.top - $window.scrollTop(); if (topOffset >= 0) { topEl = $el; return false; From e40c8c9af16049dd7dba4be4a0dfcef36f10eda6 Mon Sep 17 00:00:00 2001 From: "s.vychegzhanin" Date: Fri, 11 Sep 2015 19:04:32 +0500 Subject: [PATCH 11/11] fix scroll on demo site --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index c75565f..1678dc0 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,7 @@ function saveOffset() { $('h1, h2, h3, h4').each(function (index, el) { var $el = $(el); - topOffset = $el.position.top - $window.scrollTop(); + topOffset = $el.position().top - $window.scrollTop(); if (topOffset >= 0) { topEl = $el; return false; @@ -32,7 +32,7 @@ $window.on('resize', function () { var offset = topOffset; if (topEl) { - offset = topEl.position.top - topOffset; + offset = topEl.position().top - topOffset; } $window.scrollTop(offset);