UNPKG

prime-grid

Version:

A prime grid for your projects!

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