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,60 @@
1
+ .shadow-wrapper {
2
+ z-index: 1;
3
+ position: relative;
4
+ }
5
+
6
+ /*Common Style*/
7
+ .box-shadow {
8
+ background: #fff;
9
+ position: relative;
10
+ }
11
+
12
+ .box-shadow:after,
13
+ .box-shadow:before {
14
+ top: 80%;
15
+ left: 5px;
16
+ width: 50%;
17
+ z-index: -1;
18
+ content: "";
19
+ bottom: 15px;
20
+ max-width: 300px;
21
+ background: #999;
22
+ position: absolute;
23
+ }
24
+
25
+ /*Effect 1*/
26
+ .shadow-effect-1 {
27
+ box-shadow: 0 10px 6px -6px #bbb;
28
+ -moz-box-shadow: 0 10px 6px -6px #bbb;
29
+ -webkit-box-shadow: 0 10px 6px -6px #bbb;
30
+ }
31
+
32
+ /*Effect 2,3,4*/
33
+ .shadow-effect-2 {
34
+ position: relative;
35
+ }
36
+
37
+ .shadow-effect-2:after,
38
+ .shadow-effect-2:before,
39
+ .shadow-effect-3:before,
40
+ .shadow-effect-4:after {
41
+ transform: rotate(-3deg);
42
+ -o-transform: rotate(-3deg);
43
+ -ms-transform: rotate(-3deg);
44
+ -moz-transform: rotate(-3deg);
45
+ -webkit-transform: rotate(-3deg);
46
+ box-shadow: 0 15px 10px #999;
47
+ -moz-box-shadow: 0 15px 10px #999;
48
+ -webkit-box-shadow: 0 15px 10px #999;
49
+ }
50
+
51
+ .shadow-effect-2:after,
52
+ .shadow-effect-4:after {
53
+ left: auto;
54
+ right: 5px;
55
+ transform: rotate(3deg);
56
+ -o-transform: rotate(3deg);
57
+ -ms-transform: rotate(3deg);
58
+ -moz-transform: rotate(3deg);
59
+ -webkit-transform: rotate(3deg);
60
+ }
@@ -0,0 +1,2312 @@
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
+ /*Boxed Layout
10
+ ------------------------------------*/
11
+ .wrapper {
12
+ background: #fff;
13
+ }
14
+
15
+ .boxed-layout {
16
+ padding: 0;
17
+ box-shadow: 0 0 5px #ccc;
18
+ margin-left: auto !important;
19
+ margin-right: auto !important;
20
+ background: image-url('nunify/patterns/15.png') repeat;
21
+ }
22
+
23
+ /*Parallax Backgrounds
24
+ ------------------------------------*/
25
+ .parallax-bg {
26
+ background: image-url('nunify/blur/img1.jpg') 50% 0 repeat fixed;
27
+ }
28
+
29
+ /*Parallax Counter Block*/
30
+ .parallax-counter {
31
+ padding: 60px 0;
32
+ background: image-url('nunify/bg/9.jpg') 50% 0 no-repeat fixed;
33
+ }
34
+
35
+ .parallax-counter h4 {
36
+ color: #fff;
37
+ font-size: 18px;
38
+ }
39
+
40
+ .parallax-counter .counters {
41
+ color: #fff;
42
+ padding: 20px 0;
43
+ font-weight: 200;
44
+ background: rgba(0,0,0,0.6);
45
+ }
46
+
47
+ /*Parallax Team*/
48
+ .parallax-team {
49
+ background: image-url('nunify/team/faces.jpg') 50% 0 repeat fixed;
50
+ }
51
+
52
+ .parallax-team,
53
+ .parallax-team .title-box-v2 {
54
+ position: relative;
55
+ }
56
+
57
+ .parallax-team:before {
58
+ top: 0;
59
+ left: 0;
60
+ width: 100%;
61
+ height: 100%;
62
+ content: " ";
63
+ position: absolute;
64
+ background: rgba(255,255,255,0.9);
65
+ }
66
+
67
+ /*Top Bar (login, search etc.)
68
+ ------------------------------------*/
69
+ .topbar {
70
+ z-index: 12;
71
+ padding: 8px 0;
72
+ position: relative;
73
+ }
74
+
75
+ .topbar ul.loginbar {
76
+ margin: 0;
77
+ }
78
+
79
+ .topbar ul.loginbar > li {
80
+ display: inline;
81
+ list-style: none;
82
+ position: relative;
83
+ padding-bottom: 15px;
84
+ }
85
+
86
+ .topbar ul.loginbar > li > a,
87
+ .topbar ul.loginbar > li > a:hover {
88
+ color: #7c8082;
89
+ font-size: 11px;
90
+ text-transform: uppercase;
91
+ }
92
+
93
+ .topbar ul.loginbar li i.fa {
94
+ color: #bbb;
95
+ }
96
+
97
+ .topbar ul.loginbar li.topbar-devider {
98
+ top: -1px;
99
+ padding: 0;
100
+ font-size: 8px;
101
+ position: relative;
102
+ margin: 0 9px 0 5px;
103
+ font-family: Tahoma;
104
+ border-right: solid 1px #bbb;
105
+ }
106
+
107
+ /*Lenguages*/
108
+ .topbar ul.lenguages {
109
+ top: 25px;
110
+ left: -5px;
111
+ display: none;
112
+ padding: 4px 0;
113
+ padding-left: 0;
114
+ list-style: none;
115
+ min-width: 100px;
116
+ position: absolute;
117
+ background: #f0f0f0;
118
+ }
119
+
120
+ .topbar li:hover ul.lenguages {
121
+ display: block;
122
+ }
123
+
124
+ .topbar ul.lenguages:after {
125
+ top: -4px;
126
+ width: 0;
127
+ height: 0;
128
+ left: 8px;
129
+ content: " ";
130
+ display: block;
131
+ position: absolute;
132
+ border-bottom: 6px solid #f0f0f0;
133
+ border-left: 6px solid transparent;
134
+ border-right: 6px solid transparent;
135
+ border-left-style: inset; /*FF fixes*/
136
+ border-right-style: inset; /*FF fixes*/
137
+ }
138
+
139
+ .topbar ul.lenguages li a {
140
+ color: #555;
141
+ display: block;
142
+ font-size: 10px;
143
+ padding: 2px 12px;
144
+ margin-bottom: 1px;
145
+ text-transform: uppercase;
146
+ }
147
+
148
+ .topbar ul.lenguages li.active a i {
149
+ color: #999;
150
+ float: right;
151
+ margin-top: 2px;
152
+ }
153
+
154
+ .topbar ul.lenguages li a:hover,
155
+ .topbar ul.lenguages li.active a {
156
+ background: #fafafa;
157
+ }
158
+
159
+ .topbar ul.lenguages li a:hover {
160
+ text-decoration: none;
161
+ }
162
+
163
+ /*Top Bar v1 (login, search etc.)
164
+ ------------------------------------*/
165
+ .topbar-v1 {
166
+ background: #fdfdfd;
167
+ border-bottom: solid 1px #f0f0f0;
168
+ }
169
+
170
+ /*Top Contacts*/
171
+ .topbar-v1 ul {
172
+ margin: 0;
173
+ }
174
+
175
+ .topbar-v1 .top-v1-contacts li {
176
+ color: #666;
177
+ padding: 5px 0;
178
+ font-size: 12px;
179
+ margin-right: 15px;
180
+ display: inline-block;
181
+ }
182
+
183
+ .topbar-v1 .top-v1-contacts i {
184
+ color: #999;
185
+ font-size: 13px;
186
+ margin-right: 3px;
187
+ }
188
+
189
+ /*Top Data*/
190
+ .topbar-v1 .top-v1-data {
191
+ text-align: right;
192
+ }
193
+
194
+ .topbar-v1 .top-v1-data li {
195
+ padding: 5px 11px;
196
+ display: inline-block;
197
+ border-right: solid 1px #eee;
198
+ }
199
+
200
+ .topbar-v1 .top-v1-data li:first-child {
201
+ border-left: solid 1px #eee;
202
+ }
203
+
204
+ .topbar-v1 .top-v1-data li a {
205
+ font-size: 12px;
206
+ }
207
+
208
+ .topbar-v1 .top-v1-data li a:hover {
209
+ text-decoration: none;
210
+ }
211
+
212
+ .topbar-v1 .top-v1-data li i {
213
+ color: #777;
214
+ font-size: 13px;
215
+ }
216
+
217
+ .topbar-v1 .top-v1-data li a:hover i {
218
+ color: #72c02c;
219
+ }
220
+
221
+ /*Responsive Topbar v1*/
222
+ @media (max-width: 992px) {
223
+ .topbar-v1 ul {
224
+ text-align: center !important;
225
+ }
226
+
227
+ .topbar-v1 .top-v1-contacts {
228
+ margin: 10px 0;
229
+ }
230
+
231
+ .topbar-v1 .top-v1-data li {
232
+ top: 1px;
233
+ padding: 6px 16px;
234
+ margin-left: -5px;
235
+ position: relative;
236
+ border: solid 1px #eee;
237
+ }
238
+ }
239
+
240
+ /*Header Default
241
+ ------------------------------------*/
242
+ .header {
243
+ z-index: 99;
244
+ position: relative;
245
+ border-bottom: solid 2px #eee;
246
+ }
247
+
248
+ .header .navbar {
249
+ margin: 0;
250
+ min-height: inherit;
251
+ }
252
+
253
+ .header .navbar-default {
254
+ border: none;
255
+ background: none;
256
+ }
257
+
258
+ .header .navbar-collapse {
259
+ position: relative;
260
+ /*max-height: inherit;*/
261
+ }
262
+
263
+ /*Brand*/
264
+ .header .navbar-brand {
265
+ z-index: 1;
266
+ top: -10px;
267
+ position: relative;
268
+ padding: 0 10px 10px;
269
+ }
270
+
271
+ @media (max-width: 992px) {
272
+ .header .navbar-brand {
273
+ top: 0;
274
+ height: 40px;
275
+ }
276
+ }
277
+
278
+ /*Navbar*/
279
+ @media (min-width: 992px) {
280
+ .header .navbar-nav {
281
+ float: right;
282
+ }
283
+ }
284
+
285
+ .header .navbar-default .navbar-nav > li > a {
286
+ color: #687074;
287
+ font-size: 15px;
288
+ font-weight:400;
289
+ text-transform: uppercase;
290
+ }
291
+
292
+ .header .navbar-default .navbar-nav > .active > a {
293
+ color: #72c02c;
294
+ }
295
+
296
+ /*Dropdown*/
297
+ .header .navbar-right .dropdown-menu {
298
+ right: inherit;
299
+ }
300
+
301
+ /*Navbar Toggle*/
302
+ .navbar-toggle,
303
+ .navbar-default .navbar-toggle:hover,
304
+ .navbar-default .navbar-toggle:focus {
305
+ background: #72c02c;
306
+ padding: 6px 10px 2px;
307
+ }
308
+
309
+ .navbar-default .navbar-toggle {
310
+ border-color: #5fb611;
311
+ }
312
+
313
+ .navbar-default .navbar-toggle:hover {
314
+ background: #5fb611;
315
+ }
316
+
317
+ .navbar-default .navbar-toggle .fa {
318
+ color: #fff;
319
+ font-size: 19px;
320
+ }
321
+
322
+ /*Responsive Navbar*/
323
+ @media (max-width: 767px) {
324
+ .header .navbar-default .navbar-nav > li > a {
325
+ font-size: 14px;
326
+ padding: 9px 10px;
327
+ }
328
+
329
+ .header .navbar-default .navbar-nav > li a {
330
+ /*margin-bottom: 1px;*/
331
+ border-bottom: solid 1px #eee;
332
+ }
333
+
334
+ .header .navbar-default .navbar-nav > li > a:focus {
335
+ background: none;
336
+ }
337
+
338
+ .header .navbar-default .navbar-nav > li > a:hover {
339
+ color: #72c02c;
340
+ }
341
+
342
+ .header .navbar-default .navbar-nav > .active > a,
343
+ .header .navbar-default .navbar-nav > .active > a:hover,
344
+ .header .navbar-default .navbar-nav > .active > a:focus {
345
+ color: #fff;
346
+ background: #72c02c;
347
+ /*border-bottom: solid 2px #72c02c;*/
348
+ }
349
+
350
+ .header .dropdown-submenu li a {
351
+ font-size: 12px;
352
+ }
353
+ }
354
+
355
+ @media (min-width: 767px) {
356
+ /*Navbar Collapse*/
357
+ .header .navbar-collapse {
358
+ padding: 0;
359
+ }
360
+
361
+ /*Navbar*/
362
+ .header .navbar-nav {
363
+ top: 2px;
364
+ position: relative;
365
+ }
366
+
367
+ .header .navbar-default .navbar-nav > li > a {
368
+ padding: 9px 30px 9px 20px;
369
+ }
370
+
371
+ .header .navbar-default .navbar-nav > li > a,
372
+ .header .navbar-default .navbar-nav > li > a:focus {
373
+ border-bottom: solid 2px transparent;
374
+ }
375
+
376
+ .header .navbar-default .navbar-nav > li > a:hover,
377
+ .header .navbar-default .navbar-nav > .active > a {
378
+ border-bottom: solid 2px #72c02c;
379
+ }
380
+
381
+ .header .navbar-default .navbar-nav > li > a,
382
+ .header .navbar-default .navbar-nav > li > a:hover,
383
+ .header .navbar-default .navbar-nav > li > a:focus,
384
+ .header .navbar-default .navbar-nav > .active > a,
385
+ .header .navbar-default .navbar-nav > .active > a:hover,
386
+ .header .navbar-default .navbar-nav > .active > a:focus {
387
+ background: none;
388
+ }
389
+
390
+
391
+ .header .navbar-default .navbar-nav > .open > a,
392
+ .header .navbar-default .navbar-nav > .open > a:hover,
393
+ .header .navbar-default .navbar-nav > .open > a:focus {
394
+ color: #687074;
395
+ }
396
+
397
+ /*Dropdown Menu*/
398
+ .header .dropdown-menu {
399
+ padding: 0;
400
+ border: none;
401
+ min-width: 200px;
402
+ border-radius: 0;
403
+ z-index: 9999 !important;
404
+ margin-top: -2px !important;
405
+ border-top: solid 2px #72c02c;
406
+ border-bottom: solid 2px #687074;
407
+ }
408
+
409
+ .header .dropdown-menu li a {
410
+ color: #687074;
411
+ font-size: 13px;
412
+ font-weight: 400;
413
+ padding: 6px 15px;
414
+ border-bottom: solid 1px #eee;
415
+ }
416
+
417
+ .header .dropdown-menu .active > a,
418
+ .header .dropdown-menu li > a:hover {
419
+ color: #fff;
420
+ filter: none !important;
421
+ background: #687074 !important;
422
+ -webkit-transition: all 0.1s ease-in-out;
423
+ -moz-transition: all 0.1s ease-in-out;
424
+ -o-transition: all 0.1s ease-in-out;
425
+ transition: all 0.1s ease-in-out;
426
+ }
427
+
428
+ .header .dropdown-menu li > a:focus {
429
+ background: none;
430
+ filter: none !important;
431
+ }
432
+
433
+ .header .navbar-nav > li.dropdown:hover > .dropdown-menu {
434
+ display: block;
435
+ }
436
+ }
437
+
438
+ /*Search Box*/
439
+ .header .navbar .nav > li > .search {
440
+ color: #aaa;
441
+ cursor: pointer;
442
+ min-width: 35px;
443
+ font-size: 15px;
444
+ text-align: center;
445
+ background: #f7f7f7;
446
+ padding: 11px 0 12px;
447
+ display: inline-block;
448
+ border-bottom: solid 2px #aaa;
449
+ }
450
+
451
+ .header .navbar .nav > li > .search:hover {
452
+ color: #72c02c;
453
+ background: #f7f7f7;
454
+ border-bottom-color: #72c02c;
455
+ }
456
+
457
+ .header .navbar .search-open {
458
+ right: 0;
459
+ top: 38px;
460
+ display: none;
461
+ padding: 14px;
462
+ position: absolute;
463
+ background: #fcfcfc;
464
+ border-top: solid 2px #eee;
465
+ box-shadow: 0 1px 3px #ddd;
466
+ }
467
+
468
+ .header .navbar .search-open form {
469
+ margin: 0;
470
+ }
471
+
472
+ @media (min-width: 767px) {
473
+ .header .navbar .search-open {
474
+ width: 330px;
475
+ }
476
+
477
+ .header .open > .dropdown-menu,
478
+ .header-v1 .open > .dropdown-menu {
479
+ display: none;
480
+ }
481
+ }
482
+
483
+ @media (max-width: 767px) {
484
+ .header .navbar .nav > li > .search {
485
+ color: #999;
486
+ width: 35px;
487
+ height: 34px;
488
+ line-height: 12px;
489
+ text-align: left;
490
+ text-align: center;
491
+ margin: 5px 10px 0;
492
+ background: #eee;
493
+ border-bottom: none;
494
+ }
495
+
496
+ .header .navbar .nav > li > .search:hover {
497
+ background: #5fb611;
498
+ color: #fff !important;
499
+ }
500
+
501
+ .header .navbar .search-open {
502
+ top: 5px;
503
+ padding: 0;
504
+ left: 48px;
505
+ border-top: none;
506
+ box-shadow: none;
507
+ background: none;
508
+ margin-right: 10px;
509
+ }
510
+ }
511
+
512
+ /*Header v1
513
+ ------------------------------------*/
514
+ .header-v1 {
515
+ border-bottom: none;
516
+ }
517
+
518
+ /*Brand*/
519
+ .header-v1 .navbar-brand {
520
+ top: 2px;
521
+ padding: 0 10px 10px;
522
+ }
523
+
524
+ /*Search Box*/
525
+ .header-v1 .navbar .search-open {
526
+ background: #f8f8f8;
527
+ }
528
+
529
+ @media (max-width: 767px) {
530
+ .header-v1 .navbar .search-open {
531
+ bottom: -6px;
532
+ }
533
+ }
534
+
535
+ .header-v1 .navbar .nav > li > .search {
536
+ padding: 11px;
537
+ border: none;
538
+ min-width: 37px;
539
+ }
540
+
541
+ .header-v1 .navbar .nav > li > .search:hover {
542
+ background: #72c02c;
543
+ color: #fff !important;
544
+ }
545
+
546
+ /*Toggle*/
547
+ .header-v1 .navbar-toggle {
548
+ margin-top: 3px;
549
+ }
550
+
551
+ /*Responsive Header v1*/
552
+ @media (min-width: 767px) and (max-width: 992px) {
553
+ /*Brand*/
554
+ .header-v1 .navbar-brand {
555
+ margin-bottom: 15px;
556
+ }
557
+ }
558
+
559
+ @media (min-width: 767px) {
560
+ /*Navbar*/
561
+ .header-v1 .navbar-default .navbar-nav > li {
562
+ margin-left: 1px;
563
+ }
564
+
565
+ .header-v1 .navbar-default .navbar-nav > li > a {
566
+ padding: 9px 30px 6px 20px;
567
+ }
568
+
569
+ .header-v1 .navbar-default .navbar-nav > .active > a,
570
+ .header-v1 .navbar-default .navbar-nav > li > a:hover,
571
+ .header-v1 .navbar-default .navbar-nav > li > a:focus {
572
+ color: #fff !important;
573
+ background: #72c02c !important;
574
+ }
575
+
576
+ .header-v1 .navbar-default .navbar-nav > .open > a,
577
+ .header-v1 .navbar-default .navbar-nav > .open > a:hover,
578
+ .header-v1 .navbar-default .navbar-nav > .open > a:focus {
579
+ color: #fff;
580
+ background: #72c02c;
581
+ }
582
+
583
+ /*Dropdown Menu*/
584
+ .header-v1 .dropdown-menu {
585
+ background: #fafafa;
586
+ }
587
+ }
588
+
589
+ /*Header Fixed
590
+ ------------------------------------*/
591
+ /*Header*/
592
+ .header-fixed .header {
593
+ height: 78px;
594
+ }
595
+
596
+ .header-fixed .header.header-fixed-shrink {
597
+ top: 0;
598
+ left: 0;
599
+ width: 100%;
600
+ height: 95px;
601
+ z-index: 9999;
602
+ position: fixed;
603
+ margin-top: -35px;
604
+ background: rgba(255,255,255, 0.9);
605
+ border-bottom-color: #f5f5f5;
606
+ -webkit-transition: height 0.6s;
607
+ -moz-transition: height 0.6s;
608
+ transition: height 0.6s;
609
+ }
610
+
611
+ /*Brand*/
612
+ .header-fixed .header.header-fixed-shrink .navbar-brand {
613
+ top: 10px;
614
+ z-index: 1;
615
+ position: relative;
616
+ padding: 0 10px 10px;
617
+ }
618
+
619
+ .header-fixed .header.header-fixed-shrink .navbar-brand img {
620
+ width: 90%;
621
+ }
622
+
623
+ .header-fixed .header.header-fixed-shrink .search,
624
+ .header-fixed .header.header-fixed-shrink .active a {
625
+ border-bottom: none !important;
626
+ }
627
+
628
+ .header-fixed .header.header-fixed-shrink .dropdown > a:after {
629
+ top: 19px;
630
+ }
631
+
632
+ /*Toggle*/
633
+ .header-fixed .navbar-toggle {
634
+ margin-top: 5px;
635
+ }
636
+
637
+ /*Search Bar*/
638
+ .header-fixed .header.header-fixed-shrink .search {
639
+ margin-top: 12px;
640
+ padding: 8px !important;
641
+ color: #585f69 !important;
642
+ background: none !important;
643
+ }
644
+
645
+ .header-fixed .header.header-fixed-shrink .search-open {
646
+ border-top: none;
647
+ background: rgba(255,255,255, 0.9);
648
+ }
649
+
650
+ /*Responsive Fixed Header*/
651
+ @media (max-width: 992px) {
652
+ /*Header*/
653
+ .header-fixed .header {
654
+ height: 118px;
655
+ }
656
+
657
+ .header-fixed .header.header-fixed-shrink {
658
+ height: 135px;
659
+ }
660
+ }
661
+
662
+ @media (max-width: 767px) {
663
+ /*Header*/
664
+ .header-fixed .header,
665
+ .header-fixed .header.header-fixed-shrink {
666
+ height: 88px;
667
+ }
668
+
669
+ /*Navbar*/
670
+ .header-fixed .header .navbar-nav {
671
+ background: #fff;
672
+ padding: 6px 0;
673
+ margin-top: 0px;
674
+ border: solid 1px #eee;
675
+ }
676
+
677
+ .header-fixed .header .navbar-default .navbar-collapse,
678
+ .header-fixed .header .navbar-default .navbar-form {
679
+ border: none;
680
+ }
681
+
682
+ /*Toggle*/
683
+ .header-fixed .navbar-toggle {
684
+ margin-top: 9px;
685
+ }
686
+
687
+ /*Search*/
688
+ .header-fixed .header.header-fixed-shrink .navbar .nav > li > .search {
689
+ top: 5px;
690
+ position: relative;
691
+ }
692
+ }
693
+
694
+ @media (min-width: 767px) {
695
+ /*Navbar*/
696
+ .header-fixed .header.header-fixed-shrink .navbar-nav > li > a {
697
+ padding: 19px 30px 18px 20px;
698
+ border-bottom: solid 1px transparent !important;
699
+ }
700
+
701
+ /*Search Bar*/
702
+ .header-fixed .header.header-fixed-shrink .search-open {
703
+ top: 56px;
704
+ }
705
+ }
706
+
707
+ /*Dropdown Submenu for BS3
708
+ ------------------------------------*/
709
+ .dropdown-submenu {
710
+ position: relative;
711
+ }
712
+
713
+ .dropdown > a:after,
714
+ .dropdown-submenu > a:after {
715
+ top: 8px;
716
+ right: 9px;
717
+ font-size: 11px;
718
+ content: "\f105";
719
+ position: absolute;
720
+ font-weight: normal;
721
+ display: inline-block;
722
+ font-family: FontAwesome;
723
+ }
724
+
725
+ @media (max-width: 767px) {
726
+ .dropdown-submenu > a:after {
727
+ content: " ";
728
+ }
729
+ }
730
+
731
+ .dropdown > a > b.caret {
732
+ display: none;
733
+ }
734
+ .dropdown > a:after {
735
+ top: 9px;
736
+ right: 15px;
737
+ content: "\f107";
738
+ }
739
+
740
+ .dropdown-submenu > .dropdown-menu {
741
+ top: 0;
742
+ left: 100%;
743
+ margin-top: -5px;
744
+ margin-left: 0px;
745
+ }
746
+
747
+ .dropdown-submenu:hover > .dropdown-menu {
748
+ display: block;
749
+ }
750
+
751
+ @media (max-width: 767px) {
752
+ .dropdown-submenu > .dropdown-menu {
753
+ display: block;
754
+ margin-left: 15px;
755
+ }
756
+ }
757
+
758
+ .dropdown-submenu.pull-left {
759
+ float: none;
760
+ }
761
+
762
+ .dropdown-submenu.pull-left > .dropdown-menu {
763
+ left: -100%;
764
+ margin-left: 10px;
765
+ }
766
+
767
+ .dropdown-menu li [class^="fa-"],
768
+ .dropdown-menu li [class*=" fa-"] {
769
+ left: -3px;
770
+ width: 1.25em;
771
+ margin-right: 1px;
772
+ position: relative;
773
+ text-align: center;
774
+ display: inline-block;
775
+ }
776
+ .dropdown-menu li [class^="fa-"].fa-lg,
777
+ .dropdown-menu li [class*=" fa-"].fa-lg {
778
+ /* increased font size for fa-lg */
779
+ width: 1.5625em;
780
+ }
781
+
782
+ /*Menu Icons*/
783
+ .menu-icon {
784
+ margin-right: 10px;
785
+ font-weight: 200;
786
+ }
787
+
788
+ /*Dropdown Show*/
789
+ .dropdown-show {
790
+ position: relative;
791
+ display: inline-block;
792
+ box-shadow: 0 0 4px #eee;
793
+ }
794
+
795
+ /*Main Styles
796
+ ------------------------------------*/
797
+ /*Purchase Block*/
798
+ .purchase {
799
+ padding: 25px 0 30px;
800
+ border-bottom: solid 1px #eee;
801
+ background: image-url('nunify/bg-breadcrumb.png') repeat;
802
+ }
803
+ .purchase p {
804
+ margin-bottom: 0;
805
+ }
806
+ .purchase span {
807
+ color: #666;
808
+ display: block;
809
+ font-size: 24px;
810
+ line-height: 35px;
811
+ font-weight: normal;
812
+ margin-bottom: 12px;
813
+ font-family: 'Open Sans', sans-serif;
814
+ }
815
+
816
+ .purchase .btn-buy {
817
+ text-align: center;
818
+ }
819
+
820
+ .purchase .btn-buy a {
821
+ margin-top: 27px;
822
+ }
823
+
824
+ .purchase .btn-buy a i {
825
+ margin-right: 5px;
826
+ }
827
+
828
+ @media (max-width: 992px) {
829
+ .purchase {
830
+ text-align: center;
831
+ }
832
+
833
+ .purchase span {
834
+ font-size: 22px;
835
+ line-height: 29px;
836
+ }
837
+
838
+ .purchase .btn-buy a {
839
+ margin-top: 25px;
840
+ font-size: 16px;
841
+ }
842
+ }
843
+
844
+ /*Service*/
845
+ .service {
846
+ overflow: hidden;
847
+ margin-bottom: 10px;
848
+ padding: 15px 15px 10px;
849
+ }
850
+ .service:hover {
851
+ background: #fcfcfc;
852
+ box-shadow: 0 0 5px #ddd;
853
+ -webkit-transition: box-shadow 0.2s ease-in-out;
854
+ -moz-transition: box-shadow 0.2s ease-in-out;
855
+ -o-transition: box-shadow 0.2s ease-in-out;
856
+ transition: box-shadow 0.2s ease-in-out;
857
+ }
858
+ .service:hover i {
859
+ color: #656565;
860
+ }
861
+
862
+ .service .desc {
863
+ padding: 0 15px;
864
+ overflow: hidden;
865
+ }
866
+ .service .desc h4 {
867
+ font-size: 22px;
868
+ line-height: 25px;
869
+ }
870
+
871
+ .service .service-icon {
872
+ float: left;
873
+ padding: 10px;
874
+ color: #72c02c;
875
+ font-size: 35px;
876
+ text-align: center;
877
+ -webkit-transition: all 0.4s ease-in-out;
878
+ -moz-transition: all 0.4s ease-in-out;
879
+ -o-transition: all 0.4s ease-in-out;
880
+ transition: all 0.4s ease-in-out;
881
+ }
882
+ .service .service-icon.icon-cogs {
883
+ font-size: 37px;
884
+ }
885
+ .service .service-icon.icon-plane {
886
+ font-size: 43px;
887
+ }
888
+
889
+ /* Recent Work */
890
+ .recent-work a {
891
+ text-align: center;
892
+ background: #fcfcfc;
893
+ display: inline-block;
894
+ }
895
+
896
+ .recent-work a:hover {
897
+ text-decoration: none;
898
+ }
899
+
900
+ .recent-work a:hover strong {
901
+ color: #555;
902
+ }
903
+
904
+ .recent-work em.overflow-hidden {
905
+ display: block;
906
+ }
907
+
908
+ .recent-work a span {
909
+ display: block;
910
+ padding: 10px;
911
+ border-bottom: solid 2px #eee;
912
+ }
913
+
914
+ .recent-work a strong {
915
+ color: #555;
916
+ display: block;
917
+ }
918
+
919
+ .recent-work a i {
920
+ color: #777;
921
+ }
922
+
923
+ .recent-work a img {
924
+ -webkit-transition: all 0.8s ease-in-out;
925
+ -moz-transition: all 0.8s ease-in-out;
926
+ -o-transition: all 0.8s ease-in-out;
927
+ -ms-transition: all 0.8s ease-in-out;
928
+ transition: all 0.8s ease-in-out;
929
+ }
930
+
931
+ .recent-work a:hover img {
932
+ opacity: 0.8;
933
+ -webkit-transform: scale(1.2) rotate(3deg);
934
+ -moz-transform: scale(1.2) rotate(3deg);
935
+ -o-transform: scale(1.0) rotate(3deg);
936
+ -ms-transform: scale(1.2) rotate(3deg);
937
+ transform: scale(1.2) rotate(3deg);
938
+ }
939
+
940
+ .recent-work a:hover span {
941
+ border-bottom: solid 2px #72c02c;
942
+ -webkit-transition: all 0.2s ease-in-out;
943
+ -moz-transition: all 0.3s ease-in-out;
944
+ -o-transition: all 0.2s ease-in-out;
945
+ transition: all 0.3s ease-in-out;
946
+ }
947
+
948
+ /* Work */
949
+ .work {
950
+ margin-top: 6px;
951
+ }
952
+ .work .details {
953
+ padding: 10px;
954
+ }
955
+ .work .caption {
956
+ display: block;
957
+ padding-top: 5px;
958
+ color: #585f69 !important;
959
+ font-size: 18px !important;
960
+ }
961
+ .work .caption:hover {
962
+ cursor: pointer;
963
+ color: #444 !important;
964
+ text-decoration: underline;
965
+ }
966
+
967
+ /*Footer*/
968
+ .footer {
969
+ color: #dadada;
970
+ background: #585f69;
971
+ padding: 20px 0 30px;
972
+ }
973
+
974
+ .footer.margin-top-0 {
975
+ margin-top: 0;
976
+ }
977
+
978
+ .footer p,
979
+ .footer a {
980
+ font-size: 14px;
981
+ }
982
+ .footer p {
983
+ color: #dadada;
984
+ }
985
+
986
+ .footer a {
987
+ color: #72c02c;
988
+ }
989
+ .footer a:hover {
990
+ color: #a8f85f;
991
+ -webkit-transition: all 0.4s ease-in-out;
992
+ -moz-transition: all 0.4s ease-in-out;
993
+ -o-transition: all 0.4s ease-in-out;
994
+ transition: all 0.4s ease-in-out;
995
+ }
996
+
997
+ .footer h2,
998
+ .footer h3,
999
+ .footer h4 {
1000
+ color: #e4e4e4;
1001
+ background: none;
1002
+ text-shadow: none;
1003
+ }
1004
+
1005
+ /*Footer Subsribe*/
1006
+ .footer .footer-subsribe {
1007
+ width: 85%;
1008
+ }
1009
+
1010
+ /*Footer Blog Posts*/
1011
+ .footer .blog-list {
1012
+ margin: 0;
1013
+ padding: 0;
1014
+ color: #dadada;
1015
+ list-style: none;
1016
+ }
1017
+
1018
+ .footer .blog-list li {
1019
+ padding: 0 0;
1020
+ margin-bottom: 7px;
1021
+ }
1022
+ .footer .blog-list li span {
1023
+ color: #818488;
1024
+ }
1025
+
1026
+ .footer .dl-horizontal,
1027
+ .footer .dl-horizontal:hover {
1028
+ border: none !important;
1029
+ background: none !important;
1030
+ }
1031
+ .footer .posts .dl-horizontal a {
1032
+ color: #dadada;
1033
+ }
1034
+ .footer .dl-horizontal a:hover {
1035
+ color: #a8f85f !important;
1036
+ }
1037
+ .footer .dl-horizontal img {
1038
+ border-color: #888 !important;
1039
+ }
1040
+
1041
+ /*Copyright*/
1042
+ .copyright {
1043
+ font-size: 12px;
1044
+ padding: 11px 0 7px;
1045
+ background: #3e4753;
1046
+ border-top: solid 1px #777;
1047
+ }
1048
+
1049
+ .copyright p {
1050
+ color: #dadada;
1051
+ margin-top: 12px;
1052
+ }
1053
+
1054
+ .copyright a {
1055
+ margin: 0 5px;
1056
+ color: #72c02c;
1057
+ }
1058
+ .copyright a:hover {
1059
+ color: #a8f85f;
1060
+ }
1061
+
1062
+ .copyright a img {
1063
+ margin-top: 5px;
1064
+ }
1065
+
1066
+ /*Breadcrumbs
1067
+ ------------------------------------*/
1068
+ /*Default Breadcrumbs*/
1069
+ .breadcrumbs {
1070
+ overflow: hidden;
1071
+ padding: 10px 0 6px;
1072
+ border-bottom: solid 1px #eee;
1073
+ background: image-url('nunify/bg-breadcrumb.png') repeat;
1074
+ }
1075
+ .breadcrumbs h1 {
1076
+ color: #666;
1077
+ font-size: 22px;
1078
+ margin-top: 8px;
1079
+ }
1080
+
1081
+ .breadcrumb {
1082
+ top: 10px;
1083
+ padding-right: 0;
1084
+ background: none;
1085
+ position: relative;
1086
+ }
1087
+ .breadcrumb a {
1088
+ color: #777;
1089
+ }
1090
+ .breadcrumb li.active,
1091
+ .breadcrumb li a:hover {
1092
+ color: #72c02c;
1093
+ text-decoration: none;
1094
+ }
1095
+
1096
+ @media (max-width: 550px) {
1097
+ .breadcrumbs h1.pull-left,
1098
+ .breadcrumbs ul.pull-right {
1099
+ width: 100%;
1100
+ text-align: center;
1101
+ }
1102
+
1103
+ .breadcrumbs h1.pull-left {
1104
+ margin-bottom: 0;
1105
+ }
1106
+
1107
+ .breadcrumbs .breadcrumb {
1108
+ top: 0;
1109
+ margin-bottom: 10px;
1110
+ }
1111
+ }
1112
+
1113
+ /*Thumbnails
1114
+ ------------------------------------*/
1115
+ a.thumbnail {
1116
+ padding: 0;
1117
+ border: none;
1118
+ margin-bottom: 15px;
1119
+ }
1120
+
1121
+ .thumbnail-style {
1122
+ padding: 7px;
1123
+ margin-bottom: 20px;
1124
+ }
1125
+ .thumbnail-style:hover {
1126
+ box-shadow: 0 0 8px #ddd;
1127
+ -webkit-transition: box-shadow 0.2s ease-in-out;
1128
+ -moz-transition: box-shadow 0.2s ease-in-out;
1129
+ -o-transition: box-shadow 0.2s ease-in-out;
1130
+ transition: box-shadow 0.2s ease-in-out;
1131
+ }
1132
+
1133
+ .thumbnail h3,
1134
+ .thumbnail-style h3 {
1135
+ margin: 6px 0 8px 0;
1136
+ }
1137
+
1138
+ .thumbnail h3 a,
1139
+ .thumbnail-style h3 a {
1140
+ color: #585f69;
1141
+ font-size: 20px;
1142
+ }
1143
+
1144
+ .thumbnail h3 a:hover,
1145
+ .thumbnail-style h3 a:hover {
1146
+ color: #72c02c;
1147
+ text-decoration: none;
1148
+ }
1149
+
1150
+ .thumbnail-style .thumbnail-img {
1151
+ position: relative;
1152
+ margin-bottom: 11px;
1153
+ }
1154
+
1155
+ .thumbnail-style a.btn-more {
1156
+ right: -10px;
1157
+ bottom: 10px;
1158
+ color: #fff;
1159
+ padding: 1px 6px;
1160
+ position: absolute;
1161
+ background: #72c02c;
1162
+ display: inline-block;
1163
+ }
1164
+ .thumbnail-style a.btn-more:hover {
1165
+ text-decoration: none;
1166
+ box-shadow: 0 0 0 2px #377500;
1167
+ }
1168
+ .thumbnail-style:hover a.btn-more {
1169
+ right: 10px;
1170
+ }
1171
+
1172
+ .thumbnail-kenburn img {
1173
+ left: 10px;
1174
+ margin-left: -10px;
1175
+ position: relative;
1176
+ -webkit-transition: all 0.8s ease-in-out;
1177
+ -moz-transition: all 0.8s ease-in-out;
1178
+ -o-transition: all 0.8s ease-in-out;
1179
+ -ms-transition: all 0.8s ease-in-out;
1180
+ transition: all 0.8s ease-in-out;
1181
+ }
1182
+ .thumbnail-kenburn:hover img {
1183
+ -webkit-transform: scale(1.2) rotate(2deg);
1184
+ -moz-transform: scale(1.2) rotate(2deg);
1185
+ -o-transform: scale(1.2) rotate(2deg);
1186
+ -ms-transform: scale(1.2) rotate(2deg);
1187
+ transform: scale(1.2) rotate(2deg);
1188
+ }
1189
+
1190
+ /*Servive Blocks
1191
+ ------------------------------------*/
1192
+ /*Service Alternative Block*/
1193
+ .service-alternative .service:hover {
1194
+ background: #76ca2c;
1195
+ -webkit-transition: all 0.4s ease-in-out;
1196
+ -moz-transition: all 0.4s ease-in-out;
1197
+ -o-transition: all 0.4s ease-in-out;
1198
+ transition: all 0.4s ease-in-out;
1199
+ }
1200
+ .service-alternative .service:hover i,
1201
+ .service-alternative .service:hover p,
1202
+ .service-alternative .service:hover h4 {
1203
+ color: #fff;
1204
+ }
1205
+
1206
+ /*Servive Block Versions*/
1207
+ .service-v1 h2 {
1208
+ margin: 15px 0 10px;
1209
+ font-size: 20px;
1210
+ line-height: 28px;
1211
+ }
1212
+
1213
+ .service-v1 p {
1214
+ text-align: justify;
1215
+ }
1216
+
1217
+ /*Blog Posts
1218
+ ------------------------------------*/
1219
+ .posts .dl-horizontal a {
1220
+ color: #555;
1221
+ }
1222
+
1223
+ .posts .dl-horizontal {
1224
+ margin-bottom: 15px;
1225
+ overflow: hidden;
1226
+ }
1227
+
1228
+ .posts .dl-horizontal dt {
1229
+ width: 60px;
1230
+ float: left;
1231
+ }
1232
+
1233
+ .posts .dl-horizontal dt img {
1234
+ width: 60px;
1235
+ height: 60px;
1236
+ padding: 2px;
1237
+ margin-top: 2px;
1238
+ border: solid 1px #ddd;
1239
+ }
1240
+
1241
+ .posts .dl-horizontal dd {
1242
+ margin-left: 70px;
1243
+ }
1244
+
1245
+ .posts .dl-horizontal dd p {
1246
+ margin: 0;
1247
+ }
1248
+
1249
+ .posts .dl-horizontal dd a {
1250
+ font-size: 14px;
1251
+ line-height: 16px !important;
1252
+ }
1253
+
1254
+ .posts .dl-horizontal dd a:hover {
1255
+ color: #72c02c;
1256
+ text-decoration: none;
1257
+ }
1258
+
1259
+ .posts .dl-horizontal:hover dt img,
1260
+ .posts .dl-horizontal:hover dd a {
1261
+ color: #72c02c;
1262
+ border-color: #72c02c !important;
1263
+ -webkit-transition: all 0.4s ease-in-out;
1264
+ -moz-transition: all 0.4s ease-in-out;
1265
+ -o-transition: all 0.4s ease-in-out;
1266
+ transition: all 0.4s ease-in-out;
1267
+ }
1268
+
1269
+ /*About Page
1270
+ ------------------------------------*/
1271
+ .team ul.team-socail {
1272
+ text-align: right;
1273
+ }
1274
+
1275
+ .team ul.team-socail li {
1276
+ padding: 0 !important;
1277
+ margin: 0 !important;
1278
+ }
1279
+
1280
+ .team ul.team-socail li a,
1281
+ .team ul.team-socail li a:hover {
1282
+ text-decoration: none;
1283
+ }
1284
+
1285
+ .team ul.team-socail li i {
1286
+ color: #aaa;
1287
+ padding: 3px;
1288
+ min-width: 30px;
1289
+ font-size: 20px;
1290
+ text-align: center;
1291
+ background: #f7f7f7;
1292
+ display: inline-block;
1293
+ }
1294
+
1295
+ .team ul.team-socail li i:hover {
1296
+ color: #fff;
1297
+ background: #72c02c;
1298
+ -webkit-transition: all 0.2s ease-in-out;
1299
+ -moz-transition: all 0.2s ease-in-out;
1300
+ -o-transition: all 0.2s ease-in-out;
1301
+ transition: all 0.2s ease-in-out;
1302
+ }
1303
+
1304
+ .team .thumbnail-style {
1305
+ padding: 12px;
1306
+ }
1307
+
1308
+ .team .thumbnail-style img {
1309
+ margin-bottom: 7px;
1310
+ }
1311
+
1312
+ .team .thumbnail-style h3 {
1313
+ margin-bottom-bottom: 5px;
1314
+ }
1315
+
1316
+ .team .thumbnail-style:hover h3 a {
1317
+ color: #72c02c !important;
1318
+ }
1319
+
1320
+ .team .thumbnail-style small {
1321
+ display: block;
1322
+ margin-top: 5px;
1323
+ font-size: 12px;
1324
+ }
1325
+
1326
+ /*About Me Page
1327
+ ------------------------------------*/
1328
+ .about-me {
1329
+ overflow: hidden;
1330
+ }
1331
+
1332
+ .about-me h2 {
1333
+ margin: 0;
1334
+ font-size: 20px;
1335
+ text-transform: uppercase;
1336
+ }
1337
+
1338
+ .about-me span {
1339
+ color: #999;
1340
+ display: block;
1341
+ font-size: 14px;
1342
+ margin-bottom: 10px;
1343
+ }
1344
+
1345
+ .about-me .social-icons {
1346
+ margin-top: 7px;
1347
+ }
1348
+
1349
+ /*About My Goals*/
1350
+ .about-my-goals h2 {
1351
+ text-transform: uppercase;
1352
+ }
1353
+
1354
+ /*About Skills*/
1355
+ .about-skills {
1356
+ padding: 40px 0;
1357
+ border-top: 1px solid #eee;
1358
+ border-bottom: 1px solid #eee;
1359
+ background: image-url('nunify/bg-breadcrumb.png') repeat;
1360
+ }
1361
+
1362
+ /*Gallery Page
1363
+ ------------------------------------*/
1364
+ .gallery-page .thumbnail,
1365
+ .gallery-page .thumbnail:hover {
1366
+ padding: 0;
1367
+ border: none;
1368
+ box-shadow: none;
1369
+ }
1370
+ .gallery-page .thumbnails {
1371
+ margin-bottom:6px;
1372
+ }
1373
+
1374
+ /*Privacy Page
1375
+ ------------------------------------*/
1376
+ .privacy a {
1377
+ text-decoration: underline;
1378
+ }
1379
+ .privacy a:hover {
1380
+ color: #72c02c;
1381
+ text-decoration: none;
1382
+ }
1383
+
1384
+ /*Portfolio Item Page v1
1385
+ ------------------------------------*/
1386
+ .portfolio-item h2 {
1387
+ color: #555;
1388
+ font-size: 24px;
1389
+ margin: 0 0 15px;
1390
+ }
1391
+ .portfolio-item li {
1392
+ padding: 3px 0;
1393
+ }
1394
+ .portfolio-item p a {
1395
+ text-decoration: underline;
1396
+ }
1397
+ .portfolio-item p a:hover {
1398
+ text-decoration: none;
1399
+ }
1400
+
1401
+ /*Portfolio Item v1*/
1402
+ .portfolio-item1 ul {
1403
+ margin: 10px 0 20px;
1404
+ }
1405
+
1406
+ .portfolio-item1 li {
1407
+ font-size: 16px;
1408
+ margin-bottom: 3px;
1409
+ }
1410
+
1411
+ .portfolio-item1 li i {
1412
+ font-size: 18px;
1413
+ margin-right: 4px;
1414
+ }
1415
+
1416
+ /*Sidebar Features
1417
+ ------------------------------------*/
1418
+ /*Blog Tags*/
1419
+ ul.blog-tags li {
1420
+ display: inline-block;
1421
+ }
1422
+
1423
+ ul.blog-tags a {
1424
+ font-size :13px;
1425
+ padding: 2px 7px;
1426
+ background: #f7f7f7;
1427
+ margin: 0 3px 6px 0;
1428
+ display: inline-block;
1429
+ }
1430
+
1431
+ ul.blog-tags a i {
1432
+ color: #666;
1433
+ }
1434
+
1435
+ ul.blog-tags a:hover {
1436
+ background: #72c02c;
1437
+ }
1438
+
1439
+ ul.blog-tags a:hover,
1440
+ ul.blog-tags a:hover i {
1441
+ color: #fff !important;
1442
+ text-decoration: none;
1443
+ -webkit-transition: all 0.2s ease-in-out;
1444
+ -moz-transition: all 0.2s ease-in-out;
1445
+ -o-transition: all 0.2s ease-in-out;
1446
+ transition: all 0.2s ease-in-out;
1447
+ }
1448
+
1449
+ /*Blog Photo Stream*/
1450
+ .blog-photos li {
1451
+ display: inline;
1452
+ }
1453
+ .blog-photos li img {
1454
+ opacity: 0.6;
1455
+ width: 58px;
1456
+ height: 58px;
1457
+ margin: 0 2px 8px;
1458
+ }
1459
+ .blog-photos li img:hover {
1460
+ opacity: 1;
1461
+ box-shadow: 0 0 0 2px #72c02c;
1462
+ }
1463
+
1464
+ /*Blog Latest Tweets*/
1465
+ .blog-twitter .blog-twitter-inner {
1466
+ padding: 10px;
1467
+ background: #f7f7f7;
1468
+ position: relative;
1469
+ margin-bottom: 10px;
1470
+ /*border-top: solid 2px #eee;*/
1471
+ }
1472
+
1473
+ .blog-twitter .blog-twitter-inner,
1474
+ .blog-twitter .blog-twitter-inner:after,
1475
+ .blog-twitter .blog-twitter-inner:before {
1476
+ transition: all 0.3s ease-in-out;
1477
+ -o-transition: all 0.3s ease-in-out;
1478
+ -ms-transition: all 0.3s ease-in-out;
1479
+ -moz-transition: all 0.3s ease-in-out;
1480
+ -webkit-transition: all 0.3s ease-in-out;
1481
+ }
1482
+
1483
+ .blog-twitter .blog-twitter-inner:after,
1484
+ .blog-twitter .blog-twitter-inner:before {
1485
+ width: 0;
1486
+ height: 0;
1487
+ right: 0px;
1488
+ bottom: 0px;
1489
+ content: " ";
1490
+ display: block;
1491
+ position: absolute;
1492
+ }
1493
+
1494
+ .blog-twitter .blog-twitter-inner:after {
1495
+ border-top: 15px solid #eee;
1496
+ border-right: 15px solid transparent;
1497
+ border-left: 0px solid transparent;
1498
+ border-left-style: inset; /*FF fixes*/
1499
+ border-right-style: inset; /*FF fixes*/
1500
+ }
1501
+ .blog-twitter .blog-twitter-inner:before {
1502
+ border-bottom: 15px solid #fff;
1503
+ border-right: 0 solid transparent;
1504
+ border-left: 15px solid transparent;
1505
+ border-left-style: inset; /*FF fixes*/
1506
+ border-bottom-style: inset; /*FF fixes*/
1507
+ }
1508
+
1509
+ .blog-twitter .blog-twitter-inner:hover {
1510
+ border-color: #72c02c;
1511
+ border-top-color: #72c02c;
1512
+ }
1513
+ .blog-twitter .blog-twitter-inner:hover:after {
1514
+ border-top-color: #72c02c;
1515
+ }
1516
+
1517
+ .blog-twitter .blog-twitter-inner span.twitter-time {
1518
+ color: #777;
1519
+ display: block;
1520
+ font-size: 11px;
1521
+ }
1522
+
1523
+ .blog-twitter .blog-twitter-inner a {
1524
+ color: #72c02c;
1525
+ text-decoration: none;
1526
+ }
1527
+ .blog-twitter .blog-twitter-inner a:hover {
1528
+ text-decoration: underline;
1529
+ }
1530
+
1531
+ .blog-twitter .blog-twitter-inner i.fa {
1532
+ top: 2px;
1533
+ color: #bbb;
1534
+ font-size: 18px;
1535
+ position: relative;
1536
+ }
1537
+
1538
+ /*Choose Block*/
1539
+ .who li {
1540
+ margin-bottom: 6px;
1541
+ }
1542
+ .who li i {
1543
+ color: #72c02c;
1544
+ font-size: 13px;
1545
+ margin-right: 8px;
1546
+ position: relative;
1547
+ }
1548
+ .who li:hover i,
1549
+ .who li:hover a {
1550
+ color: #777;
1551
+ }
1552
+ .who li:hover a:hover {
1553
+ text-decoration: none;
1554
+ }
1555
+
1556
+ /*Promo Page
1557
+ ------------------------------------*/
1558
+ /*Slider Part*/
1559
+ .fullwidthbanner-container.slider-promo {
1560
+ max-height: 460px !important;
1561
+ }
1562
+
1563
+ .slider-promo-info-bg {
1564
+ padding: 25px 20px 20px;
1565
+ background: image-url('nunify/bg-black.png') repeat;
1566
+ }
1567
+
1568
+ .slider-promo-info span.big-size {
1569
+ color: #fff;
1570
+ display: block;
1571
+ font-size: 30px;
1572
+ margin-bottom: 25px;
1573
+ text-shadow: 0 !important;
1574
+ }
1575
+
1576
+ .slider-promo-info p {
1577
+ color: #fff;
1578
+ font-size: 16px;
1579
+ margin-bottom: 0;
1580
+ }
1581
+
1582
+ /*Promo Box*/
1583
+ .promo-box {
1584
+ padding: 20px;
1585
+ margin: 25px 0 20px;
1586
+ text-align: center;
1587
+ }
1588
+
1589
+ .promo-box i {
1590
+ display: block;
1591
+ font-size: 50px;
1592
+ }
1593
+
1594
+ .promo-box p {
1595
+ font-size: 14px;
1596
+ margin-bottom: 0;
1597
+ }
1598
+
1599
+ .promo-box strong,
1600
+ .promo-box strong a {
1601
+ color: #555;
1602
+ display: block;
1603
+ font-size: 20px;
1604
+ font-weight: 200;
1605
+ margin: 20px 0 15px;
1606
+ }
1607
+
1608
+ .promo-box:hover strong,
1609
+ .promo-box:hover strong a {
1610
+ color: #72c02c;
1611
+ }
1612
+
1613
+ /*Promo Service*/
1614
+ .promo-service {
1615
+ margin-bottom: 20px;
1616
+ }
1617
+
1618
+ .promo-service li {
1619
+ margin-bottom: 5px;
1620
+ }
1621
+
1622
+ .promo-service a.btn-u {
1623
+ margin: 0 20px 10px 0;
1624
+ }
1625
+
1626
+ /*Promo Elements*/
1627
+ .title-box {
1628
+ font-size: 16px;
1629
+ text-align: center;
1630
+ padding: 10px 0 30px;
1631
+ border-bottom: solid 1px #eee;
1632
+ }
1633
+
1634
+ .title-box .title-box-text {
1635
+ color: #555;
1636
+ display: block;
1637
+ font-size: 35px;
1638
+ font-weight: 200;
1639
+ }
1640
+
1641
+ @media (max-width: 768px) {
1642
+ .title-box .title-box-text {
1643
+ font-size: 26px;
1644
+ line-height: 34px;
1645
+ margin-bottom: 10px;
1646
+ }
1647
+ .title-box p {
1648
+ font-size: 15px;
1649
+ }
1650
+ }
1651
+
1652
+ .block-blockquote {
1653
+ margin: 20px 0;
1654
+ text-align: center;
1655
+ border: dashed 1px #ccc;
1656
+ }
1657
+
1658
+ .block-blockquote-inner {
1659
+ padding: 15px;
1660
+ }
1661
+
1662
+ .block-blockquote p {
1663
+ font-size: 26px;
1664
+ margin-bottom: 0;
1665
+ }
1666
+
1667
+ /*Info Blocks*/
1668
+ .info-blocks {
1669
+ margin-bottom: 15px;
1670
+ }
1671
+
1672
+ .info-blocks:hover i.icon-info-blocks {
1673
+ color: #72c02c;
1674
+ -webkit-transition:all 0.2s ease-in-out;
1675
+ -moz-transition:all 0.2s ease-in-out;
1676
+ -o-transition:all 0.2s ease-in-out;
1677
+ transition:all 0.2s ease-in-out;
1678
+ }
1679
+
1680
+ .info-blocks i.icon-info-blocks {
1681
+ float: left;
1682
+ color: #777;
1683
+ font-size: 30px;
1684
+ min-width: 50px;
1685
+ margin-top: 10px;
1686
+ text-align: center;
1687
+ }
1688
+
1689
+ .info-blocks .info-blocks-in {
1690
+ padding: 0 10px;
1691
+ overflow: hidden;
1692
+ }
1693
+
1694
+ .info-blocks .info-blocks-in h3 {
1695
+ color: #555;
1696
+ font-size: 20px;
1697
+ line-height: 28px;
1698
+ }
1699
+
1700
+ .info-blocks .info-blocks-in p {
1701
+ font-size: 12px;
1702
+ }
1703
+
1704
+ /*Brand Page
1705
+ ------------------------------------*/
1706
+ .brand-page .btn {
1707
+ margin-bottom: 10px;
1708
+ }
1709
+
1710
+ /*Form Pages
1711
+ ------------------------------------*/
1712
+ .form-page input,
1713
+ .form-page select {
1714
+ margin-bottom: 10px;
1715
+ }
1716
+
1717
+ /*Labels and Badges Page
1718
+ ------------------------------------*/
1719
+ ul.labels-demo {
1720
+ margin: 5px 0;
1721
+ }
1722
+
1723
+ ul.labels-demo li {
1724
+ list-style: none;
1725
+ display: inline-block;
1726
+ margin: 0 5px 2px 0;
1727
+ }
1728
+
1729
+ .badge-sidebar {
1730
+ border-left: solid 1px #eee;
1731
+ }
1732
+
1733
+ @media (max-width: 991px) {
1734
+ .badge-sidebar {
1735
+ border-left: none;
1736
+ }
1737
+ }
1738
+
1739
+ /*Line Icon Page
1740
+ ------------------------------------*/
1741
+ .line-icon-page .item-box {
1742
+ width: 25%;
1743
+ float: left;
1744
+ height: 90px;
1745
+ text-align: center;
1746
+ padding: 20px 10px;
1747
+ margin: 0 -1px -1px 0;
1748
+ border: 1px solid #ddd;
1749
+ word-wrap: break-word;
1750
+ }
1751
+
1752
+ @media (max-width: 768px) {
1753
+ .line-icon-page .item-box {
1754
+ height: 115px;
1755
+ }
1756
+ }
1757
+
1758
+ @media (max-width: 450px) {
1759
+ .line-icon-page .item-box {
1760
+ height: 130px;
1761
+ }
1762
+ }
1763
+
1764
+ .line-icon-page .item-box:hover {
1765
+ background: #fafafa;
1766
+ }
1767
+
1768
+ .line-icon-page .item span {
1769
+ display: block;
1770
+ font-size: 28px;
1771
+ margin-bottom: 10px;
1772
+ }
1773
+
1774
+ .line-icon-page .item:hover {
1775
+ color: #72c02c;
1776
+ }
1777
+
1778
+ /*GLYPHICONS Icons Page
1779
+ ------------------------------------*/
1780
+ /*Special styles for displaying the icons and their classes*/
1781
+ .bs-glyphicons {
1782
+ padding-left: 0;
1783
+ list-style: none;
1784
+ overflow: hidden;
1785
+ padding-bottom: 1px;
1786
+ margin-bottom: 20px;
1787
+ }
1788
+
1789
+ .bs-glyphicons li {
1790
+ width: 25%;
1791
+ float: left;
1792
+ height: 115px;
1793
+ padding: 10px;
1794
+ font-size: 12px;
1795
+ line-height: 1.4;
1796
+ text-align: center;
1797
+ margin: 0 -1px -1px 0;
1798
+ border: 1px solid #ddd;
1799
+ }
1800
+
1801
+ .bs-glyphicons .glyphicon {
1802
+ display: block;
1803
+ font-size: 24px;
1804
+ margin: 5px auto 10px;
1805
+ }
1806
+
1807
+ .bs-glyphicons li:hover {
1808
+ color: #72c02c;
1809
+ background-color: #fafafa;
1810
+ }
1811
+
1812
+ @media (min-width: 768px) {
1813
+ .bs-glyphicons li {
1814
+ width: 12.5%;
1815
+ }
1816
+ }
1817
+
1818
+ /*Contact Pages
1819
+ ------------------------------------*/
1820
+ .map {
1821
+ width: 100%;
1822
+ height: 350px;
1823
+ border-top: solid 1px #eee;
1824
+ border-bottom: solid 1px #eee;
1825
+ }
1826
+
1827
+ .gm-style-iw {
1828
+ /*overflow: inherit !important;*/
1829
+ }
1830
+
1831
+ .map-box {
1832
+ height: 250px;
1833
+ }
1834
+
1835
+ .map-box-space {
1836
+ margin-top: 15px;
1837
+ }
1838
+
1839
+ .map-box-space1 {
1840
+ margin-top: 7px;
1841
+ }
1842
+
1843
+ /*Background Opacity
1844
+ ------------------------------------*/
1845
+ .service-or {
1846
+ overflow: hidden;
1847
+ position: relative;
1848
+ }
1849
+
1850
+ .service-bg {
1851
+ background-color: rgba(255,255,255,0.1);
1852
+ width: 250px;
1853
+ padding: 60px;
1854
+ position: absolute;
1855
+ top: -10px;
1856
+ right: -100px;
1857
+ transform: rotate(55deg);
1858
+ -o-transform: rotate(55deg);
1859
+ -ms-transform: rotate(55deg);
1860
+ -moz-transform: rotate(55deg);
1861
+ -webkit-transform: rotate(55deg);
1862
+ }
1863
+
1864
+ /*Service Block v2
1865
+ ------------------------------------*/
1866
+ .servive-block-v2 .servive-block-in {
1867
+ padding: 20px 30px;
1868
+ text-align: center;
1869
+ margin-bottom: 15px;
1870
+ background: rgba(255,255,255,0.2);
1871
+ }
1872
+
1873
+ .servive-block-v2 .servive-block-in img {
1874
+ width: 100%;
1875
+ margin-bottom: 15px;
1876
+ }
1877
+
1878
+ .servive-block-v2 .servive-block-in i {
1879
+ font-size: 40px;
1880
+ }
1881
+
1882
+ .servive-block-v2 .servive-block-in h4 {
1883
+ line-height: 25px;
1884
+ }
1885
+
1886
+ .servive-block-v2 .servive-block-in p {
1887
+ margin-bottom: 20px;
1888
+ }
1889
+
1890
+ .servive-block-v2 .servive-block-in i,
1891
+ .servive-block-v2 .servive-block-in h4,
1892
+ .servive-block-v2 .servive-block-in p {
1893
+ color: #fff;
1894
+ }
1895
+
1896
+ /*Easy Block
1897
+ ------------------------------------*/
1898
+ .easy-block-v1 {
1899
+ position: relative;
1900
+ }
1901
+
1902
+ .easy-block-v1 img {
1903
+ width: 100%;
1904
+ }
1905
+
1906
+ .easy-block-v1 .overflow-h h3 {
1907
+ width: 60%;
1908
+ float: left;
1909
+ font-size: 18px;
1910
+ line-height: 24px;
1911
+ margin-bottom: 5px;
1912
+ }
1913
+
1914
+ .easy-block-v1 .easy-block-v1-badge {
1915
+ left: 0px;
1916
+ top: 10px;
1917
+ z-index: 1;
1918
+ color: #fff;
1919
+ padding: 4px 10px;
1920
+ position: absolute;
1921
+ }
1922
+
1923
+ /*Easy Block v2
1924
+ ------------------------------------*/
1925
+ .easy-block-v2 {
1926
+ overflow: hidden;
1927
+ position: relative;
1928
+ margin-bottom: 20px;
1929
+ }
1930
+
1931
+ .easy-block-v2 img {
1932
+ width: 100%;
1933
+ }
1934
+
1935
+ .easy-bg-v2 {
1936
+ top: 5px;
1937
+ color: #fff;
1938
+ width: 100px;
1939
+ padding: 5px;
1940
+ right: -32px;
1941
+ font-size: 13px;
1942
+ position: absolute;
1943
+ text-align: center;
1944
+ letter-spacing: 2px;
1945
+ transform: rotate(45deg);
1946
+ -o-transform: rotate(45deg);
1947
+ -ms-transform: rotate(45deg);
1948
+ -moz-transform: rotate(45deg);
1949
+ -webkit-transform: rotate(45deg);
1950
+ }
1951
+
1952
+ .rgba-red { background-color: rgba(231,76,60,0.8);}
1953
+ .rgba-blue{ background-color: rgba(52,152,219,0.8);}
1954
+ .rgba-default { background-color: rgba(114,192,44,0.8);}
1955
+ .rgba-purple { background-color: rgba(155,107,204,0.8);}
1956
+
1957
+ /*Easy Block v3
1958
+ ------------------------------------*/
1959
+ .easy-block-v3 {
1960
+ text-align: left;
1961
+ background: #585f69;
1962
+ margin-bottom: 10px;
1963
+ padding: 30px 20px 20px;
1964
+ }
1965
+
1966
+ .easy-block-v3.first {
1967
+ background: #696f77;
1968
+ }
1969
+ .easy-block-v3.second {
1970
+ background: #707780;
1971
+ }
1972
+ .easy-block-v3.third {
1973
+ background: #787f88;
1974
+ }
1975
+
1976
+ .easy-block-v3 i {
1977
+ color: #fff;
1978
+ float: left;
1979
+ font-size: 30px;
1980
+ min-width: 45px;
1981
+ padding-top: 10px;
1982
+ }
1983
+
1984
+ .easy-block-v3 .inner-faq-b {
1985
+ overflow: hidden;
1986
+ }
1987
+
1988
+ .easy-block-v3 .inner-faq-b h2,
1989
+ .easy-block-v3 .inner-faq-b h3 {
1990
+ font-size: 21px;
1991
+ margin-bottom: 8px;
1992
+ }
1993
+
1994
+ .easy-block-v3 .inner-faq-b h4 {
1995
+ color: #fff;
1996
+ font-size: 17px;
1997
+ margin-bottom: 2px;
1998
+ }
1999
+
2000
+ .easy-block-v3 .inner-faq-b h2,
2001
+ .easy-block-v3 .inner-faq-b h3,
2002
+ .easy-block-v3 .inner-faq-b p {
2003
+ color: #fff;
2004
+ }
2005
+
2006
+ /*Full Width Block
2007
+ ------------------------------------*/
2008
+ .full-w-block {
2009
+ padding: 30px 0;
2010
+ background: #282828;
2011
+ }
2012
+
2013
+ .full-w-block .info-blocks i,
2014
+ .full-w-block .info-blocks-in h3 {
2015
+ color: #fff;
2016
+ }
2017
+
2018
+ .full-w-block .info-blocks-in p {
2019
+ color: #ccc;
2020
+ }
2021
+
2022
+ .full-w-block .info-blocks:hover i.icon-info-blocks {
2023
+ color: #fff;
2024
+ }
2025
+
2026
+ /*Team v2
2027
+ ------------------------------------*/
2028
+ .team-v2 {
2029
+ position: relative;
2030
+ margin-bottom: 20px;
2031
+ }
2032
+
2033
+ .team-v2 img {
2034
+ width: 100%;
2035
+ }
2036
+
2037
+ .team-v2 .inner-team {
2038
+ padding: 20px;
2039
+ background: #fff;
2040
+ text-align: center;
2041
+ }
2042
+
2043
+ .team-v2 .inner-team h3 {
2044
+ margin: 0;
2045
+ }
2046
+
2047
+ .team-v2 .inner-team small {
2048
+ display: block;
2049
+ font-size: 12px;
2050
+ margin-bottom: 7px;
2051
+ }
2052
+
2053
+ .team-v2 .inner-team p {
2054
+ font-size: 13px;
2055
+ }
2056
+
2057
+ .team-v2 .inner-team hr {
2058
+ margin: 10px 0 15px;
2059
+ }
2060
+
2061
+ /*Team-Social ---- Temporary*/
2062
+ .team-social {
2063
+ margin-bottom: 0;
2064
+ }
2065
+
2066
+ .team-social li {
2067
+ padding: 0 2px;
2068
+ }
2069
+
2070
+ .team-social li a {
2071
+ font-size: 14px;
2072
+ padding: 6px 4px;
2073
+ border-radius: 50% !important;
2074
+ }
2075
+
2076
+ .team-social li i {
2077
+ min-width: 20px;
2078
+ }
2079
+
2080
+ .team-social li a.fb {
2081
+ color: #4862a3;
2082
+ border: 1px solid #4862a3;
2083
+ }
2084
+
2085
+ .team-social li a.tw {
2086
+ color: #159ceb;
2087
+ border: 1px solid #159ceb;
2088
+ }
2089
+
2090
+ .team-social li a.gp {
2091
+ color: #dc4a38;
2092
+ border: 1px solid #dc4a38;
2093
+ }
2094
+
2095
+ .team-social li a:hover {
2096
+ text-decoration: none;
2097
+ }
2098
+
2099
+ .team-social li a.fb:hover {
2100
+ color: #fff;
2101
+ background: #4862a3;
2102
+ }
2103
+
2104
+ .team-social li a.tw:hover {
2105
+ color: #fff;
2106
+ background: #159ceb;
2107
+ }
2108
+
2109
+ .team-social li a.gp:hover {
2110
+ color: #fff;
2111
+ background: #dc4a38;
2112
+ }
2113
+
2114
+ /*Simple Block
2115
+ ------------------------------------*/
2116
+ .simple-block {
2117
+ margin-bottom: 20px;
2118
+ }
2119
+
2120
+ .simple-block img {
2121
+ width: 100%;
2122
+ }
2123
+
2124
+ .simple-block p {
2125
+ text-align: center;
2126
+ }
2127
+
2128
+ .simple-block .carousel-indicators {
2129
+ top: 10px;
2130
+ left: 65%;
2131
+ text-align: right;
2132
+ }
2133
+
2134
+ .simple-block .carousel-indicators .active {
2135
+ background: #555;
2136
+ }
2137
+
2138
+ .simple-block .carousel-indicators li {
2139
+ border-color: #555;
2140
+ }
2141
+
2142
+ .simple-block .carousel-inner > .item {
2143
+ margin: 0;
2144
+ }
2145
+
2146
+ /*Two Blocks
2147
+ ------------------------------------*/
2148
+ .two-blocks {
2149
+ text-align: center;
2150
+ }
2151
+
2152
+ .two-blocks-in {
2153
+ margin-bottom: 30px;
2154
+ }
2155
+
2156
+ .two-blocks-in i {
2157
+ color: #fff;
2158
+ padding: 11px;
2159
+ font-size: 30px;
2160
+ min-width: 50px;
2161
+ text-align: center;
2162
+ background: #585f69;
2163
+ margin-bottom: 10px;
2164
+ display: inline-block;
2165
+ }
2166
+
2167
+ /*Three Blocks
2168
+ ------------------------------------*/
2169
+ .three-blocks {
2170
+ text-align: center;
2171
+ }
2172
+
2173
+ .three-blocks-in {
2174
+ margin-bottom: 30px;
2175
+ }
2176
+
2177
+ .three-blocks-in i {
2178
+ color: #777;
2179
+ padding: 9px 6px;
2180
+ font-size: 20px;
2181
+ min-width: 40px;
2182
+ margin-bottom: 10px;
2183
+ border: 1px solid #777;
2184
+ }
2185
+
2186
+ .three-blocks-in h3 {
2187
+ font-size: 20px;
2188
+ margin-bottom: 7px;
2189
+ }
2190
+
2191
+ /*Temperory Classes
2192
+ ------------------------------------*/
2193
+ /*Banner-info*/
2194
+ .banner-info {
2195
+ margin-bottom: 10px;
2196
+ }
2197
+
2198
+ .banner-info i {
2199
+ float: left;
2200
+ color: #fff;
2201
+ padding: 11px;
2202
+ /*min-width works with line-icon*/
2203
+ min-width: 40px;
2204
+ font-size: 22px;
2205
+ text-align: center;
2206
+ margin: 7px 20px 0 0;
2207
+ }
2208
+
2209
+ /*min-width works with FontAwesome*/
2210
+ .banner-info i.fa {
2211
+ min-width: 46px;
2212
+ }
2213
+
2214
+ .banner-info.light i {
2215
+ border: 1px solid #fff;
2216
+ }
2217
+
2218
+ .banner-info.dark i {
2219
+ background: #585f69;
2220
+ }
2221
+
2222
+ .banner-info h3 {
2223
+ font-size: 21px;
2224
+ margin-bottom: 5px;
2225
+ }
2226
+
2227
+ .banner-info.light h3 { color: #fff; }
2228
+ .banner-info.light p { color: #eee; }
2229
+
2230
+ /*Breadcrumb-V2*/
2231
+ .breadcrumbs-v2 {
2232
+ text-align: center;
2233
+ position: relative;
2234
+ background: image-url('nunify/bg/11.jpg') no-repeat center;
2235
+ }
2236
+
2237
+ .breadcrumbs-v2-in {
2238
+ padding: 60px 0;
2239
+ position: relative;
2240
+ }
2241
+
2242
+ .breadcrumbs-v2 h1 {
2243
+ color: #fff;
2244
+ text-transform: uppercase;
2245
+ }
2246
+
2247
+ .breadcrumb-v2 li a,
2248
+ .breadcrumb-v2 li.active {
2249
+ color: #fff;
2250
+ }
2251
+
2252
+ .breadcrumb-v2 li i {
2253
+ color: #fff;
2254
+ min-width: 19px;
2255
+ padding: 3px 7px;
2256
+ margin-right: 5px;
2257
+ text-align: center;
2258
+ border: 1px solid #fff;
2259
+ }
2260
+
2261
+ /*Breadcrumbs-v3*/
2262
+ .breadcrumbs-v3 {
2263
+ padding: 10px 0;
2264
+ background: #585f69;
2265
+ border-bottom: 1px solid #eee;
2266
+ }
2267
+
2268
+ .breadcrumbs-v3 h1 {
2269
+ color: #fff;
2270
+ margin: 3px 0;
2271
+ font-size: 22px;
2272
+ font-weight: 200;
2273
+ }
2274
+
2275
+ .breadcrumbs-v3 .breadcrumb {
2276
+ padding: 0;
2277
+ margin-top: 2px;
2278
+ margin-bottom: 0;
2279
+ }
2280
+
2281
+ .breadcrumbs-v3 .breadcrumb li a {
2282
+ color: #fff;
2283
+ }
2284
+
2285
+ /*Title-Box-V2*/
2286
+ .title-box-v2 {
2287
+ text-align: center;
2288
+ margin-bottom: 40px;
2289
+ }
2290
+
2291
+ .title-box-v2 h2 {
2292
+ font-size: 25px;
2293
+ text-transform: uppercase;
2294
+ }
2295
+
2296
+ .title-box-v2 p {
2297
+ font-size: 13px;
2298
+ }
2299
+
2300
+ /*remove padding from "Col-"*/
2301
+ .no-space {
2302
+ padding: 0;
2303
+ }
2304
+
2305
+ /*List Style v1*/
2306
+ .list-style-v1 li {
2307
+ margin-bottom: 7px;
2308
+ }
2309
+
2310
+ .list-style-v1 i {
2311
+ margin-right: 5px;
2312
+ }