UNPKG

@up-group/react-controls

Version:

We know that there are a ton of react UI library projects to choose from. Our hope with this one is to provide the next generation of react components that you can use to bootstrap your next project, or as a reference for building a UIKit. Read on to get

4 lines 121 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var styled_components_1 = require("styled-components"); exports.Grid = (_a = ["\n.up-row {\n position: relative;\n margin-left: 0;\n margin-right: 0;\n height: auto;\n zoom: 1;\n display: block;\n}\n.up-row:before,\n.up-row:after {\n content: \" \";\n display: table;\n}\n.up-row:after {\n clear: both;\n visibility: hidden;\n font-size: 0;\n height: 0;\n}\n.up-row-flex {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.up-row-flex:before,\n.up-row-flex:after {\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n}\n.up-row-flex-start {\n -webkit-box-pack: start;\n -webkit-justify-content: flex-start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n.up-row-flex-center {\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.up-row-flex-end {\n -webkit-box-pack: end;\n -webkit-justify-content: flex-end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.up-row-flex-space-between {\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.up-row-flex-space-around {\n -webkit-justify-content: space-around;\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n.up-row-flex-top {\n -webkit-box-align: start;\n -webkit-align-items: flex-start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.up-row-flex-middle {\n -webkit-box-align: center;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.up-row-flex-bottom {\n -webkit-box-align: end;\n -webkit-align-items: flex-end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.up-col {\n position: relative;\n display: block;\n}\n.up-col-1, .up-col-xs-1, .up-col-sm-1, .up-col-md-1, .up-col-lg-1, .up-col-2, .up-col-xs-2, .up-col-sm-2, .up-col-md-2, .up-col-lg-2, .up-col-3, .up-col-xs-3, .up-col-sm-3, .up-col-md-3, .up-col-lg-3, .up-col-4, .up-col-xs-4, .up-col-sm-4, .up-col-md-4, .up-col-lg-4, .up-col-5, .up-col-xs-5, .up-col-sm-5, .up-col-md-5, .up-col-lg-5, .up-col-6, .up-col-xs-6, .up-col-sm-6, .up-col-md-6, .up-col-lg-6, .up-col-7, .up-col-xs-7, .up-col-sm-7, .up-col-md-7, .up-col-lg-7, .up-col-8, .up-col-xs-8, .up-col-sm-8, .up-col-md-8, .up-col-lg-8, .up-col-9, .up-col-xs-9, .up-col-sm-9, .up-col-md-9, .up-col-lg-9, .up-col-10, .up-col-xs-10, .up-col-sm-10, .up-col-md-10, .up-col-lg-10, .up-col-11, .up-col-xs-11, .up-col-sm-11, .up-col-md-11, .up-col-lg-11, .up-col-12, .up-col-xs-12, .up-col-sm-12, .up-col-md-12, .up-col-lg-12, .up-col-13, .up-col-xs-13, .up-col-sm-13, .up-col-md-13, .up-col-lg-13, .up-col-14, .up-col-xs-14, .up-col-sm-14, .up-col-md-14, .up-col-lg-14, .up-col-15, .up-col-xs-15, .up-col-sm-15, .up-col-md-15, .up-col-lg-15, .up-col-16, .up-col-xs-16, .up-col-sm-16, .up-col-md-16, .up-col-lg-16, .up-col-17, .up-col-xs-17, .up-col-sm-17, .up-col-md-17, .up-col-lg-17, .up-col-18, .up-col-xs-18, .up-col-sm-18, .up-col-md-18, .up-col-lg-18, .up-col-19, .up-col-xs-19, .up-col-sm-19, .up-col-md-19, .up-col-lg-19, .up-col-20, .up-col-xs-20, .up-col-sm-20, .up-col-md-20, .up-col-lg-20, .up-col-21, .up-col-xs-21, .up-col-sm-21, .up-col-md-21, .up-col-lg-21, .up-col-22, .up-col-xs-22, .up-col-sm-22, .up-col-md-22, .up-col-lg-22, .up-col-23, .up-col-xs-23, .up-col-sm-23, .up-col-md-23, .up-col-lg-23, .up-col-24, .up-col-xs-24, .up-col-sm-24, .up-col-md-24, .up-col-lg-24 {\n position: relative;\n min-height: 1px;\n padding-left: 0;\n padding-right: 0;\n}\n.up-col-1, .up-col-2, .up-col-3, .up-col-4, .up-col-5, .up-col-6, .up-col-7, .up-col-8, .up-col-9, .up-col-10, .up-col-11, .up-col-12, .up-col-13, .up-col-14, .up-col-15, .up-col-16, .up-col-17, .up-col-18, .up-col-19, .up-col-20, .up-col-21, .up-col-22, .up-col-23, .up-col-24 {\n float: left;\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.up-col-24 {\n display: block;\n width: 100%;\n}\n.up-col-push-24 {\n left: 100%;\n}\n.up-col-pull-24 {\n right: 100%;\n}\n.up-col-offset-24 {\n margin-left: 100%;\n}\n.up-col-order-24 {\n -webkit-box-ordinal-group: 25;\n -webkit-order: 24;\n -ms-flex-order: 24;\n order: 24;\n}\n.up-col-23 {\n display: block;\n width: 95.83333333%;\n}\n.up-col-push-23 {\n left: 95.83333333%;\n}\n.up-col-pull-23 {\n right: 95.83333333%;\n}\n.up-col-offset-23 {\n margin-left: 95.83333333%;\n}\n.up-col-order-23 {\n -webkit-box-ordinal-group: 24;\n -webkit-order: 23;\n -ms-flex-order: 23;\n order: 23;\n}\n.up-col-22 {\n display: block;\n width: 91.66666667%;\n}\n.up-col-push-22 {\n left: 91.66666667%;\n}\n.up-col-pull-22 {\n right: 91.66666667%;\n}\n.up-col-offset-22 {\n margin-left: 91.66666667%;\n}\n.up-col-order-22 {\n -webkit-box-ordinal-group: 23;\n -webkit-order: 22;\n -ms-flex-order: 22;\n order: 22;\n}\n.up-col-21 {\n display: block;\n width: 87.5%;\n}\n.up-col-push-21 {\n left: 87.5%;\n}\n.up-col-pull-21 {\n right: 87.5%;\n}\n.up-col-offset-21 {\n margin-left: 87.5%;\n}\n.up-col-order-21 {\n -webkit-box-ordinal-group: 22;\n -webkit-order: 21;\n -ms-flex-order: 21;\n order: 21;\n}\n.up-col-20 {\n display: block;\n width: 83.33333333%;\n}\n.up-col-push-20 {\n left: 83.33333333%;\n}\n.up-col-pull-20 {\n right: 83.33333333%;\n}\n.up-col-offset-20 {\n margin-left: 83.33333333%;\n}\n.up-col-order-20 {\n -webkit-box-ordinal-group: 21;\n -webkit-order: 20;\n -ms-flex-order: 20;\n order: 20;\n}\n.up-col-19 {\n display: block;\n width: 79.16666667%;\n}\n.up-col-push-19 {\n left: 79.16666667%;\n}\n.up-col-pull-19 {\n right: 79.16666667%;\n}\n.up-col-offset-19 {\n margin-left: 79.16666667%;\n}\n.up-col-order-19 {\n -webkit-box-ordinal-group: 20;\n -webkit-order: 19;\n -ms-flex-order: 19;\n order: 19;\n}\n.up-col-18 {\n display: block;\n width: 75%;\n}\n.up-col-push-18 {\n left: 75%;\n}\n.up-col-pull-18 {\n right: 75%;\n}\n.up-col-offset-18 {\n margin-left: 75%;\n}\n.up-col-order-18 {\n -webkit-box-ordinal-group: 19;\n -webkit-order: 18;\n -ms-flex-order: 18;\n order: 18;\n}\n.up-col-17 {\n display: block;\n width: 70.83333333%;\n}\n.up-col-push-17 {\n left: 70.83333333%;\n}\n.up-col-pull-17 {\n right: 70.83333333%;\n}\n.up-col-offset-17 {\n margin-left: 70.83333333%;\n}\n.up-col-order-17 {\n -webkit-box-ordinal-group: 18;\n -webkit-order: 17;\n -ms-flex-order: 17;\n order: 17;\n}\n.up-col-16 {\n display: block;\n width: 66.66666667%;\n}\n.up-col-push-16 {\n left: 66.66666667%;\n}\n.up-col-pull-16 {\n right: 66.66666667%;\n}\n.up-col-offset-16 {\n margin-left: 66.66666667%;\n}\n.up-col-order-16 {\n -webkit-box-ordinal-group: 17;\n -webkit-order: 16;\n -ms-flex-order: 16;\n order: 16;\n}\n.up-col-15 {\n display: block;\n width: 62.5%;\n}\n.up-col-push-15 {\n left: 62.5%;\n}\n.up-col-pull-15 {\n right: 62.5%;\n}\n.up-col-offset-15 {\n margin-left: 62.5%;\n}\n.up-col-order-15 {\n -webkit-box-ordinal-group: 16;\n -webkit-order: 15;\n -ms-flex-order: 15;\n order: 15;\n}\n.up-col-14 {\n display: block;\n width: 58.33333333%;\n}\n.up-col-push-14 {\n left: 58.33333333%;\n}\n.up-col-pull-14 {\n right: 58.33333333%;\n}\n.up-col-offset-14 {\n margin-left: 58.33333333%;\n}\n.up-col-order-14 {\n -webkit-box-ordinal-group: 15;\n -webkit-order: 14;\n -ms-flex-order: 14;\n order: 14;\n}\n.up-col-13 {\n display: block;\n width: 54.16666667%;\n}\n.up-col-push-13 {\n left: 54.16666667%;\n}\n.up-col-pull-13 {\n right: 54.16666667%;\n}\n.up-col-offset-13 {\n margin-left: 54.16666667%;\n}\n.up-col-order-13 {\n -webkit-box-ordinal-group: 14;\n -webkit-order: 13;\n -ms-flex-order: 13;\n order: 13;\n}\n.up-col-12 {\n display: block;\n width: 50%;\n}\n.up-col-push-12 {\n left: 50%;\n}\n.up-col-pull-12 {\n right: 50%;\n}\n.up-col-offset-12 {\n margin-left: 50%;\n}\n.up-col-order-12 {\n -webkit-box-ordinal-group: 13;\n -webkit-order: 12;\n -ms-flex-order: 12;\n order: 12;\n}\n.up-col-11 {\n display: block;\n width: 45.83333333%;\n}\n.up-col-push-11 {\n left: 45.83333333%;\n}\n.up-col-pull-11 {\n right: 45.83333333%;\n}\n.up-col-offset-11 {\n margin-left: 45.83333333%;\n}\n.up-col-order-11 {\n -webkit-box-ordinal-group: 12;\n -webkit-order: 11;\n -ms-flex-order: 11;\n order: 11;\n}\n.up-col-10 {\n display: block;\n width: 41.66666667%;\n}\n.up-col-push-10 {\n left: 41.66666667%;\n}\n.up-col-pull-10 {\n right: 41.66666667%;\n}\n.up-col-offset-10 {\n margin-left: 41.66666667%;\n}\n.up-col-order-10 {\n -webkit-box-ordinal-group: 11;\n -webkit-order: 10;\n -ms-flex-order: 10;\n order: 10;\n}\n.up-col-9 {\n display: block;\n width: 37.5%;\n}\n.up-col-push-9 {\n left: 37.5%;\n}\n.up-col-pull-9 {\n right: 37.5%;\n}\n.up-col-offset-9 {\n margin-left: 37.5%;\n}\n.up-col-order-9 {\n -webkit-box-ordinal-group: 10;\n -webkit-order: 9;\n -ms-flex-order: 9;\n order: 9;\n}\n.up-col-8 {\n display: block;\n width: 33.33333333%;\n}\n.up-col-push-8 {\n left: 33.33333333%;\n}\n.up-col-pull-8 {\n right: 33.33333333%;\n}\n.up-col-offset-8 {\n margin-left: 33.33333333%;\n}\n.up-col-order-8 {\n -webkit-box-ordinal-group: 9;\n -webkit-order: 8;\n -ms-flex-order: 8;\n order: 8;\n}\n.up-col-7 {\n display: block;\n width: 29.16666667%;\n}\n.up-col-push-7 {\n left: 29.16666667%;\n}\n.up-col-pull-7 {\n right: 29.16666667%;\n}\n.up-col-offset-7 {\n margin-left: 29.16666667%;\n}\n.up-col-order-7 {\n -webkit-box-ordinal-group: 8;\n -webkit-order: 7;\n -ms-flex-order: 7;\n order: 7;\n}\n.up-col-6 {\n display: block;\n width: 25%;\n}\n.up-col-push-6 {\n left: 25%;\n}\n.up-col-pull-6 {\n right: 25%;\n}\n.up-col-offset-6 {\n margin-left: 25%;\n}\n.up-col-order-6 {\n -webkit-box-ordinal-group: 7;\n -webkit-order: 6;\n -ms-flex-order: 6;\n order: 6;\n}\n.up-col-5 {\n display: block;\n width: 20.83333333%;\n}\n.up-col-push-5 {\n left: 20.83333333%;\n}\n.up-col-pull-5 {\n right: 20.83333333%;\n}\n.up-col-offset-5 {\n margin-left: 20.83333333%;\n}\n.up-col-order-5 {\n -webkit-box-ordinal-group: 6;\n -webkit-order: 5;\n -ms-flex-order: 5;\n order: 5;\n}\n.up-col-4 {\n display: block;\n width: 16.66666667%;\n}\n.up-col-push-4 {\n left: 16.66666667%;\n}\n.up-col-pull-4 {\n right: 16.66666667%;\n}\n.up-col-offset-4 {\n margin-left: 16.66666667%;\n}\n.up-col-order-4 {\n -webkit-box-ordinal-group: 5;\n -webkit-order: 4;\n -ms-flex-order: 4;\n order: 4;\n}\n.up-col-3 {\n display: block;\n width: 12.5%;\n}\n.up-col-push-3 {\n left: 12.5%;\n}\n.up-col-pull-3 {\n right: 12.5%;\n}\n.up-col-offset-3 {\n margin-left: 12.5%;\n}\n.up-col-order-3 {\n -webkit-box-ordinal-group: 4;\n -webkit-order: 3;\n -ms-flex-order: 3;\n order: 3;\n}\n.up-col-2 {\n display: block;\n width: 8.33333333%;\n}\n.up-col-push-2 {\n left: 8.33333333%;\n}\n.up-col-pull-2 {\n right: 8.33333333%;\n}\n.up-col-offset-2 {\n margin-left: 8.33333333%;\n}\n.up-col-order-2 {\n -webkit-box-ordinal-group: 3;\n -webkit-order: 2;\n -ms-flex-order: 2;\n order: 2;\n}\n.up-col-1 {\n display: block;\n width: 4.16666667%;\n}\n.up-col-push-1 {\n left: 4.16666667%;\n}\n.up-col-pull-1 {\n right: 4.16666667%;\n}\n.up-col-offset-1 {\n margin-left: 4.16666667%;\n}\n.up-col-order-1 {\n -webkit-box-ordinal-group: 2;\n -webkit-order: 1;\n -ms-flex-order: 1;\n order: 1;\n}\n.up-col-0 {\n display: none;\n}\n.up-col-push-0 {\n left: auto;\n}\n.up-col-pull-0 {\n right: auto;\n}\n.up-col-push-0 {\n left: auto;\n}\n.up-col-pull-0 {\n right: auto;\n}\n.up-col-offset-0 {\n margin-left: 0;\n}\n.up-col-order-0 {\n -webkit-box-ordinal-group: 1;\n -webkit-order: 0;\n -ms-flex-order: 0;\n order: 0;\n}\n.up-col-xs-1, .up-col-xs-2, .up-col-xs-3, .up-col-xs-4, .up-col-xs-5, .up-col-xs-6, .up-col-xs-7, .up-col-xs-8, .up-col-xs-9, .up-col-xs-10, .up-col-xs-11, .up-col-xs-12, .up-col-xs-13, .up-col-xs-14, .up-col-xs-15, .up-col-xs-16, .up-col-xs-17, .up-col-xs-18, .up-col-xs-19, .up-col-xs-20, .up-col-xs-21, .up-col-xs-22, .up-col-xs-23, .up-col-xs-24 {\n float: left;\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.up-col-xs-24 {\n display: block;\n width: 100%;\n}\n.up-col-xs-push-24 {\n left: 100%;\n}\n.up-col-xs-pull-24 {\n right: 100%;\n}\n.up-col-xs-offset-24 {\n margin-left: 100%;\n}\n.up-col-xs-order-24 {\n -webkit-box-ordinal-group: 25;\n -webkit-order: 24;\n -ms-flex-order: 24;\n order: 24;\n}\n.up-col-xs-23 {\n display: block;\n width: 95.83333333%;\n}\n.up-col-xs-push-23 {\n left: 95.83333333%;\n}\n.up-col-xs-pull-23 {\n right: 95.83333333%;\n}\n.up-col-xs-offset-23 {\n margin-left: 95.83333333%;\n}\n.up-col-xs-order-23 {\n -webkit-box-ordinal-group: 24;\n -webkit-order: 23;\n -ms-flex-order: 23;\n order: 23;\n}\n.up-col-xs-22 {\n display: block;\n width: 91.66666667%;\n}\n.up-col-xs-push-22 {\n left: 91.66666667%;\n}\n.up-col-xs-pull-22 {\n right: 91.66666667%;\n}\n.up-col-xs-offset-22 {\n margin-left: 91.66666667%;\n}\n.up-col-xs-order-22 {\n -webkit-box-ordinal-group: 23;\n -webkit-order: 22;\n -ms-flex-order: 22;\n order: 22;\n}\n.up-col-xs-21 {\n display: block;\n width: 87.5%;\n}\n.up-col-xs-push-21 {\n left: 87.5%;\n}\n.up-col-xs-pull-21 {\n right: 87.5%;\n}\n.up-col-xs-offset-21 {\n margin-left: 87.5%;\n}\n.up-col-xs-order-21 {\n -webkit-box-ordinal-group: 22;\n -webkit-order: 21;\n -ms-flex-order: 21;\n order: 21;\n}\n.up-col-xs-20 {\n display: block;\n width: 83.33333333%;\n}\n.up-col-xs-push-20 {\n left: 83.33333333%;\n}\n.up-col-xs-pull-20 {\n right: 83.33333333%;\n}\n.up-col-xs-offset-20 {\n margin-left: 83.33333333%;\n}\n.up-col-xs-order-20 {\n -webkit-box-ordinal-group: 21;\n -webkit-order: 20;\n -ms-flex-order: 20;\n order: 20;\n}\n.up-col-xs-19 {\n display: block;\n width: 79.16666667%;\n}\n.up-col-xs-push-19 {\n left: 79.16666667%;\n}\n.up-col-xs-pull-19 {\n right: 79.16666667%;\n}\n.up-col-xs-offset-19 {\n margin-left: 79.16666667%;\n}\n.up-col-xs-order-19 {\n -webkit-box-ordinal-group: 20;\n -webkit-order: 19;\n -ms-flex-order: 19;\n order: 19;\n}\n.up-col-xs-18 {\n display: block;\n width: 75%;\n}\n.up-col-xs-push-18 {\n left: 75%;\n}\n.up-col-xs-pull-18 {\n right: 75%;\n}\n.up-col-xs-offset-18 {\n margin-left: 75%;\n}\n.up-col-xs-order-18 {\n -webkit-box-ordinal-group: 19;\n -webkit-order: 18;\n -ms-flex-order: 18;\n order: 18;\n}\n.up-col-xs-17 {\n display: block;\n width: 70.83333333%;\n}\n.up-col-xs-push-17 {\n left: 70.83333333%;\n}\n.up-col-xs-pull-17 {\n right: 70.83333333%;\n}\n.up-col-xs-offset-17 {\n margin-left: 70.83333333%;\n}\n.up-col-xs-order-17 {\n -webkit-box-ordinal-group: 18;\n -webkit-order: 17;\n -ms-flex-order: 17;\n order: 17;\n}\n.up-col-xs-16 {\n display: block;\n width: 66.66666667%;\n}\n.up-col-xs-push-16 {\n left: 66.66666667%;\n}\n.up-col-xs-pull-16 {\n right: 66.66666667%;\n}\n.up-col-xs-offset-16 {\n margin-left: 66.66666667%;\n}\n.up-col-xs-order-16 {\n -webkit-box-ordinal-group: 17;\n -webkit-order: 16;\n -ms-flex-order: 16;\n order: 16;\n}\n.up-col-xs-15 {\n display: block;\n width: 62.5%;\n}\n.up-col-xs-push-15 {\n left: 62.5%;\n}\n.up-col-xs-pull-15 {\n right: 62.5%;\n}\n.up-col-xs-offset-15 {\n margin-left: 62.5%;\n}\n.up-col-xs-order-15 {\n -webkit-box-ordinal-group: 16;\n -webkit-order: 15;\n -ms-flex-order: 15;\n order: 15;\n}\n.up-col-xs-14 {\n display: block;\n width: 58.33333333%;\n}\n.up-col-xs-push-14 {\n left: 58.33333333%;\n}\n.up-col-xs-pull-14 {\n right: 58.33333333%;\n}\n.up-col-xs-offset-14 {\n margin-left: 58.33333333%;\n}\n.up-col-xs-order-14 {\n -webkit-box-ordinal-group: 15;\n -webkit-order: 14;\n -ms-flex-order: 14;\n order: 14;\n}\n.up-col-xs-13 {\n display: block;\n width: 54.16666667%;\n}\n.up-col-xs-push-13 {\n left: 54.16666667%;\n}\n.up-col-xs-pull-13 {\n right: 54.16666667%;\n}\n.up-col-xs-offset-13 {\n margin-left: 54.16666667%;\n}\n.up-col-xs-order-13 {\n -webkit-box-ordinal-group: 14;\n -webkit-order: 13;\n -ms-flex-order: 13;\n order: 13;\n}\n.up-col-xs-12 {\n display: block;\n width: 50%;\n}\n.up-col-xs-push-12 {\n left: 50%;\n}\n.up-col-xs-pull-12 {\n right: 50%;\n}\n.up-col-xs-offset-12 {\n margin-left: 50%;\n}\n.up-col-xs-order-12 {\n -webkit-box-ordinal-group: 13;\n -webkit-order: 12;\n -ms-flex-order: 12;\n order: 12;\n}\n.up-col-xs-11 {\n display: block;\n width: 45.83333333%;\n}\n.up-col-xs-push-11 {\n left: 45.83333333%;\n}\n.up-col-xs-pull-11 {\n right: 45.83333333%;\n}\n.up-col-xs-offset-11 {\n margin-left: 45.83333333%;\n}\n.up-col-xs-order-11 {\n -webkit-box-ordinal-group: 12;\n -webkit-order: 11;\n -ms-flex-order: 11;\n order: 11;\n}\n.up-col-xs-10 {\n display: block;\n width: 41.66666667%;\n}\n.up-col-xs-push-10 {\n left: 41.66666667%;\n}\n.up-col-xs-pull-10 {\n right: 41.66666667%;\n}\n.up-col-xs-offset-10 {\n margin-left: 41.66666667%;\n}\n.up-col-xs-order-10 {\n -webkit-box-ordinal-group: 11;\n -webkit-order: 10;\n -ms-flex-order: 10;\n order: 10;\n}\n.up-col-xs-9 {\n display: block;\n width: 37.5%;\n}\n.up-col-xs-push-9 {\n left: 37.5%;\n}\n.up-col-xs-pull-9 {\n right: 37.5%;\n}\n.up-col-xs-offset-9 {\n margin-left: 37.5%;\n}\n.up-col-xs-order-9 {\n -webkit-box-ordinal-group: 10;\n -webkit-order: 9;\n -ms-flex-order: 9;\n order: 9;\n}\n.up-col-xs-8 {\n display: block;\n width: 33.33333333%;\n}\n.up-col-xs-push-8 {\n left: 33.33333333%;\n}\n.up-col-xs-pull-8 {\n right: 33.33333333%;\n}\n.up-col-xs-offset-8 {\n margin-left: 33.33333333%;\n}\n.up-col-xs-order-8 {\n -webkit-box-ordinal-group: 9;\n -webkit-order: 8;\n -ms-flex-order: 8;\n order: 8;\n}\n.up-col-xs-7 {\n display: block;\n width: 29.16666667%;\n}\n.up-col-xs-push-7 {\n left: 29.16666667%;\n}\n.up-col-xs-pull-7 {\n right: 29.16666667%;\n}\n.up-col-xs-offset-7 {\n margin-left: 29.16666667%;\n}\n.up-col-xs-order-7 {\n -webkit-box-ordinal-group: 8;\n -webkit-order: 7;\n -ms-flex-order: 7;\n order: 7;\n}\n.up-col-xs-6 {\n display: block;\n width: 25%;\n}\n.up-col-xs-push-6 {\n left: 25%;\n}\n.up-col-xs-pull-6 {\n right: 25%;\n}\n.up-col-xs-offset-6 {\n margin-left: 25%;\n}\n.up-col-xs-order-6 {\n -webkit-box-ordinal-group: 7;\n -webkit-order: 6;\n -ms-flex-order: 6;\n order: 6;\n}\n.up-col-xs-5 {\n display: block;\n width: 20.83333333%;\n}\n.up-col-xs-push-5 {\n left: 20.83333333%;\n}\n.up-col-xs-pull-5 {\n right: 20.83333333%;\n}\n.up-col-xs-offset-5 {\n margin-left: 20.83333333%;\n}\n.up-col-xs-order-5 {\n -webkit-box-ordinal-group: 6;\n -webkit-order: 5;\n -ms-flex-order: 5;\n order: 5;\n}\n.up-col-xs-4 {\n display: block;\n width: 16.66666667%;\n}\n.up-col-xs-push-4 {\n left: 16.66666667%;\n}\n.up-col-xs-pull-4 {\n right: 16.66666667%;\n}\n.up-col-xs-offset-4 {\n margin-left: 16.66666667%;\n}\n.up-col-xs-order-4 {\n -webkit-box-ordinal-group: 5;\n -webkit-order: 4;\n -ms-flex-order: 4;\n order: 4;\n}\n.up-col-xs-3 {\n display: block;\n width: 12.5%;\n}\n.up-col-xs-push-3 {\n left: 12.5%;\n}\n.up-col-xs-pull-3 {\n right: 12.5%;\n}\n.up-col-xs-offset-3 {\n margin-left: 12.5%;\n}\n.up-col-xs-order-3 {\n -webkit-box-ordinal-group: 4;\n -webkit-order: 3;\n -ms-flex-order: 3;\n order: 3;\n}\n.up-col-xs-2 {\n display: block;\n width: 8.33333333%;\n}\n.up-col-xs-push-2 {\n left: 8.33333333%;\n}\n.up-col-xs-pull-2 {\n right: 8.33333333%;\n}\n.up-col-xs-offset-2 {\n margin-left: 8.33333333%;\n}\n.up-col-xs-order-2 {\n -webkit-box-ordinal-group: 3;\n -webkit-order: 2;\n -ms-flex-order: 2;\n order: 2;\n}\n.up-col-xs-1 {\n display: block;\n width: 4.16666667%;\n}\n.up-col-xs-push-1 {\n left: 4.16666667%;\n}\n.up-col-xs-pull-1 {\n right: 4.16666667%;\n}\n.up-col-xs-offset-1 {\n margin-left: 4.16666667%;\n}\n.up-col-xs-order-1 {\n -webkit-box-ordinal-group: 2;\n -webkit-order: 1;\n -ms-flex-order: 1;\n order: 1;\n}\n.up-col-xs-0 {\n display: none;\n}\n.up-col-push-0 {\n left: auto;\n}\n.up-col-pull-0 {\n right: auto;\n}\n.up-col-xs-push-0 {\n left: auto;\n}\n.up-col-xs-pull-0 {\n right: auto;\n}\n.up-col-xs-offset-0 {\n margin-left: 0;\n}\n.up-col-xs-order-0 {\n -webkit-box-ordinal-group: 1;\n -webkit-order: 0;\n -ms-flex-order: 0;\n order: 0;\n}\n@media (min-width: 768px) {\n .up-col-sm-1, .up-col-sm-2, .up-col-sm-3, .up-col-sm-4, .up-col-sm-5, .up-col-sm-6, .up-col-sm-7, .up-col-sm-8, .up-col-sm-9, .up-col-sm-10, .up-col-sm-11, .up-col-sm-12, .up-col-sm-13, .up-col-sm-14, .up-col-sm-15, .up-col-sm-16, .up-col-sm-17, .up-col-sm-18, .up-col-sm-19, .up-col-sm-20, .up-col-sm-21, .up-col-sm-22, .up-col-sm-23, .up-col-sm-24 {\n float: left;\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n }\n .up-col-sm-24 {\n display: block;\n width: 100%;\n }\n .up-col-sm-push-24 {\n left: 100%;\n }\n .up-col-sm-pull-24 {\n right: 100%;\n }\n .up-col-sm-offset-24 {\n margin-left: 100%;\n }\n .up-col-sm-order-24 {\n -webkit-box-ordinal-group: 25;\n -webkit-order: 24;\n -ms-flex-order: 24;\n order: 24;\n }\n .up-col-sm-23 {\n display: block;\n width: 95.83333333%;\n }\n .up-col-sm-push-23 {\n left: 95.83333333%;\n }\n .up-col-sm-pull-23 {\n right: 95.83333333%;\n }\n .up-col-sm-offset-23 {\n margin-left: 95.83333333%;\n }\n .up-col-sm-order-23 {\n -webkit-box-ordinal-group: 24;\n -webkit-order: 23;\n -ms-flex-order: 23;\n order: 23;\n }\n .up-col-sm-22 {\n display: block;\n width: 91.66666667%;\n }\n .up-col-sm-push-22 {\n left: 91.66666667%;\n }\n .up-col-sm-pull-22 {\n right: 91.66666667%;\n }\n .up-col-sm-offset-22 {\n margin-left: 91.66666667%;\n }\n .up-col-sm-order-22 {\n -webkit-box-ordinal-group: 23;\n -webkit-order: 22;\n -ms-flex-order: 22;\n order: 22;\n }\n .up-col-sm-21 {\n display: block;\n width: 87.5%;\n }\n .up-col-sm-push-21 {\n left: 87.5%;\n }\n .up-col-sm-pull-21 {\n right: 87.5%;\n }\n .up-col-sm-offset-21 {\n margin-left: 87.5%;\n }\n .up-col-sm-order-21 {\n -webkit-box-ordinal-group: 22;\n -webkit-order: 21;\n -ms-flex-order: 21;\n order: 21;\n }\n .up-col-sm-20 {\n display: block;\n width: 83.33333333%;\n }\n .up-col-sm-push-20 {\n left: 83.33333333%;\n }\n .up-col-sm-pull-20 {\n right: 83.33333333%;\n }\n .up-col-sm-offset-20 {\n margin-left: 83.33333333%;\n }\n .up-col-sm-order-20 {\n -webkit-box-ordinal-group: 21;\n -webkit-order: 20;\n -ms-flex-order: 20;\n order: 20;\n }\n .up-col-sm-19 {\n display: block;\n width: 79.16666667%;\n }\n .up-col-sm-push-19 {\n left: 79.16666667%;\n }\n .up-col-sm-pull-19 {\n right: 79.16666667%;\n }\n .up-col-sm-offset-19 {\n margin-left: 79.16666667%;\n }\n .up-col-sm-order-19 {\n -webkit-box-ordinal-group: 20;\n -webkit-order: 19;\n -ms-flex-order: 19;\n order: 19;\n }\n .up-col-sm-18 {\n display: block;\n width: 75%;\n }\n .up-col-sm-push-18 {\n left: 75%;\n }\n .up-col-sm-pull-18 {\n right: 75%;\n }\n .up-col-sm-offset-18 {\n margin-left: 75%;\n }\n .up-col-sm-order-18 {\n -webkit-box-ordinal-group: 19;\n -webkit-order: 18;\n -ms-flex-order: 18;\n order: 18;\n }\n .up-col-sm-17 {\n display: block;\n width: 70.83333333%;\n }\n .up-col-sm-push-17 {\n left: 70.83333333%;\n }\n .up-col-sm-pull-17 {\n right: 70.83333333%;\n }\n .up-col-sm-offset-17 {\n margin-left: 70.83333333%;\n }\n .up-col-sm-order-17 {\n -webkit-box-ordinal-group: 18;\n -webkit-order: 17;\n -ms-flex-order: 17;\n order: 17;\n }\n .up-col-sm-16 {\n display: block;\n width: 66.66666667%;\n }\n .up-col-sm-push-16 {\n left: 66.66666667%;\n }\n .up-col-sm-pull-16 {\n right: 66.66666667%;\n }\n .up-col-sm-offset-16 {\n margin-left: 66.66666667%;\n }\n .up-col-sm-order-16 {\n -webkit-box-ordinal-group: 17;\n -webkit-order: 16;\n -ms-flex-order: 16;\n order: 16;\n }\n .up-col-sm-15 {\n display: block;\n width: 62.5%;\n }\n .up-col-sm-push-15 {\n left: 62.5%;\n }\n .up-col-sm-pull-15 {\n right: 62.5%;\n }\n .up-col-sm-offset-15 {\n margin-left: 62.5%;\n }\n .up-col-sm-order-15 {\n -webkit-box-ordinal-group: 16;\n -webkit-order: 15;\n -ms-flex-order: 15;\n order: 15;\n }\n .up-col-sm-14 {\n display: block;\n width: 58.33333333%;\n }\n .up-col-sm-push-14 {\n left: 58.33333333%;\n }\n .up-col-sm-pull-14 {\n right: 58.33333333%;\n }\n .up-col-sm-offset-14 {\n margin-left: 58.33333333%;\n }\n .up-col-sm-order-14 {\n -webkit-box-ordinal-group: 15;\n -webkit-order: 14;\n -ms-flex-order: 14;\n order: 14;\n }\n .up-col-sm-13 {\n display: block;\n width: 54.16666667%;\n }\n .up-col-sm-push-13 {\n left: 54.16666667%;\n }\n .up-col-sm-pull-13 {\n right: 54.16666667%;\n }\n .up-col-sm-offset-13 {\n margin-left: 54.16666667%;\n }\n .up-col-sm-order-13 {\n -webkit-box-ordinal-group: 14;\n -webkit-order: 13;\n -ms-flex-order: 13;\n order: 13;\n }\n .up-col-sm-12 {\n display: block;\n width: 50%;\n }\n .up-col-sm-push-12 {\n left: 50%;\n }\n .up-col-sm-pull-12 {\n right: 50%;\n }\n .up-col-sm-offset-12 {\n margin-left: 50%;\n }\n .up-col-sm-order-12 {\n -webkit-box-ordinal-group: 13;\n -webkit-order: 12;\n -ms-flex-order: 12;\n order: 12;\n }\n .up-col-sm-11 {\n display: block;\n width: 45.83333333%;\n }\n .up-col-sm-push-11 {\n left: 45.83333333%;\n }\n .up-col-sm-pull-11 {\n right: 45.83333333%;\n }\n .up-col-sm-offset-11 {\n margin-left: 45.83333333%;\n }\n .up-col-sm-order-11 {\n -webkit-box-ordinal-group: 12;\n -webkit-order: 11;\n -ms-flex-order: 11;\n order: 11;\n }\n .up-col-sm-10 {\n display: block;\n width: 41.66666667%;\n }\n .up-col-sm-push-10 {\n left: 41.66666667%;\n }\n .up-col-sm-pull-10 {\n right: 41.66666667%;\n }\n .up-col-sm-offset-10 {\n margin-left: 41.66666667%;\n }\n .up-col-sm-order-10 {\n -webkit-box-ordinal-group: 11;\n -webkit-order: 10;\n -ms-flex-order: 10;\n order: 10;\n }\n .up-col-sm-9 {\n display: block;\n width: 37.5%;\n }\n .up-col-sm-push-9 {\n left: 37.5%;\n }\n .up-col-sm-pull-9 {\n right: 37.5%;\n }\n .up-col-sm-offset-9 {\n margin-left: 37.5%;\n }\n .up-col-sm-order-9 {\n -webkit-box-ordinal-group: 10;\n -webkit-order: 9;\n -ms-flex-order: 9;\n order: 9;\n }\n .up-col-sm-8 {\n display: block;\n width: 33.33333333%;\n }\n .up-col-sm-push-8 {\n left: 33.33333333%;\n }\n .up-col-sm-pull-8 {\n right: 33.33333333%;\n }\n .up-col-sm-offset-8 {\n margin-left: 33.33333333%;\n }\n .up-col-sm-order-8 {\n -webkit-box-ordinal-group: 9;\n -webkit-order: 8;\n -ms-flex-order: 8;\n order: 8;\n }\n .up-col-sm-7 {\n display: block;\n width: 29.16666667%;\n }\n .up-col-sm-push-7 {\n left: 29.16666667%;\n }\n .up-col-sm-pull-7 {\n right: 29.16666667%;\n }\n .up-col-sm-offset-7 {\n margin-left: 29.16666667%;\n }\n .up-col-sm-order-7 {\n -webkit-box-ordinal-group: 8;\n -webkit-order: 7;\n -ms-flex-order: 7;\n order: 7;\n }\n .up-col-sm-6 {\n display: block;\n width: 25%;\n }\n .up-col-sm-push-6 {\n left: 25%;\n }\n .up-col-sm-pull-6 {\n right: 25%;\n }\n .up-col-sm-offset-6 {\n margin-left: 25%;\n }\n .up-col-sm-order-6 {\n -webkit-box-ordinal-group: 7;\n -webkit-order: 6;\n -ms-flex-order: 6;\n order: 6;\n }\n .up-col-sm-5 {\n display: block;\n width: 20.83333333%;\n }\n .up-col-sm-push-5 {\n left: 20.83333333%;\n }\n .up-col-sm-pull-5 {\n right: 20.83333333%;\n }\n .up-col-sm-offset-5 {\n margin-left: 20.83333333%;\n }\n .up-col-sm-order-5 {\n -webkit-box-ordinal-group: 6;\n -webkit-order: 5;\n -ms-flex-order: 5;\n order: 5;\n }\n .up-col-sm-4 {\n display: block;\n width: 16.66666667%;\n }\n .up-col-sm-push-4 {\n left: 16.66666667%;\n }\n .up-col-sm-pull-4 {\n right: 16.66666667%;\n }\n .up-col-sm-offset-4 {\n margin-left: 16.66666667%;\n }\n .up-col-sm-order-4 {\n -webkit-box-ordinal-group: 5;\n -webkit-order: 4;\n -ms-flex-order: 4;\n order: 4;\n }\n .up-col-sm-3 {\n display: block;\n width: 12.5%;\n }\n .up-col-sm-push-3 {\n left: 12.5%;\n }\n .up-col-sm-pull-3 {\n right: 12.5%;\n }\n .up-col-sm-offset-3 {\n margin-left: 12.5%;\n }\n .up-col-sm-order-3 {\n -webkit-box-ordinal-group: 4;\n -webkit-order: 3;\n -ms-flex-order: 3;\n order: 3;\n }\n .up-col-sm-2 {\n display: block;\n width: 8.33333333%;\n }\n .up-col-sm-push-2 {\n left: 8.33333333%;\n }\n .up-col-sm-pull-2 {\n right: 8.33333333%;\n }\n .up-col-sm-offset-2 {\n margin-left: 8.33333333%;\n }\n .up-col-sm-order-2 {\n -webkit-box-ordinal-group: 3;\n -webkit-order: 2;\n -ms-flex-order: 2;\n order: 2;\n }\n .up-col-sm-1 {\n display: block;\n width: 4.16666667%;\n }\n .up-col-sm-push-1 {\n left: 4.16666667%;\n }\n .up-col-sm-pull-1 {\n right: 4.16666667%;\n }\n .up-col-sm-offset-1 {\n margin-left: 4.16666667%;\n }\n .up-col-sm-order-1 {\n -webkit-box-ordinal-group: 2;\n -webkit-order: 1;\n -ms-flex-order: 1;\n order: 1;\n }\n .up-col-sm-0 {\n display: none;\n }\n .up-col-push-0 {\n left: auto;\n }\n .up-col-pull-0 {\n right: auto;\n }\n .up-col-sm-push-0 {\n left: auto;\n }\n .up-col-sm-pull-0 {\n right: auto;\n }\n .up-col-sm-offset-0 {\n margin-left: 0;\n }\n .up-col-sm-order-0 {\n -webkit-box-ordinal-group: 1;\n -webkit-order: 0;\n -ms-flex-order: 0;\n order: 0;\n }\n}\n@media (min-width: 992px) {\n .up-col-md-1, .up-col-md-2, .up-col-md-3, .up-col-md-4, .up-col-md-5, .up-col-md-6, .up-col-md-7, .up-col-md-8, .up-col-md-9, .up-col-md-10, .up-col-md-11, .up-col-md-12, .up-col-md-13, .up-col-md-14, .up-col-md-15, .up-col-md-16, .up-col-md-17, .up-col-md-18, .up-col-md-19, .up-col-md-20, .up-col-md-21, .up-col-md-22, .up-col-md-23, .up-col-md-24 {\n float: left;\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n }\n .up-col-md-24 {\n display: block;\n width: 100%;\n }\n .up-col-md-push-24 {\n left: 100%;\n }\n .up-col-md-pull-24 {\n right: 100%;\n }\n .up-col-md-offset-24 {\n margin-left: 100%;\n }\n .up-col-md-order-24 {\n -webkit-box-ordinal-group: 25;\n -webkit-order: 24;\n -ms-flex-order: 24;\n order: 24;\n }\n .up-col-md-23 {\n display: block;\n width: 95.83333333%;\n }\n .up-col-md-push-23 {\n left: 95.83333333%;\n }\n .up-col-md-pull-23 {\n right: 95.83333333%;\n }\n .up-col-md-offset-23 {\n margin-left: 95.83333333%;\n }\n .up-col-md-order-23 {\n -webkit-box-ordinal-group: 24;\n -webkit-order: 23;\n -ms-flex-order: 23;\n order: 23;\n }\n .up-col-md-22 {\n display: block;\n width: 91.66666667%;\n }\n .up-col-md-push-22 {\n left: 91.66666667%;\n }\n .up-col-md-pull-22 {\n right: 91.66666667%;\n }\n .up-col-md-offset-22 {\n margin-left: 91.66666667%;\n }\n .up-col-md-order-22 {\n -webkit-box-ordinal-group: 23;\n -webkit-order: 22;\n -ms-flex-order: 22;\n order: 22;\n }\n .up-col-md-21 {\n display: block;\n width: 87.5%;\n }\n .up-col-md-push-21 {\n left: 87.5%;\n }\n .up-col-md-pull-21 {\n right: 87.5%;\n }\n .up-col-md-offset-21 {\n margin-left: 87.5%;\n }\n .up-col-md-order-21 {\n -webkit-box-ordinal-group: 22;\n -webkit-order: 21;\n -ms-flex-order: 21;\n order: 21;\n }\n .up-col-md-20 {\n display: block;\n width: 83.33333333%;\n }\n .up-col-md-push-20 {\n left: 83.33333333%;\n }\n .up-col-md-pull-20 {\n right: 83.33333333%;\n }\n .up-col-md-offset-20 {\n margin-left: 83.33333333%;\n }\n .up-col-md-order-20 {\n -webkit-box-ordinal-group: 21;\n -webkit-order: 20;\n -ms-flex-order: 20;\n order: 20;\n }\n .up-col-md-19 {\n display: block;\n width: 79.16666667%;\n }\n .up-col-md-push-19 {\n left: 79.16666667%;\n }\n .up-col-md-pull-19 {\n right: 79.16666667%;\n }\n .up-col-md-offset-19 {\n margin-left: 79.16666667%;\n }\n .up-col-md-order-19 {\n -webkit-box-ordinal-group: 20;\n -webkit-order: 19;\n -ms-flex-order: 19;\n order: 19;\n }\n .up-col-md-18 {\n display: block;\n width: 75%;\n }\n .up-col-md-push-18 {\n left: 75%;\n }\n .up-col-md-pull-18 {\n right: 75%;\n }\n .up-col-md-offset-18 {\n margin-left: 75%;\n }\n .up-col-md-order-18 {\n -webkit-box-ordinal-group: 19;\n -webkit-order: 18;\n -ms-flex-order: 18;\n order: 18;\n }\n .up-col-md-17 {\n display: block;\n width: 70.83333333%;\n }\n .up-col-md-push-17 {\n left: 70.83333333%;\n }\n .up-col-md-pull-17 {\n right: 70.83333333%;\n }\n .up-col-md-offset-17 {\n margin-left: 70.83333333%;\n }\n .up-col-md-order-17 {\n -webkit-box-ordinal-group: 18;\n -webkit-order: 17;\n -ms-flex-order: 17;\n order: 17;\n }\n .up-col-md-16 {\n display: block;\n width: 66.66666667%;\n }\n .up-col-md-push-16 {\n left: 66.66666667%;\n }\n .up-col-md-pull-16 {\n right: 66.66666667%;\n }\n .up-col-md-offset-16 {\n margin-left: 66.66666667%;\n }\n .up-col-md-order-16 {\n -webkit-box-ordinal-group: 17;\n -webkit-order: 16;\n -ms-flex-order: 16;\n order: 16;\n }\n .up-col-md-15 {\n display: block;\n width: 62.5%;\n }\n .up-col-md-push-15 {\n left: 62.5%;\n }\n .up-col-md-pull-15 {\n right: 62.5%;\n }\n .up-col-md-offset-15 {\n margin-left: 62.5%;\n }\n .up-col-md-order-15 {\n -webkit-box-ordinal-group: 16;\n -webkit-order: 15;\n -ms-flex-order: 15;\n order: 15;\n }\n .up-col-md-14 {\n display: block;\n width: 58.33333333%;\n }\n .up-col-md-push-14 {\n left: 58.33333333%;\n }\n .up-col-md-pull-14 {\n right: 58.33333333%;\n }\n .up-col-md-offset-14 {\n margin-left: 58.33333333%;\n }\n .up-col-md-order-14 {\n -webkit-box-ordinal-group: 15;\n -webkit-order: 14;\n -ms-flex-order: 14;\n order: 14;\n }\n .up-col-md-13 {\n display: block;\n width: 54.16666667%;\n }\n .up-col-md-push-13 {\n left: 54.16666667%;\n }\n .up-col-md-pull-13 {\n right: 54.16666667%;\n }\n .up-col-md-offset-13 {\n margin-left: 54.16666667%;\n }\n .up-col-md-order-13 {\n -webkit-box-ordinal-group: 14;\n -webkit-order: 13;\n -ms-flex-order: 13;\n order: 13;\n }\n .up-col-md-12 {\n display: block;\n width: 50%;\n }\n .up-col-md-push-12 {\n left: 50%;\n }\n .up-col-md-pull-12 {\n right: 50%;\n }\n .up-col-md-offset-12 {\n margin-left: 50%;\n }\n .up-col-md-order-12 {\n -webkit-box-ordinal-group: 13;\n -webkit-order: 12;\n -ms-flex-order: 12;\n order: 12;\n }\n .up-col-md-11 {\n display: block;\n width: 45.83333333%;\n }\n .up-col-md-push-11 {\n left: 45.83333333%;\n }\n .up-col-md-pull-11 {\n right: 45.83333333%;\n }\n .up-col-md-offset-11 {\n margin-left: 45.83333333%;\n }\n .up-col-md-order-11 {\n -webkit-box-ordinal-group: 12;\n -webkit-order: 11;\n -ms-flex-order: 11;\n order: 11;\n }\n .up-col-md-10 {\n display: block;\n width: 41.66666667%;\n }\n .up-col-md-push-10 {\n left: 41.66666667%;\n }\n .up-col-md-pull-10 {\n right: 41.66666667%;\n }\n .up-col-md-offset-10 {\n margin-left: 41.66666667%;\n }\n .up-col-md-order-10 {\n -webkit-box-ordinal-group: 11;\n -webkit-order: 10;\n -ms-flex-order: 10;\n order: 10;\n }\n .up-col-md-9 {\n display: block;\n width: 37.5%;\n }\n .up-col-md-push-9 {\n left: 37.5%;\n }\n .up-col-md-pull-9 {\n right: 37.5%;\n }\n .up-col-md-offset-9 {\n margin-left: 37.5%;\n }\n .up-col-md-order-9 {\n -webkit-box-ordinal-group: 10;\n -webkit-order: 9;\n -ms-flex-order: 9;\n order: 9;\n }\n .up-col-md-8 {\n display: block;\n width: 33.33333333%;\n }\n .up-col-md-push-8 {\n left: 33.33333333%;\n }\n .up-col-md-pull-8 {\n right: 33.33333333%;\n }\n .up-col-md-offset-8 {\n margin-left: 33.33333333%;\n }\n .up-col-md-order-8 {\n -webkit-box-ordinal-group: 9;\n -webkit-order: 8;\n -ms-flex-order: 8;\n order: 8;\n }\n .up-col-md-7 {\n display: block;\n width: 29.16666667%;\n }\n .up-col-md-push-7 {\n left: 29.16666667%;\n }\n .up-col-md-pull-7 {\n right: 29.16666667%;\n }\n .up-col-md-offset-7 {\n margin-left: 29.16666667%;\n }\n .up-col-md-order-7 {\n -webkit-box-ordinal-group: 8;\n -webkit-order: 7;\n -ms-flex-order: 7;\n order: 7;\n }\n .up-col-md-6 {\n display: block;\n width: 25%;\n }\n .up-col-md-push-6 {\n left: 25%;\n }\n .up-col-md-pull-6 {\n right: 25%;\n }\n .up-col-md-offset-6 {\n margin-left: 25%;\n }\n .up-col-md-order-6 {\n -webkit-box-ordinal-group: 7;\n -webkit-order: 6;\n -ms-flex-order: 6;\n order: 6;\n }\n .up-col-md-5 {\n display: block;\n width: 20.83333333%;\n }\n .up-col-md-push-5 {\n left: 20.83333333%;\n }\n .up-col-md-pull-5 {\n right: 20.83333333%;\n }\n .up-col-md-offset-5 {\n margin-left: 20.83333333%;\n }\n .up-col-md-order-5 {\n -webkit-box-ordinal-group: 6;\n -webkit-order: 5;\n -ms-flex-order: 5;\n order: 5;\n }\n .up-col-md-4 {\n display: block;\n width: 16.66666667%;\n }\n .up-col-md-push-4 {\n left: 16.66666667%;\n }\n .up-col-md-pull-4 {\n right: 16.66666667%;\n }\n .up-col-md-offset-4 {\n margin-left: 16.66666667%;\n }\n .up-col-md-order-4 {\n -webkit-box-ordinal-group: 5;\n -webkit-order: 4;\n -ms-flex-order: 4;\n order: 4;\n }\n .up-col-md-3 {\n display: block;\n width: 12.5%;\n }\n .up-col-md-push-3 {\n left: 12.5%;\n }\n .up-col-md-pull-3 {\n right: 12.5%;\n }\n .up-col-md-offset-3 {\n margin-left: 12.5%;\n }\n .up-col-md-order-3 {\n -webkit-box-ordinal-group: 4;\n -webkit-order: 3;\n -ms-flex-order: 3;\n order: 3;\n }\n .up-col-md-2 {\n display: block;\n width: 8.33333333%;\n }\n .up-col-md-push-2 {\n left: 8.33333333%;\n }\n .up-col-md-pull-2 {\n right: 8.33333333%;\n }\n .up-col-md-offset-2 {\n margin-left: 8.33333333%;\n }\n .up-col-md-order-2 {\n -webkit-box-ordinal-group: 3;\n -webkit-order: 2;\n -ms-flex-order: 2;\n order: 2;\n }\n .up-col-md-1 {\n display: block;\n width: 4.16666667%;\n }\n .up-col-md-push-1 {\n left: 4.16666667%;\n }\n .up-col-md-pull-1 {\n right: 4.16666667%;\n }\n .up-col-md-offset-1 {\n margin-left: 4.16666667%;\n }\n .up-col-md-order-1 {\n -webkit-box-ordinal-group: 2;\n -webkit-order: 1;\n -ms-flex-order: 1;\n order: 1;\n }\n .up-col-md-0 {\n display: none;\n }\n .up-col-push-0 {\n left: auto;\n }\n .up-col-pull-0 {\n right: auto;\n }\n .up-col-md-push-0 {\n left: auto;\n }\n .up-col-md-pull-0 {\n right: auto;\n }\n .up-col-md-offset-0 {\n margin-left: 0;\n }\n .up-col-md-order-0 {\n -webkit-box-ordinal-group: 1;\n -webkit-order: 0;\n -ms-flex-order: 0;\n order: 0;\n }\n}\n@media (min-width: 1200px) {\n .up-col-lg-1, .up-col-lg-2, .up-col-lg-3, .up-col-lg-4, .up-col-lg-5, .up-col-lg-6, .up-col-lg-7, .up-col-lg-8, .up-col-lg-9, .up-col-lg-10, .up-col-lg-11, .up-col-lg-12, .up-col-lg-13, .up-col-lg-14, .up-col-lg-15, .up-col-lg-16, .up-col-lg-17, .up-col-lg-18, .up-col-lg-19, .up-col-lg-20, .up-col-lg-21, .up-col-lg-22, .up-col-lg-23, .up-col-lg-24 {\n float: left;\n -webkit-box-flex: 0;\n -webkit-flex: 0 0 auto;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n }\n .up-col-lg-24 {\n display: block;\n width: 100%;\n }\n .up-col-lg-push-24 {\n left: 100%;\n }\n .up-col-lg-pull-24 {\n right: 100%;\n }\n .up-col-lg-offset-24 {\n margin-left: 100%;\n }\n .up-col-lg-order-24 {\n -webkit-box-ordinal-group: 25;\n -webkit-order: 24;\n -ms-flex-order: 24;\n order: 24;\n }\n .up-col-lg-23 {\n display: block;\n width: 95.83333333%;\n }\n .up-col-lg-push-23 {\n left: 95.83333333%;\n }\n .up-col-lg-pull-23 {\n right: 95.83333333%;\n }\n .up-col-lg-offset-23 {\n margin-left: 95.83333333%;\n }\n .up-col-lg-order-23 {\n -webkit-box-ordinal-group: 24;\n -webkit-order: 23;\n -ms-flex-order: 23;\n order: 23;\n }\n .up-col-lg-22 {\n display: block;\n width: 91.66666667%;\n }\n .up-col-lg-push-22 {\n left: 91.66666667%;\n }\n .up-col-lg-pull-22 {\n right: 91.66666667%;\n }\n .up-col-lg-offset-22 {\n margin-left: 91.66666667%;\n }\n .up-col-lg-order-22 {\n -webkit-box-ordinal-group: 23;\n -webkit-order: 22;\n -ms-flex-order: 22;\n order: 22;\n }\n .up-col-lg-21 {\n display: block;\n width: 87.5%;\n }\n .up-col-lg-push-21 {\n left: 87.5%;\n }\n .up-col-lg-pull-21 {\n right: 87.5%;\n }\n .up-col-lg-offset-21 {\n margin-left: 87.5%;\n }\n .up-col-lg-order-21 {\n -webkit-box-ordinal-group: 22;\n -webkit-order: 21;\n -ms-flex-order: 21;\n order: 21;\n }\n .up-col-lg-20 {\n display: block;\n width: 83.33333333%;\n }\n .up-col-lg-push-20 {\n left: 83.33333333%;\n }\n .up-col-lg-pull-20 {\n right: 83.33333333%;\n }\n .up-col-lg-offset-20 {\n margin-left: 83.33333333%;\n }\n .up-col-lg-order-20 {\n -webkit-box-ordinal-group: 21;\n -webkit-order: 20;\n -ms-flex-order: 20;\n order: 20;\n }\n .up-col-lg-19 {\n display: block;\n width: 79.16666667%;\n }\n .up-col-lg-push-19 {\n left: 79.16666667%;\n }\n .up-col-lg-pull-19 {\n right: 79.16666667%;\n }\n .up-col-lg-offset-19 {\n margin-left: 79.16666667%;\n }\n .up-col-lg-order-19 {\n -webkit-box-ordinal-group: 20;\n -webkit-order: 19;\n -ms-flex-order: 19;\n order: 19;\n }\n .up-col-lg-18 {\n display: block;\n width: 75%;\n }\n .up-col-lg-push-18 {\n left: 75%;\n }\n .up-col-lg-pull-18 {\n right: 75%;\n }\n .up-col-lg-offset-18 {\n margin-left: 75%;\n }\n .up-col-lg-order-18 {\n -webkit-box-ordinal-group: 19;\n -webkit-order: 18;\n -ms-flex-order: 18;\n order: 18;\n }\n .up-col-lg-17 {\n display: block;\n width: 70.83333333%;\n }\n .up-col-lg-push-17 {\n left: 70.83333333%;\n }\n .up-col-lg-pull-17 {\n right: 70.83333333%;\n }\n .up-col-lg-offset-17 {\n margin-left: 70.83333333%;\n }\n .up-col-lg-order-17 {\n -webkit-box-ordinal-group: 18;\n -webkit-order: 17;\n -ms-flex-order: 17;\n order: 17;\n }\n .up-col-lg-16 {\n display: block;\n width: 66.66666667%;\n }\n .up-col-lg-push-16 {\n left: 66.66666667%;\n }\n .up-col-lg-pull-16 {\n right: 66.66666667%;\n }\n .up-col-lg-offset-16 {\n margin-left: 66.66666667%;\n }\n .up-col-lg-order-16 {\n -webkit-box-ordinal-group: 17;\n -webkit-order: 16;\n -ms-flex-order: 16;\n order: 16;\n }\n .up-col-lg-15 {\n display: block;\n width: 62.5%;\n }\n .up-col-lg-push-15 {\n left: 62.5%;\n }\n .up-col-lg-pull-15 {\n right: 62.5%;\n }\n .up-col-lg-offset-15 {\n margin-left: 62.5%;\n }\n .up-col-lg-order-15 {\n -webkit-box-ordinal-group: 16;\n -webkit-order: 15;\n -ms-flex-order: 15;\n order: 15;\n }\n .up-col-lg-14 {\n display: block;\n width: 58.33333333%;\n }\n .up-col-lg-push-14 {\n left: 58.33333333%;\n }\n .up-col-lg-pull-14 {\n right: 58.33333333%;\n }\n .up-col-lg-offset-14 {\n margin-left: 58.33333333%;\n }\n .up-col-lg-order-14 {\n -webkit-box-ordinal-group: 15;\n -webkit-order: 14;\n -ms-flex-order: 14;\n order: 14;\n }\n .up-col-lg-13 {\n display: block;\n width: 54.16666667%;\n }\n .up-col-lg-push-13 {\n left: 54.16666667%;\n }\n .up-col-lg-pull-13 {\n right: 54.16666667%;\n }\n .up-col-lg-offset-13 {\n margin-left: 54.16666667%;\n }\n .up-col-lg-order-13 {\n -webkit-box-ordinal-group: 14;\n -webkit-order: 13;\n -ms-flex-order: 13;\n order: 13;\n }\n .up-col-lg-12 {\n display: block;\n width: 50%;\n }\n .up-col-lg-push-12 {\n left: 50%;\n }\n .up-col-lg-pull-12 {\n right: 50%;\n }\n .up-col-lg-offset-12 {\n margin-left: 50%;\n }\n .up-col-lg-order-12 {\n -webkit-box-ordinal-group: 13;\n -webkit-order: 12;\n -ms-flex-order: 12;\n order: 12;\n }\n .up-col-lg-11 {\n display: block;\n width: 45.83333333%;\n }\n .up-col-lg-push-11 {\n left: 45.83333333%;\n }\n .up-col-lg-pull-11 {\n right: 45.83333333%;\n }\n .up-col-lg-offset-11 {\n margin-left: 45.83333333%;\n }\n .up-col-lg-order-11 {\n -webkit-box-ordinal-group: 12;\n -webkit-order: 11;\n -ms-flex-order: 11;\n order: 11;\n }\n .up-col-lg-10 {\n display: block;\n width: 41.66666667%;\n }\n .up-col-lg-push-10 {\n left: 41.66666667%;\n }\n .up-col-lg-pull-10 {\n right: 41.66666667%;\n }\n .up-col-lg-offset-10 {\n margin-left: 41.66666667%;\n }\n .up-col-lg-order-10 {\n -webkit-box-ordinal-group: 11;\n -webkit-order: 10;\n -ms-flex-order: 10;\n order: 10;\n }\n .up-col-lg-9 {\n display: block;\n width: 37.5%;\n }\n .up-col-lg-push-9 {\n left: 37.5%;\n }\n .up-col-lg-pull-9 {\n right: 37.5%;\n }\n .up-col-lg-offset-9 {\n margin-left: 37.5%;\n }\n .up-col-lg-order-9 {\n -webkit-box-ordinal-group: 10;\n -webkit-order: 9;\n -ms-flex-order: 9;\n order: 9;\n }\n .up-col-lg-8 {\n display: block;\n width: 33.33333333%;\n }\n .up-col-lg-push-8 {\n left: 33.33333333%;\n }\n .up-col-lg-pull-8 {\n right: 33.33333333%;\n }\n .up-col-lg-offset-8 {\n margin-left: 33.33333333%;\n }\n .up-col-lg-order-8 {\n -webkit-box-ordinal-group: 9;\n -webkit-order: 8;\n -ms-flex-order: 8;\n order: 8;\n }\n .up-col-lg-7 {\n display: block;\n width: 29.16666667%;\n }\n .up-col-lg-push-7 {\n left: 29.16666667%;\n }\n .up-col-lg-pull-7 {\n right: 29.16666667%;\n }\n .up-col-lg-offset-7 {\n margin-left: 29.16666667%;\n }\n .up-col-lg-order-7 {\n -webkit-box-ordinal-group: 8;\n -webkit-order: 7;\n -ms-flex-order: 7;\n order: 7;\n }\n .up-col-lg-6 {\n display: block;\n width: 25%;\n }\n .up-col-lg-push-6 {\n left: 25%;\n }\n .up-col-lg-pull-6 {\n right: 25%;\n }\n .up-col-lg-offset-6 {\n margin-left: 25%;\n }\n .up-col-lg-order-6 {\n -webkit-box-ordinal-group: 7;\n -webkit-order: 6;\n -ms-flex-order: 6;\n order: 6;\n }\n .up-col-lg-5 {\n display: block;\n width: 20.83333333%;\n }\n .up-col-lg-push-5 {\n left: 20.83333333%;\n }\n .up-col-lg-pull-5 {\n right: 20.83333333%;\n }\n .up-col-lg-offset-5 {\n margin-left: 20.83333333%;\n }\n .up-col-lg-order-5 {\n -webkit-box-ordinal-group: 6;\n -webkit-order: 5;\n -ms-flex-order: 5;\n order: 5;\n }\n .up-col-lg-4 {\n display: block;\n width: 16.66666667%;\n }\n .up-col-lg-push-4 {\n left: 16.66666667%;\n }\n .up-col-lg-pull-4 {\n right: 16.66666667%;\n }\n .up-col-lg-offset-4 {\n margin-left: 16.66666667%;\n }\n .up-col-lg-order-4 {\n -webkit-box-ordinal-group: 5;\n -webkit-order: 4;\n -ms-flex-order: 4;\n order: 4;\n }\n .up-col-lg-3 {\n display: block;\n width: 12.5%;\n }\n .up-col-lg-push-3 {\n left: 12.5%;\n }\n .up-col-lg-pull-3 {\n right: 12.5%;\n }\n .up-col-lg-offset-3 {\n margin-left: 12.5%;\n }\n .up-col-lg-order-3 {\n -webkit-box-ordinal-group: 4;\n -webkit-order: 3;\n -ms-flex-order: 3;\n order: 3;\n }\n .up-col-lg-2 {\n display: block;\n width: 8.33333333%;\n }\n .up-col-lg-push-2 {\n left: 8.33333333%;\n }\n .up-col-lg-pull-2 {\n right: 8.33333333%;\n }\n .up-col-lg-offset-2 {\n margin-left: 8.33333333%;\n }\n .up-col-lg-order-2 {\n -webkit-box-ordinal-group: 3;\n -webki