droidcss 1.2.7 → 2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,9 +1,24 @@
1
- article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
1
+ html {
2
+ font-family: sans-serif;
3
+ -ms-text-size-adjust: 100%;
4
+ -webkit-text-size-adjust: 100%;
5
+ }
6
+
7
+ body, figure {
8
+ margin: 0;
9
+ }
10
+
11
+ body {
12
+ cursor: default;
13
+ }
14
+
15
+ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
2
16
  display: block;
3
17
  }
4
18
 
5
- audio, canvas, video {
19
+ audio, canvas, progress, video {
6
20
  display: inline-block;
21
+ vertical-align: baseline;
7
22
  }
8
23
 
9
24
  audio:not([controls]) {
@@ -15,25 +30,14 @@ audio:not([controls]) {
15
30
  display: none;
16
31
  }
17
32
 
18
- html {
19
- -ms-text-size-adjust: 100%;
20
- -webkit-text-size-adjust: 100%;
21
- font-family: sans-serif;
22
- }
23
-
24
33
  a {
25
- background: transparent;
34
+ background-color: transparent;
26
35
  }
27
36
 
28
- a, input, textarea {
37
+ a:active, a:hover {
29
38
  outline: 0;
30
39
  }
31
40
 
32
- h1, h2, h3, h4, h5, h6 {
33
- font-size: 100%;
34
- margin: 0;
35
- }
36
-
37
41
  abbr[title] {
38
42
  border-bottom: 1px dotted;
39
43
  }
@@ -42,14 +46,13 @@ b, strong {
42
46
  font-weight: 700;
43
47
  }
44
48
 
45
- em, i {
49
+ dfn {
46
50
  font-style: italic;
47
51
  }
48
52
 
49
- hr {
50
- -moz-box-sizing: content-box;
51
- box-sizing: content-box;
52
- height: 0;
53
+ h1 {
54
+ font-size: 2em;
55
+ margin: .67em 0;
53
56
  }
54
57
 
55
58
  mark {
@@ -57,19 +60,6 @@ mark {
57
60
  color: #000;
58
61
  }
59
62
 
60
- code, kbd, pre, samp {
61
- font-family: monospace, serif;
62
- font-size: 1em;
63
- }
64
-
65
- pre {
66
- white-space: pre-wrap;
67
- }
68
-
69
- q {
70
- quotes: \201C \201D \2018 \2019;
71
- }
72
-
73
63
  small {
74
64
  font-size: 80%;
75
65
  }
@@ -97,28 +87,41 @@ svg:not(:root) {
97
87
  overflow: hidden;
98
88
  }
99
89
 
100
- fieldset {
101
- border: 1px solid silver;
102
- margin: 0 2px;
103
- padding: .35em .625em .75em;
90
+ figure {
91
+ margin: 1em 40px;
92
+ }
93
+
94
+ hr {
95
+ -moz-box-sizing: content-box;
96
+ box-sizing: content-box;
97
+ height: 0;
104
98
  }
105
99
 
106
- button, input, select, textarea {
107
- font-family: inherit;
108
- font-size: 100%;
100
+ pre {
101
+ overflow: auto;
102
+ }
103
+
104
+ code, kbd, pre, samp {
105
+ font-family: monospace,monospace;
106
+ font-size: 1em;
107
+ }
108
+
109
+ button, input, optgroup, select, textarea {
110
+ color: inherit;
111
+ font: inherit;
109
112
  margin: 0;
110
113
  }
111
114
 
112
- button, input {
113
- line-height: normal;
115
+ button {
116
+ overflow: visible;
114
117
  }
115
118
 
116
119
  button, select {
117
120
  text-transform: none;
118
121
  }
119
122
 
120
- button, html input[type=button],
121
- input[type=reset], input[type=submit] {
123
+ button, html input[type="button"],
124
+ input[type="reset"], input[type="submit"] {
122
125
  -webkit-appearance: button;
123
126
  cursor: pointer;
124
127
  }
@@ -127,25 +130,52 @@ button[disabled], html input[disabled] {
127
130
  cursor: default;
128
131
  }
129
132
 
130
- input[type=checkbox], input[type=radio] {
133
+ button::-moz-focus-inner, input::-moz-focus-inner {
134
+ border: 0;
135
+ padding: 0;
136
+ }
137
+
138
+ input {
139
+ line-height: normal;
140
+ }
141
+
142
+ input[type="checkbox"], input[type="radio"] {
131
143
  box-sizing: border-box;
132
144
  padding: 0;
133
145
  }
134
146
 
135
- input[type=search] {
136
- -moz-box-sizing: content-box;
147
+ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
148
+ height: auto;
149
+ }
150
+
151
+ input[type="search"] {
137
152
  -webkit-appearance: textfield;
153
+ -moz-box-sizing: content-box;
138
154
  -webkit-box-sizing: content-box;
139
155
  box-sizing: content-box;
140
156
  }
141
157
 
142
- input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
158
+ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
143
159
  -webkit-appearance: none;
144
160
  }
145
161
 
162
+ fieldset {
163
+ border: 1px solid silver;
164
+ margin: 0 2px;
165
+ padding: .35em .625em .75em;
166
+ }
167
+
168
+ legend {
169
+ border: 0;
170
+ padding: 0;
171
+ }
172
+
146
173
  textarea {
147
174
  overflow: auto;
148
- vertical-align: top;
175
+ }
176
+
177
+ optgroup {
178
+ font-weight: 700;
149
179
  }
150
180
 
151
181
  table {
@@ -153,8 +183,8 @@ table {
153
183
  border-spacing: 0;
154
184
  }
155
185
 
156
- body, figure {
157
- margin: 0;
186
+ td, th {
187
+ padding: 0;
158
188
  }
159
189
 
160
190
  legend, button::-moz-focus-inner, input::-moz-focus-inner {
@@ -162,10 +192,6 @@ legend, button::-moz-focus-inner, input::-moz-focus-inner {
162
192
  padding: 0;
163
193
  }
164
194
 
165
- body {
166
- cursor: default;
167
- }
168
-
169
195
  input, textarea {
170
196
  cursor: text;
171
197
  }
@@ -185,24 +211,6 @@ nav ul li {
185
211
  padding: 0;
186
212
  }
187
213
 
188
- ::selection {
189
- text-shadow: none;
190
- color: #333;
191
- background: #FF9;
192
- }
193
-
194
- ::-moz-selection {
195
- text-shadow: none;
196
- color: #333;
197
- background: #FF9;
198
- }
199
-
200
- ::-webkit-selection {
201
- text-shadow: none;
202
- color: #333;
203
- background: #FF9;
204
- }
205
-
206
214
  .hide, .hidden {
207
215
  display: none;
208
216
  }
@@ -243,28 +251,51 @@ nav ul li {
243
251
  clear: both;
244
252
  }
245
253
 
246
- .grid-container {
247
- max-width: 960px;
248
- margin-left: auto;
254
+ .container {
249
255
  margin-right: auto;
256
+ margin-left: auto;
257
+ padding-left: 15px;
258
+ padding-right: 15px;
259
+ letter-spacing: -.65em;
260
+ }
261
+ .container:after {
262
+ content: '';
263
+ display: table;
250
264
  clear: both;
251
- letter-spacing: -16px;
252
265
  }
253
- .grid-container:before, .grid-container:after {
254
- content: ".";
255
- display: block;
256
- overflow: hidden;
257
- visibility: hidden;
258
- font-size: 0;
259
- line-height: 0;
260
- width: 0;
261
- height: 0;
266
+ @media (min-width: 768px) {
267
+ .container {
268
+ width: 750px;
269
+ }
270
+ }
271
+ @media (min-width: 992px) {
272
+ .container {
273
+ width: 970px;
274
+ }
275
+ }
276
+ @media (min-width: 1200px) {
277
+ .container {
278
+ width: 1170px;
279
+ }
280
+ }
281
+
282
+ .container-fluid {
283
+ margin-right: auto;
284
+ margin-left: auto;
285
+ padding-left: 15px;
286
+ padding-right: 15px;
287
+ letter-spacing: -.65em;
288
+ }
289
+ .container-fluid:after {
290
+ content: '';
291
+ display: table;
262
292
  clear: both;
263
293
  }
264
294
 
265
295
  .row {
266
- margin-right: -1.04167%;
267
- margin-left: -1.04167%;
296
+ margin-left: -15px;
297
+ margin-right: -15px;
298
+ letter-spacing: -.65em;
268
299
  }
269
300
  .row:after {
270
301
  content: '';
@@ -272,805 +303,1021 @@ nav ul li {
272
303
  clear: both;
273
304
  }
274
305
 
275
- .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
276
- margin-left: 1.04167%;
277
- margin-right: 1.04167%;
306
+ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
307
+ min-height: 1px;
308
+ letter-spacing: normal;
278
309
  display: inline-block;
279
310
  vertical-align: top;
280
- min-height: 1px;
281
- letter-spacing: 0;
311
+ padding-left: 15px;
312
+ padding-right: 15px;
282
313
  -webkit-box-sizing: border-box;
283
314
  -moz-box-sizing: border-box;
284
315
  box-sizing: border-box;
285
316
  }
286
317
 
287
- .push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4, .push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8, .push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12 {
288
- position: relative;
318
+ .col-xs-1 {
319
+ width: 8.3333333333%;
289
320
  }
290
321
 
291
- .grid-1 {
292
- width: 6.25%;
322
+ .col-xs-2 {
323
+ width: 16.6666666667%;
293
324
  }
294
325
 
295
- .prefix-1 {
296
- margin-left: 9.375%;
326
+ .col-xs-3 {
327
+ width: 25%;
297
328
  }
298
329
 
299
- .suffix-1 {
300
- margin-right: 9.375%;
330
+ .col-xs-4 {
331
+ width: 33.3333333333%;
301
332
  }
302
333
 
303
- .push-1 {
304
- left: 9.375%;
334
+ .col-xs-5 {
335
+ width: 41.6666666667%;
305
336
  }
306
337
 
307
- .pull-1 {
308
- left: -9.375%;
338
+ .col-xs-6 {
339
+ width: 50%;
309
340
  }
310
341
 
311
- .grid-2 {
312
- width: 14.58333%;
342
+ .col-xs-7 {
343
+ width: 58.3333333333%;
313
344
  }
314
345
 
315
- .prefix-2 {
316
- margin-left: 17.70833%;
346
+ .col-xs-8 {
347
+ width: 66.6666666667%;
317
348
  }
318
349
 
319
- .suffix-2 {
320
- margin-right: 17.70833%;
350
+ .col-xs-9 {
351
+ width: 75%;
321
352
  }
322
353
 
323
- .push-2 {
324
- left: 17.70833%;
354
+ .col-xs-10 {
355
+ width: 83.3333333333%;
325
356
  }
326
357
 
327
- .pull-2 {
328
- left: -17.70833%;
358
+ .col-xs-11 {
359
+ width: 91.6666666667%;
329
360
  }
330
361
 
331
- .grid-3 {
332
- width: 22.91667%;
362
+ .col-xs-12 {
363
+ width: 100%;
333
364
  }
334
365
 
335
- .prefix-3 {
336
- margin-left: 26.04167%;
366
+ .col-xs-pull-0 {
367
+ right: auto;
337
368
  }
338
369
 
339
- .suffix-3 {
340
- margin-right: 26.04167%;
370
+ .col-xs-pull-1 {
371
+ right: 8.3333333333%;
341
372
  }
342
373
 
343
- .push-3 {
344
- left: 26.04167%;
374
+ .col-xs-pull-2 {
375
+ right: 16.6666666667%;
345
376
  }
346
377
 
347
- .pull-3 {
348
- left: -26.04167%;
378
+ .col-xs-pull-3 {
379
+ right: 25%;
349
380
  }
350
381
 
351
- .grid-4 {
352
- width: 31.25%;
382
+ .col-xs-pull-4 {
383
+ right: 33.3333333333%;
353
384
  }
354
385
 
355
- .prefix-4 {
356
- margin-left: 34.375%;
386
+ .col-xs-pull-5 {
387
+ right: 41.6666666667%;
357
388
  }
358
389
 
359
- .suffix-4 {
360
- margin-right: 34.375%;
390
+ .col-xs-pull-6 {
391
+ right: 50%;
361
392
  }
362
393
 
363
- .push-4 {
364
- left: 34.375%;
394
+ .col-xs-pull-7 {
395
+ right: 58.3333333333%;
365
396
  }
366
397
 
367
- .pull-4 {
368
- left: -34.375%;
398
+ .col-xs-pull-8 {
399
+ right: 66.6666666667%;
369
400
  }
370
401
 
371
- .grid-5 {
372
- width: 39.58333%;
402
+ .col-xs-pull-9 {
403
+ right: 75%;
373
404
  }
374
405
 
375
- .prefix-5 {
376
- margin-left: 42.70833%;
406
+ .col-xs-pull-10 {
407
+ right: 83.3333333333%;
377
408
  }
378
409
 
379
- .suffix-5 {
380
- margin-right: 42.70833%;
410
+ .col-xs-pull-11 {
411
+ right: 91.6666666667%;
381
412
  }
382
413
 
383
- .push-5 {
384
- left: 42.70833%;
414
+ .col-xs-pull-12 {
415
+ right: 100%;
385
416
  }
386
417
 
387
- .pull-5 {
388
- left: -42.70833%;
418
+ .col-xs-push-0 {
419
+ left: auto;
389
420
  }
390
421
 
391
- .grid-6 {
392
- width: 47.91667%;
422
+ .col-xs-push-1 {
423
+ left: 8.3333333333%;
393
424
  }
394
425
 
395
- .prefix-6 {
396
- margin-left: 51.04167%;
426
+ .col-xs-push-2 {
427
+ left: 16.6666666667%;
397
428
  }
398
429
 
399
- .suffix-6 {
400
- margin-right: 51.04167%;
430
+ .col-xs-push-3 {
431
+ left: 25%;
401
432
  }
402
433
 
403
- .push-6 {
404
- left: 51.04167%;
434
+ .col-xs-push-4 {
435
+ left: 33.3333333333%;
405
436
  }
406
437
 
407
- .pull-6 {
408
- left: -51.04167%;
438
+ .col-xs-push-5 {
439
+ left: 41.6666666667%;
409
440
  }
410
441
 
411
- .grid-7 {
412
- width: 56.25%;
442
+ .col-xs-push-6 {
443
+ left: 50%;
413
444
  }
414
445
 
415
- .prefix-7 {
416
- margin-left: 59.375%;
446
+ .col-xs-push-7 {
447
+ left: 58.3333333333%;
417
448
  }
418
449
 
419
- .suffix-7 {
420
- margin-right: 59.375%;
450
+ .col-xs-push-8 {
451
+ left: 66.6666666667%;
421
452
  }
422
453
 
423
- .push-7 {
424
- left: 59.375%;
454
+ .col-xs-push-9 {
455
+ left: 75%;
425
456
  }
426
457
 
427
- .pull-7 {
428
- left: -59.375%;
458
+ .col-xs-push-10 {
459
+ left: 83.3333333333%;
429
460
  }
430
461
 
431
- .grid-8 {
432
- width: 64.58333%;
462
+ .col-xs-push-11 {
463
+ left: 91.6666666667%;
433
464
  }
434
465
 
435
- .prefix-8 {
436
- margin-left: 67.70833%;
466
+ .col-xs-push-12 {
467
+ left: 100%;
437
468
  }
438
469
 
439
- .suffix-8 {
440
- margin-right: 67.70833%;
470
+ .col-xs-offset-0 {
471
+ margin-left: 0%;
441
472
  }
442
473
 
443
- .push-8 {
444
- left: 67.70833%;
474
+ .col-xs-offset-1 {
475
+ margin-left: 8.3333333333%;
445
476
  }
446
477
 
447
- .pull-8 {
448
- left: -67.70833%;
478
+ .col-xs-offset-2 {
479
+ margin-left: 16.6666666667%;
449
480
  }
450
481
 
451
- .grid-9 {
452
- width: 72.91667%;
482
+ .col-xs-offset-3 {
483
+ margin-left: 25%;
453
484
  }
454
485
 
455
- .prefix-9 {
456
- margin-left: 76.04167%;
486
+ .col-xs-offset-4 {
487
+ margin-left: 33.3333333333%;
457
488
  }
458
489
 
459
- .suffix-9 {
460
- margin-right: 76.04167%;
490
+ .col-xs-offset-5 {
491
+ margin-left: 41.6666666667%;
461
492
  }
462
493
 
463
- .push-9 {
464
- left: 76.04167%;
494
+ .col-xs-offset-6 {
495
+ margin-left: 50%;
465
496
  }
466
497
 
467
- .pull-9 {
468
- left: -76.04167%;
498
+ .col-xs-offset-7 {
499
+ margin-left: 58.3333333333%;
469
500
  }
470
501
 
471
- .grid-10 {
472
- width: 81.25%;
502
+ .col-xs-offset-8 {
503
+ margin-left: 66.6666666667%;
473
504
  }
474
505
 
475
- .prefix-10 {
476
- margin-left: 84.375%;
506
+ .col-xs-offset-9 {
507
+ margin-left: 75%;
477
508
  }
478
509
 
479
- .suffix-10 {
480
- margin-right: 84.375%;
510
+ .col-xs-offset-10 {
511
+ margin-left: 83.3333333333%;
481
512
  }
482
513
 
483
- .push-10 {
484
- left: 84.375%;
514
+ .col-xs-offset-11 {
515
+ margin-left: 91.6666666667%;
485
516
  }
486
517
 
487
- .pull-10 {
488
- left: -84.375%;
518
+ .col-xs-offset-12 {
519
+ margin-left: 100%;
489
520
  }
490
521
 
491
- .grid-11 {
492
- width: 89.58333%;
493
- }
522
+ @media (min-width: 768px) {
523
+ .col-sm-1 {
524
+ width: 8.3333333333%;
525
+ }
494
526
 
495
- .prefix-11 {
496
- margin-left: 92.70833%;
497
- }
527
+ .col-sm-2 {
528
+ width: 16.6666666667%;
529
+ }
498
530
 
499
- .suffix-11 {
500
- margin-right: 92.70833%;
501
- }
531
+ .col-sm-3 {
532
+ width: 25%;
533
+ }
502
534
 
503
- .push-11 {
504
- left: 92.70833%;
505
- }
535
+ .col-sm-4 {
536
+ width: 33.3333333333%;
537
+ }
506
538
 
507
- .pull-11 {
508
- left: -92.70833%;
509
- }
539
+ .col-sm-5 {
540
+ width: 41.6666666667%;
541
+ }
510
542
 
511
- .grid-12 {
512
- width: 97.91667%;
513
- }
543
+ .col-sm-6 {
544
+ width: 50%;
545
+ }
514
546
 
515
- .prefix-12 {
516
- margin-left: 101.04167%;
517
- }
547
+ .col-sm-7 {
548
+ width: 58.3333333333%;
549
+ }
518
550
 
519
- .suffix-12 {
520
- margin-right: 101.04167%;
521
- }
551
+ .col-sm-8 {
552
+ width: 66.6666666667%;
553
+ }
522
554
 
523
- .push-12 {
524
- left: 101.04167%;
525
- }
555
+ .col-sm-9 {
556
+ width: 75%;
557
+ }
526
558
 
527
- .pull-12 {
528
- left: -101.04167%;
529
- }
559
+ .col-sm-10 {
560
+ width: 83.3333333333%;
561
+ }
530
562
 
531
- /* DESKTOP SUPPORT */
532
- @media screen and (min-width: 1025px) {
533
- .visible-desktop {
534
- opacity: 1 !important;
563
+ .col-sm-11 {
564
+ width: 91.6666666667%;
535
565
  }
536
566
 
537
- .hide-on-desktop, .only-tablet, .only-mobile {
538
- display: none !important;
567
+ .col-sm-12 {
568
+ width: 100%;
539
569
  }
540
- }
541
- /* TABLET SUPPORT */
542
- @media screen and (min-width: 768px) and (max-width: 1024px) {
543
- .grid-container {
544
- max-width: 100%;
545
- padding-left: 1.04167%;
546
- padding-right: 1.04167%;
570
+
571
+ .col-sm-pull-0 {
572
+ right: auto;
547
573
  }
548
574
 
549
- .visible-tablet {
550
- opacity: 1 !important;
575
+ .col-sm-pull-1 {
576
+ right: 8.3333333333%;
551
577
  }
552
578
 
553
- .hide-on-tablet, .only-desktop, .only-mobile {
554
- display: none !important;
579
+ .col-sm-pull-2 {
580
+ right: 16.6666666667%;
581
+ }
582
+
583
+ .col-sm-pull-3 {
584
+ right: 25%;
585
+ }
586
+
587
+ .col-sm-pull-4 {
588
+ right: 33.3333333333%;
589
+ }
590
+
591
+ .col-sm-pull-5 {
592
+ right: 41.6666666667%;
593
+ }
594
+
595
+ .col-sm-pull-6 {
596
+ right: 50%;
597
+ }
598
+
599
+ .col-sm-pull-7 {
600
+ right: 58.3333333333%;
601
+ }
602
+
603
+ .col-sm-pull-8 {
604
+ right: 66.6666666667%;
605
+ }
606
+
607
+ .col-sm-pull-9 {
608
+ right: 75%;
609
+ }
610
+
611
+ .col-sm-pull-10 {
612
+ right: 83.3333333333%;
613
+ }
614
+
615
+ .col-sm-pull-11 {
616
+ right: 91.6666666667%;
617
+ }
618
+
619
+ .col-sm-pull-12 {
620
+ right: 100%;
621
+ }
622
+
623
+ .col-sm-push-0 {
624
+ left: auto;
625
+ }
626
+
627
+ .col-sm-push-1 {
628
+ left: 8.3333333333%;
629
+ }
630
+
631
+ .col-sm-push-2 {
632
+ left: 16.6666666667%;
633
+ }
634
+
635
+ .col-sm-push-3 {
636
+ left: 25%;
637
+ }
638
+
639
+ .col-sm-push-4 {
640
+ left: 33.3333333333%;
641
+ }
642
+
643
+ .col-sm-push-5 {
644
+ left: 41.6666666667%;
645
+ }
646
+
647
+ .col-sm-push-6 {
648
+ left: 50%;
649
+ }
650
+
651
+ .col-sm-push-7 {
652
+ left: 58.3333333333%;
653
+ }
654
+
655
+ .col-sm-push-8 {
656
+ left: 66.6666666667%;
657
+ }
658
+
659
+ .col-sm-push-9 {
660
+ left: 75%;
661
+ }
662
+
663
+ .col-sm-push-10 {
664
+ left: 83.3333333333%;
665
+ }
666
+
667
+ .col-sm-push-11 {
668
+ left: 91.6666666667%;
669
+ }
670
+
671
+ .col-sm-push-12 {
672
+ left: 100%;
555
673
  }
556
674
 
557
- .prefix-tablet-0 {
558
- margin-left: 1.04167%;
675
+ .col-sm-offset-0 {
676
+ margin-left: 0%;
559
677
  }
560
678
 
561
- .suffix-tablet-0 {
562
- margin-right: 1.04167%;
679
+ .col-sm-offset-1 {
680
+ margin-left: 8.3333333333%;
563
681
  }
564
682
 
565
- .push-tablet-0, .pull-tablet-0 {
566
- left: 0;
683
+ .col-sm-offset-2 {
684
+ margin-left: 16.6666666667%;
567
685
  }
568
686
 
569
- .grid-tablet-1 {
570
- width: 6.25%;
687
+ .col-sm-offset-3 {
688
+ margin-left: 25%;
571
689
  }
572
690
 
573
- .prefix-tablet-1 {
574
- margin-left: 9.375%;
691
+ .col-sm-offset-4 {
692
+ margin-left: 33.3333333333%;
575
693
  }
576
694
 
577
- .suffix-tablet-1 {
578
- margin-right: 9.375%;
695
+ .col-sm-offset-5 {
696
+ margin-left: 41.6666666667%;
579
697
  }
580
698
 
581
- .push-tablet-1 {
582
- left: 9.375%;
699
+ .col-sm-offset-6 {
700
+ margin-left: 50%;
583
701
  }
584
702
 
585
- .pull-tablet-1 {
586
- left: -9.375%;
703
+ .col-sm-offset-7 {
704
+ margin-left: 58.3333333333%;
587
705
  }
588
706
 
589
- .grid-tablet-2 {
590
- width: 14.58333%;
707
+ .col-sm-offset-8 {
708
+ margin-left: 66.6666666667%;
591
709
  }
592
710
 
593
- .prefix-tablet-2 {
594
- margin-left: 17.70833%;
711
+ .col-sm-offset-9 {
712
+ margin-left: 75%;
595
713
  }
596
714
 
597
- .suffix-tablet-2 {
598
- margin-right: 17.70833%;
715
+ .col-sm-offset-10 {
716
+ margin-left: 83.3333333333%;
599
717
  }
600
718
 
601
- .push-tablet-2 {
602
- left: 17.70833%;
719
+ .col-sm-offset-11 {
720
+ margin-left: 91.6666666667%;
603
721
  }
604
722
 
605
- .pull-tablet-2 {
606
- left: -17.70833%;
723
+ .col-sm-offset-12 {
724
+ margin-left: 100%;
725
+ }
726
+ }
727
+ @media (min-width: 992px) {
728
+ .col-md-1 {
729
+ width: 8.3333333333%;
607
730
  }
608
731
 
609
- .grid-tablet-3 {
610
- width: 22.91667%;
732
+ .col-md-2 {
733
+ width: 16.6666666667%;
611
734
  }
612
735
 
613
- .prefix-tablet-3 {
614
- margin-left: 26.04167%;
736
+ .col-md-3 {
737
+ width: 25%;
615
738
  }
616
739
 
617
- .suffix-tablet-3 {
618
- margin-right: 26.04167%;
740
+ .col-md-4 {
741
+ width: 33.3333333333%;
619
742
  }
620
743
 
621
- .push-tablet-3 {
622
- left: 26.04167%;
744
+ .col-md-5 {
745
+ width: 41.6666666667%;
623
746
  }
624
747
 
625
- .pull-tablet-3 {
626
- left: -26.04167%;
748
+ .col-md-6 {
749
+ width: 50%;
627
750
  }
628
751
 
629
- .grid-tablet-4 {
630
- width: 31.25%;
752
+ .col-md-7 {
753
+ width: 58.3333333333%;
631
754
  }
632
755
 
633
- .prefix-tablet-4 {
634
- margin-left: 34.375%;
756
+ .col-md-8 {
757
+ width: 66.6666666667%;
635
758
  }
636
759
 
637
- .suffix-tablet-4 {
638
- margin-right: 34.375%;
760
+ .col-md-9 {
761
+ width: 75%;
639
762
  }
640
763
 
641
- .push-tablet-4 {
642
- left: 34.375%;
764
+ .col-md-10 {
765
+ width: 83.3333333333%;
643
766
  }
644
767
 
645
- .pull-tablet-4 {
646
- left: -34.375%;
768
+ .col-md-11 {
769
+ width: 91.6666666667%;
647
770
  }
648
771
 
649
- .grid-tablet-5 {
650
- width: 39.58333%;
772
+ .col-md-12 {
773
+ width: 100%;
651
774
  }
652
775
 
653
- .prefix-tablet-5 {
654
- margin-left: 42.70833%;
776
+ .col-md-pull-0 {
777
+ right: auto;
655
778
  }
656
779
 
657
- .suffix-tablet-5 {
658
- margin-right: 42.70833%;
780
+ .col-md-pull-1 {
781
+ right: 8.3333333333%;
659
782
  }
660
783
 
661
- .push-tablet-5 {
662
- left: 42.70833%;
784
+ .col-md-pull-2 {
785
+ right: 16.6666666667%;
663
786
  }
664
787
 
665
- .pull-tablet-5 {
666
- left: -42.70833%;
788
+ .col-md-pull-3 {
789
+ right: 25%;
667
790
  }
668
791
 
669
- .grid-tablet-6 {
670
- width: 47.91667%;
792
+ .col-md-pull-4 {
793
+ right: 33.3333333333%;
671
794
  }
672
795
 
673
- .prefix-tablet-6 {
674
- margin-left: 51.04167%;
796
+ .col-md-pull-5 {
797
+ right: 41.6666666667%;
675
798
  }
676
799
 
677
- .suffix-tablet-6 {
678
- margin-right: 51.04167%;
800
+ .col-md-pull-6 {
801
+ right: 50%;
679
802
  }
680
803
 
681
- .push-tablet-6 {
682
- left: 51.04167%;
804
+ .col-md-pull-7 {
805
+ right: 58.3333333333%;
683
806
  }
684
807
 
685
- .pull-tablet-6 {
686
- left: -51.04167%;
808
+ .col-md-pull-8 {
809
+ right: 66.6666666667%;
687
810
  }
688
811
 
689
- .grid-tablet-7 {
690
- width: 56.25%;
812
+ .col-md-pull-9 {
813
+ right: 75%;
691
814
  }
692
815
 
693
- .prefix-tablet-7 {
694
- margin-left: 59.375%;
816
+ .col-md-pull-10 {
817
+ right: 83.3333333333%;
695
818
  }
696
819
 
697
- .suffix-tablet-7 {
698
- margin-right: 59.375%;
820
+ .col-md-pull-11 {
821
+ right: 91.6666666667%;
699
822
  }
700
823
 
701
- .push-tablet-7 {
702
- left: 59.375%;
824
+ .col-md-pull-12 {
825
+ right: 100%;
703
826
  }
704
827
 
705
- .pull-tablet-7 {
706
- left: -59.375%;
828
+ .col-md-push-0 {
829
+ left: auto;
707
830
  }
708
831
 
709
- .grid-tablet-8 {
710
- width: 64.58333%;
832
+ .col-md-push-1 {
833
+ left: 8.3333333333%;
711
834
  }
712
835
 
713
- .prefix-tablet-8 {
714
- margin-left: 67.70833%;
836
+ .col-md-push-2 {
837
+ left: 16.6666666667%;
715
838
  }
716
839
 
717
- .suffix-tablet-8 {
718
- margin-right: 67.70833%;
840
+ .col-md-push-3 {
841
+ left: 25%;
719
842
  }
720
843
 
721
- .push-tablet-8 {
722
- left: 67.70833%;
844
+ .col-md-push-4 {
845
+ left: 33.3333333333%;
723
846
  }
724
847
 
725
- .pull-tablet-8 {
726
- left: -67.70833%;
848
+ .col-md-push-5 {
849
+ left: 41.6666666667%;
727
850
  }
728
851
 
729
- .grid-tablet-9 {
730
- width: 72.91667%;
852
+ .col-md-push-6 {
853
+ left: 50%;
731
854
  }
732
855
 
733
- .prefix-tablet-9 {
734
- margin-left: 76.04167%;
856
+ .col-md-push-7 {
857
+ left: 58.3333333333%;
735
858
  }
736
859
 
737
- .suffix-tablet-9 {
738
- margin-right: 76.04167%;
860
+ .col-md-push-8 {
861
+ left: 66.6666666667%;
739
862
  }
740
863
 
741
- .push-tablet-9 {
742
- left: 76.04167%;
864
+ .col-md-push-9 {
865
+ left: 75%;
743
866
  }
744
867
 
745
- .pull-tablet-9 {
746
- left: -76.04167%;
868
+ .col-md-push-10 {
869
+ left: 83.3333333333%;
747
870
  }
748
871
 
749
- .grid-tablet-10 {
750
- width: 81.25%;
872
+ .col-md-push-11 {
873
+ left: 91.6666666667%;
751
874
  }
752
875
 
753
- .prefix-tablet-10 {
754
- margin-left: 84.375%;
876
+ .col-md-push-12 {
877
+ left: 100%;
755
878
  }
756
879
 
757
- .suffix-tablet-10 {
758
- margin-right: 84.375%;
880
+ .col-md-offset-0 {
881
+ margin-left: 0%;
759
882
  }
760
883
 
761
- .push-tablet-10 {
762
- left: 84.375%;
884
+ .col-md-offset-1 {
885
+ margin-left: 8.3333333333%;
763
886
  }
764
887
 
765
- .pull-tablet-10 {
766
- left: -84.375%;
888
+ .col-md-offset-2 {
889
+ margin-left: 16.6666666667%;
767
890
  }
768
891
 
769
- .grid-tablet-11 {
770
- width: 89.58333%;
892
+ .col-md-offset-3 {
893
+ margin-left: 25%;
771
894
  }
772
895
 
773
- .prefix-tablet-11 {
774
- margin-left: 92.70833%;
896
+ .col-md-offset-4 {
897
+ margin-left: 33.3333333333%;
775
898
  }
776
899
 
777
- .suffix-tablet-11 {
778
- margin-right: 92.70833%;
900
+ .col-md-offset-5 {
901
+ margin-left: 41.6666666667%;
779
902
  }
780
903
 
781
- .push-tablet-11 {
782
- left: 92.70833%;
904
+ .col-md-offset-6 {
905
+ margin-left: 50%;
783
906
  }
784
907
 
785
- .pull-tablet-11 {
786
- left: -92.70833%;
908
+ .col-md-offset-7 {
909
+ margin-left: 58.3333333333%;
787
910
  }
788
911
 
789
- .grid-tablet-12 {
790
- width: 97.91667%;
912
+ .col-md-offset-8 {
913
+ margin-left: 66.6666666667%;
791
914
  }
792
915
 
793
- .prefix-tablet-12 {
794
- margin-left: 101.04167%;
916
+ .col-md-offset-9 {
917
+ margin-left: 75%;
795
918
  }
796
919
 
797
- .suffix-tablet-12 {
798
- margin-right: 101.04167%;
920
+ .col-md-offset-10 {
921
+ margin-left: 83.3333333333%;
799
922
  }
800
923
 
801
- .push-tablet-12 {
802
- left: 101.04167%;
924
+ .col-md-offset-11 {
925
+ margin-left: 91.6666666667%;
803
926
  }
804
927
 
805
- .pull-tablet-12 {
806
- left: -101.04167%;
928
+ .col-md-offset-12 {
929
+ margin-left: 100%;
807
930
  }
808
931
  }
809
- /* MOBILE SUPPORT */
810
- @media screen and (max-width: 767px) {
811
- .grid-container {
812
- max-width: 100%;
813
- padding-left: 1.04167%;
814
- padding-right: 1.04167%;
932
+ @media (min-width: 1200px) {
933
+ .col-lg-1 {
934
+ width: 8.3333333333%;
815
935
  }
816
936
 
817
- .visible-mobile {
818
- opacity: 1 !important;
937
+ .col-lg-2 {
938
+ width: 16.6666666667%;
819
939
  }
820
940
 
821
- .hide-on-mobile, .only-desktop, .only-tablet {
822
- display: none !important;
941
+ .col-lg-3 {
942
+ width: 25%;
823
943
  }
824
944
 
825
- .prefix-mobile-0 {
826
- margin-left: 1.04167%;
945
+ .col-lg-4 {
946
+ width: 33.3333333333%;
827
947
  }
828
948
 
829
- .suffix-mobile-0 {
830
- margin-right: 1.04167%;
949
+ .col-lg-5 {
950
+ width: 41.6666666667%;
831
951
  }
832
952
 
833
- .push-mobile-0, .pull-mobile-0 {
834
- left: 0;
953
+ .col-lg-6 {
954
+ width: 50%;
835
955
  }
836
956
 
837
- .grid-mobile-1 {
838
- width: 6.25%;
957
+ .col-lg-7 {
958
+ width: 58.3333333333%;
839
959
  }
840
960
 
841
- .prefix-mobile-1 {
842
- margin-left: 9.375%;
961
+ .col-lg-8 {
962
+ width: 66.6666666667%;
843
963
  }
844
964
 
845
- .suffix-mobile-1 {
846
- margin-right: 9.375%;
965
+ .col-lg-9 {
966
+ width: 75%;
847
967
  }
848
968
 
849
- .push-mobile-1 {
850
- left: 9.375%;
969
+ .col-lg-10 {
970
+ width: 83.3333333333%;
851
971
  }
852
972
 
853
- .pull-mobile-1 {
854
- left: -9.375%;
973
+ .col-lg-11 {
974
+ width: 91.6666666667%;
855
975
  }
856
976
 
857
- .grid-mobile-2 {
858
- width: 14.58333%;
977
+ .col-lg-12 {
978
+ width: 100%;
859
979
  }
860
980
 
861
- .prefix-mobile-2 {
862
- margin-left: 17.70833%;
981
+ .col-lg-pull-0 {
982
+ right: auto;
863
983
  }
864
984
 
865
- .suffix-mobile-2 {
866
- margin-right: 17.70833%;
985
+ .col-lg-pull-1 {
986
+ right: 8.3333333333%;
867
987
  }
868
988
 
869
- .push-mobile-2 {
870
- left: 17.70833%;
989
+ .col-lg-pull-2 {
990
+ right: 16.6666666667%;
871
991
  }
872
992
 
873
- .pull-mobile-2 {
874
- left: -17.70833%;
993
+ .col-lg-pull-3 {
994
+ right: 25%;
875
995
  }
876
996
 
877
- .grid-mobile-3 {
878
- width: 22.91667%;
997
+ .col-lg-pull-4 {
998
+ right: 33.3333333333%;
879
999
  }
880
1000
 
881
- .prefix-mobile-3 {
882
- margin-left: 26.04167%;
1001
+ .col-lg-pull-5 {
1002
+ right: 41.6666666667%;
883
1003
  }
884
1004
 
885
- .suffix-mobile-3 {
886
- margin-right: 26.04167%;
1005
+ .col-lg-pull-6 {
1006
+ right: 50%;
887
1007
  }
888
1008
 
889
- .push-mobile-3 {
890
- left: 26.04167%;
1009
+ .col-lg-pull-7 {
1010
+ right: 58.3333333333%;
891
1011
  }
892
1012
 
893
- .pull-mobile-3 {
894
- left: -26.04167%;
1013
+ .col-lg-pull-8 {
1014
+ right: 66.6666666667%;
895
1015
  }
896
1016
 
897
- .grid-mobile-4 {
898
- width: 31.25%;
1017
+ .col-lg-pull-9 {
1018
+ right: 75%;
899
1019
  }
900
1020
 
901
- .prefix-mobile-4 {
902
- margin-left: 34.375%;
1021
+ .col-lg-pull-10 {
1022
+ right: 83.3333333333%;
903
1023
  }
904
1024
 
905
- .suffix-mobile-4 {
906
- margin-right: 34.375%;
1025
+ .col-lg-pull-11 {
1026
+ right: 91.6666666667%;
907
1027
  }
908
1028
 
909
- .push-mobile-4 {
910
- left: 34.375%;
1029
+ .col-lg-pull-12 {
1030
+ right: 100%;
911
1031
  }
912
1032
 
913
- .pull-mobile-4 {
914
- left: -34.375%;
1033
+ .col-lg-push-0 {
1034
+ left: auto;
915
1035
  }
916
1036
 
917
- .grid-mobile-5 {
918
- width: 39.58333%;
1037
+ .col-lg-push-1 {
1038
+ left: 8.3333333333%;
919
1039
  }
920
1040
 
921
- .prefix-mobile-5 {
922
- margin-left: 42.70833%;
1041
+ .col-lg-push-2 {
1042
+ left: 16.6666666667%;
923
1043
  }
924
1044
 
925
- .suffix-mobile-5 {
926
- margin-right: 42.70833%;
1045
+ .col-lg-push-3 {
1046
+ left: 25%;
927
1047
  }
928
1048
 
929
- .push-mobile-5 {
930
- left: 42.70833%;
1049
+ .col-lg-push-4 {
1050
+ left: 33.3333333333%;
931
1051
  }
932
1052
 
933
- .pull-mobile-5 {
934
- left: -42.70833%;
1053
+ .col-lg-push-5 {
1054
+ left: 41.6666666667%;
935
1055
  }
936
1056
 
937
- .grid-mobile-6 {
938
- width: 47.91667%;
1057
+ .col-lg-push-6 {
1058
+ left: 50%;
939
1059
  }
940
1060
 
941
- .prefix-mobile-6 {
942
- margin-left: 51.04167%;
1061
+ .col-lg-push-7 {
1062
+ left: 58.3333333333%;
943
1063
  }
944
1064
 
945
- .suffix-mobile-6 {
946
- margin-right: 51.04167%;
1065
+ .col-lg-push-8 {
1066
+ left: 66.6666666667%;
947
1067
  }
948
1068
 
949
- .push-mobile-6 {
950
- left: 51.04167%;
1069
+ .col-lg-push-9 {
1070
+ left: 75%;
951
1071
  }
952
1072
 
953
- .pull-mobile-6 {
954
- left: -51.04167%;
1073
+ .col-lg-push-10 {
1074
+ left: 83.3333333333%;
955
1075
  }
956
1076
 
957
- .grid-mobile-7 {
958
- width: 56.25%;
1077
+ .col-lg-push-11 {
1078
+ left: 91.6666666667%;
959
1079
  }
960
1080
 
961
- .prefix-mobile-7 {
962
- margin-left: 59.375%;
1081
+ .col-lg-push-12 {
1082
+ left: 100%;
963
1083
  }
964
1084
 
965
- .suffix-mobile-7 {
966
- margin-right: 59.375%;
1085
+ .col-lg-offset-0 {
1086
+ margin-left: 0%;
967
1087
  }
968
1088
 
969
- .push-mobile-7 {
970
- left: 59.375%;
1089
+ .col-lg-offset-1 {
1090
+ margin-left: 8.3333333333%;
971
1091
  }
972
1092
 
973
- .pull-mobile-7 {
974
- left: -59.375%;
1093
+ .col-lg-offset-2 {
1094
+ margin-left: 16.6666666667%;
975
1095
  }
976
1096
 
977
- .grid-mobile-8 {
978
- width: 64.58333%;
1097
+ .col-lg-offset-3 {
1098
+ margin-left: 25%;
979
1099
  }
980
1100
 
981
- .prefix-mobile-8 {
982
- margin-left: 67.70833%;
1101
+ .col-lg-offset-4 {
1102
+ margin-left: 33.3333333333%;
983
1103
  }
984
1104
 
985
- .suffix-mobile-8 {
986
- margin-right: 67.70833%;
1105
+ .col-lg-offset-5 {
1106
+ margin-left: 41.6666666667%;
987
1107
  }
988
1108
 
989
- .push-mobile-8 {
990
- left: 67.70833%;
1109
+ .col-lg-offset-6 {
1110
+ margin-left: 50%;
991
1111
  }
992
1112
 
993
- .pull-mobile-8 {
994
- left: -67.70833%;
1113
+ .col-lg-offset-7 {
1114
+ margin-left: 58.3333333333%;
995
1115
  }
996
1116
 
997
- .grid-mobile-9 {
998
- width: 72.91667%;
1117
+ .col-lg-offset-8 {
1118
+ margin-left: 66.6666666667%;
999
1119
  }
1000
1120
 
1001
- .prefix-mobile-9 {
1002
- margin-left: 76.04167%;
1121
+ .col-lg-offset-9 {
1122
+ margin-left: 75%;
1003
1123
  }
1004
1124
 
1005
- .suffix-mobile-9 {
1006
- margin-right: 76.04167%;
1125
+ .col-lg-offset-10 {
1126
+ margin-left: 83.3333333333%;
1007
1127
  }
1008
1128
 
1009
- .push-mobile-9 {
1010
- left: 76.04167%;
1129
+ .col-lg-offset-11 {
1130
+ margin-left: 91.6666666667%;
1011
1131
  }
1012
1132
 
1013
- .pull-mobile-9 {
1014
- left: -76.04167%;
1133
+ .col-lg-offset-12 {
1134
+ margin-left: 100%;
1015
1135
  }
1136
+ }
1137
+ @-ms-viewport {
1138
+ width: device-width;
1139
+ }
1140
+ .visible-xs {
1141
+ display: none !important;
1142
+ }
1143
+
1144
+ .visible-sm {
1145
+ display: none !important;
1146
+ }
1147
+
1148
+ .visible-md {
1149
+ display: none !important;
1150
+ }
1151
+
1152
+ .visible-lg {
1153
+ display: none !important;
1154
+ }
1016
1155
 
1017
- .grid-mobile-10 {
1018
- width: 81.25%;
1156
+ .visible-xs-block,
1157
+ .visible-xs-inline,
1158
+ .visible-xs-inline-block,
1159
+ .visible-sm-block,
1160
+ .visible-sm-inline,
1161
+ .visible-sm-inline-block,
1162
+ .visible-md-block,
1163
+ .visible-md-inline,
1164
+ .visible-md-inline-block,
1165
+ .visible-lg-block,
1166
+ .visible-lg-inline,
1167
+ .visible-lg-inline-block {
1168
+ display: none !important;
1169
+ }
1170
+
1171
+ @media (max-width: 767px) {
1172
+ .visible-xs {
1173
+ display: block !important;
1174
+ }
1175
+ }
1176
+ @media (max-width: 767px) {
1177
+ .visible-xs-block {
1178
+ display: block !important;
1019
1179
  }
1180
+ }
1020
1181
 
1021
- .prefix-mobile-10 {
1022
- margin-left: 84.375%;
1182
+ @media (max-width: 767px) {
1183
+ .visible-xs-inline {
1184
+ display: inline !important;
1023
1185
  }
1186
+ }
1024
1187
 
1025
- .suffix-mobile-10 {
1026
- margin-right: 84.375%;
1188
+ @media (max-width: 767px) {
1189
+ .visible-xs-inline-block {
1190
+ display: inline-block !important;
1027
1191
  }
1192
+ }
1028
1193
 
1029
- .push-mobile-10 {
1030
- left: 84.375%;
1194
+ @media (min-width: 768px) and (max-width: 991px) {
1195
+ .visible-sm {
1196
+ display: block !important;
1197
+ }
1198
+ }
1199
+ @media (min-width: 768px) and (max-width: 991px) {
1200
+ .visible-sm-block {
1201
+ display: block !important;
1031
1202
  }
1203
+ }
1204
+
1205
+ @media (min-width: 768px) and (max-width: 991px) {
1206
+ .visible-sm-inline {
1207
+ display: inline !important;
1208
+ }
1209
+ }
1210
+
1211
+ @media (min-width: 768px) and (max-width: 991px) {
1212
+ .visible-sm-inline-block {
1213
+ display: inline-block !important;
1214
+ }
1215
+ }
1032
1216
 
1033
- .pull-mobile-10 {
1034
- left: -84.375%;
1217
+ @media (min-width: 992px) and (max-width: 1199px) {
1218
+ .visible-md {
1219
+ display: block !important;
1035
1220
  }
1221
+ }
1222
+ @media (min-width: 992px) and (max-width: 1199px) {
1223
+ .visible-md-block {
1224
+ display: block !important;
1225
+ }
1226
+ }
1036
1227
 
1037
- .grid-mobile-11 {
1038
- width: 89.58333%;
1228
+ @media (min-width: 992px) and (max-width: 1199px) {
1229
+ .visible-md-inline {
1230
+ display: inline !important;
1039
1231
  }
1232
+ }
1040
1233
 
1041
- .prefix-mobile-11 {
1042
- margin-left: 92.70833%;
1234
+ @media (min-width: 992px) and (max-width: 1199px) {
1235
+ .visible-md-inline-block {
1236
+ display: inline-block !important;
1043
1237
  }
1238
+ }
1044
1239
 
1045
- .suffix-mobile-11 {
1046
- margin-right: 92.70833%;
1240
+ @media (min-width: 1200px) {
1241
+ .visible-lg {
1242
+ display: block !important;
1243
+ }
1244
+ }
1245
+ @media (min-width: 1200px) {
1246
+ .visible-lg-block {
1247
+ display: block !important;
1047
1248
  }
1249
+ }
1048
1250
 
1049
- .push-mobile-11 {
1050
- left: 92.70833%;
1251
+ @media (min-width: 1200px) {
1252
+ .visible-lg-inline {
1253
+ display: inline !important;
1051
1254
  }
1255
+ }
1052
1256
 
1053
- .pull-mobile-11 {
1054
- left: -92.70833%;
1257
+ @media (min-width: 1200px) {
1258
+ .visible-lg-inline-block {
1259
+ display: inline-block !important;
1055
1260
  }
1261
+ }
1056
1262
 
1057
- .grid-mobile-12 {
1058
- width: 97.91667%;
1263
+ @media (max-width: 767px) {
1264
+ .hidden-xs {
1265
+ display: none !important;
1266
+ }
1267
+ }
1268
+ @media (min-width: 768px) and (max-width: 991px) {
1269
+ .hidden-sm {
1270
+ display: none !important;
1059
1271
  }
1272
+ }
1273
+ @media (min-width: 992px) and (max-width: 1199px) {
1274
+ .hidden-md {
1275
+ display: none !important;
1276
+ }
1277
+ }
1278
+ @media (min-width: 1200px) {
1279
+ .hidden-lg {
1280
+ display: none !important;
1281
+ }
1282
+ }
1283
+ .visible-print {
1284
+ display: none !important;
1285
+ }
1060
1286
 
1061
- .prefix-mobile-12 {
1062
- margin-left: 101.04167%;
1287
+ @media print {
1288
+ .visible-print {
1289
+ display: block !important;
1063
1290
  }
1291
+ }
1292
+ .visible-print-block {
1293
+ display: none !important;
1294
+ }
1295
+ @media print {
1296
+ .visible-print-block {
1297
+ display: block !important;
1298
+ }
1299
+ }
1064
1300
 
1065
- .suffix-mobile-12 {
1066
- margin-right: 101.04167%;
1301
+ .visible-print-inline {
1302
+ display: none !important;
1303
+ }
1304
+ @media print {
1305
+ .visible-print-inline {
1306
+ display: inline !important;
1067
1307
  }
1308
+ }
1068
1309
 
1069
- .push-mobile-12 {
1070
- left: 101.04167%;
1310
+ .visible-print-inline-block {
1311
+ display: none !important;
1312
+ }
1313
+ @media print {
1314
+ .visible-print-inline-block {
1315
+ display: inline-block !important;
1071
1316
  }
1317
+ }
1072
1318
 
1073
- .pull-mobile-12 {
1074
- left: -101.04167%;
1319
+ @media print {
1320
+ .hidden-print {
1321
+ display: none !important;
1075
1322
  }
1076
1323
  }