news_reader 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/lib/news_reader/scraper.rb +1 -1
  4. data/lib/news_reader/version.rb +1 -1
  5. metadata +1 -61
  6. data/fixtures/.DS_Store +0 -0
  7. data/fixtures/blog/index.html +0 -200
  8. data/fixtures/blog/index_files/Box.css +0 -29
  9. data/fixtures/blog/index_files/Java_Box.js +0 -89
  10. data/fixtures/blog/index_files/ModuleStyleSheets.css +0 -1655
  11. data/fixtures/blog/index_files/black.css +0 -11
  12. data/fixtures/blog/index_files/blog-jive.jpg +0 -0
  13. data/fixtures/blog/index_files/blog-musolfs.jpg +0 -0
  14. data/fixtures/blog/index_files/blog-poolpak.jpg +0 -0
  15. data/fixtures/blog/index_files/blog-portalaudit.png +0 -0
  16. data/fixtures/blog/index_files/blog-semicolon1.jpg +0 -0
  17. data/fixtures/blog/index_files/blog-semicolon2.jpg +0 -0
  18. data/fixtures/blog/index_files/blog-spa1.jpg +0 -0
  19. data/fixtures/blog/index_files/blog-spa2.jpg +0 -0
  20. data/fixtures/blog/index_files/blog-statera.jpg +0 -0
  21. data/fixtures/blog/index_files/blue.css +0 -11
  22. data/fixtures/blog/index_files/common.js +0 -149
  23. data/fixtures/blog/index_files/dark.css +0 -31
  24. data/fixtures/blog/index_files/featherlight.min.css +0 -8
  25. data/fixtures/blog/index_files/featherlight.min.js +0 -8
  26. data/fixtures/blog/index_files/font-awesome.min.css +0 -4
  27. data/fixtures/blog/index_files/green.css +0 -11
  28. data/fixtures/blog/index_files/isotope.css +0 -64
  29. data/fixtures/blog/index_files/jquery-ui.min.js +0 -5
  30. data/fixtures/blog/index_files/jquery.carouFredSel-6.2.1-packed.js +0 -16
  31. data/fixtures/blog/index_files/jquery.contentcarousel.js +0 -137
  32. data/fixtures/blog/index_files/jquery.easing.1.3.js +0 -205
  33. data/fixtures/blog/index_files/jquery.form.js +0 -1121
  34. data/fixtures/blog/index_files/jquery.hoverdir.js +0 -220
  35. data/fixtures/blog/index_files/jquery.inview.js +0 -60
  36. data/fixtures/blog/index_files/jquery.isotope.min.js +0 -11
  37. data/fixtures/blog/index_files/jquery.magnific-popup.js +0 -2046
  38. data/fixtures/blog/index_files/jquery.mb.YTPlayer.js +0 -1041
  39. data/fixtures/blog/index_files/jquery.min.js +0 -5
  40. data/fixtures/blog/index_files/jquery.nav.js +0 -223
  41. data/fixtures/blog/index_files/jquery.smoothwheel.js +0 -153
  42. data/fixtures/blog/index_files/jquery.sticky.js +0 -129
  43. data/fixtures/blog/index_files/jquery.superslides.js +0 -656
  44. data/fixtures/blog/index_files/jquery.validate.js +0 -1231
  45. data/fixtures/blog/index_files/jquery.vegas.css +0 -34
  46. data/fixtures/blog/index_files/js +0 -201
  47. data/fixtures/blog/index_files/loading.gif +0 -0
  48. data/fixtures/blog/index_files/magnific-popup.css +0 -365
  49. data/fixtures/blog/index_files/main.css +0 -301
  50. data/fixtures/blog/index_files/main.js +0 -26
  51. data/fixtures/blog/index_files/modernizr-2.6.2.min.js +0 -4
  52. data/fixtures/blog/index_files/normalize.css +0 -533
  53. data/fixtures/blog/index_files/ohp3fra.js +0 -44
  54. data/fixtures/blog/index_files/orange.css +0 -11
  55. data/fixtures/blog/index_files/paralax.js +0 -525
  56. data/fixtures/blog/index_files/paralaxNEW4.css +0 -2730
  57. data/fixtures/blog/index_files/plugins.js +0 -221
  58. data/fixtures/blog/index_files/portfolio.js +0 -142
  59. data/fixtures/blog/index_files/purple.css +0 -11
  60. data/fixtures/blog/index_files/red.css +0 -11
  61. data/fixtures/blog/index_files/responsive3.css +0 -329
  62. data/fixtures/blog/index_files/superslides.css +0 -65
  63. data/fixtures/blog/index_files/turquoise.css +0 -11
  64. data/fixtures/blog/index_files/util.js +0 -287
  65. data/fixtures/blog/index_files/yellow.css +0 -11
@@ -1,2730 +0,0 @@
1
- @charset "UTF-8";
2
- /* Fonts */
3
- @import url(http://fonts.googleapis.com/css?family=museo:400,700);
4
- @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700);
5
-
6
- ::selection {
7
- background-color: #4cddf3;
8
- color: #fff;
9
- }
10
- html, body {
11
- background: #fff;
12
- width: 100%;
13
- height: 100%;
14
- margin: 0;
15
- padding: 0;
16
- }
17
- .hideme {
18
- opacity: 0;
19
- }
20
- .hideme-slide, .hideme-slide2 {
21
- opacity: 0;
22
- bottom: -100% !important;
23
- }
24
- .dontHide {
25
- -webkit-transition: all 1s ease-in-out;
26
- -moz-transition: all 1s ease-in-out;
27
- -o-transition: all 1s ease-in-out;
28
- transition: all 1s ease-in-out;
29
- }
30
- .dontHide.delay {
31
- -webkit-transition: all 1.5s ease-in-out;
32
- -moz-transition: all 1.5s ease-in-out;
33
- -o-transition: all 1.5s ease-in-out;
34
- transition: all 1.5s ease-in-out;
35
- }
36
- /* Loading */
37
- #mask {
38
- background-color: #FFFFFF;
39
- height: 100%;
40
- position: fixed;
41
- width: 100%;
42
- z-index: 100000;
43
- }
44
- .loader {
45
- position: absolute;
46
- width: 40px;
47
- height: 40px;
48
- margin: -20px 0 0 -20px;
49
- top: 50%;
50
- left: 50%;
51
- }
52
- /* Color Picker */
53
- .blue .color-picker .pickerTitle {
54
- background: #00AEEF;
55
- }
56
- .black .color-picker .pickerTitle {
57
- background: #000;
58
- }
59
- .yellow .color-picker .pickerTitle {
60
- background: #f1d301;
61
- }
62
- .turquoise .color-picker .pickerTitle {
63
- background: #29deb5;
64
- }
65
- .red .color-picker .pickerTitle {
66
- background: #f2333a;
67
- }
68
- .purple .color-picker .pickerTitle {
69
- background: #d786fe;
70
- }
71
- .orange .color-picker .pickerTitle {
72
- background: #fda527;
73
- }
74
- .green .color-picker .pickerTitle {
75
- background: #77be32;
76
- }
77
- .color-picker .picker-btn {
78
- position: absolute;
79
- left: -45px;
80
- top: 45px;
81
- border: none;
82
- background: url("../img/picker-ico.png") 5px no-repeat #fff;
83
- cursor: pointer;
84
- padding: 5px;
85
- }
86
- .color-picker {
87
- font-family: 'museo', sans-serif;
88
- width: 223px;
89
- height: auto;
90
- position: fixed;
91
- top: 150px;
92
- right: 0;
93
- background: #fff;
94
- z-index: 500;
95
- }
96
- .color-picker .pwrapper {
97
- padding: 15px 20px 25px;
98
- width: 170px;
99
- height: auto;
100
- }
101
- .color-picker .pickerTitle {
102
- text-transform: uppercase;
103
- text-align: center;
104
- float: none;
105
- width: 100%;
106
- margin: 0;
107
- padding: 10px 5px;
108
- cursor: auto;
109
- border: none;
110
- color: #fff;
111
- background: #666;
112
- line-height: 30px;
113
- }
114
- .color-picker .pickersubTitle {
115
- color: #7F7F7F;
116
- text-transform: uppercase;
117
- text-align: center;
118
- float: none;
119
- width: auto;
120
- height: auto;
121
- margin: 0 5px 15px;
122
- padding: 10px 5px;
123
- cursor: auto;
124
- font-size: 12px;
125
- border-bottom: 1px solid #ededed;
126
- border-top: 1px solid #ededed;
127
- clear: both;
128
- }
129
- .color-picker div {
130
- width: 30px;
131
- height: 30px;
132
- margin: 5px;
133
- /*padding: 5px;*/
134
- float: left;
135
- cursor: pointer;
136
- /*border: 2px solid #f0f0f0;*/
137
-
138
- -webkit-transition: all 0.2s ease-in-out;
139
- -moz-transition: all 0.2s ease-in-out;
140
- -o-transition: all 0.2s ease-in-out;
141
- transition: all 0.2s ease-in-out;
142
- }
143
- .color-picker div.nopick {
144
- width: 0;
145
- height: 0;
146
- }
147
- .color-picker .light-version {
148
- width: 73px;
149
- height: 29px;
150
- margin-bottom: 20px;/* background: #fff;
151
- line-height: 30px;
152
- text-align: center;
153
- color: #999;*/
154
- }
155
- .color-picker .dark-version {
156
- width: 73px;
157
- height: 29px;/* background: #000;
158
- line-height: 30px;
159
- text-align: center;
160
- color: #666;*/
161
- }
162
- .color-picker .picker-blue {
163
- background: #4cddf3;
164
- }
165
- .color-picker .picker-black {
166
- background: #222;
167
- }
168
- .color-picker .picker-green {
169
- background: #77be32;
170
- }
171
- .color-picker .picker-yellow {
172
- background: #f1d301;
173
- }
174
- .color-picker .picker-red {
175
- background: #f2333a;
176
- }
177
- .color-picker .picker-purple {
178
- background: #d786fe;
179
- }
180
- .color-picker .picker-turquoise {
181
- background: #29deb5;
182
- }
183
- .color-picker .picker-orange {
184
- background: #fda527;
185
- }
186
- .color-picker .picker-blue:hover, .color-picker .picker-black:hover, .color-picker .picker-green:hover, .color-picker .picker-yellow:hover, .color-picker .picker-red:hover, .color-picker .picker-purple:hover, .color-picker .picker-turquoise:hover, .color-picker .picker-orange:hover {
187
- border-color: #000;
188
- }
189
- /* JumpMenu Styles */
190
- .jump-menu {
191
- display: none;
192
- position: absolute;
193
- top: 0;
194
- right: 0;
195
- }
196
- .jump-selector {
197
- border-radius: 0;
198
- background: url("../img/menu-icon-blue.png") no-repeat scroll 0 0 #b6e7fa;
199
- position: absolute;
200
- width: 50px;
201
- height: 75px;
202
- top: 0;
203
- right: 0;
204
- border: none;
205
- -webkit-appearance: none;
206
- padding-right: 50px;
207
- cursor: pointer;
208
- }
209
- /* Home Slider */
210
- #video-volume {
211
- bottom: 30px;
212
- color: #FFFFFF;
213
- cursor: pointer;
214
- font-size: 24px;
215
- margin-left: -12px;
216
- left: 50%;
217
- position: absolute;
218
- width: 25px;
219
- height: 25px;
220
- z-index: 10;
221
- background: url("../img/audio.png") no-repeat;
222
- opacity: 0.5;
223
- }
224
- .welcome {
225
- font-family: Georgia, "Times New Roman", Times, serif;
226
- font-style: italic;
227
- font-size: 26px;
228
- letter-spacing: 3px;
229
- text-transform: none;
230
- }
231
- #home-fullWidth div, #home div {
232
- position: relative;
233
- width: 100%;
234
- height: 100%;
235
- }
236
- #home-fullWidth {
237
- height: 700px;
238
- }
239
- .slider-controls {
240
- opacity: 0;
241
- padding: 0;
242
- margin: 0;
243
- -webkit-transition: all 0.2s ease-in-out;
244
- -moz-transition: all 0.2s ease-in-out;
245
- -o-transition: all 0.2s ease-in-out;
246
- transition: all 0.2s ease-in-out;
247
- }
248
- .slider-controls li {
249
- list-style: none;
250
- }
251
- #home-fullWidth div:hover .slider-controls, #home div:hover .slider-controls {
252
- opacity: 1;
253
- -webkit-transition: all 0.2s ease-in-out;
254
- -moz-transition: all 0.2s ease-in-out;
255
- -o-transition: all 0.2s ease-in-out;
256
- transition: all 0.2s ease-in-out;
257
- }
258
- .slider-controls li a {
259
- position: absolute;
260
- z-index: 25;
261
- top: 44%;
262
- width: 81px;
263
- height: 80px;
264
- cursor: pointer;
265
- }
266
- .s-next {
267
- background: url("../img/s-next.png");
268
- margin-right: 70px;
269
- right: 0;
270
- opacity: 0.3;
271
- }
272
- .s-prev {
273
- background: url("../img/s-prev.png");
274
- margin-left: 70px;
275
- left: 0;
276
- opacity: 0.3;
277
- }
278
- .s-next:hover, .s-prev:hover {
279
- opacity: 1;
280
- }
281
- /* Pre-load */
282
- #home {
283
- height: 100%;
284
- }
285
- #bannerscollection_zoominout_opportune {
286
- height: 100%;
287
- width: 100%;
288
- }
289
- .wrapperSlider #bannerscollection_zoominout_opportune {
290
- height: auto;
291
- width: auto;
292
- }
293
- #homer:hover .bannerControls {
294
- opacity: 1;
295
- }
296
- .banner-info {
297
- position: absolute;
298
- width: 100%;
299
- z-index: 10;
300
- top: 0;
301
- left: 0;
302
- text-align: center;
303
- }
304
- .header {
305
- width: 100%;
306
- height: 75px;
307
- background: #323a45;
308
- position: absolute;
309
- z-index: 75;
310
- }
311
- #navwrap {
312
- max-width: 1155px;
313
- margin: 0 auto;
314
- }
315
- .clear {
316
- clear: both;
317
- }
318
- .menu {
319
- float: right;
320
- }
321
- .menu ul {
322
- list-style: none;
323
- padding: 0;
324
- height: 75px;
325
- margin: 0;
326
- }
327
- .menu ul li {
328
- float: left;
329
- line-height: 75px;
330
- padding: 0 15px;
331
- font-family: 'museo', sans-serif;
332
- font-size: 14px;
333
- font-weight: 400;
334
- text-transform: uppercase;
335
- letter-spacing: 2px;
336
- }
337
- .menu a {
338
- text-decoration: none;
339
- color: #fff;/*-webkit-transition: all 0.2s ease-in-out;
340
- -moz-transition: all 0.2s ease-in-out;
341
- -o-transition: all 0.2s ease-in-out;
342
- transition: all 0.2s ease-in-out;*/
343
- }
344
- .menu a:hover {
345
- color: #4cddf3;/* -webkit-transition: all 0.2s ease-in-out;
346
- -moz-transition: all 0.2s ease-in-out;
347
- -o-transition: all 0.2s ease-in-out;
348
- transition: all 0.2s ease-in-out;*/
349
- }
350
- #nav .current a {
351
- color: #4cddf3 !important;
352
- }
353
- .logo {
354
- float: left;
355
- color: #fff;
356
- font-family: 'museo', sans-serif;
357
- font-size: 28px;
358
- font-weight: 300;
359
- cursor: pointer;
360
- line-height: 75px;
361
- margin-left:20px;
362
- }
363
- .logo a {
364
- color: #fff;
365
- text-decoration: none;
366
- }
367
- .logo span {
368
- position: relative;
369
- float: left;
370
- width: 40px;
371
- height: 40px;
372
- margin: 16px 10px 0 0;
373
- }
374
- .logo span em {
375
- position: absolute;
376
- width: 20px;
377
- height: 20px;
378
- background: #4cddf3;
379
- top: 0;
380
- right: 0;
381
- }
382
- .main-title .second-title {
383
- font-size: 16px;
384
- font-family: 'Open Sans', sans-serif !important;
385
- width: 680px;
386
- text-transform: none;
387
- margin: auto;
388
- font-weight: 400;
389
- }
390
- .second-title span {
391
- color: #4cddf3;
392
- font-weight: 600;
393
- }
394
- .buy-logo {
395
- width: 165px;
396
- margin: 40px auto 0;
397
- height: auto;
398
- z-index: 10;
399
- position: relative;
400
- color: #fff;
401
- font-size: 14px;
402
- text-transform: uppercase;
403
- font-weight: 700;
404
- text-align: center;
405
- font-family: 'Open Sans', sans-serif;
406
- padding: 11px 25px 11px;
407
- cursor: pointer;
408
- border: 2px solid #00aeef;
409
- border-radius: 2px;
410
- letter-spacing: 2px;
411
- pointer-events: auto;
412
- -webkit-transition: all 0.1s ease-in-out;
413
- -moz-transition: all 0.1s ease-in-out;
414
- -o-transition: all 0.1s ease-in-out;
415
- transition: all 0.1s ease-in-out;
416
- }
417
- .buy-logo:hover {
418
- border: 2px solid #fff !important;
419
- }
420
- /*.buy-logo span{
421
- float: right;
422
- background: url('../img/play-ico.png') no-repeat;
423
- width: 10px;
424
- height: 13px;
425
- margin: 3px 0 0 20px;
426
- }*/
427
- .back-button {
428
- width: 165px;
429
- margin: 40px auto 0;
430
- height: auto;
431
- z-index: 10;
432
- position: relative;
433
- color: #414141;
434
- font-size: 14px;
435
- text-transform: uppercase;
436
- font-weight: 700;
437
- text-align: center;
438
- font-family: 'Open Sans', sans-serif;
439
- padding: 11px 25px 11px;
440
- cursor: pointer;
441
- border: 2px solid #00aeef;
442
- border-radius: 2px;
443
- letter-spacing: 2px;
444
- pointer-events: auto;
445
- -webkit-transition: all 0.1s ease-in-out;
446
- -moz-transition: all 0.1s ease-in-out;
447
- -o-transition: all 0.1s ease-in-out;
448
- transition: all 0.1s ease-in-out;
449
- text-decoration: none !important;
450
- }
451
- .back-button a {
452
- text-decoration: none !important;
453
- color: #414141;
454
- }
455
- .back-button:hover {
456
- border: 2px solid #fff !important;
457
- }
458
- .slider-logo a, .buy-logo a {
459
- text-decoration: none;
460
- color: #fff;
461
- }
462
- .main-title {
463
- color: #fff;
464
- height: 385px;
465
- overflow: hidden;
466
- position: absolute;
467
- top: 50%;
468
- margin-top: -176px;
469
- width: 100%;
470
- pointer-events: none;
471
- text-align: center;
472
- z-index: 10;
473
- }
474
- .main-title.title-fullWidth {
475
- top: 174px;
476
- margin-top: 0;
477
- }
478
- .main-title a {
479
- text-decoration: none;
480
- }
481
- .main-title .spacer {
482
- width: 60px;
483
- margin: 30px auto 40px;
484
- }
485
- .title-container {
486
- width: 75%;
487
- margin: 0 auto;
488
- }
489
- .main-title ul {
490
- list-style: none;
491
- padding: 0;
492
- margin: 10px 0 0;
493
- position: relative;
494
- height: 100px;
495
- font-size: 100px;
496
- font-weight: 300;
497
- text-align: center;
498
- font-family: "Brandon Grot W01 Bold", 'museo', sans-serif;
499
- , "Helvetica Neue", Helvetica, Arial, sans-serif;
500
- letter-spacing: 5px;
501
- text-transform: uppercase;
502
- z-index: 100;
503
- }
504
- .main-title ul li {
505
- width: 100%;
506
- text-align: center;
507
- position: absolute;
508
- opacity: 0;
509
- top: 40px;
510
- line-height: 100px;
511
- -webkit-transition: all 0.5s ease-in-out;
512
- -moz-transition: all 0.5s ease-in-out;
513
- -o-transition: all 0.5s ease-in-out;
514
- transition: all 0.5s ease-in-out;
515
- transition-timing-function: ease;
516
- -webkit-transition-timing-function: ease; /* Safari and Chrome */
517
- }
518
- .main-title li.t-current {
519
- opacity: 1;
520
- top: 0;
521
- -webkit-transition: all 1s ease-in-out;
522
- -moz-transition: all 1s ease-in-out;
523
- -o-transition: all 1s ease-in-out;
524
- transition: all 1s ease-in-out;
525
- transition-timing-function: ease;
526
- -webkit-transition-timing-function: ease; /* Safari and Chrome */
527
- }
528
- /* Featured Works Caroussel*/
529
- .main-carousel {
530
- overflow: hidden;
531
- width: 100%;
532
- position: relative;
533
- height: 376px;
534
- }
535
- .f-image {
536
- color: #fff;
537
- }
538
- .f-image a {
539
- color: #fff;
540
- text-decoration: none;
541
- }
542
- .f-single .portfolio-meta, .t-element .portfolio-meta {
543
- color: #fff;
544
- position: absolute;
545
- bottom: 0;
546
- left: 0;
547
- z-index: 20;
548
- width: 100%;
549
- text-align: center;
550
- text-transform: uppercase;
551
- zoom: 1;
552
- filter: alpha(opacity=0);
553
- opacity: 0;
554
- font-size: 13px;
555
- font-weight: 400;
556
- letter-spacing: 1px;
557
- font-family: 'Open Sans', sans-serif;
558
- -webkit-transition: all 0.2s ease-out;
559
- -moz-transition: all 0.2s ease-out;
560
- -o-transition: all 0.2s ease-out;
561
- transition: all 0.2s ease-out;
562
- }
563
- .portfolio-meta div:last-child {
564
- font-weight: 400;
565
- opacity: 0.5;
566
- font-size: 13px;
567
- }
568
- .portfolio-meta a {
569
- color: #fff;
570
- text-decoration: none !important;
571
- }
572
- .team-box .portfolio-meta div:last-child {
573
- font-weight: 400;
574
- opacity: 1;
575
- font-size: 12px;
576
- }
577
- .f-single:hover .portfolio-meta, .t-element:hover .portfolio-meta {
578
- bottom: 75px;
579
- zoom: 1;
580
- filter: alpha(opacity=100);
581
- opacity: 1;
582
- -webkit-transition: all 0.2s ease-out;
583
- -moz-transition: all 0.2s ease-out;
584
- -o-transition: all 0.2s ease-out;
585
- transition: all 0.2s ease-out;
586
- }
587
- .f-single:hover .f-category, .t-element:hover .f-category {
588
- top: 85px;
589
- zoom: 1;
590
- filter: alpha(opacity=100);
591
- opacity: 1;
592
- -webkit-transition: all 0.2s ease-out;
593
- -moz-transition: all 0.2s ease-out;
594
- -o-transition: all 0.2s ease-out;
595
- transition: all 0.2s ease-out;
596
- }
597
- .team-box .t-element:hover .f-category {
598
- top: 65px;
599
- }
600
- .f-image .f-category {
601
- text-decoration: none;
602
- position: absolute;
603
- top: 20%;
604
- left: 50%;
605
- z-index: 20;
606
- display: block;
607
- margin-left: -22px;
608
- width: 44px;
609
- height: 44px;
610
- text-align: center;
611
- line-height: 44px;
612
- zoom: 1;
613
- filter: alpha(opacity=0);
614
- opacity: 0;
615
- background: url("color/img/color-icons.png") no-repeat;
616
- -webkit-transition: all 0.3s ease-out;
617
- -moz-transition: all 0.3s ease-out;
618
- -o-transition: all 0.3s ease-out;
619
- transition: all 0.3s ease-out;
620
- }
621
- .t-photo .f-category {
622
- text-decoration: none;
623
- position: absolute;
624
- top: 20%;
625
- left: 50%;
626
- z-index: 20;
627
- display: block;
628
- margin-left: -22px;
629
- width: 44px;
630
- height: 44px;
631
- text-align: center;
632
- line-height: 44px;
633
- zoom: 1;
634
- filter: alpha(opacity=0);
635
- opacity: 0;
636
- background: url("color/img/color-icons.png") no-repeat 0 -44px;
637
- -webkit-transition: all 0.3s ease-out;
638
- -moz-transition: all 0.3s ease-out;
639
- -o-transition: all 0.3s ease-out;
640
- transition: all 0.3s ease-out;
641
- }
642
- .f-single a {
643
- text-decoration: none;
644
- }
645
- .image-hover-overlay {
646
- width: 100%;
647
- height: 100%;
648
- position: absolute;
649
- left: 0;
650
- top: 0;
651
- zoom: 1;
652
- filter: alpha(opacity=0);
653
- opacity: 0;
654
- }
655
- .f-image .image-hover-overlay, .t-photo .image-hover-overlay {
656
- z-index: 11;
657
- background-color: #000!important;
658
- -webkit-transition: all 0.2s ease-out;
659
- -moz-transition: all 0.2s ease-out;
660
- -o-transition: all 0.2s ease-out;
661
- transition: all 0.2s ease-out;
662
- }
663
- .f-single:hover .image-hover-overlay, .t-element:hover .image-hover-overlay {
664
- zoom: 1;
665
- filter: alpha(opacity=85);
666
- opacity: .85;
667
- -webkit-transition: all 0.2s ease-out;
668
- -moz-transition: all 0.2s ease-out;
669
- -o-transition: all 0.2s ease-out;
670
- transition: all 0.2s ease-out;
671
- }
672
- .active .f-info {
673
- opacity: 1;
674
- }
675
- .roll-info {
676
- position: absolute;
677
- width: 100%;
678
- height: 100%;
679
- background: #fff;
680
- opacity: 0;
681
- -webkit-transition: all 0.2s ease-out;
682
- -moz-transition: all 0.2s ease-out;
683
- -o-transition: all 0.2s ease-out;
684
- transition: all 0.2s ease-out;
685
- }
686
- .roll-info:hover {
687
- opacity: 0.7;
688
- -webkit-transition: all 0.2s ease-out;
689
- -moz-transition: all 0.2s ease-out;
690
- -o-transition: all 0.2s ease-out;
691
- transition: all 0.2s ease-out;
692
- }
693
- .ca-container {
694
- position: relative;
695
- width: 100%;
696
- height: auto;
697
- margin-bottom: 20px;
698
- }
699
- .ca-nav span {
700
- width: 25px;
701
- height: 38px;
702
- background: transparent url(../img/f-next.png) no-repeat top left;
703
- position: absolute;
704
- top: 50%;
705
- margin-top: -19px;
706
- left: -40px;
707
- text-indent: -9000px;
708
- opacity: 0.7;
709
- cursor: pointer;
710
- z-index: 100;
711
- }
712
- .ca-nav span.ca-nav-next {
713
- background-position: top right;
714
- left: auto;
715
- right: -40px;
716
- }
717
- .ca-wrapper {
718
- width: 100%;
719
- height: 100%;
720
- position: absolute;
721
- left: 50%;
722
- }
723
- .ca-item {
724
- position: relative;
725
- float: left;
726
- width: auto;
727
- text-align: center;
728
- }
729
- .content {
730
- position: relative;
731
- }
732
- .dark {
733
- background: #f3f5f8;
734
- }
735
- /*.menu-top{margin-top: 75px;}*/
736
- .f-single {
737
- width: 467px;
738
- float: left;
739
- margin: 0 15px;
740
- position: relative;
741
- }
742
- .f-single:hover .f-image {
743
- opacity: 1;
744
- }
745
- /*.f-single.active .f-image{
746
- opacity: 1;
747
- }*/
748
- .f-single:hover .f-info {
749
- cursor: pointer;
750
- opacity: 1;
751
- background: #4cddf3;
752
- color: #fff;
753
- -webkit-transition: all 0.2s ease-out;
754
- -moz-transition: all 0.2s ease-out;
755
- -o-transition: all 0.2s ease-out;
756
- transition: all 0.2s ease-out;
757
- }
758
- /*.f-single.active .f-info{
759
- cursor: pointer;
760
- opacity: 1;
761
- background: #4cddf3;
762
- color: #fff;
763
- }*/
764
- .f-single:hover .roll-info {
765
- opacity: 0.7;
766
- -webkit-transition: all 0.2s ease-out;
767
- -moz-transition: all 0.2s ease-out;
768
- -o-transition: all 0.2s ease-out;
769
- transition: all 0.2s ease-out;
770
- }
771
- .featured-carousel {
772
- width: 100%;
773
- height: auto;
774
- overflow: hidden;
775
- }
776
- .featured-list {
777
- overflow: auto;
778
- }
779
- .nav-featured {
780
- margin: 80px auto;
781
- height: 57px;
782
- width: 455px;
783
- }
784
- .nav-featured div {
785
- float: left;
786
- cursor: pointer;
787
- }
788
- .prev-featured {
789
- background: url("../img/f-prev.png") no-repeat #e1e1e1;
790
- width: 30px;
791
- height: 57px;
792
- margin-right: 110px;
793
- }
794
- .prev-featured:hover {
795
- background-color: #4cddf3;
796
- }
797
- .next-featured {
798
- background: url("../img/f-next.png") no-repeat #e1e1e1;
799
- width: 30px;
800
- height: 57px;
801
- margin-left: 110px;
802
- }
803
- .next-featured:hover {
804
- background-color: #4cddf3;
805
- }
806
- .nav-featured .btn-featured {
807
- color: #fff;
808
- margin-top: 4px;
809
- font-size: 14px;
810
- text-transform: uppercase;
811
- font-weight: 400;
812
- text-align: center;
813
- font-family: 'Open Sans', sans-serif;
814
- background: #4cddf3;
815
- border-radius: 25px;
816
- padding: 13px 25px 13px;
817
- letter-spacing: 1px;
818
- -webkit-transition: all 0.1s ease-in-out;
819
- -moz-transition: all 0.1s ease-in-out;
820
- -o-transition: all 0.1s ease-in-out;
821
- transition: all 0.1s ease-in-out;
822
- }
823
- .nav-featured .btn-featured:hover {
824
- background: #e1e1e1;
825
- }
826
- .btn-featured a {
827
- text-decoration: none;
828
- color: #fff;
829
- }
830
- .title {
831
- font-weight: 300;
832
- text-align: center;
833
- font-family: 'museo', sans-serif;
834
- }
835
- .title.one {
836
- color: #404141;
837
- font-size: 37px;
838
- letter-spacing: 1px;
839
- padding: 40px 0 30px;
840
- }
841
- .title.two {
842
- color: #757575;
843
- font-size: 17px;
844
- font-family: 'Open Sans', sans-serif;
845
- width: 680px;
846
- margin: 50px auto;
847
- }
848
- .f-info {
849
- font-weight: 400;
850
- text-align: center;
851
- font-family: 'Open Sans', sans-serif;
852
- font-size: 17px;
853
- color: #404141;
854
- background: #fff;
855
- line-height: 30px;
856
- padding: 40px 20px;
857
- letter-spacing: 1px;
858
- text-transform: uppercase;
859
- -webkit-transition: all 0.2s ease-out;
860
- -moz-transition: all 0.2s ease-out;
861
- -o-transition: all 0.2s ease-out;
862
- transition: all 0.2s ease-out;
863
- }
864
- .f-info span {
865
- color: #aeaeae;
866
- font-size: 18px;
867
- font-family: 'Open Sans', sans-serif;
868
- }
869
- .f-image {
870
- cursor: pointer;
871
- position: relative;
872
- -webkit-transition: all 0.2s ease-out;
873
- -moz-transition: all 0.2s ease-out;
874
- -o-transition: all 0.2s ease-out;
875
- transition: all 0.2s ease-out;
876
- }
877
- .light {
878
- background: #fff;
879
- position: relative;
880
- }
881
- .dark:after {
882
- content: '';
883
- position: absolute;
884
- width: 0;
885
- height: 0;
886
- border: 30px solid #f3f5f8;
887
- border-bottom: 0px solid transparent !important;
888
- border-right: 30px solid transparent !important;
889
- border-left: 30px solid transparent !important;
890
- left: 50%;
891
- bottom: -28px;
892
- margin-left: -29px;
893
- z-index: 10;
894
- }
895
- .full {
896
- width: 1180px;
897
- position: relative;
898
- margin: auto;
899
- overflow:hidden;
900
- }
901
- .half {
902
- width: 500px;
903
- float: left;
904
- padding: 10px 55px 70px 35px;
905
- }
906
-
907
- .half:last-child {
908
- padding: 10px 35px 20px 55px;
909
- }
910
- .half.car-show-2 {
911
- padding-bottom: 25px;
912
- }
913
- .two-third {
914
- width: 750px;
915
- float: left;
916
- padding: 0px 55px 70px 35px;
917
- }
918
- .one-third {
919
- width: 250px;
920
- float: left;
921
- padding: 20px 55px 70px 35px;
922
- }
923
- .title-one, .title-full-one {
924
- font-weight: 400;
925
- text-align: center;
926
- font-family: 'museo', sans-serif;
927
- font-size: 16px;
928
- color: #323a45;
929
- text-transform: uppercase;
930
- padding-bottom: 30px;
931
- }
932
- .title-two, .title-full-two {
933
- font-weight: 300;
934
- text-align: center;
935
- font-family: 'museo', sans-serif;
936
- font-size: 28px;
937
- color: #323a45;
938
- padding-bottom: 20px;
939
- margin-top: 10px;
940
- }
941
- .title-full-one {
942
- padding-top: 80px;
943
- }
944
- .source {
945
- padding-top: 20px;
946
- font-size: 12px;
947
- }
948
- .half-content {
949
- color: #888888;
950
- font-size: 15px;
951
- font-family: 'Open Sans', sans-serif;
952
- line-height: 26px;
953
- }
954
- .half-content a {
955
- color: #00aeef;
956
- text-decoration: none;
957
- font-weight: 400;
958
- }
959
- .half-content a:hover {
960
- color: #323a45!important;
961
- text-decoration: none;
962
- font-weight: 400;
963
- }
964
- .half-content h4 {
965
- line-height: 16px;
966
- text-transform: uppercase;
967
- font-family: 'museo', sans-serif;
968
- }
969
- .post-body img {
970
- width:100%;
971
- border:1px dotted #CCC;
972
- }
973
- /* Parallax */
974
- .parallax .p-dark {
975
- color: #404040;
976
- }
977
- .parallax {
978
- width: 100%;
979
- height: 480px;
980
- position: relative;
981
- overflow: hidden;
982
- }
983
- .p-image-first {
984
- margin-left: -335px;
985
- }
986
- .p-image-second {
987
- margin-left: -448px;
988
- }
989
- .parallax.p-two {
990
- height: 625px;
991
- }
992
- .parallax.p-one {
993
- height: 680px;
994
- }
995
- .p-one {
996
- background: url("../img/parallax/parallax-01.jpg") repeat scroll 45% 30%;
997
- }
998
- .p-two {
999
- background: url("../img/parallax/parallax-02.jpg") repeat scroll 85% 35%;
1000
- background-color: #4cddf3;
1001
- }
1002
- .p-three {
1003
- background: url("../img/parallax/parallax-01.jpg") repeat scroll 50% 0%;
1004
- }
1005
- .p-title-one {
1006
- font-weight: 400;
1007
- text-align: center;
1008
- font-family: 'museo', sans-serif;
1009
- font-size: 15px;
1010
- color: #fff;
1011
- text-transform: uppercase;
1012
- opacity: 0.5;
1013
- padding-top: 140px;
1014
- }
1015
- .p-title-two {
1016
- font-weight: 300;
1017
- text-align: center;
1018
- font-family: 'Open Sans', sans-serif;
1019
- font-size: 35px;
1020
- color: #fff;
1021
- padding: 10px 0 30px;
1022
- }
1023
- .p-info {
1024
- color: #fff;
1025
- font-size: 16px;
1026
- font-family: 'Open Sans', sans-serif;
1027
- text-align: center;
1028
- width: 650px;
1029
- margin: 50px auto 0;
1030
- font-weight: 300;
1031
- }
1032
- .spacer {
1033
- width: 100px;
1034
- height: 2px;
1035
- background: #4cddf3;
1036
- margin: 0 auto 30px;
1037
- }
1038
- .p-image-01 {
1039
- position: absolute;
1040
- bottom: -3px;
1041
- left: 50%;
1042
- margin-left: -595px;
1043
- }
1044
- .p-image-02 div {
1045
- position: absolute;
1046
- bottom: 0;
1047
- left: 50%;
1048
- }
1049
- .parallax-info {
1050
- position: absolute;
1051
- z-index: 50;
1052
- width: 100%;
1053
- height: 100%;
1054
- }
1055
- #video_background {
1056
- position: absolute;
1057
- bottom: 0px;
1058
- right: 0px;
1059
- min-width: 100%;
1060
- min-height: 100%;
1061
- width: auto;
1062
- height: auto;
1063
- z-index: -1000;
1064
- overflow: hidden;
1065
- }
1066
- .container-video {
1067
- position: relative;
1068
- overflow: hidden;
1069
- height: 700px;
1070
- }
1071
- .full_slide {
1072
- }
1073
- .p-video { /* give fit to box an aspect ratio */
1074
- display: inline-block; /* let it be styled thusly */
1075
- padding: 0; /* get rid of pre-styling */
1076
- margin: 0;
1077
- width: 100%; /* take up full width available */
1078
- padding-top: 56.25%; /* give aspect ratio of 16:9; "720 / 1280 = 0.5625" */
1079
- heigth: auto; /* don't want it to expand beyond padding */
1080
- position: absolute;
1081
- top: 0;
1082
- z-index: 5;
1083
- }
1084
- .p-video > iframe {
1085
- position: absolute; /* expand to fill */
1086
- top: 0px;
1087
- left: 0px;
1088
- right: 0px;
1089
- bottom: 0px;
1090
- z-index: -100;
1091
- }
1092
- .mk-video-mask {
1093
- position: absolute;
1094
- top: 0;
1095
- left: 0;
1096
- z-index: 10;
1097
- width: 100%;
1098
- height: 100%;
1099
- background: url(../css/vegas/overlays/05.png) center center repeat;
1100
- }
1101
- .p-video-title {
1102
- height: auto;
1103
- margin: auto;
1104
- text-align: center;
1105
- opacity: 0.7;
1106
- font-size: 50px;
1107
- font-weight: 300;
1108
- font-family: 'Open Sans', sans-serif;
1109
- letter-spacing: 30px;
1110
- text-transform: uppercase;
1111
- color: #fff;
1112
- margin-top: 333px;
1113
- }
1114
- .p-video-title span {
1115
- }
1116
- /* Team */
1117
- .t-spacer {
1118
- width: 40px;
1119
- height: 2px;
1120
- background: #4cd8ed;
1121
- margin: auto;
1122
- margin-top: 30px;
1123
- -webkit-transition: all 0.2s ease-out;
1124
- -moz-transition: all 0.2s ease-out;
1125
- -o-transition: all 0.2s ease-out;
1126
- transition: all 0.2s ease-out;
1127
- }
1128
- .t-element:hover .t-spacer {
1129
- background: #fff;
1130
- -webkit-transition: all 0.2s ease-out;
1131
- -moz-transition: all 0.2s ease-out;
1132
- -o-transition: all 0.2s ease-out;
1133
- transition: all 0.2s ease-out;
1134
- }
1135
- .t-element:hover .t-roll {
1136
- background: #fff;
1137
- background: rgba(255,255,255,0.8);
1138
- -webkit-transition: all 0.2s ease-out;
1139
- -moz-transition: all 0.2s ease-out;
1140
- -o-transition: all 0.2s ease-out;
1141
- transition: all 0.2s ease-out;
1142
- }
1143
- .t-photo {
1144
- position: relative;
1145
- width: 355px;
1146
- height: 250px;
1147
- overflow: hidden;
1148
- -webkit-transition: all 0.2s ease-out;
1149
- -moz-transition: all 0.2s ease-out;
1150
- -o-transition: all 0.2s ease-out;
1151
- transition: all 0.2s ease-out;
1152
- }
1153
- .t-photo img {
1154
- width: 355px;
1155
- }
1156
- .t-element {
1157
- width: 355px;
1158
- float: left;
1159
- margin-right: 53px;
1160
- margin-bottom: 30px;
1161
- }
1162
- .t-element:nth-child(3) {
1163
- margin-right: 0;
1164
- }
1165
- .t-element:nth-child(6) {
1166
- margin-right: 0;
1167
- }
1168
- .t-element:nth-child(9) {
1169
- margin-right: 0;
1170
- }
1171
- .s-container2 > .t-list > .t-element:nth-child(2) {
1172
- margin-right: 0 !important;
1173
- }
1174
- .t-data {
1175
- background: #f3f5f8;
1176
- text-align: center;
1177
- text-transform: uppercase;
1178
- font-family: 'Open Sans', sans-serif;
1179
- padding: 30px;
1180
- overflow: auto;
1181
- -webkit-transition: all 0.2s ease-out;
1182
- -moz-transition: all 0.2s ease-out;
1183
- -o-transition: all 0.2s ease-out;
1184
- transition: all 0.2s ease-out;
1185
- }
1186
- .t-data2 {
1187
- background: #f3f5f8;
1188
- text-align: center;
1189
- text-transform: uppercase;
1190
- font-family: 'Open Sans', sans-serif;
1191
- padding: 30px;
1192
- overflow: auto;
1193
- -webkit-transition: all 0.2s ease-out;
1194
- -moz-transition: all 0.2s ease-out;
1195
- -o-transition: all 0.2s ease-out;
1196
- transition: all 0.2s ease-out;
1197
- }
1198
- .t-element:hover .t-data {
1199
- background: #f3f5f8 !important;
1200
- -webkit-transition: all 0.2s ease-out;
1201
- -moz-transition: all 0.2s ease-out;
1202
- -o-transition: all 0.2s ease-out;
1203
- transition: all 0.2s ease-out;
1204
- }
1205
- .t-element:hover .t-info {
1206
- color: #7f7f7f;
1207
- -webkit-transition: all 0.2s ease-out;
1208
- -moz-transition: all 0.2s ease-out;
1209
- -o-transition: all 0.2s ease-out;
1210
- transition: all 0.2s ease-out;
1211
- }
1212
- .t-element:hover .t-data2 > .t-info {
1213
- color: #7f7f7f;
1214
- -webkit-transition: all 0.2s ease-out;
1215
- -moz-transition: all 0.2s ease-out;
1216
- -o-transition: all 0.2s ease-out;
1217
- transition: all 0.2s ease-out;
1218
- }
1219
-
1220
- a.staff-link {
1221
- font-size: 13px;
1222
- color: #00aeef;
1223
- text-decoration: none !important;
1224
- display: block;
1225
- margin-top: 10px;
1226
- }
1227
- .t-data2 a {
1228
- font-decoration: none !important;
1229
- }
1230
- /*.t-element:hover .t-photo img{
1231
- -webkit-filter: saturate(100%);
1232
- -moz-filter: saturate(100%);
1233
- -o-filter: saturate(100%);
1234
- -ms-filter: saturate(100%);
1235
- }*/
1236
- .t-name {
1237
- color: #030303;
1238
- font-size: 18px;
1239
- }
1240
- .ts {
1241
- width: 25px;
1242
- height: 25px;
1243
- overflow: hidden;
1244
- background: url("../img/social.png");
1245
- float: left;
1246
- margin: 11px 18px;
1247
- opacity: 0.4;
1248
- }
1249
- .ts:hover {
1250
- opacity: 1;
1251
- }
1252
- .ts.facebook {
1253
- background-position: 0 0;
1254
- }
1255
- .ts.facebook:hover {
1256
- background-position: 0 bottom;
1257
- }
1258
- .ts.twitter {
1259
- background-position: 75px 0;
1260
- }
1261
- .ts.twitter:hover {
1262
- background-position: 75px bottom;
1263
- }
1264
- .ts.pinterest {
1265
- background-position: 50px 0;
1266
- }
1267
- .ts.pinterest:hover {
1268
- background-position: 50px bottom;
1269
- }
1270
- .ts.tumblr {
1271
- background-position: 25px 0;
1272
- }
1273
- .ts.tumblr:hover {
1274
- background-position: 25px bottom;
1275
- }
1276
- .t-info {
1277
- color: #7f7f7f;
1278
- font-size: 14px;
1279
- -webkit-transition: all 0.2s ease-out;
1280
- -moz-transition: all 0.2s ease-out;
1281
- -o-transition: all 0.2s ease-out;
1282
- transition: all 0.2s ease-out;
1283
- }
1284
- a.t-info {
1285
- color: #7f7f7f;
1286
- font-size: 14px;
1287
- text-decoration: none;
1288
- }
1289
- /*.t-photo img{
1290
- -webkit-filter: saturate(0%);
1291
- -moz-filter: saturate(0%);
1292
- -o-filter: saturate(0%);
1293
- -ms-filter: saturate(0%);
1294
- }*/
1295
- .t-social {
1296
- float: right;
1297
- right: 50%;
1298
- position: relative;
1299
- }
1300
- .in-social {
1301
- margin-top: 10px;
1302
- height: 36px;
1303
- float: right;
1304
- right: -50%;
1305
- position: relative;
1306
- }
1307
- /* Caroussel */
1308
- .show {
1309
- position: relative;
1310
- width: 500px;
1311
- }
1312
- .show2 {
1313
- position: relative;
1314
- width: 1180px;
1315
- }
1316
- .caroussel {
1317
- width: 500px;
1318
- height: 450px;
1319
- overflow: hidden;
1320
- position: relative;
1321
- margin-left: 10px;
1322
- }
1323
- .caroussel-list {
1324
- overflow: auto;
1325
- }
1326
- .car-img {
1327
- float: left;
1328
- width: auto;
1329
- }
1330
- .controller {
1331
- float: right;
1332
- right: 50%;
1333
- position: relative;
1334
- }
1335
- .controller ul {
1336
- padding: 0;
1337
- float: right;
1338
- right: -50%;
1339
- position: relative;
1340
- margin: 35px 0 0 15px;
1341
- }
1342
- .controller ul li {
1343
- list-style: none;
1344
- width: 10px;
1345
- height: 10px;
1346
- border-radius: 50%;
1347
- border: 2px solid #eaeaea;
1348
- background: #fff;
1349
- float: left;
1350
- margin: 0 7px;
1351
- cursor: pointer;
1352
- }
1353
- .controller ul li:hover {
1354
- border: 2px solid #4ad8ed;
1355
- background: #4ad8ed;
1356
- }
1357
- .controller ul li:first-child {
1358
- margin-left: 0px;
1359
- }
1360
- .controller ul li:last-child {
1361
- margin-right: 0px;
1362
- }
1363
- .selected {
1364
- border: 2px solid #4ad8ed !important;
1365
- background: #4ad8ed !important;
1366
- }
1367
- .car-prev, .car-next {
1368
- position: absolute;
1369
- width: 47px;
1370
- height: 85px;
1371
- background-image: url('../img/c-arrows.png');
1372
- background-color: #4ad8ed;
1373
- top: 125px;
1374
- cursor: pointer;
1375
- }
1376
- .car-prev {
1377
- left: 0;
1378
- background-position: -16px 0;
1379
- }
1380
- .car-next {
1381
- right: 0;
1382
- background-position: 0px -85px;
1383
- }
1384
- /* Testimonials */
1385
- .caroussel-2 {
1386
- width: 1040px;
1387
- overflow: hidden;
1388
- position: relative;
1389
- margin-left: 70px;
1390
- }
1391
- .car-quote {
1392
- float: left;
1393
- width: 1040px;
1394
- }
1395
- .testimonials {width: 1040px;}
1396
- .tag-project {
1397
- text-align: center;
1398
- text-transform: uppercase;
1399
- font-size: 12px;
1400
- color: #929292;
1401
- font-family: 'museo', sans-serif;
1402
- letter-spacing: 3px;
1403
- }
1404
- .controller-2, .controller-3 {
1405
- float: right;
1406
- right: 50%;
1407
- position: relative;
1408
- margin: 0 0 30px 0;
1409
- }
1410
- .controller-3 {
1411
- margin-top: 0;
1412
- }
1413
- .controller-2 ul, .controller-3 ul {
1414
- padding: 0;
1415
- float: right;
1416
- right: -50%;
1417
- position: relative;
1418
- }
1419
- .controller-2 ul li, .controller-3 ul li {
1420
- list-style: none;
1421
- width: 10px;
1422
- height: 10px;
1423
- border-radius: 50%;
1424
- border: 2px solid #fff;
1425
- background: #fff;
1426
- float: left;
1427
- margin: 0 7px;
1428
- cursor: pointer;
1429
- margin: 15px 0 0 15px;
1430
- }
1431
- .controller-3 ul li {
1432
- border: 2px solid #ccc;
1433
- }
1434
- .controller-2 ul li:hover, .controller-3 ul li:hover {
1435
- border: 2px solid #4ad8ed;
1436
- background: #4ad8ed;
1437
- }
1438
- .controller-2 ul li:first-child, .controller-3 ul li:first-child {
1439
- margin-left: 0px;
1440
- }
1441
- .controller-2 ul li:last-child, .controller-3 ul li:last-child {
1442
- margin-right: 0px;
1443
- }
1444
- .car-prev-2, .car-next-2 {
1445
- position: absolute;
1446
- height: 85px;
1447
- background-image: url('../img/c-arrows2.png');
1448
- background-color: #4ad8ed;
1449
- top: 88px;
1450
- cursor: pointer;
1451
- }
1452
- .car-prev-2 {
1453
- left: 100px;
1454
- background-position: -36px 0;
1455
- width: 87px;
1456
- }
1457
- .car-next-2 {
1458
- left: 1130px;
1459
- background-position: 0px -85px;
1460
- width: 47px;
1461
- }
1462
- .avatar {
1463
- width: 492px;
1464
- float: left;
1465
- margin-right: 50px;
1466
- }
1467
- .avatar img {
1468
- max-width: 492px;
1469
- }
1470
- .q-spacer {
1471
- width: 100%;
1472
- height: 1px;
1473
- background: #f4f4f4;
1474
- margin: 35px 0;
1475
- }
1476
- .comment {
1477
- font-size: 14px;
1478
- font-family: 'Open Sans', sans-serif;
1479
- color: #acacac;
1480
- }
1481
- .comment span {
1482
- color: #474747;
1483
- font-weight: 600;
1484
- }
1485
- .comment a {
1486
- color: #00aeef;
1487
- font-family: 'museo', sans-serif;
1488
- font-weight: 600;
1489
- text-decoration: none;
1490
- }
1491
- .comment a:hover {
1492
- color: #323a45;
1493
- }
1494
- /* Services */
1495
- .services {
1496
- position: relative;
1497
- overflow: visible;
1498
- }
1499
- .tooltip {
1500
- display: none;
1501
- position: absolute;
1502
- width: 220px;
1503
- background: #000;
1504
- top: auto;
1505
- bottom: 100%;
1506
- left: 50%;
1507
- margin-left: -130px;
1508
- padding: 5px 23px;
1509
- margin-bottom: 30px;
1510
- }
1511
- .arrow-down {
1512
- display: none;
1513
- position: absolute;
1514
- left: 50%;
1515
- margin-left: -8px;
1516
- top: auto;
1517
- bottom: 100%;
1518
- margin-bottom: 22px;
1519
- width: 0;
1520
- height: 0;
1521
- border-left: 8px solid transparent;
1522
- border-right: 8px solid transparent;
1523
- border-top: 8px solid rgba(6,6,6,.85);
1524
- }
1525
- .details {
1526
- color: #888;
1527
- text-align: left;
1528
- font-family: 'Open Sans', sans-serif;
1529
- line-height: 26px;
1530
- font-size: 15px;
1531
- }
1532
- .details ul li {
1533
- padding-bottom: 10px;
1534
- }
1535
-
1536
- .list-dot {
1537
- display: inline-block;
1538
- margin: 0px 7px -3px 0px;
1539
- width: 15px;
1540
- height: 15px;
1541
- background: url("../img/ckeck.png") no-repeat #4cddf3;
1542
- }
1543
- .visible {
1544
- display: block;
1545
- }
1546
- .s-container {
1547
- position: relative;
1548
- width: 1180px;
1549
- margin: auto;
1550
- }
1551
- .s-container2 {
1552
- position: relative;
1553
- width: 765px;
1554
- margin: auto;
1555
- }
1556
- .s-element {
1557
- width: 393px;
1558
- height: auto;
1559
- float: left;
1560
- text-align: center;
1561
- }
1562
- .s-info {
1563
- padding: 0 45px;
1564
- }
1565
- .s-ico {
1566
- width: 170px;
1567
- height: 170px;
1568
- background-color: #4cddf3;
1569
- cursor: pointer;
1570
- border-radius: 50%;
1571
- margin: 10px auto 40px;
1572
- background-position: center center;
1573
- background-repeat: no-repeat;
1574
- -webkit-transition: all 0.2s ease-in-out;
1575
- -moz-transition: all 0.2s ease-in-out;
1576
- -o-transition: all 0.2s ease-in-out;
1577
- transition: all 0.2s ease-in-out;
1578
- }
1579
- .s-ico:hover {
1580
- background-color: #e6e6e6;
1581
- -webkit-transition: all 0.2s ease-in-out;
1582
- -moz-transition: all 0.2s ease-in-out;
1583
- -o-transition: all 0.2s ease-in-out;
1584
- transition: all 0.2s ease-in-out;
1585
- }
1586
- .f-ico.s-one {
1587
- background-position: 0 0;
1588
- }
1589
- .f-ico.s-two {
1590
- background-position: -73px 0;
1591
- }
1592
- .f-ico.s-three {
1593
- background-position: -146px 0;
1594
- }
1595
- .f-ico.s-four {
1596
- background-position: -219px 0;
1597
- }
1598
- .s-info {
1599
- font-family: 'Open Sans', sans-serif;
1600
- font-size: 14px;
1601
- color: #b4b4b4;
1602
- font-weight: 400;
1603
- line-height: 25px;
1604
- }
1605
- .s-info span {
1606
- font-family: 'museo', sans-serif;
1607
- color: #434242;
1608
- font-size: 22px;
1609
- }
1610
- .sl-element {
1611
- width: 236px;
1612
- height: auto;
1613
- float: left;
1614
- text-align: center;
1615
- position: relative;
1616
- overflow: visible;
1617
- }
1618
- .sl-title {
1619
- font-family: 'Open Sans', sans-serif;
1620
- color: #434242;
1621
- font-size: 18px;
1622
- font-weight: 400;
1623
- text-transform: uppercase;
1624
- }
1625
- .sl-ico {
1626
- cursor: crosshair !important;
1627
- background-image: url("../img/sl-icons.png");
1628
- width: 110px;
1629
- height: 110px;
1630
- background-color: #4cddf3;
1631
- cursor: pointer;
1632
- border-radius: 50%;
1633
- margin: 10px auto 30px;
1634
- background-position: center center;
1635
- background-repeat: no-repeat;/*-webkit-transition: all 0.2s ease-in-out;
1636
- -moz-transition: all 0.2s ease-in-out;
1637
- -o-transition: all 0.2s ease-in-out;
1638
- transition: all 0.2s ease-in-out;*/
1639
- }
1640
- .sl-ico:hover {
1641
- background-color: #e6e6e6 !important;
1642
- }
1643
- .sl-config {
1644
- background-position: 0 0;
1645
- }
1646
- .sl-globe {
1647
- background-position: -110px 0;
1648
- }
1649
- .sl-diamond {
1650
- background-position: -220px 0;
1651
- }
1652
- .sl-pointer {
1653
- background-position: -330px 0;
1654
- }
1655
- .sl-clock {
1656
- background-position: -440px 0;
1657
- }
1658
- /* Skills */
1659
- .skill-1 .skill-in {
1660
- width: 0%;
1661
- }
1662
- .skill-2 .skill-in {
1663
- width: 0%;
1664
- } /* Change your percent Skills here!*/
1665
- .skill-3 .skill-in {
1666
- width: 0%;
1667
- } /* Change your percent Skills here!*/
1668
- .skill-4 .skill-in {
1669
- width: 0%;
1670
- } /* Change your percent Skills here!*/
1671
- .skill-5 .skill-in {
1672
- width: 0%;
1673
- } /* Change your percent Skills here!*/
1674
- .progress-bar {
1675
- height: 36px;
1676
- width: 500px;
1677
- background: #ACACAC;
1678
- }
1679
- .progress-bar .skill-in {
1680
- display: inline-block;
1681
- height: 100%;
1682
- background: #4cddf3 url("../img/skill-sprite.png") repeat-x;
1683
- }
1684
- .info-skills {
1685
- position: absolute;
1686
- font-family: 'Open Sans', sans-serif;
1687
- font-size: 14px;
1688
- color: #fff;
1689
- font-weight: 600;
1690
- line-height: 36px;
1691
- padding-left: 18px;
1692
- text-transform: uppercase;
1693
- }
1694
- .info-skills span {
1695
- font-weight: 300;
1696
- }
1697
- .skill-content {
1698
- margin-bottom: 32px;
1699
- }
1700
- .skill-content:last-child {
1701
- margin-bottom: 0;
1702
- }
1703
- /* Portfolio */
1704
- .p-category {
1705
- text-decoration: none;
1706
- position: relative;
1707
- margin: 0 auto;
1708
- z-index: 20;
1709
- display: block;
1710
- width: 44px;
1711
- height: 44px;
1712
- text-align: center;
1713
- line-height: 44px;
1714
- zoom: 1;
1715
- filter: alpha(opacity=0);
1716
- opacity: 0;
1717
- background: url("color/img/color-icons.png") 0 -88px no-repeat;
1718
- cursor: pointer;
1719
- -webkit-transition: all 0.3s ease-in-out;
1720
- -moz-transition: all 0.3s ease-in-out;
1721
- -o-transition: all 0.3s ease-in-out;
1722
- transition: all 0.3s ease-in-out;
1723
- }
1724
- .ch-grid:hover .p-category {
1725
- opacity: 1;
1726
- }
1727
- .project-image1, .project-image3 {
1728
- float: left;
1729
- }
1730
- .project-image2, .project-image4 {
1731
- float: right;
1732
- }
1733
- .nav-wrapper:hover .nav-work {
1734
- opacity: 1
1735
- }
1736
- .nav-work {
1737
- opacity: 0;
1738
- -webkit-transition: all 0.2s ease-in-out;
1739
- -moz-transition: all 0.2s ease-in-out;
1740
- -o-transition: all 0.2s ease-in-out;
1741
- transition: all 0.2s ease-in-out;
1742
- }
1743
- .nav-work div {
1744
- position: absolute;
1745
- top: 35%;
1746
- width: 30px;
1747
- height: 60px;
1748
- cursor: pointer;
1749
- background: url("../img/work-arrows.png") no-repeat;
1750
- }
1751
- .nav-work .w-prev {
1752
- left: 15px;
1753
- background-position: bottom left;
1754
- }
1755
- .nav-work .w-next {
1756
- right: 15px;
1757
- background-position: top left;
1758
- }
1759
- .w-arrows .close {
1760
- background-position: -264px bottom;
1761
- border: none;
1762
- borde-radius: none;
1763
- }
1764
- .w-arrows .btn-next {
1765
- background-position: right bottom;
1766
- }
1767
- .w-arrows .btn-prev {
1768
- background-position: -218px bottom;
1769
- }
1770
- .w-arrows div {
1771
- cursor: pointer;
1772
- display: block;
1773
- height: 44px;
1774
- width: 44px;
1775
- line-height: 32px;
1776
- border: 2px solid #ddd;
1777
- border-radius: 50%;
1778
- text-transform: uppercase;
1779
- float: left;
1780
- margin: 0 10px;
1781
- text-align: center;
1782
- background: url("color/img/color-icons.png") no-repeat bottom right;
1783
- }
1784
- .w-arrows {
1785
- overflow: auto;
1786
- width: 205px;
1787
- margin: 20px auto 20px;
1788
- }
1789
- .w-arrows.last {
1790
- margin: 0px auto 80px;
1791
- }
1792
- .ch-item {
1793
- float: left;
1794
- width: 100%;
1795
- cursor: pointer;
1796
- }
1797
- .ch-item img {
1798
- width: 100%;
1799
- }
1800
- .ch-grid img {
1801
- opacity: 1;
1802
- -webkit-transition: all 0.2s ease-in-out;
1803
- -moz-transition: all 0.2s ease-in-out;
1804
- -o-transition: all 0.2s ease-in-out;
1805
- transition: all 0.2s ease-in-out;
1806
- }
1807
- .ch-grid:hover img {
1808
- opacity: 0.1;
1809
- -webkit-transition: all 0.2s ease-in-out;
1810
- -moz-transition: all 0.2s ease-in-out;
1811
- -o-transition: all 0.2s ease-in-out;
1812
- transition: all 0.2s ease-in-out;
1813
- }
1814
- .ch-grid:hover div {
1815
- opacity: 1;
1816
- -webkit-transition: all 0.5s ease-in-out;
1817
- -moz-transition: all 0.5s ease-in-out;
1818
- -o-transition: all 0.5s ease-in-out;
1819
- transition: all 0.5s ease-in-out;
1820
- }
1821
- .ch-grid {
1822
- overflow: hidden;
1823
- background-color: #4cddf3;
1824
- }
1825
- .ch-grid div {
1826
- cursor: pointer;
1827
- position: absolute;
1828
- /*background: #4cddf3;
1829
- background: rgba(76,221,243,0.8);*/
1830
- width: 100%;
1831
- height: 100%;
1832
- left: 100%;
1833
- opacity: 0;
1834
- -webkit-transition: all 0.5s ease-in-out;
1835
- -moz-transition: all 0.5s ease-in-out;
1836
- -o-transition: all 0.5s ease-in-out;
1837
- transition: all 0.5s ease-in-out;
1838
- }
1839
- .ch-grid div span {
1840
- display: block;
1841
- padding: 0 0;
1842
- margin: 20% 20px;
1843
- font-family: 'museo', sans-serif;
1844
- letter-spacing: 1px;
1845
- font-size: 28px;
1846
- font-weight: 100;
1847
- color: #fff;
1848
- text-align: center;
1849
- }
1850
- .ch-grid div span span {
1851
- margin: auto;
1852
- text-transform: lowercase;
1853
- font-size: 16px;
1854
- font-weight: 400;
1855
- }
1856
- .ch-grid div span span.p-category {
1857
- margin-bottom: 15px;
1858
- }
1859
- .ch-grid div span span.cat2 {
1860
- color: #555;
1861
- padding: 0;
1862
- font-size: 13px;
1863
- text-transform: uppercase;
1864
- }
1865
- #options {
1866
- float: right;
1867
- right: 50%;
1868
- position: relative;
1869
- margin-bottom: 70px;
1870
- }
1871
- #filters {
1872
- padding: 0;
1873
- float: right;
1874
- right: -50%;
1875
- position: relative;
1876
- }
1877
- .folio-btn {
1878
- list-style: none;
1879
- background: #fff;
1880
- float: left;
1881
- cursor: pointer;
1882
- border-radius: 3px;
1883
- padding: 0px 22px;
1884
- font-family: 'Open Sans', sans-serif;
1885
- font-size: 15px;
1886
- color: #c1c1c1;
1887
- font-weight: 400;
1888
- line-height: 32px;
1889
- text-decoration: none;
1890
- margin: 0 5px 10px;
1891
- -webkit-transition: all 0.2s ease-in-out;
1892
- -moz-transition: all 0.2s ease-in-out;
1893
- -o-transition: all 0.2s ease-in-out;
1894
- transition: all 0.2s ease-in-out;
1895
- }
1896
- .folio-btn:hover {
1897
- background: #4cddf3;
1898
- color: #fff;
1899
- -webkit-transition: all 0.2s ease-in-out;
1900
- -moz-transition: all 0.2s ease-in-out;
1901
- -o-transition: all 0.2s ease-in-out;
1902
- transition: all 0.2s ease-in-out;
1903
- }
1904
- .folio-btn:firt-child {
1905
- margin-left: 0;
1906
- }
1907
- .folio-btn:last-child {
1908
- margin-right: 0;
1909
- }
1910
- .folio-btn.selected {
1911
- border: none !important;
1912
- background: #4ad8ed !important;
1913
- color: #fff !important;
1914
- }
1915
- .p-roll {
1916
- position: absolute;
1917
- width: 100%;
1918
- height: 100%;
1919
- cursor: pointer;
1920
- background: #4cddf3;
1921
- color: #fff;
1922
- opacity: 0;
1923
- -webkit-transition: all 0.2s ease-in-out;
1924
- -moz-transition: all 0.2s ease-in-out;
1925
- -o-transition: all 0.2s ease-in-out;
1926
- transition: all 0.2s ease-in-out;
1927
- }
1928
- .p-roll:hover {
1929
- opacity: 0.7;
1930
- -webkit-transition: all 0.2s ease-in-out;
1931
- -moz-transition: all 0.2s ease-in-out;
1932
- -o-transition: all 0.2s ease-in-out;
1933
- transition: all 0.2s ease-in-out;
1934
- }
1935
- .ch-grid {
1936
- position: relative;
1937
- list-style: none;
1938
- }
1939
- .bottom-line {
1940
- border-bottom: solid 1px #f3f5f8;
1941
- width: 1180px;
1942
- margin: 85px auto 0;
1943
- }
1944
- /* Logos Caroussel */
1945
- .carousel_wrapper {
1946
- margin: auto !important
1947
- }
1948
- #logos {
1949
- padding: 0;
1950
- }
1951
- .list_carousel.responsive {
1952
- width: auto;
1953
- }
1954
- .list_carousel ul {
1955
- padding: 0 100px;
1956
- }
1957
- .list_carousel li {
1958
- height: 120px;
1959
- padding: 24px;
1960
- display: block;
1961
- float: left;
1962
- }
1963
- .list_carousel li img {
1964
- width: 100%
1965
- }
1966
- /* Image Footer Spacer */
1967
- .img-spacer {
1968
- width: 1180px;
1969
- margin: auto;
1970
- position: relative;
1971
- margin-top: 265px;
1972
- }
1973
- .img-item {
1974
- position: absolute;
1975
- top: -200px;
1976
- z-index: 15;
1977
- }
1978
- /* Footer */
1979
- .footer-container {
1980
- padding: 40px 0 30px;
1981
- width: 1180px;
1982
- margin: auto;
1983
- overflow: auto;
1984
- color: #a8a8a8;
1985
- font-family: 'Open Sans', sans-serif;
1986
- font-size: 17px;
1987
- font-weight: 400;
1988
- }
1989
- .footer-container span {
1990
- font-size: 13px;
1991
- }
1992
- .foot-third {
1993
- float: left;
1994
- width: 365px;
1995
- padding: 0 0 0 28px;
1996
- line-height: 25px;
1997
- }
1998
- .f-title-one {
1999
- font-weight: 400;
2000
- font-family: 'museo', sans-serif;
2001
- font-size: 15px;
2002
- color: #323a45;
2003
- text-transform: uppercase;
2004
- margin-bottom: 5px;
2005
- }
2006
- .title-one, .title-full-one {
2007
- font-weight: 400;
2008
- text-align: center;
2009
- font-family: 'museo', sans-serif;
2010
- font-size: 15px;
2011
- color: #323a45;
2012
- text-transform: uppercase;
2013
- }
2014
- .f-title-two, .f-title-two a {
2015
- font-weight: 300;
2016
- font-family: 'museo', sans-serif;
2017
- font-size: 28px;
2018
- color: #323a45;
2019
- text-decoration:none;
2020
- }
2021
- .f-title-three, .f-title-three a {
2022
- font-weight: 300;
2023
- font-family: 'museo', sans-serif;
2024
- font-size: 24px;
2025
- color: #323a45;
2026
- text-decoration:none;
2027
- }
2028
- .f-title-four, .f-title-four a {
2029
- font-weight: 300;
2030
- font-family: 'museo', sans-serif;
2031
- font-size: 20px;
2032
- color: #323a45;
2033
- text-decoration:none;
2034
- }
2035
- .f-data {
2036
- color: #3f3f3f;
2037
- font-size: 15px;
2038
- font-family: 'Open Sans', sans-serif;
2039
- font-weight: 600;
2040
- line-height: 30px;
2041
- }
2042
- .f-data span {
2043
- color: #a8a8a8;
2044
- padding-left: 5px;
2045
- }
2046
- .f-data.phone span {
2047
- padding-left: 16px;
2048
- text-decoration: none !important;
2049
- color: #00AEEF !important;
2050
- }
2051
- .f-data.e-mail span {
2052
- color: #00aeef;
2053
- padding-left: 23px;
2054
- text-decoration: none !important;
2055
- }
2056
- .f-data.e-mail a {
2057
- text-decoration: none !important;
2058
- }
2059
- .f-data.hour-2 span {
2060
- padding-left: 60px;
2061
- }
2062
- .f-data.hour-3 span {
2063
- padding-left: 55px;
2064
- }
2065
- .f-data img {
2066
- margin-right: 10px;
2067
- }
2068
- .no-top {
2069
- padding-top: 0 !important;
2070
- }
2071
- .f-bottom {
2072
- margin-bottom: 50px !important;
2073
- }
2074
- /* Form */
2075
- .error {
2076
- font-size: 13px;
2077
- }
2078
- .formSent, .formError {
2079
- display: none;
2080
- }
2081
- .alert {
2082
- padding: 8px 35px 8px 14px;
2083
- margin-bottom: 20px;
2084
- color: #c09853;
2085
- text-shadow: 0 1px 0 rgba(255,255,255,0.5);
2086
- background-color: #fcf8e3;
2087
- border: 1px solid #fbeed5;
2088
- }
2089
- .alert-success {
2090
- color: #468847;
2091
- background-color: #dff0d8;
2092
- border-color: #d6e9c6;
2093
- }
2094
- .alert-error {
2095
- color: #b94a48;
2096
- background-color: #f2dede;
2097
- border-color: #eed3d7;
2098
- }
2099
- .bay {
2100
- overflow: hidden;
2101
- background-color: transparent;
2102
- }
2103
- .form-horizontal .control-group {
2104
- margin-bottom: 10px;
2105
- }
2106
- .peThemeContactForm .controls .span9 {
2107
- width: 97%!important;
2108
- border: none;
2109
- outline: none;
2110
- padding: 11px;
2111
- font-weight: 300;
2112
- font-size: 13px;
2113
- color: #a8a8a8;
2114
- text-transform: uppercase;
2115
- font-family: 'museo', sans-serif;
2116
- background: #f3f5f8;
2117
- }
2118
- .peThemeCommentForm .controls .span9 {
2119
- width: 97%!important;
2120
- border: none;
2121
- outline: none;
2122
- padding: 11px;
2123
- font-weight: 300;
2124
- font-size: 13px;
2125
- color: #a8a8a8;
2126
- text-transform: uppercase;
2127
- font-family: 'museo', sans-serif;
2128
- background: #fff;
2129
- }
2130
- .peThemeCommentForm .contour-btn {
2131
- width: 200px;}
2132
-
2133
- /*.foot-third:last-child {padding-left: 0;}*/
2134
- .controls.send-btn {
2135
- background: none;
2136
- }
2137
- .controls textarea {
2138
- height: 100px;
2139
- }
2140
- .contour-btn {
2141
- width: 99%;
2142
- font-size: 14px;
2143
- line-height: 26px;
2144
- font-weight: 300;
2145
- display: inline-block;
2146
- color: #fff;
2147
- text-transform: uppercase;
2148
- font-family: 'museo', sans-serif;
2149
- padding: 3px 30px;
2150
- border-radius: 3px;
2151
- background: #4cddf3;
2152
- border: none;
2153
- -webkit-transition: all .2s ease-out;
2154
- -moz-transition: all .2s ease-out;
2155
- -o-transition: all .2s ease-out;
2156
- transition: all .2s ease-out;
2157
- }
2158
- .contour-btn:hover {
2159
- color: #fff !important;
2160
- background: #323a45 !important;
2161
- -webkit-transition: all .2s ease-out;
2162
- -moz-transition: all .2s ease-out;
2163
- -o-transition: all .2s ease-out;
2164
- transition: all .2s ease-out;
2165
- }
2166
- .bio-btn {
2167
- font-size: 13px;
2168
- line-height: 26px;
2169
- font-weight: 300;
2170
- display: inline-block;
2171
- color: #fff;
2172
- text-transform: uppercase;
2173
- text-decoration: none !important;
2174
- font-family: 'museo', sans-serif;
2175
- padding: 3px 30px;
2176
- border-radius: 3px;
2177
- background: #00aeef;
2178
- border: none;
2179
- -webkit-transition: all .2s ease-out;
2180
- -moz-transition: all .2s ease-out;
2181
- -o-transition: all .2s ease-out;
2182
- transition: all .2s ease-out;
2183
- }
2184
- .bio-btn:hover {
2185
- color: #fff;
2186
- background: #323a45 !important;
2187
- -webkit-transition: all .2s ease-out;
2188
- -moz-transition: all .2s ease-out;
2189
- -o-transition: all .2s ease-out;
2190
- transition: all .2s ease-out;
2191
- }
2192
- .bio {
2193
- display: none;
2194
- position: relative;
2195
- background: #FFF;
2196
- padding: 20px;
2197
- width:auto;
2198
- max-width: 500px;
2199
- margin: 0px auto;
2200
- }
2201
- .bio h2 {
2202
- font-family: 'museo', sans-serif;
2203
- font-size: 20px;
2204
- color: #00aeef;
2205
- }
2206
- .bio p {
2207
- color: #888888;
2208
- font-size: 15px;
2209
- font-family: 'Open Sans', sans-serif;
2210
- line-height: 26px;
2211
- }
2212
- /* Map */
2213
- #maps {
2214
- width: 100%;
2215
- height: 500px;
2216
- position: absolute;
2217
- overflow: hidden;
2218
- }
2219
- .map-content {
2220
- width: 100%;
2221
- margin-left: auto;
2222
- margin-right: auto;
2223
- }
2224
- .inner-map {
2225
- width: 100%;
2226
- height: 500px;
2227
- margin-left: auto;
2228
- margin-right: auto;
2229
- }
2230
- /* Facts */
2231
- .f-element {
2232
- width: 295px;
2233
- height: auto;
2234
- float: left;
2235
- text-align: center;
2236
- }
2237
- .f-ico {
2238
- background: url("../img/facts.png") #4cddf3;
2239
- width: 73px;
2240
- height: 71px;
2241
- margin: 0 auto 20px;
2242
- }
2243
- .highlight {
2244
- font-weight: 300;
2245
- font-family: 'Open Sans', sans-serif;
2246
- font-size: 100px;
2247
- color: #000000;
2248
- line-height: 75px;
2249
- }
2250
- .milestone-details {
2251
- font-weight: 300;
2252
- font-family: 'Open Sans', sans-serif;
2253
- font-size: 20px;
2254
- color: #7f7f7f;
2255
- text-transform: uppercase;
2256
- padding: 20px 0 100px;
2257
- letter-spacing: 1px;
2258
- }
2259
- /* Scroll Up */
2260
- .scrollup {
2261
- z-index: 500;
2262
- width: 50px;
2263
- height: 50px;
2264
- border-radius: 50%;
2265
- opacity: 0.8;
2266
- position: fixed;
2267
- bottom: 50px;
2268
- right: 40px;
2269
- display: none;
2270
- background: /*url('img/scroll-up.png') no-repeat*/ #4ad8ed;
2271
- color: #fff;
2272
- line-height: 55px;
2273
- text-decoration: none;
2274
- font-family: 'Open Sans', sans-serif;
2275
- font-size: 25px;
2276
- text-transform: uppercase;
2277
- text-align: center;
2278
- font-weight: 300;
2279
- }
2280
- /* Project Window Ajax */
2281
- .info-project {
2282
- width:700px;
2283
- margin-bottom: 40px;
2284
- padding: 20px 30px;
2285
- }
2286
- .project-show {
2287
- overflow: auto;
2288
- }
2289
- .project-window {
2290
- width: 100%;
2291
- padding-bottom: 20px;
2292
- }
2293
- .project-content {
2294
- width: 1180px;
2295
- margin: 0 auto 20px;
2296
- background: #f3f5f8;
2297
- min-height: 400px;
2298
- }
2299
- .project-content img {
2300
- width: 400px;
2301
- }
2302
- .wrapper-project {
2303
- overflow: hidden;
2304
- width: 100%;
2305
- height: 400px;
2306
- margin-bottom: 40px;
2307
- }
2308
- .wrapper-project ul {
2309
- margin: 0;
2310
- padding: 0;
2311
- }
2312
- .wrapper-project ul li {
2313
- list-style: none;
2314
- float: left;
2315
- margin: 20px 0 0;
2316
- }
2317
- .close {
2318
- /*width: 20px;
2319
- height: 20px;
2320
- background: #4cddf3;
2321
- border-radius: 50%;*/
2322
- }
2323
- .project-content .img-project:first-child {
2324
- border-top: solid 1px #f3f5f8;
2325
- }
2326
- .description {
2327
- color: #646464;
2328
- font-size: 15px;
2329
- line-height: 26px;
2330
- font-family: 'Open Sans', sans-serif;
2331
- }
2332
- .title-project {
2333
- color: #000;
2334
- font-size: 30px;
2335
- font-family: 'museo', sans-serif;
2336
- margin: 5px 0 20px;
2337
- text-transform: uppercase;
2338
- text-align: left;
2339
- font-weight: 300;
2340
- }
2341
- .title-project span {
2342
- font-size: 16px;
2343
- text-transform: none;
2344
- font-style: italic;
2345
- color: #646464
2346
- }
2347
- /* Social Footer */
2348
- .socialFooter {
2349
- position: relative;
2350
- background: #fff;
2351
- width: 100%;
2352
- height: 201px;
2353
- }
2354
- .socialFooter.inner {
2355
- margin-top: 20px;
2356
- }
2357
- .social-icons {
2358
- width: 215px;
2359
- margin: 0px auto 35px;
2360
- padding-top: 50px;
2361
- }
2362
- .socialFooter .social-icons .social {
2363
- /* float: right;
2364
- right: 50%;
2365
- position: relative;*/
2366
- }
2367
- .socialFooter .social-icons .social div {
2368
- width: 51px;
2369
- height: 51px;
2370
- overflow: hidden;
2371
- background: url("../img/social-footer.png");
2372
- float: left;
2373
- margin: 0 10px;
2374
- }
2375
- .socialFooter .social-icons .social div:hover {
2376
- opacity: 0.7;
2377
- }
2378
- .socialFooter .social-icons .social .face {
2379
- background-position: right bottom;
2380
- }
2381
- .socialFooter .social-icons .social .twitt {
2382
- background-position: left bottom;
2383
- }
2384
- .socialFooter .social-icons .social .plus {
2385
- background-position: -51px bottom;
2386
- }
2387
- .socialFooter .copy {
2388
- text-align: center;
2389
- font-family: 'Open Sans', sans-serif;
2390
- color: #aaa;
2391
- font-size: 13px;
2392
- margin-top: 35px;
2393
- }
2394
- /* Jump Menu */
2395
- #nav2 {
2396
- display: none;
2397
- width: 60em; /* 1000 */
2398
- font-family: 'Open Sans', sans-serif;
2399
- font-weight: 400;
2400
- position: absolute;
2401
- top: 25%;
2402
- left: 50%;
2403
- margin-left: -30em; /* 30 480 */
2404
- }
2405
- #nav2 > a {
2406
- display: none;
2407
- }
2408
- #nav2 li {
2409
- position: relative;
2410
- }
2411
- #nav2 li a {
2412
- color: #00aeef;
2413
- display: block;
2414
- text-decoration: none;
2415
- text-transform: uppercase;
2416
- }
2417
- /*#nav2 li a:active
2418
- {
2419
- background-color: #c00 !important;
2420
- }*/
2421
-
2422
- #nav2 span:after {
2423
- width: 0;
2424
- height: 0;
2425
- border: 0.313em solid transparent; /* 5 */
2426
- border-bottom: none;
2427
- border-top-color: #efa585;
2428
- content: '';
2429
- vertical-align: middle;
2430
- display: inline-block;
2431
- position: relative;
2432
- right: -0.313em; /* 5 */
2433
- }
2434
- /* first level */
2435
-
2436
- #nav2 > ul {
2437
- height: 3.75em; /* 60 */
2438
- background-color: #f5f5f5;
2439
- padding: 0;
2440
- }
2441
- #nav2 > ul > li {
2442
- width: 25%;
2443
- height: 100%;
2444
- float: left;
2445
- }
2446
- #nav2 > ul > li > a {
2447
- height: 100%;
2448
- font-size: 1.5em; /* 24 */
2449
- line-height: 2.5em; /* 60 (24) */
2450
- text-align: center;
2451
- }
2452
- #nav2 > ul > li:not( :last-child ) > a {
2453
- border-right: 1px solid #cc470d;
2454
- }
2455
- #nav2 > ul > li:hover > a, #nav2 > ul:not( :hover ) > li.active > a {
2456
- color: #333;
2457
- }
2458
- /* second level */
2459
-
2460
- #nav2 li ul {
2461
- background-color: #cc470d;
2462
- display: none;
2463
- position: absolute;
2464
- top: 100%;
2465
- }
2466
- #nav2 li:hover ul {
2467
- display: block;
2468
- left: 0;
2469
- right: 0;
2470
- }
2471
- #nav2 li:not( :first-child ):hover ul {
2472
- left: -1px;
2473
- }
2474
- #nav2 li ul a {
2475
- font-size: 1.25em; /* 20 */
2476
- border-top: 1px solid #e15a1f;
2477
- padding: 0.75em; /* 15 (20) */
2478
- }
2479
-
2480
- /* #nav2 li ul li a:hover,
2481
- #nav2 li ul:not( :hover ) li.active a
2482
- {
2483
- background-color: #e15a1f;
2484
- }*/
2485
-
2486
-
2487
- @media only screen and ( max-width: 62.5em ) /* 1000 */ {
2488
- #nav2 {
2489
- display: none;
2490
- width: 100%;
2491
- position: static;
2492
- margin: 0;
2493
- }
2494
- }
2495
-
2496
- @media only screen and ( max-width: 974px ) /* 640 */ {
2497
-
2498
- html {
2499
- font-size: 75%; /* 12 */
2500
- }
2501
- #nav2 {
2502
- display: block;
2503
- position: relative;
2504
- top: auto;
2505
- left: auto;
2506
- font-size: 75%;
2507
- }
2508
- #nav2 > a {
2509
- width: 50px; /* 50 */
2510
- height: 75px; /* 50 */
2511
- text-align: left;
2512
- text-indent: -9999px;
2513
- position: relative;
2514
- background: url("../img/menu-icon-blue.png") no-repeat scroll 0 0 #b6e7fa;
2515
- float: right;
2516
- cursor: pointer;
2517
- }
2518
- .slides-navigation a.prev, .slides-navigation a.next {
2519
- display:none;
2520
- }
2521
- /* #nav2 > a:before,
2522
- #nav2 > a:after
2523
- {
2524
- position: absolute;
2525
- border: 2px solid #fff;
2526
- top: 35%;
2527
- left: 25%;
2528
- right: 25%;
2529
- content: '';
2530
- }
2531
- #nav2 > a:after
2532
- {
2533
- top: 60%;
2534
- }*/
2535
-
2536
- #nav2:not( :target ) > a:first-of-type, #nav2:target > a:last-of-type {
2537
- display: block;
2538
- }
2539
- /* first level */
2540
- #nav2.active > ul {
2541
- display: block;
2542
- }
2543
- #nav2 > ul {
2544
- height: auto;
2545
- display: none;
2546
- position: absolute;
2547
- left: 0;
2548
- right: 0;
2549
- margin-top: 75px;
2550
- }
2551
- #nav2:target > ul {
2552
- display: block;
2553
- }
2554
- #nav2 > ul > li {
2555
- width: 100%;
2556
- float: none;
2557
- }
2558
- #nav2 > ul > li > a {
2559
- height: auto;
2560
- text-align: left;
2561
- padding: 0 20px; /* 20 (24) */
2562
- }
2563
- #nav2 > ul > li:not( :last-child ) > a {
2564
- border-right: none;
2565
- border-bottom: 1px dotted #999;
2566
- }
2567
- /* second level */
2568
-
2569
- #nav2 li ul {
2570
- position: static;
2571
- padding: 1.25em; /* 20 */
2572
- padding-top: 0;
2573
- }
2574
- }
2575
- .video-container {
2576
- position: relative;
2577
- padding-bottom: 56.25%;
2578
- /*padding-top: 30px;*/ height: 0;
2579
- overflow: hidden;
2580
- }
2581
- .video-container iframe, .video-container object, .video-container embed {
2582
- position: absolute;
2583
- top: 0;
2584
- left: 0;
2585
- width: 100%;
2586
- height: 100%;
2587
- }
2588
- /* See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.xRJhxXBs.dpuf*/
2589
-
2590
-
2591
- .pattern {
2592
- background-image: url("../img/slider/pattern.jpg");
2593
- }
2594
- .darker .sticky-wrapper {
2595
- background-color: #000;
2596
- }
2597
- .overlay {
2598
- background: transparent url("../img/overlay.png");
2599
- opacity: 0.5;
2600
- z-index: 0;
2601
- width: 100%;
2602
- height: 100%;
2603
- position: absolute;
2604
- z-index: 3;
2605
- -webkit-user-select: none;
2606
- -khtml-user-select: none;
2607
- -moz-user-select: none;
2608
- -ms-user-select: none;
2609
- user-select: none;
2610
- }
2611
- .intro {
2612
- max-width: 1125px;
2613
- margin: 0 auto;
2614
- padding: 60px 20px;
2615
- position: relative;
2616
- -webkit-user-select: none;
2617
- -khtml-user-select: none;
2618
- -moz-user-select: none;
2619
- -ms-user-select: none;
2620
- user-select: none;
2621
- }
2622
- .intro h1 {
2623
- font-family: 'museo', sans-serif;
2624
- font-weight: 100;
2625
- color: #CCC;
2626
- font-size: 36px; /* Some tweener fallback that doesn't look awful */
2627
- font-size: 1.55hw;
2628
- margin: 0;
2629
- }
2630
- .intro span {
2631
- color: #323a45;
2632
- }
2633
- .intro a {
2634
- text-decoration: none;
2635
- color: #00AEEF;
2636
- }
2637
- .slides-navigation .next {
2638
- background: transparent url("../img/s-next.png");
2639
- width: 81px;
2640
- height: 80px;
2641
- margin-right: 70px;
2642
- opacity: 0.3
2643
- }
2644
- .slides-navigation .prev {
2645
- background: transparent url("../img/s-prev.png");
2646
- width: 81px;
2647
- height: 80px;
2648
- margin-left: 70px;
2649
- opacity: 0.3
2650
- }
2651
- .slides-navigation .next:hover {
2652
- opacity: 1
2653
- }
2654
- .slides-navigation .prev:hover {
2655
- opacity: 1
2656
- }
2657
- body .bx-wrapper {
2658
- margin-bottom: 0;
2659
- }
2660
- .bxslider {
2661
- margin-top: 0px;
2662
- }
2663
- body .bx-wrapper .bx-viewport {
2664
- border: 0px;
2665
- left: 0;
2666
- }
2667
- .bx-wrapper .bx-controls-direction a.bx-next {
2668
- background: transparent url("../img/s-next.png");
2669
- width: 81px;
2670
- height: 80px;
2671
- margin-right: 70px;
2672
- opacity: 0.3
2673
- }
2674
- .client-logos {text-align:center; float:none;margin:auto;max-width:1180px;}
2675
- .blog-post .post-details {font-size:15px;}
2676
- .post-details a {
2677
- color: #00aeef;
2678
- text-decoration: none;
2679
- font-weight: 400;
2680
- }
2681
- .post-details a:hover {
2682
- color: #323a45!important;
2683
- text-decoration: none;
2684
- font-weight: 400;
2685
- }
2686
- .BlogRecentPost li, .BlogTagList li, .BlogPostArchive li {font-size:15px;line-height: 22px;}
2687
- p.page-nav {text-align: left;}
2688
- .pagination{
2689
- padding: 10px 15px;
2690
- background: #00aeef;
2691
- display: inline-block;
2692
- color: #fff}
2693
- .blog-btn {
2694
- font-size: 13px;
2695
- line-height: 26px;
2696
- font-weight: 300;
2697
- display: inline-block;
2698
- color: #fff;
2699
- text-transform: uppercase;
2700
- text-decoration: none !important;
2701
- font-family: 'museo', sans-serif;
2702
- padding: 3px 30px;
2703
- border-radius: 3px;
2704
- background: #00aeef;
2705
- border: none;
2706
- -webkit-transition: all .2s ease-out;
2707
- -moz-transition: all .2s ease-out;
2708
- -o-transition: all .2s ease-out;
2709
- transition: all .2s ease-out;
2710
- }
2711
- .blog-btn:hover {
2712
- color: #fff;
2713
- background: #323a45 !important;
2714
- -webkit-transition: all .2s ease-out;
2715
- -moz-transition: all .2s ease-out;
2716
- -o-transition: all .2s ease-out;
2717
- transition: all .2s ease-out;
2718
- }
2719
- .blog-btn-container{text-align:center;}
2720
-
2721
- .blog-comment-container .comment-details {
2722
- background: #323a45;
2723
- color: #fff;
2724
- font-size: 12px;
2725
- padding: 6px;
2726
- }
2727
- .blog-comment-container {
2728
- border: none;
2729
- margin: 0 0 18px;
2730
- }