nunify 0.5.3 → 0.5.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (49) hide show
  1. checksums.yaml +4 -4
  2. data/lib/nunify/version.rb +1 -1
  3. data/vendor/assets/images/nunify/bg-black.png +0 -0
  4. data/vendor/assets/images/nunify/bg-black1.png +0 -0
  5. data/vendor/assets/images/nunify/bg-breadcrumb.png +0 -0
  6. data/vendor/assets/images/nunify/bg-green.png +0 -0
  7. data/vendor/assets/images/nunify/bg-white.png +0 -0
  8. data/vendor/assets/images/nunify/overlay-icon.png +0 -0
  9. data/vendor/assets/images/nunify/patterns/1.png +0 -0
  10. data/vendor/assets/images/nunify/patterns/10.png +0 -0
  11. data/vendor/assets/images/nunify/patterns/11.png +0 -0
  12. data/vendor/assets/images/nunify/patterns/12.png +0 -0
  13. data/vendor/assets/images/nunify/patterns/13.png +0 -0
  14. data/vendor/assets/images/nunify/patterns/14.png +0 -0
  15. data/vendor/assets/images/nunify/patterns/15.png +0 -0
  16. data/vendor/assets/images/nunify/patterns/2.png +0 -0
  17. data/vendor/assets/images/nunify/patterns/3.png +0 -0
  18. data/vendor/assets/images/nunify/patterns/4.png +0 -0
  19. data/vendor/assets/images/nunify/patterns/5.png +0 -0
  20. data/vendor/assets/images/nunify/patterns/6.png +0 -0
  21. data/vendor/assets/images/nunify/patterns/7.png +0 -0
  22. data/vendor/assets/images/nunify/patterns/8.png +0 -0
  23. data/vendor/assets/images/nunify/patterns/9.png +0 -0
  24. data/vendor/assets/javascripts/nunify.js +3 -0
  25. data/vendor/assets/javascripts/nunify/app.js +256 -0
  26. data/vendor/assets/javascripts/nunify/plugins/circles-master.js +141 -0
  27. data/vendor/assets/javascripts/nunify/plugins/datepicker.js +63 -0
  28. data/vendor/assets/javascripts/nunify/plugins/form-sliders.js +78 -0
  29. data/vendor/assets/javascripts/nunify/plugins/masking.js +16 -0
  30. data/vendor/assets/javascripts/nunify/plugins/owl-carousel.js +72 -0
  31. data/vendor/assets/javascripts/nunify/plugins/validation.js +134 -0
  32. data/vendor/assets/javascripts/nunify/plugins/vector-map.js +276 -0
  33. data/vendor/assets/stylesheets/nunify.scss +7 -0
  34. data/vendor/assets/stylesheets/nunify/app.scss +2743 -0
  35. data/vendor/assets/stylesheets/nunify/plugins.scss +542 -0
  36. data/vendor/assets/stylesheets/nunify/plugins/animate.css +2728 -0
  37. data/vendor/assets/stylesheets/nunify/plugins/box-shadows.css +60 -0
  38. data/vendor/assets/stylesheets/nunify/style.scss +2312 -0
  39. data/vendor/assets/stylesheets/nunify/themes/aqua.css +862 -0
  40. data/vendor/assets/stylesheets/nunify/themes/blue.css +864 -0
  41. data/vendor/assets/stylesheets/nunify/themes/brown.css +864 -0
  42. data/vendor/assets/stylesheets/nunify/themes/dark-blue.css +864 -0
  43. data/vendor/assets/stylesheets/nunify/themes/default.css +503 -0
  44. data/vendor/assets/stylesheets/nunify/themes/light-green.css +864 -0
  45. data/vendor/assets/stylesheets/nunify/themes/light.css +853 -0
  46. data/vendor/assets/stylesheets/nunify/themes/orange.css +863 -0
  47. data/vendor/assets/stylesheets/nunify/themes/purple.css +864 -0
  48. data/vendor/assets/stylesheets/nunify/themes/red.css +876 -0
  49. metadata +47 -1
@@ -0,0 +1,7 @@
1
+ @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400);
2
+
3
+ @import 'nunify/app';
4
+ @import 'nunify/style';
5
+ @import 'nunify/plugins';
6
+ @import 'nunify/themes/default';
7
+
@@ -0,0 +1,2743 @@
1
+ /*
2
+ * Template Name: Unify - Responsive Bootstrap Template
3
+ * Description: Business, Corporate, Portfolio and Blog Theme.
4
+ * Version: 1.4
5
+ * Author: @htmlstream
6
+ * Website: http://htmlstream.com
7
+ */
8
+
9
+ /*Import Google Font*/
10
+ @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400);
11
+
12
+ /*Reset Styles
13
+ ------------------------------------*/
14
+ * {
15
+ border-radius: 0 !important;
16
+ }
17
+
18
+ body {
19
+ color: #333;
20
+ font-size: 13px;
21
+ line-height: 1.6;
22
+ }
23
+
24
+ p,
25
+ li,
26
+ li a {
27
+ color: #555;
28
+ }
29
+
30
+ a {
31
+ color: #72c02c;
32
+ text-decoration: none;
33
+ }
34
+
35
+ a,
36
+ a:focus,
37
+ a:hover,
38
+ a:active {
39
+ outline: 0 !important;
40
+ }
41
+ a:focus {
42
+ text-decoration: none;
43
+ }
44
+ a:hover {
45
+ color: #72c02c;
46
+ text-decoration: underline;
47
+ }
48
+
49
+ hr {
50
+ margin: 30px 0;
51
+ }
52
+
53
+ /*Headings*/
54
+ h1 {
55
+ font-size: 28px;
56
+ line-height: 35px;
57
+ }
58
+ h2 {
59
+ font-size: 24px;
60
+ line-height: 33px;
61
+ }
62
+ h3 {
63
+ font-size: 20px;
64
+ line-height: 27px;
65
+ }
66
+ h4 {
67
+ line-height: 25px;
68
+ }
69
+ h5 {
70
+ line-height: 20px;
71
+ }
72
+ h6 {
73
+ line-height: 18px;
74
+ }
75
+
76
+ h1, h2, h3, h4, h5, h6 {
77
+ color: #585f69;
78
+ margin-top: 5px;
79
+ text-shadow: none;
80
+ font-weight: normal;
81
+ font-family: 'Open Sans', sans-serif;
82
+ }
83
+
84
+ h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
85
+ margin-right: 5px;
86
+ }
87
+
88
+ /*Block Headline*/
89
+ .headline {
90
+ display: block;
91
+ margin: 10px 0 25px 0;
92
+ border-bottom: 1px dotted #e4e9f0;
93
+ }
94
+
95
+ .headline h2 {
96
+ font-size: 22px;
97
+ }
98
+
99
+ .headline h2,
100
+ .headline h3,
101
+ .headline h4 {
102
+ margin: 0 0 -2px 0;
103
+ padding-bottom: 5px;
104
+ display: inline-block;
105
+ border-bottom: 2px solid #72c02c;
106
+ }
107
+
108
+ .headline-md {
109
+ margin-bottom: 15px;
110
+ }
111
+
112
+ .headline-md h2 {
113
+ font-size: 21px;
114
+ }
115
+
116
+ /*Heading Options*/
117
+ .heading {
118
+ text-align: center;
119
+ }
120
+
121
+ .heading h2 {
122
+ padding: 0 12px;
123
+ position: relative;
124
+ display: inline-block;
125
+ line-height: 34px !important; /*For Tagline Boxes*/
126
+ }
127
+
128
+ .heading h2:before,
129
+ .heading h2:after {
130
+ content: ' ';
131
+ width: 70%;
132
+ position: absolute;
133
+ border-width: 1px;
134
+ border-color: #bbb;
135
+ }
136
+
137
+ .heading h2:before {
138
+ right: 100%;
139
+ }
140
+
141
+ .heading h2:after {
142
+ left: 100%;
143
+ }
144
+
145
+ @media (max-width: 768px) {
146
+ .heading h2:before,
147
+ .heading h2:after {
148
+ width: 35%;
149
+ }
150
+ }
151
+
152
+ @media (max-width: 600px) {
153
+ .heading h2 {
154
+ font-size: 19px;
155
+ }
156
+
157
+ .heading h2:before,
158
+ .heading h2:after {
159
+ width: 15%;
160
+ }
161
+ }
162
+
163
+ /*Headline v1*/
164
+ .heading-v1 h2:before,
165
+ .heading-v1 h2:after {
166
+ top: 15px;
167
+ height: 6px;
168
+ border-top-style: solid;
169
+ border-bottom-style: solid;
170
+ }
171
+
172
+ /*Headline v2*/
173
+ .heading-v2 h2:before,
174
+ .heading-v2 h2:after {
175
+ top: 15px;
176
+ height: 6px;
177
+ border-top-style: dashed;
178
+ border-bottom-style: dashed;
179
+ }
180
+
181
+ /*Headline v3*/
182
+ .heading-v3 h2:before,
183
+ .heading-v3 h2:after {
184
+ top: 15px;
185
+ height: 6px;
186
+ border-top-style: dotted;
187
+ border-bottom-style: dotted;
188
+ }
189
+
190
+ /*Headline v4*/
191
+ .heading-v4 h2:before,
192
+ .heading-v4 h2:after {
193
+ top: 17px;
194
+ border-bottom-style: solid;
195
+ }
196
+
197
+ /*Headline v5*/
198
+ .heading-v5 h2:before,
199
+ .heading-v5 h2:after {
200
+ top: 17px;
201
+ border-bottom-style: dashed;
202
+ }
203
+
204
+ /*Headline v6*/
205
+ .heading-v6 h2:before,
206
+ .heading-v6 h2:after {
207
+ top: 17px;
208
+ border-bottom-style: dotted;
209
+ }
210
+
211
+ /*Heading Sizes*/
212
+ h2.heading-md {
213
+ font-size: 20px;
214
+ line-height: 24px;
215
+ }
216
+
217
+ h2.heading-sm,
218
+ h3.heading-md {
219
+ font-size: 18px;
220
+ line-height: 24px;
221
+ }
222
+
223
+ h3.heading-md {
224
+ line-height: 22px;
225
+ }
226
+
227
+ h3.heading-sm {
228
+ font-size: 16px;
229
+ line-height: 20px;
230
+ }
231
+
232
+ h3.heading-xs {
233
+ font-size: 14px;
234
+ margin-bottom: 0;
235
+ }
236
+
237
+ /*Deviders*/
238
+ .devider.devider-dotted {
239
+ border-top: 2px dotted #eee;
240
+ }
241
+ .devider.devider-dashed {
242
+ border-top: 2px dashed #eee;
243
+ }
244
+
245
+ .devider.devider-db {
246
+ height: 5px;
247
+ border-top: 1px solid #eee;
248
+ border-bottom: 1px solid #eee;
249
+ }
250
+ .devider.devider-db-dashed {
251
+ height: 5px;
252
+ border-top: 1px dashed #ddd;
253
+ border-bottom: 1px dashed #ddd;
254
+ }
255
+ .devider.devider-db-dotted {
256
+ height: 5px;
257
+ border-top: 1px dotted #ddd;
258
+ border-bottom: 1px dotted #ddd;
259
+ }
260
+
261
+ /*Tables
262
+ ------------------------------------*/
263
+ /*Basic Tables*/
264
+ .table thead > tr > th {
265
+ border-bottom: none;
266
+ }
267
+
268
+ @media (max-width: 768px) {
269
+ .table th.hidden-sm,
270
+ .table td.hidden-sm {
271
+ display: none !important;
272
+ }
273
+ }
274
+
275
+ /*Forms
276
+ ------------------------------------*/
277
+ .form-control {
278
+ box-shadow: none;
279
+ }
280
+
281
+ .form-control:focus {
282
+ border-color: #bbb;
283
+ box-shadow: 0 0 2px #c9c9c9;
284
+ }
285
+
286
+ /*Form Spacing*/
287
+ .form-spacing .form-control {
288
+ margin-bottom: 15px;
289
+ }
290
+
291
+ /*Form Icons*/
292
+ .input-group-addon {
293
+ color: #b3b3b3;
294
+ font-size: 14px;
295
+ background: #fff;
296
+ }
297
+
298
+ /*Carousel
299
+ ------------------------------------*/
300
+ /*carousel-v1*/
301
+ .carousel-v1 .carousel-caption {
302
+ left: 0;
303
+ right: 0;
304
+ bottom: 0;
305
+ padding: 7px 15px;
306
+ background: rgba(0, 0, 0, 0.7);
307
+ }
308
+
309
+ .carousel-v1 .carousel-caption p {
310
+ color: #fff;
311
+ margin-bottom: 0;
312
+ }
313
+
314
+ .carousel-v1 .carousel-arrow a.carousel-control {
315
+ opacity: 1;
316
+ font-size:30px;
317
+ height:inherit;
318
+ width: inherit;
319
+ background: none;
320
+ text-shadow: none;
321
+ position: inherit;
322
+ }
323
+
324
+ .carousel-v1 .carousel-arrow a i {
325
+ top: 50%;
326
+ opacity: 0.6;
327
+ background: #000;
328
+ margin-top: -18px;
329
+ padding: 2px 12px;
330
+ position: absolute;
331
+ }
332
+ .carousel-v1 .carousel-arrow a i:hover {
333
+ opacity: 0.8;
334
+ }
335
+
336
+ .carousel-v1 .carousel-arrow a.left i {
337
+ left: 0;
338
+ }
339
+ .carousel-v1 .carousel-arrow a.right i {
340
+ right: 0;
341
+ }
342
+
343
+ /*Tabs
344
+ ------------------------------------*/
345
+ /*Tabs v1*/
346
+ .tab-v1 .nav-tabs {
347
+ border: none;
348
+ background: none;
349
+ border-bottom: solid 2px #72c02c;
350
+ }
351
+
352
+ .tab-v1 .nav-tabs a {
353
+ font-size: 14px;
354
+ padding: 5px 15px;
355
+ }
356
+
357
+ .tab-v1 .nav-tabs > .active > a,
358
+ .tab-v1 .nav-tabs > .active > a:hover,
359
+ .tab-v1 .nav-tabs > .active > a:focus {
360
+ color: #fff;
361
+ border: none;
362
+ background: #72c02c;
363
+ }
364
+
365
+ .tab-v1 .nav-tabs > li > a {
366
+ border: none;
367
+ }
368
+ .tab-v1 .nav-tabs > li > a:hover {
369
+ color: #fff;
370
+ background: #72c02c;
371
+ }
372
+
373
+ .tab-v1 .tab-content {
374
+ padding: 10px 0;
375
+ }
376
+
377
+ .tab-v1 .tab-content img {
378
+ margin-top: 4px;
379
+ margin-bottom: 15px;
380
+ }
381
+
382
+ .tab-v1 .tab-content img.img-tab-space {
383
+ margin-top: 7px;
384
+ }
385
+
386
+ /*Tabs v2*/
387
+ .tab-v2 .nav-tabs {
388
+ border-bottom: none;
389
+ }
390
+
391
+ .tab-v2 .nav-tabs li a {
392
+ padding: 9px 16px;
393
+ background: none;
394
+ border: none;
395
+ }
396
+
397
+ .tab-v2 .nav-tabs li.active a {
398
+ background: #fff;
399
+ padding: 7px 15px 9px;
400
+ border: solid 1px #eee;
401
+ border-top: solid 2px #72c02c;
402
+ border-bottom: none !important;
403
+ }
404
+
405
+ .tab-v2 .tab-content {
406
+ padding: 10px 16px;
407
+ border: solid 1px #eee;
408
+ }
409
+
410
+ /*Tabs v3*/
411
+ .tab-v3 .nav-pills li a {
412
+ color: #777;
413
+ font-size: 17px;
414
+ padding: 4px 8px;
415
+ margin-bottom: 3px;
416
+ background: #fafafa;
417
+ border: solid 1px #eee;
418
+ }
419
+
420
+ .tab-v3 .nav-pills li a:hover,
421
+ .tab-v3 .nav-pills li.active a {
422
+ color: #fff;
423
+ background: #72c02c;
424
+ border: solid 1px #68af28;
425
+ }
426
+
427
+ .tab-v3 .nav-pills li i {
428
+ width: 1.25em;
429
+ margin-right: 5px;
430
+ text-align: center;
431
+ display: inline-block;
432
+ }
433
+
434
+ .tab-v3 .tab-content {
435
+ padding: 15px;
436
+ background: #fafafa;
437
+ border: solid 1px #eee;
438
+ }
439
+
440
+ /*Accordions
441
+ ------------------------------------*/
442
+ /*Accordion v1*/
443
+ .acc-v1 .panel-heading {
444
+ padding: 0;
445
+ box-shadow: none;
446
+ }
447
+
448
+ .acc-v1 .panel-heading a {
449
+ display: block;
450
+ font-size: 14px;
451
+ padding: 5px 15px;
452
+ background: #fefefe;
453
+ }
454
+
455
+ .acc-icon a.accordion-toggle i {
456
+ color: #585f69;
457
+ margin-right: 8px;
458
+ }
459
+ .acc-icon a.accordion-toggle:hover i {
460
+ color: #39414c;
461
+ }
462
+
463
+ /*Navigation
464
+ ------------------------------------*/
465
+ /*Pegination*/
466
+ .pagination li {
467
+ a, span {
468
+ color: #777;
469
+ padding: 5px 15px;
470
+ }
471
+ }
472
+
473
+ .pagination li a:hover {
474
+ color: #fff;
475
+ background: #5fb611;
476
+ border-color: #5fb611;
477
+ }
478
+
479
+ .pagination > .active > a,
480
+ .pagination > .active > span,
481
+ .pagination > .active > a:hover,
482
+ .pagination > .active > span:hover,
483
+ .pagination > .active > a:focus,
484
+ .pagination > .active > span:focus {
485
+ border-color: #72c02c;
486
+ background-color: #72c02c;
487
+ }
488
+
489
+ /*Pagination Without Space*/
490
+ .pagination-no-space .pagination {
491
+ margin: 0;
492
+ }
493
+
494
+ /*Pager*/
495
+ .pager li > a:hover,
496
+ .pager li > a:focus {
497
+ color: #fff;
498
+ background: #5fb611;
499
+ border-color: #5fb611;
500
+ }
501
+
502
+ /*Sidebar Menu
503
+ ------------------------------------*/
504
+ /*Sidebar Menu v1*/
505
+ .sidebar-nav-v1 li {
506
+ padding: 0;
507
+ }
508
+
509
+ .sidebar-nav-v1 li a {
510
+ display: block;
511
+ padding: 8px 30px 8px 10px;
512
+ }
513
+
514
+ .sidebar-nav-v1 li a:hover {
515
+ text-decoration: none;
516
+ }
517
+
518
+ .sidebar-nav-v1 > li.active,
519
+ .sidebar-nav-v1 > li.active:hover {
520
+ background: #717984;
521
+ }
522
+
523
+ .sidebar-nav-v1 > li.active > a {
524
+ color: #fff;
525
+ }
526
+
527
+ /*Sidebar Sub Navigation*/
528
+ .sidebar-nav-v1 li ul {
529
+ padding: 0;
530
+ list-style: none;
531
+ }
532
+
533
+ .sidebar-nav-v1 li ul,
534
+ .sidebar-nav-v1 li.active ul a {
535
+ background: #f8f8f8;
536
+ }
537
+
538
+ .sidebar-nav-v1 li ul a {
539
+ color: #585f69;
540
+ font-size: 12px;
541
+ border-top: solid 1px #ddd;
542
+ padding: 6px 30px 6px 17px;
543
+ }
544
+
545
+ .sidebar-nav-v1 ul li:hover a,
546
+ .sidebar-nav-v1 ul li.active a {
547
+ color: #72c02c;
548
+ }
549
+
550
+ /*Sidebar Badges*/
551
+ .list-group-item li > .badge {
552
+ float: right;
553
+ }
554
+
555
+ .sidebar-nav-v1 span.badge {
556
+ margin-top: 8px;
557
+ margin-right: 10px;
558
+ }
559
+
560
+ .sidebar-nav-v1 .list-toggle > span.badge {
561
+ margin-right: 25px;
562
+ }
563
+
564
+ .sidebar-nav-v1 ul li span.badge {
565
+ margin-top: 8px;
566
+ font-size: 11px;
567
+ padding: 3px 5px;
568
+ margin-right: 10px;
569
+ }
570
+
571
+ /*Sidebar List Toggle*/
572
+ .list-toggle:after {
573
+ top: 7px;
574
+ right: 10px;
575
+ color: #777;
576
+ font-size: 14px;
577
+ content: "\f105";
578
+ position: absolute;
579
+ font-weight: normal;
580
+ display: inline-block;
581
+ font-family: FontAwesome;
582
+ }
583
+
584
+ .list-toggle.active:after {
585
+ color: #fff;
586
+ content: "\f107";
587
+ }
588
+
589
+ /* Make Font Awesome icons fixed width */
590
+ .sidebar-nav-v1 li [class^="fa"],
591
+ .sidebar-nav-v1 li [class*=" fa"] {
592
+ width: 1.25em;
593
+ left: -2px;
594
+ margin-right: 2px;
595
+ text-align: center;
596
+ position: relative;
597
+ display: inline-block;
598
+ }
599
+ .sidebar-nav-v1 li [class^="fa"].fa-lg,
600
+ .sidebar-nav-v1 li [class*=" fa"].fa-lg {
601
+ /* increased font size for fa-lg */
602
+ width: 1.5625em;
603
+ }
604
+
605
+
606
+ /*Button Styles
607
+ ------------------------------------*/
608
+ .btn {
609
+ box-shadow: none;
610
+ }
611
+
612
+ .btn-u {
613
+ border: 0;
614
+ color: #fff;
615
+ font-size: 14px;
616
+ cursor: pointer;
617
+ font-weight: 400;
618
+ padding: 6px 13px;
619
+ position: relative;
620
+ background: #72c02c;
621
+ display: inline-block;
622
+ text-decoration: none;
623
+ }
624
+ .btn-u:hover {
625
+ color: #fff;
626
+ text-decoration: none;
627
+ -webkit-transition: all 0.3s ease-in-out;
628
+ -moz-transition: all 0.3s ease-in-out;
629
+ -o-transition: all 0.3s ease-in-out;
630
+ transition: all 0.3s ease-in-out;
631
+ }
632
+
633
+ a.btn-u {
634
+ /*padding: 4px 13px;*/
635
+ /*vertical-align: middle;*/
636
+ }
637
+
638
+ .btn-u-sm,
639
+ a.btn-u-sm {
640
+ padding: 3px 12px;
641
+ }
642
+
643
+ .btn-u-lg,
644
+ a.btn-u-lg {
645
+ font-size: 18px;
646
+ padding: 10px 25px;
647
+ }
648
+
649
+ .btn-u-xs,
650
+ a.btn-u-xs {
651
+ font-size: 12px;
652
+ padding: 2px 12px;
653
+ line-height: 18px;
654
+ }
655
+
656
+ /*Button Groups*/
657
+ .btn-group .dropdown-menu > li > a {
658
+ padding: 3px 13px;
659
+ }
660
+
661
+ .btn-group > .btn-u,
662
+ .btn-group-vertical > .btn-u {
663
+ float: left;
664
+ position: relative;
665
+ }
666
+
667
+ .btn-group > .btn-u:first-child {
668
+ margin-left: 0;
669
+ }
670
+
671
+ /*For FF Only*/
672
+ @-moz-document url-prefix() {
673
+ .footer-subsribe .btn-u {
674
+ padding-bottom: 4px;
675
+ }
676
+ }
677
+ @media (max-width: 768px) {
678
+ @-moz-document url-prefix() {
679
+ .btn-u {
680
+ padding-bottom: 6px;
681
+ }
682
+ }
683
+ }
684
+
685
+ /*Buttons Color*/
686
+ .btn-u:hover,
687
+ .btn-u:focus,
688
+ .btn-u:active,
689
+ .btn-u.active,
690
+ .open .dropdown-toggle.btn-u {
691
+ background: #5fb611;
692
+ }
693
+ .btn-u-split.dropdown-toggle {
694
+ border-left: solid 1px #5fb611;
695
+ }
696
+
697
+ .btn-u.btn-u-blue {
698
+ background: #3498db;
699
+ }
700
+ .btn-u.btn-u-blue:hover,
701
+ .btn-u.btn-u-blue:focus,
702
+ .btn-u.btn-u-blue:active,
703
+ .btn-u.btn-u-blue.active,
704
+ .open .dropdown-toggle.btn-u.btn-u-blue {
705
+ background: #2980b9;
706
+ }
707
+ .btn-u.btn-u-split-blue.dropdown-toggle {
708
+ border-left: solid 1px #2980b9;
709
+ }
710
+
711
+ .btn-u.btn-u-red {
712
+ background: #e74c3c;
713
+ }
714
+ .btn-u.btn-u-red:hover,
715
+ .btn-u.btn-u-red:focus,
716
+ .btn-u.btn-u-red:active,
717
+ .btn-u.btn-u-red.active,
718
+ .open .dropdown-toggle.btn-u.btn-u-red {
719
+ background: #c0392b;
720
+ }
721
+ .btn-u.btn-u-split-red.dropdown-toggle {
722
+ border-left: solid 1px #c0392b;
723
+ }
724
+
725
+ .btn-u.btn-u-orange {
726
+ background: #e67e22;
727
+ }
728
+ .btn-u.btn-u-orange:hover,
729
+ .btn-u.btn-u-orange:focus,
730
+ .btn-u.btn-u-orange:active,
731
+ .btn-u.btn-u-orange.active,
732
+ .open .dropdown-toggle.btn-u.btn-u-orange {
733
+ background: #d35400;
734
+ }
735
+ .btn-u.btn-u-split-orange.dropdown-toggle {
736
+ border-left: solid 1px #d35400;
737
+ }
738
+
739
+ .btn-u.btn-u-sea {
740
+ background: #1abc9c;
741
+ }
742
+ .btn-u.btn-u-sea:hover,
743
+ .btn-u.btn-u-sea:focus,
744
+ .btn-u.btn-u-sea:active,
745
+ .btn-u.btn-u-sea.active,
746
+ .open .dropdown-toggle.btn-u.btn-u-sea {
747
+ background: #16a085;
748
+ }
749
+ .btn-u.btn-u-split-sea.dropdown-toggle {
750
+ border-left: solid 1px #16a085;
751
+ }
752
+
753
+ .btn-u.btn-u-green {
754
+ background: #2ecc71;
755
+ }
756
+ .btn-u.btn-u-green:hover,
757
+ .btn-u.btn-u-green:focus,
758
+ .btn-u.btn-u-green:active,
759
+ .btn-u.btn-u-green.active,
760
+ .open .dropdown-toggle.btn-u.btn-u-green {
761
+ background: #27ae60;
762
+ }
763
+ .btn-u.btn-u-split-green.dropdown-toggle {
764
+ border-left: solid 1px #27ae60;
765
+ }
766
+
767
+ .btn-u.btn-u-yellow {
768
+ background: #f1c40f;
769
+ }
770
+ .btn-u.btn-u-yellow:hover,
771
+ .btn-u.btn-u-yellow:focus,
772
+ .btn-u.btn-u-yellow:active,
773
+ .btn-u.btn-u-yellow.active,
774
+ .open .dropdown-toggle.btn-u.btn-u-yellow {
775
+ background: #f39c12;
776
+ }
777
+ .btn-u.btn-u-split-yellow.dropdown-toggle {
778
+ border-left: solid 1px #f39c12;
779
+ }
780
+
781
+ .btn-u.btn-u-default {
782
+ background: #95a5a6;
783
+ }
784
+ .btn-u.btn-u-default:hover,
785
+ .btn-u.btn-u-default:focus,
786
+ .btn-u.btn-u-default:active,
787
+ .btn-u.btn-u-default.active,
788
+ .open .dropdown-toggle.btn-u.btn-u-default {
789
+ background: #7f8c8d;
790
+ }
791
+ .btn-u.btn-u-split-default.dropdown-toggle {
792
+ border-left: solid 1px #7f8c8d;
793
+ }
794
+
795
+ .btn-u.btn-u-purple {
796
+ background: #9b6bcc;
797
+ }
798
+ .btn-u.btn-u-purple:hover,
799
+ .btn-u.btn-u-purple:focus,
800
+ .btn-u.btn-u-purple:active,
801
+ .btn-u.btn-u-purple.active,
802
+ .open .dropdown-toggle.btn-u.btn-u-purple {
803
+ background: #814fb5;
804
+ }
805
+ .btn-u.btn-u-split-purple.dropdown-toggle {
806
+ border-left: solid 1px #814fb5;
807
+ }
808
+
809
+ .btn-u.btn-u-aqua {
810
+ background: #27d7e7;
811
+ }
812
+ .btn-u.btn-u-aqua:hover,
813
+ .btn-u.btn-u-aqua:focus,
814
+ .btn-u.btn-u-aqua:active,
815
+ .btn-u.btn-u-aqua.active,
816
+ .open .dropdown-toggle.btn-u.btn-u-aqua {
817
+ background: #26bac8;
818
+ }
819
+ .btn-u.btn-u-split-aqua.dropdown-toggle {
820
+ border-left: solid 1px #26bac8;
821
+ }
822
+
823
+ .btn-u.btn-u-brown {
824
+ background: #9c8061;
825
+ }
826
+ .btn-u.btn-u-brown:hover,
827
+ .btn-u.btn-u-brown:focus,
828
+ .btn-u.btn-u-brown:active,
829
+ .btn-u.btn-u-brown.active,
830
+ .open .dropdown-toggle.btn-u.btn-u-brown {
831
+ background: #81674b;
832
+ }
833
+ .btn-u.btn-u-split-brown.dropdown-toggle {
834
+ border-left: solid 1px #81674b;
835
+ }
836
+
837
+ .btn-u.btn-u-dark-blue {
838
+ background: #4765a0;
839
+ }
840
+ .btn-u.btn-u-dark-blue:hover,
841
+ .btn-u.btn-u-dark-blue:focus,
842
+ .btn-u.btn-u-dark-blue:active,
843
+ .btn-u.btn-u-dark-blue.active,
844
+ .open .dropdown-toggle.btn-u.btn-u-dark-blue {
845
+ background: #324c80;
846
+ }
847
+ .btn-u.btn-u-split-dark.dropdown-toggle {
848
+ border-left: solid 1px #324c80;
849
+ }
850
+
851
+ .btn-u.btn-u-light-green {
852
+ background: #79d5b3;
853
+ }
854
+ .btn-u.btn-u-light-green:hover,
855
+ .btn-u.btn-u-light-green:focus,
856
+ .btn-u.btn-u-light-green:active,
857
+ .btn-u.btn-u-light-green.active,
858
+ .open .dropdown-toggle.btn-u.btn-u-light-green {
859
+ background: #59b795;
860
+ }
861
+ .btn-u.btn-u-split-light-green.dropdown-toggle {
862
+ border-left: solid 1px #59b795;
863
+ }
864
+
865
+ .btn-u.btn-u-dark {
866
+ background: #555;
867
+ }
868
+ .btn-u.btn-u-dark:hover,
869
+ .btn-u.btn-u-dark:focus,
870
+ .btn-u.btn-u-dark:active,
871
+ .btn-u.btn-u-dark.active,
872
+ .open .dropdown-toggle.btn-u.btn-u-dark {
873
+ background: #333;
874
+ }
875
+ .btn-u.btn-u-split-dark.dropdown-toggle {
876
+ border-left: solid 1px #333;
877
+ }
878
+
879
+ .btn-u.btn-u-light-grey {
880
+ background: #585f69;
881
+ }
882
+ .btn-u.btn-u-light-grey:hover,
883
+ .btn-u.btn-u-light-grey:focus,
884
+ .btn-u.btn-u-light-grey:active,
885
+ .btn-u.btn-u-light-grey.active,
886
+ .open .dropdown-toggle.btn-u.btn-u-light-grey {
887
+ background: #484f58;
888
+ }
889
+ .btn-u.btn-u-split-light-grey.dropdown-toggle {
890
+ border-left: solid 1px #484f58;
891
+ }
892
+
893
+ /*Bordered Buttons*/
894
+ .btn-u.btn-brd {
895
+ color: #555;
896
+ font-weight: 200;
897
+ background: none;
898
+ border: solid 1px transparent;
899
+ -webkit-transition: all 0.1s ease-in-out;
900
+ -moz-transition: all 0.1s ease-in-out;
901
+ -o-transition: all 0.1s ease-in-out;
902
+ transition: all 0.1s ease-in-out;
903
+ }
904
+ .btn-u.btn-brd:hover {
905
+ background: none;
906
+ border: solid 1px #eee;
907
+ }
908
+ .btn-u.btn-brd:focus {
909
+ background: none;
910
+ }
911
+ .btn-u.btn-brd.btn-brd-hover:hover {
912
+ color: #fff !important;
913
+ }
914
+
915
+ .btn-u.btn-brd {
916
+ border-color: #72c02c;
917
+ }
918
+ .btn-u.btn-brd:hover {
919
+ color: #5fb611;
920
+ border-color: #5fb611;
921
+ }
922
+ .btn-u.btn-brd.btn-brd-hover:hover {
923
+ background: #5fb611;
924
+ }
925
+
926
+ .btn-u.btn-brd.btn-u-blue {
927
+ border-color: #3498db;
928
+ }
929
+ .btn-u.btn-brd.btn-u-blue:hover {
930
+ color: #2980b9;
931
+ border-color: #2980b9;
932
+ }
933
+ .btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover {
934
+ background: #2980b9;
935
+ }
936
+
937
+ .btn-u.btn-brd.btn-u-red {
938
+ border-color: #e74c3c;
939
+ }
940
+ .btn-u.btn-brd.btn-u-red:hover {
941
+ color: #c0392b;
942
+ border-color: #c0392b;
943
+ }
944
+ .btn-u.btn-brd.btn-u-red.btn-brd-hover:hover {
945
+ background: #c0392b;
946
+ }
947
+
948
+ .btn-u.btn-brd.btn-u-orange {
949
+ border-color: #e67e22;
950
+ }
951
+ .btn-u.btn-brd.btn-u-orange:hover {
952
+ color: #d35400;
953
+ border-color: #d35400;
954
+ }
955
+ .btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover {
956
+ background: #d35400;
957
+ }
958
+
959
+ .btn-u.btn-brd.btn-u-sea {
960
+ border-color: #1abc9c;
961
+ }
962
+ .btn-u.btn-brd.btn-u-sea:hover {
963
+ color: #16a085;
964
+ border-color: #16a085;
965
+ }
966
+ .btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover {
967
+ background: #16a085;
968
+ }
969
+
970
+ .btn-u.btn-brd.btn-u-green {
971
+ border-color: #2ecc71;
972
+ }
973
+ .btn-u.btn-brd.btn-u-green:hover {
974
+ color: #27ae60;
975
+ border-color: #27ae60;
976
+ }
977
+ .btn-u.btn-brd.btn-u-green.btn-brd-hover:hover {
978
+ background: #27ae60;
979
+ }
980
+
981
+ .btn-u.btn-brd.btn-u-yellow {
982
+ border-color: #f1c40f;
983
+ }
984
+ .btn-u.btn-brd.btn-u-yellow:hover {
985
+ color: #f39c12;
986
+ border-color: #f39c12;
987
+ }
988
+ .btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover {
989
+ background: #f39c12;
990
+ }
991
+
992
+ .btn-u.btn-brd.btn-u-default {
993
+ border-color: #95a5a6;
994
+ }
995
+ .btn-u.btn-brd.btn-u-default:hover {
996
+ color: #7f8c8d;
997
+ border-color: #7f8c8d;
998
+ }
999
+ .btn-u.btn-brd.btn-u-default.btn-brd-hover:hover {
1000
+ background: #7f8c8d;
1001
+ }
1002
+
1003
+ .btn-u.btn-brd.btn-u-dark {
1004
+ border-color: #555;
1005
+ }
1006
+ .btn-u.btn-brd.btn-u-dark:hover {
1007
+ color: #333;
1008
+ border-color: #333;
1009
+ }
1010
+ .btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover {
1011
+ background: #333;
1012
+ }
1013
+
1014
+ .btn-u.btn-brd.btn-u-light-grey {
1015
+ border-color: #585f69;
1016
+ }
1017
+ .btn-u.btn-brd.btn-u-light-grey:hover {
1018
+ color: #484f58;
1019
+ border-color: #484f58;
1020
+ }
1021
+ .btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover {
1022
+ background: #484f58;
1023
+ }
1024
+
1025
+ .btn-u.btn-brd.btn-u-purple {
1026
+ border-color: #9b6bcc;
1027
+ }
1028
+ .btn-u.btn-brd.btn-u-purple:hover {
1029
+ color: #814fb5;
1030
+ border-color: #814fb5;
1031
+ }
1032
+ .btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover {
1033
+ background: #814fb5;
1034
+ }
1035
+
1036
+ .btn-u.btn-brd.btn-u-aqua {
1037
+ border-color: #27d7e7;
1038
+ }
1039
+ .btn-u.btn-brd.btn-u-aqua:hover {
1040
+ color: #26bac8;
1041
+ border-color: #26bac8;
1042
+ }
1043
+ .btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover {
1044
+ background: #26bac8;
1045
+ }
1046
+
1047
+ .btn-u.btn-brd.btn-u-brown {
1048
+ border-color: #9c8061;
1049
+ }
1050
+ .btn-u.btn-brd.btn-u-brown:hover {
1051
+ color: #81674b;
1052
+ border-color: #81674b;
1053
+ }
1054
+ .btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover {
1055
+ background: #81674b;
1056
+ }
1057
+
1058
+ .btn-u.btn-brd.btn-u-dark-blue {
1059
+ border-color: #4765a0;
1060
+ }
1061
+ .btn-u.btn-brd.btn-u-dark-blue:hover {
1062
+ color: #324c80;
1063
+ border-color: #324c80;
1064
+ }
1065
+ .btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover {
1066
+ background: #324c80;
1067
+ }
1068
+
1069
+ .btn-u.btn-brd.btn-u-light-green {
1070
+ border-color: #79d5b3;
1071
+ }
1072
+ .btn-u.btn-brd.btn-u-light-green:hover {
1073
+ color: #59b795;
1074
+ border-color: #59b795;
1075
+ }
1076
+ .btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover {
1077
+ background: #59b795;
1078
+ }
1079
+
1080
+ .btn-u.btn-brd.btn-u-light {
1081
+ color: #fff;
1082
+ border-color: #fff;
1083
+ }
1084
+ .btn-u.btn-brd.btn-u-light:hover {
1085
+ border-color: #fff;
1086
+ }
1087
+ .btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {
1088
+ background: #fff;
1089
+ color: #555 !important;
1090
+ }
1091
+
1092
+ /*Badges and Labels
1093
+ ------------------------------------*/
1094
+ /*Labels*/
1095
+ span.label {
1096
+ font-size: 11px;
1097
+ font-weight: 400;
1098
+ padding: 4px 7px;
1099
+ }
1100
+
1101
+ /*Badges*/
1102
+ span.badge {
1103
+ font-weight: 400;
1104
+ padding: 4px 7px;
1105
+ }
1106
+
1107
+ span.label-u,
1108
+ span.badge-u {
1109
+ background: #72c02c;
1110
+ }
1111
+
1112
+ span.label-blue,
1113
+ span.badge-blue {
1114
+ background: #3498db;
1115
+ }
1116
+
1117
+ span.label-red,
1118
+ span.badge-red {
1119
+ background: #e74c3c;
1120
+ }
1121
+
1122
+ span.label-green,
1123
+ span.badge-green {
1124
+ background: #2ecc71;
1125
+ }
1126
+
1127
+ span.label-sea,
1128
+ span.badge-sea {
1129
+ background: #1abc9c;
1130
+ }
1131
+
1132
+ span.label-orange,
1133
+ span.badge-orange {
1134
+ background: #e67e22;
1135
+ }
1136
+
1137
+ span.label-yellow,
1138
+ span.badge-yellow {
1139
+ background: #f1c40f;
1140
+ }
1141
+
1142
+ span.label-purple,
1143
+ span.badge-purple {
1144
+ background: #9b6bcc;
1145
+ }
1146
+
1147
+ span.label-aqua,
1148
+ span.badge-aqua {
1149
+ background: #27d7e7;
1150
+ }
1151
+
1152
+ span.label-brown,
1153
+ span.badge-brown {
1154
+ background: #9c8061;
1155
+ }
1156
+
1157
+ span.label-dark-blue,
1158
+ span.badge-dark-blue {
1159
+ background: #4765a0;
1160
+ }
1161
+
1162
+ span.label-light-green,
1163
+ span.badge-light-green {
1164
+ background: #79d5b3;
1165
+ }
1166
+
1167
+ span.label-light,
1168
+ span.badge-light {
1169
+ color: #777;
1170
+ background: #ecf0f1;
1171
+ }
1172
+
1173
+ span.label-dark,
1174
+ span.badge-dark {
1175
+ background: #555;
1176
+ }
1177
+
1178
+ /*Badge Lists*/
1179
+ .badge-lists li {
1180
+ position: relative;
1181
+ }
1182
+
1183
+ .badge-lists span.badge {
1184
+ top: -10px;
1185
+ right: -6px;
1186
+ position: absolute;
1187
+ }
1188
+
1189
+ /*Badge Icons*/
1190
+ .badge-lists.badge-icons span.badge {
1191
+ min-width: 12px;
1192
+ padding: 3px 6px;
1193
+ }
1194
+
1195
+ .badge-lists.badge-icons i {
1196
+ font-size: 18px;
1197
+ min-width: 25px;
1198
+ }
1199
+
1200
+ /*Badge Box v1*/
1201
+ .badge-box-v1 a {
1202
+ color: #777;
1203
+ min-width: 40px;
1204
+ font-size: 18px;
1205
+ padding: 8px 9px;
1206
+ display: inline-block;
1207
+ border: solid 1px #eee;
1208
+ }
1209
+
1210
+ /*Badge Box v2*/
1211
+ .badge-box-v2 a {
1212
+ color: #777;
1213
+ font-size: 12px;
1214
+ padding: 10px;
1215
+ min-width: 70px;
1216
+ text-align: center;
1217
+ display: inline-block;
1218
+ border: solid 1px #eee;
1219
+ }
1220
+
1221
+ .badge-box-v2 a i {
1222
+ font-size: 20px;
1223
+ }
1224
+
1225
+ /*General Badge Box*/
1226
+ .badge-box-v1 a i,
1227
+ .badge-box-v2 a i {
1228
+ display: block;
1229
+ margin: 1px auto 2px;
1230
+ }
1231
+
1232
+ .badge-box-v1 a:hover,
1233
+ .badge-box-v2 a:hover {
1234
+ color: #555;
1235
+ border-color: #555;
1236
+ text-decoration: none;
1237
+ -webkit-transition: all 0.2s ease-in-out;
1238
+ -moz-transition: all 0.2s ease-in-out;
1239
+ -o-transition: all 0.2s ease-in-out;
1240
+ transition: all 0.2s ease-in-out;
1241
+ }
1242
+
1243
+ /*Icons
1244
+ ------------------------------------*/
1245
+ /*Social Icons*/
1246
+ .social-icons {
1247
+ margin: 0;
1248
+ padding: 0;
1249
+ }
1250
+
1251
+ .social-icons li {
1252
+ list-style: none;
1253
+ margin-right: 3px;
1254
+ margin-bottom: 5px;
1255
+ text-indent: -9999px;
1256
+ display: inline-block;
1257
+ }
1258
+
1259
+ .social-icons li a, a.social-icon {
1260
+ width: 28px;
1261
+ height: 28px;
1262
+ display: block;
1263
+ background-position: 0 0;
1264
+ background-repeat: no-repeat;
1265
+ transition: all 0.3s ease-in-out;
1266
+ -o-transition: all 0.3s ease-in-out;
1267
+ -ms-transition: all 0.3s ease-in-out;
1268
+ -moz-transition: all 0.3s ease-in-out;
1269
+ -webkit-transition: all 0.3s ease-in-out;
1270
+ }
1271
+
1272
+ .social-icons li:hover a {
1273
+ background-position: 0 -38px;
1274
+ }
1275
+
1276
+ .social-icons-color li a {
1277
+ opacity: 0.7;
1278
+ background-position: 0 -38px !important;
1279
+ -webkit-backface-visibility: hidden; /*For Chrome*/
1280
+ }
1281
+
1282
+ .social-icons-color li a:hover {
1283
+ opacity: 1;
1284
+ }
1285
+
1286
+ /*Font Awesome Icon Styles*/
1287
+ i.icon-custom {
1288
+ color: #555;
1289
+ width: 40px;
1290
+ height: 40px;
1291
+ font-size: 20px;
1292
+ line-height: 40px;
1293
+ margin-bottom: 5px;
1294
+ text-align: center;
1295
+ display: inline-block;
1296
+ border: solid 1px #555;
1297
+ }
1298
+
1299
+ i.icon-sm {
1300
+ width: 35px;
1301
+ height: 35px;
1302
+ font-size: 16px;
1303
+ line-height: 35px;
1304
+ }
1305
+
1306
+ i.icon-lg {
1307
+ width: 60px;
1308
+ height: 60px;
1309
+ font-size: 31px;
1310
+ line-height: 60px;
1311
+ margin-bottom: 10px;
1312
+ }
1313
+
1314
+ i.icon-2x {
1315
+ font-size: 30px;
1316
+ }
1317
+ i.icon-3x {
1318
+ font-size: 40px;
1319
+ }
1320
+ i.icon-4x {
1321
+ font-size: 50px;
1322
+ }
1323
+
1324
+ /*Line Icons*/
1325
+ i.icon-line {
1326
+ font-size: 17px;
1327
+ }
1328
+ i.icon-sm.icon-line {
1329
+ font-size: 14px;
1330
+ }
1331
+ i.icon-lg.icon-line {
1332
+ font-size: 28px;
1333
+ }
1334
+
1335
+ i.icon-2x.icon-line {
1336
+ font-size: 27px;
1337
+ }
1338
+ i.icon-3x.icon-line {
1339
+ font-size: 36px;
1340
+ }
1341
+ i.icon-4x.icon-line {
1342
+ font-size: 47px;
1343
+ }
1344
+
1345
+ /*Icon Styles For Links*/
1346
+ .link-icon,
1347
+ .link-bg-icon {
1348
+ color: #555;
1349
+ }
1350
+
1351
+ .link-icon:hover,
1352
+ .link-bg-icon:hover {
1353
+ border: none;
1354
+ text-decoration: none;
1355
+ }
1356
+
1357
+ .link-icon:hover i {
1358
+ color: #72c02c;
1359
+ background: none;
1360
+ border: solid 1px #72c02c;
1361
+ }
1362
+
1363
+ .link-bg-icon:hover i {
1364
+ color: #72c02c;
1365
+ background: #72c02c;
1366
+ border-color: #72c02c;
1367
+ color: #fff !important;
1368
+ }
1369
+
1370
+ /*Icons Color*/
1371
+ i.icon-color-u,
1372
+ i.icon-color-red,
1373
+ i.icon-color-sea,
1374
+ i.icon-color-dark,
1375
+ i.icon-color-grey,
1376
+ i.icon-color-blue,
1377
+ i.icon-color-green,
1378
+ i.icon-color-yellow,
1379
+ i.icon-color-orange,
1380
+ i.icon-color-purple,
1381
+ i.icon-color-aqua,
1382
+ i.icon-color-brown,
1383
+ i.icon-color-dark-blue,
1384
+ i.icon-color-light-grey,
1385
+ i.icon-color-light-green, {
1386
+ background: none;
1387
+ }
1388
+
1389
+ i.icon-color-u {
1390
+ color: #72c02c;
1391
+ border: solid 1px #72c02c;
1392
+ }
1393
+ i.icon-color-blue {
1394
+ color: #3498db;
1395
+ border: solid 1px #3498db;
1396
+ }
1397
+ i.icon-color-red {
1398
+ color: #e74c3c;
1399
+ border: solid 1px #e74c3c;
1400
+ }
1401
+ i.icon-color-sea {
1402
+ color: #1abc9c;
1403
+ border: solid 1px #1abc9c;
1404
+ }
1405
+ i.icon-color-green {
1406
+ color: #2ecc71;
1407
+ border: solid 1px #2ecc71;
1408
+ }
1409
+ i.icon-color-yellow {
1410
+ color: #f1c40f;
1411
+ border: solid 1px #f1c40f;
1412
+ }
1413
+ i.icon-color-orange {
1414
+ color: #e67e22;
1415
+ border: solid 1px #e67e22;
1416
+ }
1417
+ i.icon-color-grey {
1418
+ color: #95a5a6;
1419
+ border: solid 1px #95a5a6;
1420
+ }
1421
+ i.icon-color-purple {
1422
+ color: #9b6bcc;
1423
+ border: solid 1px #9b6bcc;
1424
+ }
1425
+ i.icon-color-aqua {
1426
+ color: #27d7e7;
1427
+ border: solid 1px #27d7e7;
1428
+ }
1429
+ i.icon-color-brown {
1430
+ color: #9c8061;
1431
+ border: solid 1px #9c8061;
1432
+ }
1433
+ i.icon-color-dark-blue {
1434
+ color: #4765a0;
1435
+ border: solid 1px #4765a0;
1436
+ }
1437
+ i.icon-color-light-green {
1438
+ color: #79d5b3;
1439
+ border: solid 1px #79d5b3;
1440
+ }
1441
+ i.icon-color-light {
1442
+ color: #fff;
1443
+ border: solid 1px #fff;
1444
+ }
1445
+ i.icon-color-light-grey {
1446
+ color: #585f69;
1447
+ border: solid 1px #585f69;
1448
+ }
1449
+
1450
+ /*Icons Backgroun Color*/
1451
+ i.icon-bg-u,
1452
+ i.icon-bg-red,
1453
+ i.icon-bg-sea,
1454
+ i.icon-bg-dark,
1455
+ i.icon-bg-grey,
1456
+ i.icon-bg-blue,
1457
+ i.icon-bg-green,
1458
+ i.icon-bg-yellow,
1459
+ i.icon-bg-orange,
1460
+ i.icon-bg-purple,
1461
+ i.icon-bg-aqua,
1462
+ i.icon-bg-brown,
1463
+ i.icon-bg-dark-blue,
1464
+ i.icon-bg-light-grey,
1465
+ i.icon-bg-light-green {
1466
+ color: #fff;
1467
+ border-color: transparent;
1468
+ }
1469
+
1470
+ i.icon-bg-u {
1471
+ background: #72c02c;
1472
+ }
1473
+ i.icon-bg-blue {
1474
+ background: #3498db;
1475
+ }
1476
+ i.icon-bg-red {
1477
+ background: #e74c3c;
1478
+ }
1479
+ i.icon-bg-sea {
1480
+ background: #1abc9c;
1481
+ }
1482
+ i.icon-bg-green {
1483
+ background: #2ecc71;
1484
+ }
1485
+ i.icon-bg-yellow {
1486
+ background: #f1c40f;
1487
+ }
1488
+ i.icon-bg-orange {
1489
+ background: #e67e22;
1490
+ }
1491
+ i.icon-bg-grey {
1492
+ background: #95a5a6;
1493
+ }
1494
+ i.icon-bg-dark {
1495
+ background: #555;
1496
+ }
1497
+ i.icon-bg-purple {
1498
+ background: #9b6bcc;
1499
+ }
1500
+ i.icon-bg-aqua {
1501
+ background: #27d7e7;
1502
+ }
1503
+ i.icon-bg-brown {
1504
+ background: #9c8061;
1505
+ }
1506
+ i.icon-bg-dark-blue {
1507
+ background: #4765a0;
1508
+ }
1509
+ i.icon-bg-light-green {
1510
+ background: #79d5b3;
1511
+ }
1512
+ i.icon-bg-light {
1513
+ background: #fff;
1514
+ border-color: transparent;
1515
+ }
1516
+ i.icon-bg-light-grey {
1517
+ background: #585f69;
1518
+ border-color: transparent;
1519
+ }
1520
+
1521
+ /* Make Font Awesome icons fixed width */
1522
+ .fa-fixed [class^="fa"],
1523
+ .fa-fixed [class*=" fa"] {
1524
+ width: 1.25em;
1525
+ text-align: center;
1526
+ display: inline-block;
1527
+ }
1528
+ .fa-fixed [class^="fa"].fa-lg,
1529
+ .fa-fixed [class*=" fa"].fa-lg {
1530
+ /* increased font size for fa-lg */
1531
+ width: 1.5625em;
1532
+ }
1533
+
1534
+ /*Content Boxes
1535
+ ------------------------------------*/
1536
+ /*Content Boxes v1*/
1537
+ .content-boxes-v1 {
1538
+ text-align: center;
1539
+ }
1540
+
1541
+ .content-boxes-v1 span {
1542
+ display: block;
1543
+ margin-top: 5px;
1544
+ }
1545
+
1546
+ /*Content Boxes v2*/
1547
+ @media (max-width: 992px) {
1548
+ .content-boxes-v2,
1549
+ .content-boxes-v2 .text-justify {
1550
+ text-align: center;
1551
+ }
1552
+
1553
+ .content-boxes-v2 span {
1554
+ display: block;
1555
+ margin-top: 5px;
1556
+ }
1557
+ }
1558
+
1559
+ /*Content Boxes v3*/
1560
+ .content-boxes-v3 {
1561
+ margin-bottom: 15px;
1562
+ }
1563
+
1564
+ .content-boxes-v3 i {
1565
+ top: 8px;
1566
+ float: left;
1567
+ position: relative;
1568
+ }
1569
+
1570
+ .content-boxes-v3 .content-boxes-in-v3 {
1571
+ padding: 0 10px;
1572
+ overflow: hidden;
1573
+ }
1574
+
1575
+ .content-boxes-v3 .content-boxes-in-v3 h3 {
1576
+ font-size: 18px;
1577
+ line-height: 22px;
1578
+ margin-bottom: 3px;
1579
+ text-transform: capitalize;
1580
+ }
1581
+
1582
+ .content-boxes-v3 .content-boxes-in-v3 h3 a {
1583
+ color: #555;
1584
+ }
1585
+
1586
+ /*Colored Content Boxes
1587
+ ------------------------------------*/
1588
+ .servive-block {
1589
+ padding: 20px 30px;
1590
+ text-align: center;
1591
+ margin-bottom: 20px;
1592
+ }
1593
+
1594
+ .servive-block p,
1595
+ .servive-block h2 {
1596
+ color: #fff;
1597
+ }
1598
+
1599
+ .servive-block h2 a:hover{
1600
+ text-decoration: none;
1601
+ }
1602
+
1603
+ .servive-block-light,
1604
+ .servive-block-default {
1605
+ background: #fafafa;
1606
+ border: solid 1px #eee;
1607
+ }
1608
+
1609
+ .servive-block-default:hover {
1610
+ box-shadow: 0 0 8px #eee;
1611
+ }
1612
+
1613
+ .servive-block-light p,
1614
+ .servive-block-light h2,
1615
+ .servive-block-default p,
1616
+ .servive-block-default h2 {
1617
+ color: #555;
1618
+ }
1619
+
1620
+ .servive-block-u {
1621
+ background: #72c02c;
1622
+ }
1623
+ .servive-block-blue {
1624
+ background: #3498db;
1625
+ }
1626
+ .servive-block-red {
1627
+ background: #e74c3c;
1628
+ }
1629
+ .servive-block-sea {
1630
+ background: #1abc9c;
1631
+ }
1632
+ .servive-block-grey {
1633
+ background: #95a5a6;
1634
+ }
1635
+ .servive-block-yellow {
1636
+ background: #f1c40f;
1637
+ }
1638
+ .servive-block-orange {
1639
+ background: #e67e22;
1640
+ }
1641
+ .servive-block-green {
1642
+ background: #2ecc71;
1643
+ }
1644
+ .servive-block-purple {
1645
+ background: #9b6bcc;
1646
+ }
1647
+ .servive-block-aqua {
1648
+ background: #27d7e7;
1649
+ }
1650
+ .servive-block-brown {
1651
+ background: #9c8061;
1652
+ }
1653
+ .servive-block-dark-blue {
1654
+ background: #4765a0;
1655
+ }
1656
+ .servive-block-light-green {
1657
+ background: #79d5b3;
1658
+ }
1659
+ .servive-block-dark {
1660
+ background: #555;
1661
+ }
1662
+ .servive-block-light {
1663
+ background: #ecf0f1;
1664
+ }
1665
+
1666
+ /*Funny Boxes
1667
+ ------------------------------------*/
1668
+ .funny-boxes {
1669
+ overflow: hidden;
1670
+ padding: 15px 20px;
1671
+ margin-bottom: 25px;
1672
+ background: #f7f7f7;
1673
+ -webkit-transition:all 0.3s ease-in-out;
1674
+ -moz-transition:all 0.3s ease-in-out;
1675
+ -o-transition:all 0.3s ease-in-out;
1676
+ transition:all 0.3s ease-in-out;
1677
+ }
1678
+
1679
+ .funny-boxes h2 a {
1680
+ color: #555;
1681
+ }
1682
+
1683
+ .funny-boxes p a {
1684
+ color: #72c02c;
1685
+ }
1686
+
1687
+ .funny-boxes .funny-boxes-img li i {
1688
+ color: #72c02c;
1689
+ font-size: 12px;
1690
+ margin-right: 5px;
1691
+ }
1692
+
1693
+ .funny-boxes .funny-boxes-img img {
1694
+ display: block;
1695
+ margin: 5px 10px 10px 0;
1696
+ }
1697
+
1698
+ .funny-boxes h2 {
1699
+ margin-top: 0;
1700
+ font-size: 20px;
1701
+ line-height: 20px;
1702
+ }
1703
+
1704
+ .funny-boxes ul.funny-boxes-rating li {
1705
+ display: inline;
1706
+ }
1707
+
1708
+ .funny-boxes ul.funny-boxes-rating li i {
1709
+ color: #f8be2c;
1710
+ cursor: pointer;
1711
+ font-size: 16px;
1712
+ }
1713
+
1714
+ .funny-boxes ul.funny-boxes-rating li i:hover {
1715
+ color: #f8be2c;
1716
+ }
1717
+
1718
+ /*Funny Colored Boxes*/
1719
+ .funny-boxes-colored p,
1720
+ .funny-boxes-colored h2 a,
1721
+ .funny-boxes-colored .funny-boxes-img li,
1722
+ .funny-boxes-colored .funny-boxes-img li i {
1723
+ color: #fff !important;
1724
+ }
1725
+
1726
+ /*Red Funny Box*/
1727
+ .funny-boxes-red {
1728
+ background: #e74c3c;
1729
+ }
1730
+
1731
+ /*Blue Funny Box*/
1732
+ .funny-boxes-blue {
1733
+ background: #3498db;
1734
+ }
1735
+
1736
+ /*Grey Funny Box*/
1737
+ .funny-boxes-grey {
1738
+ background: #95a5a6;
1739
+ }
1740
+
1741
+ /*Turquoise Funny Box*/
1742
+ .funny-boxes-sea {
1743
+ background: #1abc9c;
1744
+ }
1745
+
1746
+ /*Turquoise Top Bordered Funny Box*/
1747
+ .funny-boxes-top-sea {
1748
+ border-top: solid 2px #1abc9c;
1749
+ }
1750
+
1751
+ .funny-boxes-top-sea:hover {
1752
+ border-top-color: #16a085;
1753
+ }
1754
+
1755
+ /*Yellow Top Bordered Funny Box**/
1756
+ .funny-boxes-top-yellow {
1757
+ border-top: solid 2px #f1c40f;
1758
+ }
1759
+
1760
+ .funny-boxes-top-yellow:hover {
1761
+ border-top-color: #f39c12;
1762
+ }
1763
+
1764
+ /*Orange Left Bordered Funny Box**/
1765
+ .funny-boxes-left-orange {
1766
+ border-left: solid 2px #e67e22;
1767
+ }
1768
+
1769
+ .funny-boxes-left-orange:hover {
1770
+ border-left-color: #d35400;
1771
+ }
1772
+
1773
+ /*Green Left Bordered Funny Box**/
1774
+ .funny-boxes-left-green {
1775
+ border-left: solid 2px #72c02c;
1776
+ }
1777
+
1778
+ .funny-boxes-left-green:hover {
1779
+ border-left-color: #5fb611;
1780
+ }
1781
+
1782
+ /*Green Right Bordered Funny Box**/
1783
+ .funny-boxes-right-u {
1784
+ border-right: solid 2px #72c02c;
1785
+ }
1786
+
1787
+ .funny-boxes-right-u:hover {
1788
+ border-right-color: #5fb611;
1789
+ }
1790
+
1791
+ /*Typography
1792
+ ------------------------------------*/
1793
+ /*Text Dropcap*/
1794
+ .dropcap {
1795
+ float: left;
1796
+ color: #72c02c;
1797
+ padding: 5px 0;
1798
+ font-size: 45px;
1799
+ font-weight: 200;
1800
+ line-height: 30px;
1801
+ margin: 0px 5px 0 0;
1802
+ }
1803
+
1804
+ .dropcap-bg {
1805
+ float: left;
1806
+ color: #fff;
1807
+ padding: 7px 0;
1808
+ min-width: 50px;
1809
+ font-size: 35px;
1810
+ font-weight: 200;
1811
+ line-height: 35px;
1812
+ text-align: center;
1813
+ background: #72c02c;
1814
+ margin: 4px 10px 0 0;
1815
+ }
1816
+
1817
+ /*Text Highlights*/
1818
+ .text-highlights {
1819
+ color: #fff;
1820
+ font-weight: 200;
1821
+ padding: 0px 5px;
1822
+ background: #555;
1823
+ }
1824
+
1825
+ .text-highlights-green {
1826
+ background: #72c02c;
1827
+ }
1828
+ .text-highlights-blue {
1829
+ background: #3498db;
1830
+ }
1831
+ .text-highlights-red {
1832
+ background: #e74c3c;
1833
+ }
1834
+ .text-highlights-sea {
1835
+ background: #1abc9c;
1836
+ }
1837
+ .text-highlights-orange {
1838
+ background: #e67e22;
1839
+ }
1840
+ .text-highlights-yellow {
1841
+ background: #f1c40f;
1842
+ }
1843
+ .text-highlights-purple {
1844
+ background: #9b6bcc;
1845
+ }
1846
+ .text-highlights-aqua {
1847
+ background: #27d7e7;
1848
+ }
1849
+ .text-highlights-brown {
1850
+ background: #9c8061;
1851
+ }
1852
+ .text-highlights-dark-blue {
1853
+ background: #4765a0;
1854
+ }
1855
+ .text-highlights-light-green {
1856
+ background: #79d5b3;
1857
+ }
1858
+
1859
+ /*Text Borders*/
1860
+ .text-border {
1861
+ border-bottom: dashed 1px #555;
1862
+ }
1863
+
1864
+ .text-border-default {
1865
+ border-color: #95a5a6;
1866
+ }
1867
+ .text-border-green {
1868
+ border-color: #72c02c;
1869
+ }
1870
+ .text-border-blue {
1871
+ border-color: #3498db;
1872
+ }
1873
+ .text-border-red {
1874
+ border-color: #e74c3c;
1875
+ }
1876
+ .text-border-yellow {
1877
+ border-color: #f1c40f;
1878
+ }
1879
+ .text-border-purple {
1880
+ border-color: #9b6bcc;
1881
+ }
1882
+
1883
+ /*List Styles*/
1884
+ .list-styles li {
1885
+ margin-bottom: 8px;
1886
+ }
1887
+
1888
+ /*Tooltip*/
1889
+ .tooltips-show {
1890
+ position: relative;
1891
+ }
1892
+
1893
+ /*Contextual Backgrounds*/
1894
+ .contex-bg p {
1895
+ opacity: 0.8;
1896
+ padding: 8px 10px;
1897
+ }
1898
+ .contex-bg p:hover {
1899
+ opacity: 1;
1900
+ }
1901
+
1902
+ /*Blockquote*/
1903
+ blockquote {
1904
+ padding: 5px 15px;
1905
+ border-left-width: 2px;
1906
+ }
1907
+
1908
+ blockquote p {
1909
+ font-size: 14px;
1910
+ font-weight: 400;
1911
+ }
1912
+
1913
+ blockquote h1,
1914
+ blockquote h2,
1915
+ blockquote span {
1916
+ font-size: 18px;
1917
+ margin: 0 0 8px;
1918
+ line-height: 24px;
1919
+ }
1920
+
1921
+ /*Blockquote Styles*/
1922
+ blockquote.bq-text-lg p,
1923
+ blockquote.bq-text-lg small {
1924
+ text-transform: uppercase;
1925
+ }
1926
+
1927
+ blockquote.bq-text-lg p {
1928
+ font-size: 22px;
1929
+ font-weight: 300;
1930
+ line-height: 32px;
1931
+ }
1932
+
1933
+ blockquote.text-right,
1934
+ blockquote.hero.text-right {
1935
+ border-left: none;
1936
+ border-right: 2px solid #eee;
1937
+ }
1938
+
1939
+ blockquote.hero.text-right,
1940
+ blockquote.hero.text-right:hover {
1941
+ border-color: #555;
1942
+ }
1943
+
1944
+ blockquote:hover,
1945
+ blockquote.text-right:hover {
1946
+ border-color: #72c02c;
1947
+ -webkit-transition: all 0.4s ease-in-out;
1948
+ -moz-transition: all 0.4s ease-in-out;
1949
+ -o-transition: all 0.4s ease-in-out;
1950
+ transition: all 0.4s ease-in-out;
1951
+ }
1952
+
1953
+ blockquote.bq-dark,
1954
+ blockquote.bq-dark:hover {
1955
+ border-color: #585f69;
1956
+ }
1957
+
1958
+ blockquote.bq-green {
1959
+ border-color: #72c02c;
1960
+ }
1961
+
1962
+ /*Blockquote Hero Styles*/
1963
+ blockquote.hero {
1964
+ border: none;
1965
+ padding: 18px;
1966
+ font-size: 16px;
1967
+ background: #f3f3f3;
1968
+ border-left: solid 2px #666;
1969
+ }
1970
+
1971
+ blockquote.hero:hover {
1972
+ background: #eee;
1973
+ border-left-color: #666;
1974
+ }
1975
+
1976
+ blockquote.hero.hero-dark,
1977
+ blockquote.hero.hero-default {
1978
+ border: none;
1979
+ }
1980
+
1981
+ blockquote.hero.hero-dark {
1982
+ background: #444;
1983
+ }
1984
+
1985
+ blockquote.hero.hero-dark:hover {
1986
+ background: #555;
1987
+ }
1988
+
1989
+ blockquote.hero.hero-default {
1990
+ background: #72c02c;
1991
+ }
1992
+
1993
+ blockquote.hero.hero-default:hover {
1994
+ background: #5fb611;
1995
+ }
1996
+
1997
+ blockquote.hero.hero-dark p,
1998
+ blockquote.hero.hero-dark h2,
1999
+ blockquote.hero.hero-dark small,
2000
+ blockquote.hero.hero-default p,
2001
+ blockquote.hero.hero-default h2,
2002
+ blockquote.hero.hero-default small {
2003
+ color: #fff;
2004
+ font-weight: 200;
2005
+ }
2006
+
2007
+ /*Tag Boxes
2008
+ ------------------------------------*/
2009
+ .tag-box {
2010
+ padding: 20px;
2011
+ background: #fff;
2012
+ margin-bottom: 30px;
2013
+ }
2014
+
2015
+ .tag-box h2 {
2016
+ font-size: 20px;
2017
+ line-height: 25px;
2018
+ }
2019
+
2020
+ .tag-box p {
2021
+ margin-bottom: 0;
2022
+ }
2023
+
2024
+ .tag-box.tag-text-space p {
2025
+ margin-bottom: 10px;
2026
+ }
2027
+
2028
+ /*Tag Boxes v1*/
2029
+ .tag-box-v1 {
2030
+ border: solid 1px #eee;
2031
+ border-top: solid 2px #72c02c;
2032
+ }
2033
+
2034
+ /*Tag Boxes v2*/
2035
+ .tag-box-v2 {
2036
+ background: #fafafa;
2037
+ border: solid 1px #eee;
2038
+ border-left: solid 2px #72c02c;
2039
+ }
2040
+
2041
+ /*Tag Boxes v3*/
2042
+ .tag-box-v3 {
2043
+ border: solid 2px #eee;
2044
+ }
2045
+
2046
+ /*Tag Boxes v4*/
2047
+ .tag-box-v4 {
2048
+ border: dashed 1px #bbb;
2049
+ }
2050
+
2051
+ /*Tag Boxes v5*/
2052
+ .tag-box-v5 {
2053
+ margin: 20px 0;
2054
+ text-align: center;
2055
+ border: dashed 1px #ccc;
2056
+ }
2057
+
2058
+ .tag-box-v5 span {
2059
+ color: #555;
2060
+ font-size: 28px;
2061
+ margin-bottom: 0;
2062
+ }
2063
+
2064
+ /*Tag Boxes v6*/
2065
+ .tag-box-v6 {
2066
+ background: #fafafa;
2067
+ border: solid 1px #eee;
2068
+ }
2069
+
2070
+ /*Tag Boxes v7*/
2071
+ .tag-box-v7 {
2072
+ border: solid 1px #eee;
2073
+ border-bottom: solid 2px #72c02c;
2074
+ }
2075
+
2076
+ /*Testimonials
2077
+ ------------------------------------*/
2078
+ /*Testimonials*/
2079
+ .testimonials {
2080
+ margin-bottom: 10px;
2081
+ }
2082
+
2083
+ .testimonials .testimonial-info {
2084
+ color: #72c02c;
2085
+ font-size: 16px;
2086
+ padding: 0 15px;
2087
+ margin-top: 18px;
2088
+ }
2089
+
2090
+ .testimonials .testimonial-info span {
2091
+ top: 3px;
2092
+ position: relative;
2093
+ }
2094
+
2095
+ .testimonials .testimonial-info em {
2096
+ color: #777;
2097
+ display: block;
2098
+ font-size: 13px;
2099
+ }
2100
+
2101
+ .testimonials .testimonial-info img {
2102
+ width: 60px;
2103
+ float: left;
2104
+ height: 60px;
2105
+ padding: 2px;
2106
+ margin-right: 15px;
2107
+ border: solid 1px #ccc;
2108
+ }
2109
+
2110
+ .testimonials .testimonial-author {
2111
+ overflow: hidden;
2112
+ }
2113
+
2114
+ .testimonials .carousel-arrow {
2115
+ top: -65px;
2116
+ position: relative;
2117
+ }
2118
+
2119
+ .testimonials .carousel-arrow i {
2120
+ color: #777;
2121
+ padding: 2px;
2122
+ min-width: 25px;
2123
+ font-size: 20px;
2124
+ text-align: center;
2125
+ background: #f5f5f5;
2126
+ }
2127
+
2128
+ .testimonials .carousel-arrow i:hover {
2129
+ color: #fff;
2130
+ background: #72c02c;
2131
+ }
2132
+
2133
+ .testimonials .carousel-control {
2134
+ opacity: 1;
2135
+ width: 100%;
2136
+ text-align: right;
2137
+ text-shadow: none;
2138
+ position: absolute;
2139
+ filter: Alpha(opacity = 100); /*For IE*/
2140
+ }
2141
+
2142
+ .testimonials .carousel-control.left {
2143
+ right: 27px;
2144
+ left: auto;
2145
+ }
2146
+ .testimonials .carousel-control.right {
2147
+ right: 0px;
2148
+ }
2149
+
2150
+ /*Testimonials v1*/
2151
+ .testimonials.testimonials-v1 .item p {
2152
+ position: relative;
2153
+ }
2154
+
2155
+ .testimonials.testimonials-v1 .item p:after,
2156
+ .testimonials.testimonials-v1 .item p:before {
2157
+ left: 80px;
2158
+ bottom: -20px;
2159
+ }
2160
+
2161
+ .testimonials.testimonials-v1 .item p:after {
2162
+ border-top: 22px solid;
2163
+ border-left: 0 solid transparent;
2164
+ border-right: 22px solid transparent;
2165
+ }
2166
+
2167
+ /*Testimonials v2*/
2168
+ .testimonials.testimonials-v2 .testimonial-info {
2169
+ padding: 0 20px;
2170
+ }
2171
+
2172
+ .testimonials.testimonials-v2 p {
2173
+ padding-bottom: 15px;
2174
+ }
2175
+
2176
+ .testimonials.testimonials-v2 .carousel-arrow {
2177
+ top: -55px;
2178
+ }
2179
+
2180
+ .testimonials.testimonials-v2 .item p:after,
2181
+ .testimonials.testimonials-v2 .item p:before {
2182
+ left: 8%;
2183
+ bottom: 45px;
2184
+ }
2185
+
2186
+ .testimonials.testimonials-v2 .item p:after {
2187
+ border-top: 20px solid;
2188
+ border-left: 25px solid transparent;
2189
+ border-right: 0px solid transparent;
2190
+ }
2191
+
2192
+ /*General Testimonials v1/v2*/
2193
+ .testimonials.testimonials-v1 p,
2194
+ .testimonials.testimonials-v2 p {
2195
+ padding: 15px;
2196
+ font-size: 14px;
2197
+ font-style: italic;
2198
+ background: #f5f5f5;
2199
+ }
2200
+
2201
+ .testimonials.testimonials-v1 .item p:after,
2202
+ .testimonials.testimonials-v2 .item p:after {
2203
+ width: 0;
2204
+ height: 0;
2205
+ content: " ";
2206
+ display: block;
2207
+ position: absolute;
2208
+ border-top-color: #f5f5f5;
2209
+ border-left-style: inset; /*FF fixes*/
2210
+ border-right-style: inset; /*FF fixes*/
2211
+ }
2212
+
2213
+ /*Testimonials Backgrounds*/
2214
+ .testimonials-bg-dark .item p,
2215
+ .testimonials-bg-default .item p {
2216
+ color: #fff;
2217
+ font-weight: 200;
2218
+ }
2219
+
2220
+ .testimonials-bg-dark .carousel-arrow i,
2221
+ .testimonials-bg-default .carousel-arrow i {
2222
+ color: #fff;
2223
+ }
2224
+
2225
+ /*Testimonials Default*/
2226
+ .testimonials-bg-default .item p {
2227
+ background: #72c02c;
2228
+ }
2229
+
2230
+ .testimonials.testimonials-bg-default .item p:after,
2231
+ .testimonials.testimonials-bg-default .item p:after {
2232
+ border-top-color: #72c02c;
2233
+ }
2234
+
2235
+ .testimonials-bg-default .carousel-arrow i {
2236
+ background: #72c02c;
2237
+ }
2238
+
2239
+ .testimonials.testimonials-bg-default .carousel-arrow i:hover {
2240
+ background: #5fb611;
2241
+ }
2242
+
2243
+ /*Testimonials Dark*/
2244
+ .testimonials-bg-dark .item p {
2245
+ background: #555;
2246
+ }
2247
+
2248
+ .testimonials.testimonials-bg-dark .item p:after,
2249
+ .testimonials.testimonials-bg-dark .item p:after {
2250
+ border-top-color: #555;
2251
+ }
2252
+
2253
+ .testimonials-bg-dark .carousel-arrow i {
2254
+ color: #fff;
2255
+ background: #555;
2256
+ }
2257
+
2258
+ .testimonials.testimonials-bg-dark .carousel-arrow i:hover {
2259
+ background: #333;
2260
+ }
2261
+
2262
+ .testimonials.testimonials-bg-dark .testimonial-info {
2263
+ color: #555;
2264
+ }
2265
+
2266
+ /*Panels (Portlets)
2267
+ ------------------------------------*/
2268
+ .panel-heading {
2269
+ color: #fff;
2270
+ padding: 5px 15px;
2271
+ }
2272
+
2273
+ /*Panel Table*/
2274
+ .panel .table {
2275
+ margin-bottom: 0;
2276
+ }
2277
+
2278
+ /*Panel Unify*/
2279
+ .panel-u {
2280
+ border-color: #72c02c;
2281
+ }
2282
+
2283
+ .panel-u > .panel-heading {
2284
+ background: #72c02c;
2285
+ }
2286
+
2287
+ /*Panel Blue*/
2288
+ .panel-blue {
2289
+ border-color: #3498db;
2290
+ }
2291
+
2292
+ .panel-blue > .panel-heading {
2293
+ background: #3498db;
2294
+ }
2295
+
2296
+ /*Panel Red*/
2297
+ .panel-red {
2298
+ border-color: #e74c3c;
2299
+ }
2300
+
2301
+ .panel-red > .panel-heading {
2302
+ background: #e74c3c;
2303
+ }
2304
+
2305
+ /*Panel Green*/
2306
+ .panel-green {
2307
+ border-color: #2ecc71;
2308
+ }
2309
+
2310
+ .panel-green > .panel-heading {
2311
+ background: #2ecc71;
2312
+ }
2313
+
2314
+ /*Panel Sea*/
2315
+ .panel-sea {
2316
+ border-color: #1abc9c;
2317
+ }
2318
+
2319
+ .panel-sea > .panel-heading {
2320
+ background: #1abc9c;
2321
+ }
2322
+
2323
+ /*Panel Orange*/
2324
+ .panel-orange {
2325
+ border-color: #e67e22;
2326
+ }
2327
+
2328
+ .panel-orange > .panel-heading {
2329
+ background: #e67e22;
2330
+ }
2331
+
2332
+ /*Panel Yellow*/
2333
+ .panel-yellow {
2334
+ border-color: #f1c40f;
2335
+ }
2336
+
2337
+ .panel-yellow > .panel-heading {
2338
+ background: #f1c40f;
2339
+ }
2340
+
2341
+ /*Panel Grey*/
2342
+ .panel-grey {
2343
+ border-color: #95a5a6;
2344
+ }
2345
+
2346
+ .panel-grey > .panel-heading {
2347
+ background: #95a5a6;
2348
+ }
2349
+
2350
+ /*Panel Dark*/
2351
+ .panel-dark {
2352
+ border-color: #555;
2353
+ }
2354
+
2355
+ .panel-dark > .panel-heading {
2356
+ background: #555;
2357
+ }
2358
+
2359
+ /*Panel Purple*/
2360
+ .panel-purple {
2361
+ border-color: #9b6bcc;
2362
+ }
2363
+
2364
+ .panel-purple > .panel-heading {
2365
+ background: #9b6bcc;
2366
+ }
2367
+
2368
+ /*Panel Aqua*/
2369
+ .panel-aqua {
2370
+ border-color: #27d7e7;
2371
+ }
2372
+
2373
+ .panel-aqua > .panel-heading {
2374
+ background: #27d7e7;
2375
+ }
2376
+
2377
+ /*Panel Brown*/
2378
+ .panel-brown {
2379
+ border-color: #9c8061;
2380
+ }
2381
+
2382
+ .panel-brown > .panel-heading {
2383
+ background: #9c8061;
2384
+ }
2385
+
2386
+ /*Panel Dark Blue*/
2387
+ .panel-dark-blue {
2388
+ border-color: #4765a0;
2389
+ }
2390
+
2391
+ .panel-dark-blue > .panel-heading {
2392
+ background: #4765a0;
2393
+ }
2394
+
2395
+ /*Panel Light Green*/
2396
+ .panel-light-green {
2397
+ border-color: #79d5b3;
2398
+ }
2399
+
2400
+ .panel-light-green > .panel-heading {
2401
+ background: #79d5b3;
2402
+ }
2403
+
2404
+ /*Panel Default Dark*/
2405
+ .panel-default-dark {
2406
+ border-color: #585f69;
2407
+ }
2408
+
2409
+ .panel-default-dark > .panel-heading {
2410
+ background: #585f69;
2411
+ }
2412
+
2413
+ /*Progress Bar
2414
+ ------------------------------------*/
2415
+ .progress-u {
2416
+ box-shadow: none;
2417
+ }
2418
+
2419
+ .progress-u .progress-bar {
2420
+ box-shadow: none;
2421
+ }
2422
+
2423
+ /*progress-bar (sizes)*/
2424
+ .progress-lg {
2425
+ height: 25px;
2426
+ }
2427
+ .progress-lg p {
2428
+ padding-top: 3px;
2429
+ }
2430
+
2431
+ .progress-sm {
2432
+ height: 12px;
2433
+ }
2434
+
2435
+ .progress-xs {
2436
+ height: 7px;
2437
+ }
2438
+
2439
+ .progress-xxs {
2440
+ height: 3px;
2441
+ }
2442
+
2443
+ /*progress-bar (colors)*/
2444
+ .progress {
2445
+ background: #e5e5e5;
2446
+ }
2447
+
2448
+ .progress-bar-u {
2449
+ background: #72c02c;
2450
+ }
2451
+
2452
+ .progress-bar-blue {
2453
+ background: #3498db;
2454
+ }
2455
+
2456
+ .progress-bar-orange {
2457
+ background: #e67e22;
2458
+ }
2459
+
2460
+ .progress-bar-red {
2461
+ background: #e74c3c;
2462
+ }
2463
+
2464
+ .progress-bar-purple {
2465
+ background: #9b6bcc;
2466
+ }
2467
+
2468
+ .progress-bar-aqua {
2469
+ background: #27d7e7;
2470
+ }
2471
+
2472
+ .progress-bar-brown {
2473
+ background: #9c8061;
2474
+ }
2475
+
2476
+ .progress-bar-dark-blue {
2477
+ background: #4765a0;
2478
+ }
2479
+
2480
+ .progress-bar-light-green {
2481
+ background: #79d5b3;
2482
+ }
2483
+
2484
+ .progress-bar-dark {
2485
+ background: #555;
2486
+ }
2487
+
2488
+ /*Count Stars
2489
+ ------------------------------------*/
2490
+ .stars-existing {
2491
+ color: #72c02c;
2492
+ cursor: pointer;
2493
+ }
2494
+
2495
+ .star-lg {
2496
+ font-size: 30px;
2497
+ }
2498
+
2499
+ .star-sm {
2500
+ font-size: 25px;
2501
+ }
2502
+
2503
+ .star-xs {
2504
+ font-size: 20px;
2505
+ }
2506
+
2507
+ .star-default {
2508
+ font-size: 16px;
2509
+ }
2510
+
2511
+ /*Media (Audio/Videos and Images)
2512
+ ------------------------------------*/
2513
+ /*Images*/
2514
+ img.img-bordered {
2515
+ padding: 3px;
2516
+ border: solid 1px #eee;
2517
+ }
2518
+
2519
+ img.img-circle {
2520
+ border-radius: 50% !important;
2521
+ }
2522
+
2523
+ /*Responsive Video*/
2524
+ .responsive-video {
2525
+ height: 0;
2526
+ padding-top: 1px;
2527
+ position: relative;
2528
+ margin-bottom: -3px;
2529
+ padding-bottom: 56.25%; /*16:9*/
2530
+ }
2531
+
2532
+ .responsive-video iframe {
2533
+ top: 0;
2534
+ left: 0;
2535
+ width: 100%;
2536
+ height: 100%;
2537
+ position: absolute;
2538
+ }
2539
+
2540
+ /*Spaces
2541
+ ------------------------------------*/
2542
+ .margin-left-5 { margin-left: 5px;}
2543
+ .margin-right-5 { margin-right: 5px;}
2544
+
2545
+ .no-top-space {
2546
+ margin-top: 0;
2547
+ padding-top: 0;
2548
+ }
2549
+
2550
+ .no-bottom-space {
2551
+ margin-bottom: 0;
2552
+ padding-bottom: 0;
2553
+ }
2554
+
2555
+ .margin-bottom-5,
2556
+ .margin-bottom-10,
2557
+ .margin-bottom-15,
2558
+ .margin-bottom-20,
2559
+ .margin-bottom-25,
2560
+ .margin-bottom-30,
2561
+ .margin-bottom-35,
2562
+ .margin-bottom-40,
2563
+ .margin-bottom-45,
2564
+ .margin-bottom-50,
2565
+ .margin-bottom-55,
2566
+ .margin-bottom-60 {
2567
+ clear:both;
2568
+ }
2569
+ .margin-bottom-5 { margin-bottom:5px;}
2570
+ .margin-bottom-10 { margin-bottom:10px;}
2571
+ .margin-bottom-15 { margin-bottom:15px;}
2572
+ .margin-bottom-20 { margin-bottom:20px;}
2573
+ .margin-bottom-25 { margin-bottom:25px;}
2574
+ .margin-bottom-30 { margin-bottom:30px;}
2575
+ .margin-bottom-35 { margin-bottom:35px;}
2576
+ .margin-bottom-40 { margin-bottom:40px;}
2577
+ .margin-bottom-45 { margin-bottom:45px;}
2578
+ .margin-bottom-50 { margin-bottom:50px;}
2579
+ .margin-bottom-55 { margin-bottom:55px;}
2580
+ .margin-bottom-60 { margin-bottom:60px;}
2581
+
2582
+ @media (max-width: 768px) {
2583
+ .sm-margin-bottom-10 {
2584
+ margin-bottom: 10px;
2585
+ }
2586
+ .sm-margin-bottom-20 {
2587
+ margin-bottom: 20px;
2588
+ }
2589
+ .sm-margin-bottom-30 {
2590
+ margin-bottom: 30px;
2591
+ }
2592
+ .sm-margin-bottom-40 {
2593
+ margin-bottom: 40px;
2594
+ }
2595
+ .sm-margin-bottom-50 {
2596
+ margin-bottom: 50px;
2597
+ }
2598
+ .sm-margin-bottom-60 {
2599
+ margin-bottom: 60px;
2600
+ }
2601
+ }
2602
+
2603
+ @media (max-width: 992px) {
2604
+ .md-margin-bottom-10 {
2605
+ margin-bottom: 10px;
2606
+ }
2607
+ .md-margin-bottom-20 {
2608
+ margin-bottom: 20px;
2609
+ }
2610
+ .md-margin-bottom-30 {
2611
+ margin-bottom: 30px;
2612
+ }
2613
+ .md-margin-bottom-40 {
2614
+ margin-bottom: 40px;
2615
+ }
2616
+ .md-margin-bottom-50 {
2617
+ margin-bottom: 50px;
2618
+ }
2619
+ .md-margin-bottom-60 {
2620
+ margin-bottom: 60px;
2621
+ }
2622
+ }
2623
+
2624
+ /*Text Colors
2625
+ ------------------------------------*/
2626
+ .color-sea { color: #1abc9c;}
2627
+ .color-red { color: #e74c3c;}
2628
+ .color-aqua { color: #27d7e7;}
2629
+ .color-blue { color: #3498db;}
2630
+ .color-grey { color: #95a5a6;}
2631
+ .color-dark { color: #555555;}
2632
+ .color-green { color: #72c02c;}
2633
+ .color-brown { color: #9c8061;}
2634
+ .color-light { color: #ffffff;}
2635
+ .color-orange { color: #e67e22;}
2636
+ .color-green1 { color: #2ecc71;}
2637
+ .color-purple { color: #9b6bcc;}
2638
+ .color-dark-blue { color: #4765a0;}
2639
+ .color-light-grey { color: #585f69;}
2640
+ .color-light-green { color: #79d5b3;}
2641
+
2642
+ /*Background Colors
2643
+ ------------------------------------*/
2644
+ .bg-color-dark,
2645
+ .bg-color-sea,
2646
+ .bg-color-red,
2647
+ .bg-color-aqua,
2648
+ .bg-color-blue,
2649
+ .bg-color-grey,
2650
+ .bg-color-green,
2651
+ .bg-color-brown,
2652
+ .bg-color-orange,
2653
+ .bg-color-green1,
2654
+ .bg-color-purple,
2655
+ .bg-color-dark-blue,
2656
+ .bg-color-light-grey,
2657
+ .bg-color-light-green {
2658
+ color: #fff;
2659
+ }
2660
+ .bg-color-dark { background-color: #555;}
2661
+ .bg-color-sea { background-color: #1abc9c;}
2662
+ .bg-color-red { background-color: #e74c3c;}
2663
+ .bg-color-aqua { background-color: #27d7e7;}
2664
+ .bg-color-blue { background-color: #3498db;}
2665
+ .bg-color-grey { background-color: #95a5a6;}
2666
+ .bg-color-green { background-color: #72c02c;}
2667
+ .bg-color-brown { background-color: #9c8061;}
2668
+ .bg-color-orange { background-color: #e67e22;}
2669
+ .bg-color-green1 { background-color: #2ecc71;}
2670
+ .bg-color-purple { background-color: #9b6bcc;}
2671
+ .bg-color-dark-blue { background-color: #4765a0;}
2672
+ .bg-color-light-grey { background-color: #585f69;}
2673
+ .bg-color-light-green { background-color: #79d5b3;}
2674
+
2675
+ /*Rounded and Circle Classes
2676
+ ------------------------------------*/
2677
+ .rounded { border-radius: 4px !important;}
2678
+ .rounded-x { border-radius: 50% !important;}
2679
+ .rounded-2x { border-radius: 10px !important;}
2680
+ .rounded-3x { border-radius: 15px !important;}
2681
+ .rounded-4x { border-radius: 20px !important;}
2682
+ .rounded-top { border-radius: 4px 4px 0 0 !important;}
2683
+ .rounded-left { border-radius: 4px 0 0 4px !important;}
2684
+ .rounded-right { border-radius: 0 4px 4px 0 !important;}
2685
+ .rounded-bottom { border-radius: 0 0 4px 4px !important;}
2686
+
2687
+ /*Others
2688
+ ------------------------------------*/
2689
+ .overflow-h { overflow: hidden;}
2690
+ .overflow-a { overflow: auto;}
2691
+ .overflow-hidden { overflow:hidden;}
2692
+
2693
+ .lft-img-margin { margin:0 20px 5px 0;}
2694
+ .rgt-img-margin { margin:0 0 5px 10px;}
2695
+
2696
+ .padding-left-5 { padding-left:5px;}
2697
+ .img-width-200 { width:200px;}
2698
+
2699
+ /*Misc*/
2700
+ .content {
2701
+ padding-top: 40px;
2702
+ padding-bottom: 40px;
2703
+ }
2704
+
2705
+ .text-justify p {
2706
+ text-align: justify;
2707
+ }
2708
+
2709
+ /*Background Light*/
2710
+ .bg-light {
2711
+ padding:10px 15px;
2712
+ margin-bottom:10px;
2713
+ background:#fcfcfc;
2714
+ border:solid 1px #e5e5e5;
2715
+ }
2716
+ .bg-light:hover {
2717
+ border:solid 1px #bbb;
2718
+ }
2719
+
2720
+ /*CSS3 Hover Effects*/
2721
+ .hover-effect {
2722
+ -webkit-transition: all 0.4s ease-in-out;
2723
+ -moz-transition: all 0.4s ease-in-out;
2724
+ -o-transition: all 0.4s ease-in-out;
2725
+ transition: all 0.4s ease-in-out;
2726
+ }
2727
+ .hover-effect-kenburn {
2728
+ left:10px;
2729
+ margin-left:-10px;
2730
+ position:relative;
2731
+ -webkit-transition: all 0.8s ease-in-out;
2732
+ -moz-transition: all 0.8s ease-in-out;
2733
+ -o-transition: all 0.8s ease-in-out;
2734
+ -ms-transition: all 0.8s ease-in-out;
2735
+ transition: all 0.8s ease-in-out;
2736
+ }
2737
+ .hover-effect-kenburn:hover {
2738
+ -webkit-transform: scale(2) rotate(5deg);
2739
+ -moz-transform: scale(2) rotate(5deg);
2740
+ -o-transform: scale(2) rotate(5deg);
2741
+ -ms-transform: scale(2) rotate(5deg);
2742
+ transform: scale(2) rotate(5deg);
2743
+ }