flexboxgrid.css 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960
  1. .container-fluid,
  2. .container {
  3. margin-right: auto;
  4. margin-left: auto;
  5. }
  6. .container-fluid {
  7. padding-right: 2rem;
  8. padding-left: 2rem;
  9. }
  10. .row {
  11. box-sizing: border-box;
  12. display: -webkit-box;
  13. display: -ms-flexbox;
  14. display: flex;
  15. -webkit-box-flex: 0;
  16. -ms-flex: 0 1 auto;
  17. flex: 0 1 auto;
  18. -webkit-box-orient: horizontal;
  19. -webkit-box-direction: normal;
  20. -ms-flex-direction: row;
  21. flex-direction: row;
  22. -ms-flex-wrap: wrap;
  23. flex-wrap: wrap;
  24. margin-right: -0.5rem;
  25. margin-left: -0.5rem;
  26. }
  27. .row.reverse {
  28. -webkit-box-orient: horizontal;
  29. -webkit-box-direction: reverse;
  30. -ms-flex-direction: row-reverse;
  31. flex-direction: row-reverse;
  32. }
  33. .col.reverse {
  34. -webkit-box-orient: vertical;
  35. -webkit-box-direction: reverse;
  36. -ms-flex-direction: column-reverse;
  37. flex-direction: column-reverse;
  38. }
  39. .col-xs,
  40. .col-xs-1,
  41. .col-xs-2,
  42. .col-xs-3,
  43. .col-xs-4,
  44. .col-xs-5,
  45. .col-xs-6,
  46. .col-xs-7,
  47. .col-xs-8,
  48. .col-xs-9,
  49. .col-xs-10,
  50. .col-xs-11,
  51. .col-xs-12,
  52. .col-xs-offset-0,
  53. .col-xs-offset-1,
  54. .col-xs-offset-2,
  55. .col-xs-offset-3,
  56. .col-xs-offset-4,
  57. .col-xs-offset-5,
  58. .col-xs-offset-6,
  59. .col-xs-offset-7,
  60. .col-xs-offset-8,
  61. .col-xs-offset-9,
  62. .col-xs-offset-10,
  63. .col-xs-offset-11,
  64. .col-xs-offset-12 {
  65. box-sizing: border-box;
  66. -webkit-box-flex: 0;
  67. -ms-flex: 0 0 auto;
  68. flex: 0 0 auto;
  69. padding-right: 0.5rem;
  70. padding-left: 0.5rem;
  71. }
  72. .col-xs {
  73. -webkit-box-flex: 1;
  74. -ms-flex-positive: 1;
  75. flex-grow: 1;
  76. -ms-flex-preferred-size: 0;
  77. flex-basis: 0;
  78. max-width: 100%;
  79. }
  80. .col-xs-1 {
  81. -ms-flex-preferred-size: 8.33333333%;
  82. flex-basis: 8.33333333%;
  83. max-width: 8.33333333%;
  84. }
  85. .col-xs-2 {
  86. -ms-flex-preferred-size: 16.66666667%;
  87. flex-basis: 16.66666667%;
  88. max-width: 16.66666667%;
  89. }
  90. .col-xs-3 {
  91. -ms-flex-preferred-size: 25%;
  92. flex-basis: 25%;
  93. max-width: 25%;
  94. }
  95. .col-xs-4 {
  96. -ms-flex-preferred-size: 33.33333333%;
  97. flex-basis: 33.33333333%;
  98. max-width: 33.33333333%;
  99. }
  100. .col-xs-5 {
  101. -ms-flex-preferred-size: 41.66666667%;
  102. flex-basis: 41.66666667%;
  103. max-width: 41.66666667%;
  104. }
  105. .col-xs-6 {
  106. -ms-flex-preferred-size: 50%;
  107. flex-basis: 50%;
  108. max-width: 50%;
  109. }
  110. .col-xs-7 {
  111. -ms-flex-preferred-size: 58.33333333%;
  112. flex-basis: 58.33333333%;
  113. max-width: 58.33333333%;
  114. }
  115. .col-xs-8 {
  116. -ms-flex-preferred-size: 66.66666667%;
  117. flex-basis: 66.66666667%;
  118. max-width: 66.66666667%;
  119. }
  120. .col-xs-9 {
  121. -ms-flex-preferred-size: 75%;
  122. flex-basis: 75%;
  123. max-width: 75%;
  124. }
  125. .col-xs-10 {
  126. -ms-flex-preferred-size: 83.33333333%;
  127. flex-basis: 83.33333333%;
  128. max-width: 83.33333333%;
  129. }
  130. .col-xs-11 {
  131. -ms-flex-preferred-size: 91.66666667%;
  132. flex-basis: 91.66666667%;
  133. max-width: 91.66666667%;
  134. }
  135. .col-xs-12 {
  136. -ms-flex-preferred-size: 100%;
  137. flex-basis: 100%;
  138. max-width: 100%;
  139. }
  140. .col-xs-offset-0 {
  141. margin-left: 0;
  142. }
  143. .col-xs-offset-1 {
  144. margin-left: 8.33333333%;
  145. }
  146. .col-xs-offset-2 {
  147. margin-left: 16.66666667%;
  148. }
  149. .col-xs-offset-3 {
  150. margin-left: 25%;
  151. }
  152. .col-xs-offset-4 {
  153. margin-left: 33.33333333%;
  154. }
  155. .col-xs-offset-5 {
  156. margin-left: 41.66666667%;
  157. }
  158. .col-xs-offset-6 {
  159. margin-left: 50%;
  160. }
  161. .col-xs-offset-7 {
  162. margin-left: 58.33333333%;
  163. }
  164. .col-xs-offset-8 {
  165. margin-left: 66.66666667%;
  166. }
  167. .col-xs-offset-9 {
  168. margin-left: 75%;
  169. }
  170. .col-xs-offset-10 {
  171. margin-left: 83.33333333%;
  172. }
  173. .col-xs-offset-11 {
  174. margin-left: 91.66666667%;
  175. }
  176. .start-xs {
  177. -webkit-box-pack: start;
  178. -ms-flex-pack: start;
  179. justify-content: flex-start;
  180. text-align: start;
  181. }
  182. .center-xs {
  183. -webkit-box-pack: center;
  184. -ms-flex-pack: center;
  185. justify-content: center;
  186. text-align: center;
  187. }
  188. .end-xs {
  189. -webkit-box-pack: end;
  190. -ms-flex-pack: end;
  191. justify-content: flex-end;
  192. text-align: end;
  193. }
  194. .top-xs {
  195. -webkit-box-align: start;
  196. -ms-flex-align: start;
  197. align-items: flex-start;
  198. }
  199. .middle-xs {
  200. -webkit-box-align: center;
  201. -ms-flex-align: center;
  202. align-items: center;
  203. }
  204. .bottom-xs {
  205. -webkit-box-align: end;
  206. -ms-flex-align: end;
  207. align-items: flex-end;
  208. }
  209. .around-xs {
  210. -ms-flex-pack: distribute;
  211. justify-content: space-around;
  212. }
  213. .between-xs {
  214. -webkit-box-pack: justify;
  215. -ms-flex-pack: justify;
  216. justify-content: space-between;
  217. }
  218. .first-xs {
  219. -webkit-box-ordinal-group: 0;
  220. -ms-flex-order: -1;
  221. order: -1;
  222. }
  223. .last-xs {
  224. -webkit-box-ordinal-group: 2;
  225. -ms-flex-order: 1;
  226. order: 1;
  227. }
  228. @media only screen and (min-width: 48em) {
  229. .container {
  230. width: 49rem;
  231. }
  232. .col-sm,
  233. .col-sm-1,
  234. .col-sm-2,
  235. .col-sm-3,
  236. .col-sm-4,
  237. .col-sm-5,
  238. .col-sm-6,
  239. .col-sm-7,
  240. .col-sm-8,
  241. .col-sm-9,
  242. .col-sm-10,
  243. .col-sm-11,
  244. .col-sm-12,
  245. .col-sm-offset-0,
  246. .col-sm-offset-1,
  247. .col-sm-offset-2,
  248. .col-sm-offset-3,
  249. .col-sm-offset-4,
  250. .col-sm-offset-5,
  251. .col-sm-offset-6,
  252. .col-sm-offset-7,
  253. .col-sm-offset-8,
  254. .col-sm-offset-9,
  255. .col-sm-offset-10,
  256. .col-sm-offset-11,
  257. .col-sm-offset-12 {
  258. box-sizing: border-box;
  259. -webkit-box-flex: 0;
  260. -ms-flex: 0 0 auto;
  261. flex: 0 0 auto;
  262. padding-right: 0.5rem;
  263. padding-left: 0.5rem;
  264. }
  265. .col-sm {
  266. -webkit-box-flex: 1;
  267. -ms-flex-positive: 1;
  268. flex-grow: 1;
  269. -ms-flex-preferred-size: 0;
  270. flex-basis: 0;
  271. max-width: 100%;
  272. }
  273. .col-sm-1 {
  274. -ms-flex-preferred-size: 8.33333333%;
  275. flex-basis: 8.33333333%;
  276. max-width: 8.33333333%;
  277. }
  278. .col-sm-2 {
  279. -ms-flex-preferred-size: 16.66666667%;
  280. flex-basis: 16.66666667%;
  281. max-width: 16.66666667%;
  282. }
  283. .col-sm-3 {
  284. -ms-flex-preferred-size: 25%;
  285. flex-basis: 25%;
  286. max-width: 25%;
  287. }
  288. .col-sm-4 {
  289. -ms-flex-preferred-size: 33.33333333%;
  290. flex-basis: 33.33333333%;
  291. max-width: 33.33333333%;
  292. }
  293. .col-sm-5 {
  294. -ms-flex-preferred-size: 41.66666667%;
  295. flex-basis: 41.66666667%;
  296. max-width: 41.66666667%;
  297. }
  298. .col-sm-6 {
  299. -ms-flex-preferred-size: 50%;
  300. flex-basis: 50%;
  301. max-width: 50%;
  302. }
  303. .col-sm-7 {
  304. -ms-flex-preferred-size: 58.33333333%;
  305. flex-basis: 58.33333333%;
  306. max-width: 58.33333333%;
  307. }
  308. .col-sm-8 {
  309. -ms-flex-preferred-size: 66.66666667%;
  310. flex-basis: 66.66666667%;
  311. max-width: 66.66666667%;
  312. }
  313. .col-sm-9 {
  314. -ms-flex-preferred-size: 75%;
  315. flex-basis: 75%;
  316. max-width: 75%;
  317. }
  318. .col-sm-10 {
  319. -ms-flex-preferred-size: 83.33333333%;
  320. flex-basis: 83.33333333%;
  321. max-width: 83.33333333%;
  322. }
  323. .col-sm-11 {
  324. -ms-flex-preferred-size: 91.66666667%;
  325. flex-basis: 91.66666667%;
  326. max-width: 91.66666667%;
  327. }
  328. .col-sm-12 {
  329. -ms-flex-preferred-size: 100%;
  330. flex-basis: 100%;
  331. max-width: 100%;
  332. }
  333. .col-sm-offset-0 {
  334. margin-left: 0;
  335. }
  336. .col-sm-offset-1 {
  337. margin-left: 8.33333333%;
  338. }
  339. .col-sm-offset-2 {
  340. margin-left: 16.66666667%;
  341. }
  342. .col-sm-offset-3 {
  343. margin-left: 25%;
  344. }
  345. .col-sm-offset-4 {
  346. margin-left: 33.33333333%;
  347. }
  348. .col-sm-offset-5 {
  349. margin-left: 41.66666667%;
  350. }
  351. .col-sm-offset-6 {
  352. margin-left: 50%;
  353. }
  354. .col-sm-offset-7 {
  355. margin-left: 58.33333333%;
  356. }
  357. .col-sm-offset-8 {
  358. margin-left: 66.66666667%;
  359. }
  360. .col-sm-offset-9 {
  361. margin-left: 75%;
  362. }
  363. .col-sm-offset-10 {
  364. margin-left: 83.33333333%;
  365. }
  366. .col-sm-offset-11 {
  367. margin-left: 91.66666667%;
  368. }
  369. .start-sm {
  370. -webkit-box-pack: start;
  371. -ms-flex-pack: start;
  372. justify-content: flex-start;
  373. text-align: start;
  374. }
  375. .center-sm {
  376. -webkit-box-pack: center;
  377. -ms-flex-pack: center;
  378. justify-content: center;
  379. text-align: center;
  380. }
  381. .end-sm {
  382. -webkit-box-pack: end;
  383. -ms-flex-pack: end;
  384. justify-content: flex-end;
  385. text-align: end;
  386. }
  387. .top-sm {
  388. -webkit-box-align: start;
  389. -ms-flex-align: start;
  390. align-items: flex-start;
  391. }
  392. .middle-sm {
  393. -webkit-box-align: center;
  394. -ms-flex-align: center;
  395. align-items: center;
  396. }
  397. .bottom-sm {
  398. -webkit-box-align: end;
  399. -ms-flex-align: end;
  400. align-items: flex-end;
  401. }
  402. .around-sm {
  403. -ms-flex-pack: distribute;
  404. justify-content: space-around;
  405. }
  406. .between-sm {
  407. -webkit-box-pack: justify;
  408. -ms-flex-pack: justify;
  409. justify-content: space-between;
  410. }
  411. .first-sm {
  412. -webkit-box-ordinal-group: 0;
  413. -ms-flex-order: -1;
  414. order: -1;
  415. }
  416. .last-sm {
  417. -webkit-box-ordinal-group: 2;
  418. -ms-flex-order: 1;
  419. order: 1;
  420. }
  421. }
  422. @media only screen and (min-width: 64em) {
  423. .container {
  424. width: 65rem;
  425. }
  426. .col-md,
  427. .col-md-1,
  428. .col-md-2,
  429. .col-md-3,
  430. .col-md-4,
  431. .col-md-5,
  432. .col-md-6,
  433. .col-md-7,
  434. .col-md-8,
  435. .col-md-9,
  436. .col-md-10,
  437. .col-md-11,
  438. .col-md-12,
  439. .col-md-offset-0,
  440. .col-md-offset-1,
  441. .col-md-offset-2,
  442. .col-md-offset-3,
  443. .col-md-offset-4,
  444. .col-md-offset-5,
  445. .col-md-offset-6,
  446. .col-md-offset-7,
  447. .col-md-offset-8,
  448. .col-md-offset-9,
  449. .col-md-offset-10,
  450. .col-md-offset-11,
  451. .col-md-offset-12 {
  452. box-sizing: border-box;
  453. -webkit-box-flex: 0;
  454. -ms-flex: 0 0 auto;
  455. flex: 0 0 auto;
  456. padding-right: 0.5rem;
  457. padding-left: 0.5rem;
  458. }
  459. .col-md {
  460. -webkit-box-flex: 1;
  461. -ms-flex-positive: 1;
  462. flex-grow: 1;
  463. -ms-flex-preferred-size: 0;
  464. flex-basis: 0;
  465. max-width: 100%;
  466. }
  467. .col-md-1 {
  468. -ms-flex-preferred-size: 8.33333333%;
  469. flex-basis: 8.33333333%;
  470. max-width: 8.33333333%;
  471. }
  472. .col-md-2 {
  473. -ms-flex-preferred-size: 16.66666667%;
  474. flex-basis: 16.66666667%;
  475. max-width: 16.66666667%;
  476. }
  477. .col-md-3 {
  478. -ms-flex-preferred-size: 25%;
  479. flex-basis: 25%;
  480. max-width: 25%;
  481. }
  482. .col-md-4 {
  483. -ms-flex-preferred-size: 33.33333333%;
  484. flex-basis: 33.33333333%;
  485. max-width: 33.33333333%;
  486. }
  487. .col-md-5 {
  488. -ms-flex-preferred-size: 41.66666667%;
  489. flex-basis: 41.66666667%;
  490. max-width: 41.66666667%;
  491. }
  492. .col-md-6 {
  493. -ms-flex-preferred-size: 50%;
  494. flex-basis: 50%;
  495. max-width: 50%;
  496. }
  497. .col-md-7 {
  498. -ms-flex-preferred-size: 58.33333333%;
  499. flex-basis: 58.33333333%;
  500. max-width: 58.33333333%;
  501. }
  502. .col-md-8 {
  503. -ms-flex-preferred-size: 66.66666667%;
  504. flex-basis: 66.66666667%;
  505. max-width: 66.66666667%;
  506. }
  507. .col-md-9 {
  508. -ms-flex-preferred-size: 75%;
  509. flex-basis: 75%;
  510. max-width: 75%;
  511. }
  512. .col-md-10 {
  513. -ms-flex-preferred-size: 83.33333333%;
  514. flex-basis: 83.33333333%;
  515. max-width: 83.33333333%;
  516. }
  517. .col-md-11 {
  518. -ms-flex-preferred-size: 91.66666667%;
  519. flex-basis: 91.66666667%;
  520. max-width: 91.66666667%;
  521. }
  522. .col-md-12 {
  523. -ms-flex-preferred-size: 100%;
  524. flex-basis: 100%;
  525. max-width: 100%;
  526. }
  527. .col-md-offset-0 {
  528. margin-left: 0;
  529. }
  530. .col-md-offset-1 {
  531. margin-left: 8.33333333%;
  532. }
  533. .col-md-offset-2 {
  534. margin-left: 16.66666667%;
  535. }
  536. .col-md-offset-3 {
  537. margin-left: 25%;
  538. }
  539. .col-md-offset-4 {
  540. margin-left: 33.33333333%;
  541. }
  542. .col-md-offset-5 {
  543. margin-left: 41.66666667%;
  544. }
  545. .col-md-offset-6 {
  546. margin-left: 50%;
  547. }
  548. .col-md-offset-7 {
  549. margin-left: 58.33333333%;
  550. }
  551. .col-md-offset-8 {
  552. margin-left: 66.66666667%;
  553. }
  554. .col-md-offset-9 {
  555. margin-left: 75%;
  556. }
  557. .col-md-offset-10 {
  558. margin-left: 83.33333333%;
  559. }
  560. .col-md-offset-11 {
  561. margin-left: 91.66666667%;
  562. }
  563. .start-md {
  564. -webkit-box-pack: start;
  565. -ms-flex-pack: start;
  566. justify-content: flex-start;
  567. text-align: start;
  568. }
  569. .center-md {
  570. -webkit-box-pack: center;
  571. -ms-flex-pack: center;
  572. justify-content: center;
  573. text-align: center;
  574. }
  575. .end-md {
  576. -webkit-box-pack: end;
  577. -ms-flex-pack: end;
  578. justify-content: flex-end;
  579. text-align: end;
  580. }
  581. .top-md {
  582. -webkit-box-align: start;
  583. -ms-flex-align: start;
  584. align-items: flex-start;
  585. }
  586. .middle-md {
  587. -webkit-box-align: center;
  588. -ms-flex-align: center;
  589. align-items: center;
  590. }
  591. .bottom-md {
  592. -webkit-box-align: end;
  593. -ms-flex-align: end;
  594. align-items: flex-end;
  595. }
  596. .around-md {
  597. -ms-flex-pack: distribute;
  598. justify-content: space-around;
  599. }
  600. .between-md {
  601. -webkit-box-pack: justify;
  602. -ms-flex-pack: justify;
  603. justify-content: space-between;
  604. }
  605. .first-md {
  606. -webkit-box-ordinal-group: 0;
  607. -ms-flex-order: -1;
  608. order: -1;
  609. }
  610. .last-md {
  611. -webkit-box-ordinal-group: 2;
  612. -ms-flex-order: 1;
  613. order: 1;
  614. }
  615. }
  616. @media only screen and (min-width: 75em) {
  617. .container {
  618. width: 76rem;
  619. }
  620. .col-lg,
  621. .col-lg-1,
  622. .col-lg-2,
  623. .col-lg-3,
  624. .col-lg-4,
  625. .col-lg-5,
  626. .col-lg-6,
  627. .col-lg-7,
  628. .col-lg-8,
  629. .col-lg-9,
  630. .col-lg-10,
  631. .col-lg-11,
  632. .col-lg-12,
  633. .col-lg-offset-0,
  634. .col-lg-offset-1,
  635. .col-lg-offset-2,
  636. .col-lg-offset-3,
  637. .col-lg-offset-4,
  638. .col-lg-offset-5,
  639. .col-lg-offset-6,
  640. .col-lg-offset-7,
  641. .col-lg-offset-8,
  642. .col-lg-offset-9,
  643. .col-lg-offset-10,
  644. .col-lg-offset-11,
  645. .col-lg-offset-12 {
  646. box-sizing: border-box;
  647. -webkit-box-flex: 0;
  648. -ms-flex: 0 0 auto;
  649. flex: 0 0 auto;
  650. padding-right: 0.5rem;
  651. padding-left: 0.5rem;
  652. }
  653. .col-lg {
  654. -webkit-box-flex: 1;
  655. -ms-flex-positive: 1;
  656. flex-grow: 1;
  657. -ms-flex-preferred-size: 0;
  658. flex-basis: 0;
  659. max-width: 100%;
  660. }
  661. .col-lg-1 {
  662. -ms-flex-preferred-size: 8.33333333%;
  663. flex-basis: 8.33333333%;
  664. max-width: 8.33333333%;
  665. }
  666. .col-lg-2 {
  667. -ms-flex-preferred-size: 16.66666667%;
  668. flex-basis: 16.66666667%;
  669. max-width: 16.66666667%;
  670. }
  671. .col-lg-3 {
  672. -ms-flex-preferred-size: 25%;
  673. flex-basis: 25%;
  674. max-width: 25%;
  675. }
  676. .col-lg-4 {
  677. -ms-flex-preferred-size: 33.33333333%;
  678. flex-basis: 33.33333333%;
  679. max-width: 33.33333333%;
  680. }
  681. .col-lg-5 {
  682. -ms-flex-preferred-size: 41.66666667%;
  683. flex-basis: 41.66666667%;
  684. max-width: 41.66666667%;
  685. }
  686. .col-lg-6 {
  687. -ms-flex-preferred-size: 50%;
  688. flex-basis: 50%;
  689. max-width: 50%;
  690. }
  691. .col-lg-7 {
  692. -ms-flex-preferred-size: 58.33333333%;
  693. flex-basis: 58.33333333%;
  694. max-width: 58.33333333%;
  695. }
  696. .col-lg-8 {
  697. -ms-flex-preferred-size: 66.66666667%;
  698. flex-basis: 66.66666667%;
  699. max-width: 66.66666667%;
  700. }
  701. .col-lg-9 {
  702. -ms-flex-preferred-size: 75%;
  703. flex-basis: 75%;
  704. max-width: 75%;
  705. }
  706. .col-lg-10 {
  707. -ms-flex-preferred-size: 83.33333333%;
  708. flex-basis: 83.33333333%;
  709. max-width: 83.33333333%;
  710. }
  711. .col-lg-11 {
  712. -ms-flex-preferred-size: 91.66666667%;
  713. flex-basis: 91.66666667%;
  714. max-width: 91.66666667%;
  715. }
  716. .col-lg-12 {
  717. -ms-flex-preferred-size: 100%;
  718. flex-basis: 100%;
  719. max-width: 100%;
  720. }
  721. .col-lg-offset-0 {
  722. margin-left: 0;
  723. }
  724. .col-lg-offset-1 {
  725. margin-left: 8.33333333%;
  726. }
  727. .col-lg-offset-2 {
  728. margin-left: 16.66666667%;
  729. }
  730. .col-lg-offset-3 {
  731. margin-left: 25%;
  732. }
  733. .col-lg-offset-4 {
  734. margin-left: 33.33333333%;
  735. }
  736. .col-lg-offset-5 {
  737. margin-left: 41.66666667%;
  738. }
  739. .col-lg-offset-6 {
  740. margin-left: 50%;
  741. }
  742. .col-lg-offset-7 {
  743. margin-left: 58.33333333%;
  744. }
  745. .col-lg-offset-8 {
  746. margin-left: 66.66666667%;
  747. }
  748. .col-lg-offset-9 {
  749. margin-left: 75%;
  750. }
  751. .col-lg-offset-10 {
  752. margin-left: 83.33333333%;
  753. }
  754. .col-lg-offset-11 {
  755. margin-left: 91.66666667%;
  756. }
  757. .start-lg {
  758. -webkit-box-pack: start;
  759. -ms-flex-pack: start;
  760. justify-content: flex-start;
  761. text-align: start;
  762. }
  763. .center-lg {
  764. -webkit-box-pack: center;
  765. -ms-flex-pack: center;
  766. justify-content: center;
  767. text-align: center;
  768. }
  769. .end-lg {
  770. -webkit-box-pack: end;
  771. -ms-flex-pack: end;
  772. justify-content: flex-end;
  773. text-align: end;
  774. }
  775. .top-lg {
  776. -webkit-box-align: start;
  777. -ms-flex-align: start;
  778. align-items: flex-start;
  779. }
  780. .middle-lg {
  781. -webkit-box-align: center;
  782. -ms-flex-align: center;
  783. align-items: center;
  784. }
  785. .bottom-lg {
  786. -webkit-box-align: end;
  787. -ms-flex-align: end;
  788. align-items: flex-end;
  789. }
  790. .around-lg {
  791. -ms-flex-pack: distribute;
  792. justify-content: space-around;
  793. }
  794. .between-lg {
  795. -webkit-box-pack: justify;
  796. -ms-flex-pack: justify;
  797. justify-content: space-between;
  798. }
  799. .first-lg {
  800. -webkit-box-ordinal-group: 0;
  801. -ms-flex-order: -1;
  802. order: -1;
  803. }
  804. .last-lg {
  805. -webkit-box-ordinal-group: 2;
  806. -ms-flex-order: 1;
  807. order: 1;
  808. }
  809. }