Arjunadhithya commited on
Commit
3794054
·
verified ·
1 Parent(s): ce6ddbf

Delete CREEPBACK

Browse files
This view is limited to 50 files because it contains too many changes.   See raw diff
Files changed (50) hide show
  1. CREEPBACK/asserts2/css/loaders/loader.css +0 -126
  2. CREEPBACK/asserts2/css/main.css +0 -3635
  3. CREEPBACK/asserts2/css/plugins.css +0 -0
  4. CREEPBACK/asserts2/fonts/Fontawesome/fa-brands-400.woff2 +0 -1
  5. CREEPBACK/asserts2/fonts/Fontawesome/fa-regular-400.woff2 +0 -1
  6. CREEPBACK/asserts2/fonts/Fontawesome/fa-solid-900.woff2 +0 -1
  7. CREEPBACK/asserts2/img/backgrounds/1920x280-bg-menu.webp +0 -0
  8. CREEPBACK/asserts2/img/backgrounds/960x1080-inner-1.webp +0 -0
  9. CREEPBACK/asserts2/img/backgrounds/960x1080-inner-2.webp +0 -0
  10. CREEPBACK/asserts2/img/backgrounds/960x1080-media-2.webp +0 -0
  11. CREEPBACK/asserts2/img/backgrounds/About.jpg +0 -0
  12. CREEPBACK/asserts2/img/backgrounds/Home.PNG +0 -0
  13. CREEPBACK/asserts2/img/favicon/manifest.webmanifest +0 -11
  14. CREEPBACK/asserts2/img/features/feature-icon-1.svg +0 -149
  15. CREEPBACK/asserts2/img/features/feature-icon-2.svg +0 -32
  16. CREEPBACK/asserts2/img/features/feature-icon-3.svg +0 -264
  17. CREEPBACK/asserts2/img/features/feature-icon-4.svg +0 -239
  18. CREEPBACK/asserts2/img/logo.svg +0 -26
  19. CREEPBACK/asserts2/img/works/1000x1200-works-1.webp +0 -0
  20. CREEPBACK/asserts2/img/works/1000x1200-works-2.webp +0 -0
  21. CREEPBACK/asserts2/img/works/1000x1200-works-3.webp +0 -0
  22. CREEPBACK/asserts2/img/works/1000x1200-works-4.webp +0 -0
  23. CREEPBACK/asserts2/js/custom.js +0 -392
  24. CREEPBACK/asserts2/js/gallery-init.js +0 -218
  25. CREEPBACK/asserts2/js/libs.min.js +0 -0
  26. CREEPBACK/assets/css/style.min.css +0 -0
  27. CREEPBACK/assets/img/check.webp +0 -0
  28. CREEPBACK/assets/img/handcuffs.png +0 -0
  29. CREEPBACK/assets/img/logo.png +0 -0
  30. CREEPBACK/assets/img/star_icon.png +0 -0
  31. CREEPBACK/assets/js/db.data.js +0 -407
  32. CREEPBACK/assets/js/db.helpdesk.js +0 -317
  33. CREEPBACK/assets/js/script.js +0 -177
  34. CREEPBACK/bac2.jpg +0 -0
  35. CREEPBACK/bar.js +0 -47
  36. CREEPBACK/chart/Alurbar_case1.html +0 -0
  37. CREEPBACK/chart/Alurcompletion_blue12.html +0 -0
  38. CREEPBACK/chart/Alurlineblue_blue17.html +0 -0
  39. CREEPBACK/chart/Alurpie_dark4.html +0 -0
  40. CREEPBACK/chart/Anekalbar_case1.html +0 -0
  41. CREEPBACK/chart/Anekalcompletion_blue12.html +0 -0
  42. CREEPBACK/chart/Anekallineblue_blue17.html +0 -0
  43. CREEPBACK/chart/Anekalpie_dark4.html +0 -0
  44. CREEPBACK/chart/ballaribar_case1.html +0 -0
  45. CREEPBACK/chart/ballaricompletion_blue12.html +0 -0
  46. CREEPBACK/chart/ballarilineblue_blue17.html +0 -0
  47. CREEPBACK/chart/ballarimap.html +0 -0
  48. CREEPBACK/chart/ballaripie_dark4.html +0 -0
  49. CREEPBACK/chart/bantwalabar_case1.html +0 -0
  50. CREEPBACK/chart/bantwalacompletion_blue12.html +0 -0
CREEPBACK/asserts2/css/loaders/loader.css DELETED
@@ -1,126 +0,0 @@
1
- /*! ------------------------------------------------
2
- * Project Name: Name: Ignite - Coming Soon and Landing Page Template
3
- * Project Description: Ignite - functional and beautifully designed coming soon and landing page template to kick-start your project
4
- * Tags: mix_design, coming soon, under construction, template, landing page, portfolio, one page, responsive, html5, css3, creative, clean, agency, personal page
5
- * Version: 1.0.1
6
- * Build Date: May 2023
7
- * Last Update: January 2024
8
- * This product is available exclusively on Themeforest
9
- * Author: mix_design
10
- * Author URI: https://themeforest.net/user/mix_design */
11
-
12
- /*! File name: loader.css
13
- * ------------------------------------------------
14
- *
15
- * ------------------------------------------------
16
- * Table of Contents
17
- * ------------------------------------------------
18
- * 1. Loader Styles
19
- * ------------------------------------------------
20
- * Table of Contents End
21
- * ------------------------------------------------ */
22
-
23
- /* ------------------------------------------------*/
24
-
25
- /* Loader Styles Start */
26
-
27
- /* ------------------------------------------------*/
28
-
29
- .loader {
30
- position: fixed;
31
- top: 0;
32
- right: 0;
33
- bottom: 0;
34
- left: 0;
35
- z-index: 9999;
36
- background-color: #0c0c0c;
37
- opacity: 1;
38
- visibility: visible;
39
- -webkit-transition: all 0.3s ease-in-out;
40
- -o-transition: all 0.3s ease-in-out;
41
- -moz-transition: all 0.3s ease-in-out;
42
- transition: all 0.3s ease-in-out;
43
- }
44
-
45
- .loader.loaded {
46
- opacity: 0;
47
- visibility: hidden;
48
- }
49
-
50
- .loader__content {
51
- position: absolute;
52
- left: 50%;
53
- top: 50%;
54
- bottom: auto;
55
- right: auto;
56
- -webkit-transform: translateX(-50%) translateY(-50%);
57
- -moz-transform: translateX(-50%) translateY(-50%);
58
- -ms-transform: translateX(-50%) translateY(-50%);
59
- transform: translateX(-50%) translateY(-50%);
60
- }
61
-
62
- .loader__logo {
63
- width: 100px;
64
- }
65
-
66
- .loader__logo img {
67
- display: block;
68
- width: 100%;
69
- height: auto;
70
- }
71
-
72
- @-webkit-keyframes scaleOut {
73
- from {
74
- -webkit-transform: scale3d(1, 1, 1);
75
- transform: scale3d(1, 1, 1);
76
- opacity: 1;
77
- }
78
- to {
79
- -webkit-transform: scale3d(1.14, 1.14, 1.14);
80
- transform: scale3d(1.14, 1.14, 1.14);
81
- opacity: 0;
82
- }
83
- }
84
-
85
- @-moz-keyframes scaleOut {
86
- from {
87
- -moz-transform: scale3d(1, 1, 1);
88
- transform: scale3d(1, 1, 1);
89
- opacity: 1;
90
- }
91
- to {
92
- -moz-transform: scale3d(1.14, 1.14, 1.14);
93
- transform: scale3d(1.14, 1.14, 1.14);
94
- opacity: 0;
95
- }
96
- }
97
-
98
- @keyframes scaleOut {
99
- from {
100
- -webkit-transform: scale3d(1, 1, 1);
101
- -moz-transform: scale3d(1, 1, 1);
102
- transform: scale3d(1, 1, 1);
103
- opacity: 1;
104
- }
105
- to {
106
- -webkit-transform: scale3d(1.14, 1.14, 1.14);
107
- -moz-transform: scale3d(1.14, 1.14, 1.14);
108
- transform: scale3d(1.14, 1.14, 1.14);
109
- opacity: 0;
110
- }
111
- }
112
-
113
- .scaleOut {
114
- -webkit-animation: scaleOut 0.3s 1;
115
- -moz-animation: scaleOut 0.3s 1;
116
- animation: scaleOut 0.3s 1;
117
- -webkit-animation-fill-mode: both;
118
- -moz-animation-fill-mode: both;
119
- animation-fill-mode: both;
120
- }
121
-
122
- /* ------------------------------------------------*/
123
-
124
- /* Loader Styles End */
125
-
126
- /* ------------------------------------------------*/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
CREEPBACK/asserts2/css/main.css DELETED
@@ -1,3635 +0,0 @@
1
- /*! ------------------------------------------------
2
- * Project Name: Name: Ignite - Coming Soon and Landing Page Template
3
- * Project Description: Ignite - functional and beautifully designed coming soon and landing page template to kick-start your project
4
- * Tags: mix_design, coming soon, under construction, template, landing page, portfolio, one page, responsive, html5, css3, creative, clean, agency, personal page
5
- * Version: 1.0.1
6
- * Build Date: May 2023
7
- * Last Update: January 2024
8
- * This product is available exclusively on Themeforest
9
- * Author: mix_design
10
- * Author URI: https://themeforest.net/user/mix_design */
11
-
12
- /*! File name: main.css
13
- * ------------------------------------------------
14
- *
15
- * ------------------------------------------------
16
- * Table of Contents
17
- * ------------------------------------------------
18
- * 1. Template Backgrounds
19
- * 2. Fonts
20
- * 3. Base CSS Styles
21
- * 4. Transitions
22
- * 5. Typography
23
- * 6. Buttons & Controls
24
- * 7. Forms and Forms Reply Groups
25
- * 8. Animated Backgrounds
26
- * 9. Header
27
- * 10. Footer
28
- * 11. Main Section
29
- * 12. Menu
30
- * 13. Socials
31
- * 14. Countdown
32
- * 15. Swiper Slider
33
- * 16. Popup Dialogs
34
- * 17. Inner Sections
35
- * 18. Skillbars
36
- * 19. Features
37
- * 20. Contact Data
38
- * 21. Gallery
39
- * ------------------------------------------------
40
- * Table of Contents End
41
- * ------------------------------------------------ */
42
-
43
- /* ------------------------------------------------*/
44
-
45
- /* Template Backgrounds Start */
46
-
47
- /* ------------------------------------------------*/
48
-
49
- @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
50
- .media-image-1 {
51
- background-image: url("../img/backgrounds/960x1080-media-1.webp");
52
- }
53
-
54
- .media-image-2 {
55
- background-image: url("../img/backgrounds/960x1080-media-2.webp");
56
- }
57
-
58
- .media-full-1 {
59
- background-image: url("../img/backgrounds/1920x1080-media-1.webp");
60
- }
61
-
62
- .media-full-4 {
63
- background-image: url("../img/backgrounds/1920x1080-media-4.webp");
64
- }
65
-
66
- .media-full-5 {
67
- background-image: url("../img/backgrounds/1920x1080-media-5.webp");
68
- }
69
-
70
- .media-full-video-1 {
71
- background-image: url("../img/backgrounds/1920x1080-video-1.webp");
72
- }
73
-
74
- .split-slide-1 {
75
- background-image: url("../img/backgrounds/960x1080-slider-1.webp");
76
- }
77
-
78
- .split-slide-2 {
79
- background-image: url("../img/backgrounds/960x1080-slider-2.webp");
80
- }
81
-
82
- .split-slide-3 {
83
- background-image: url("../img/backgrounds/960x1080-slider-3.webp");
84
- }
85
-
86
- .about-image {
87
- background-image: url("../img/backgrounds/960x1080-inner-1.webp");
88
- }
89
-
90
- .contact-image {
91
- background-image: url("../img/backgrounds/960x1080-inner-2.webp");
92
- }
93
-
94
- /* ------------------------------------------------*/
95
-
96
- /* Template Backgrounds End */
97
-
98
- /* ------------------------------------------------*/
99
-
100
- /* ------------------------------------------------*/
101
-
102
- /* Fonts Start */
103
-
104
- /* ------------------------------------------------*/
105
-
106
- /* ------------------------------------------------*/
107
-
108
- /* Fonts End */
109
-
110
- /* ------------------------------------------------*/
111
-
112
- /* ------------------------------------------------*/
113
-
114
- /* Base CSS Styles Start */
115
-
116
- /* ------------------------------------------------*/
117
-
118
- *,
119
- *::before,
120
- *::after {
121
- -webkit-box-sizing: border-box;
122
- -moz-box-sizing: border-box;
123
- box-sizing: border-box;
124
- }
125
-
126
- button:active,
127
- button:focus {
128
- outline: none !important;
129
- }
130
-
131
- button::-moz-focus-inner {
132
- border: 0 !important;
133
- }
134
-
135
- input::-moz-focus-inner {
136
- border: 0 !important;
137
- }
138
-
139
- ::-moz-selection {
140
- background-color: rgba(255, 255, 255, 0.6);
141
- color: #141414;
142
- text-shadow: none;
143
- }
144
-
145
- ::selection {
146
- background-color: rgba(255, 255, 255, 0.6);
147
- color: #141414;
148
- text-shadow: none;
149
- }
150
-
151
- ::-webkit-scrollbar {
152
- display: none;
153
- width: 5px;
154
- background: #242424;
155
- }
156
-
157
- @media only screen and (min-width: 768px) {
158
- ::-webkit-scrollbar {
159
- display: block;
160
- }
161
- }
162
-
163
- ::-webkit-scrollbar-track {
164
- border-radius: 20px;
165
- background-color: #242424;
166
- }
167
-
168
- ::-webkit-scrollbar-thumb {
169
- background-color: #555555;
170
- border-radius: 10px;
171
- }
172
-
173
- html,
174
- body {
175
- width: 100%;
176
- height: 100%;
177
- overflow: hidden;
178
- }
179
-
180
- html {
181
- font-family: sans-serif;
182
- font-size: 62.5%;
183
- -webkit-font-smoothing: antialiased;
184
- -moz-osx-font-smoothing: grayscale;
185
- }
186
-
187
- body {
188
- position: relative;
189
- min-width: 360px;
190
- overflow-x: hidden !important;
191
- font: normal 400 1.6rem/1.6 "Poppins", sans-serif;
192
- text-rendering: optimizeLegibility;
193
- background-color: #0c0c0c;
194
- }
195
-
196
- section {
197
- position: relative;
198
- min-width: 360px;
199
- }
200
-
201
- a {
202
- text-decoration: none;
203
- outline: 0;
204
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
205
- -webkit-transition: all 0.6s ease-in-out;
206
- -o-transition: all 0.6s ease-in-out;
207
- -moz-transition: all 0.6s ease-in-out;
208
- transition: all 0.6s ease-in-out;
209
- }
210
-
211
- img {
212
- display: block;
213
- width: 100%;
214
- height: auto;
215
- }
216
-
217
- .overflow-hidden {
218
- overflow: hidden !important;
219
- }
220
-
221
- .container-mobile {
222
- padding: 0 3.4rem;
223
- }
224
-
225
- .container-desktop {
226
- padding: 0 6rem;
227
- }
228
-
229
- @media only screen and (min-width: 1400px) {
230
- .container-desktop {
231
- padding: 0 8rem;
232
- }
233
- }
234
-
235
- .fullheight {
236
- position: relative;
237
- height: auto;
238
- }
239
-
240
- @media only screen and (min-width: 1200px) {
241
- .fullheight {
242
- height: 100%;
243
- }
244
- }
245
-
246
- .fullheight-mobile {
247
- position: relative;
248
- height: 100%;
249
- }
250
-
251
- .fullscreen-bg {
252
- position: fixed;
253
- top: 0;
254
- left: 0;
255
- width: 100%;
256
- min-width: 360px;
257
- height: 100%;
258
- background-repeat: no-repeat;
259
- background-position: center;
260
- -moz-background-size: cover;
261
- background-size: cover;
262
- }
263
-
264
- .color-layer {
265
- position: absolute;
266
- top: 0;
267
- left: 0;
268
- width: 100%;
269
- height: 100%;
270
- }
271
-
272
- .layer-dark-03 {
273
- background-color: rgba(0, 0, 0, 0.3);
274
- }
275
-
276
- .layer-dark-06 {
277
- background-color: rgba(0, 0, 0, 0.6);
278
- }
279
-
280
- .block-rounded-s {
281
- -moz-border-radius: 0.4rem;
282
- border-radius: 0.4rem;
283
- overflow: hidden;
284
- -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
285
- -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
286
- box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
287
- }
288
-
289
- @-webkit-keyframes blockMove {
290
- 0% {
291
- -webkit-transform: translateY(102%);
292
- transform: translateY(102%);
293
- }
294
- 35% {
295
- -webkit-transform: translateY(0);
296
- transform: translateY(0);
297
- }
298
- 55% {
299
- -webkit-transform: translateY(0);
300
- transform: translateY(0);
301
- }
302
- 100% {
303
- -webkit-transform: translateY(-102%);
304
- transform: translateY(-102%);
305
- }
306
- }
307
-
308
- @-moz-keyframes blockMove {
309
- 0% {
310
- -moz-transform: translateY(102%);
311
- transform: translateY(102%);
312
- }
313
- 35% {
314
- -moz-transform: translateY(0);
315
- transform: translateY(0);
316
- }
317
- 55% {
318
- -moz-transform: translateY(0);
319
- transform: translateY(0);
320
- }
321
- 100% {
322
- -moz-transform: translateY(-102%);
323
- transform: translateY(-102%);
324
- }
325
- }
326
-
327
- @keyframes blockMove {
328
- 0% {
329
- -webkit-transform: translateY(102%);
330
- -moz-transform: translateY(102%);
331
- transform: translateY(102%);
332
- }
333
- 35% {
334
- -webkit-transform: translateY(0);
335
- -moz-transform: translateY(0);
336
- transform: translateY(0);
337
- }
338
- 55% {
339
- -webkit-transform: translateY(0);
340
- -moz-transform: translateY(0);
341
- transform: translateY(0);
342
- }
343
- 100% {
344
- -webkit-transform: translateY(-102%);
345
- -moz-transform: translateY(-102%);
346
- transform: translateY(-102%);
347
- }
348
- }
349
-
350
- @-webkit-keyframes itemsOpacity {
351
- 0% {
352
- opacity: 0;
353
- }
354
- 35% {
355
- opacity: 0;
356
- }
357
- 60% {
358
- opacity: 1;
359
- }
360
- 100% {
361
- opacity: 1;
362
- }
363
- }
364
-
365
- @-moz-keyframes itemsOpacity {
366
- 0% {
367
- opacity: 0;
368
- }
369
- 35% {
370
- opacity: 0;
371
- }
372
- 60% {
373
- opacity: 1;
374
- }
375
- 100% {
376
- opacity: 1;
377
- }
378
- }
379
-
380
- @keyframes itemsOpacity {
381
- 0% {
382
- opacity: 0;
383
- }
384
- 35% {
385
- opacity: 0;
386
- }
387
- 60% {
388
- opacity: 1;
389
- }
390
- 100% {
391
- opacity: 1;
392
- }
393
- }
394
-
395
- /* ------------------------------------------------*/
396
-
397
- /* Base CSS Styles End */
398
-
399
- /* ------------------------------------------------*/
400
-
401
- /* ------------------------------------------------*/
402
-
403
- /* Transitions Start */
404
-
405
- /* ------------------------------------------------*/
406
-
407
- body .header,
408
- body .footer-desktop {
409
- opacity: 0;
410
- -webkit-transition: opacity 0.5s ease-in;
411
- -o-transition: opacity 0.5s ease-in;
412
- -moz-transition: opacity 0.5s ease-in;
413
- transition: opacity 0.5s ease-in;
414
- }
415
-
416
- body.loaded .header,
417
- body.loaded .footer-desktop {
418
- opacity: 1;
419
- }
420
-
421
- .main::after {
422
- -webkit-transform: translateY(102%);
423
- -moz-transform: translateY(102%);
424
- -ms-transform: translateY(102%);
425
- transform: translateY(102%);
426
- }
427
-
428
- .main .footer-mobile {
429
- opacity: 0;
430
- }
431
-
432
- .main .headline__subtitle,
433
- .main .headline__title,
434
- .main .headline__btnholder,
435
- .main .media__countdown {
436
- opacity: 0;
437
- -webkit-transform: translateY(1rem);
438
- -moz-transform: translateY(1rem);
439
- -ms-transform: translateY(1rem);
440
- transform: translateY(1rem);
441
- }
442
-
443
- .main .main__media,
444
- .main .intro__background,
445
- .main .fullscreen-bg {
446
- opacity: 0;
447
- }
448
-
449
- .main.animate-in:after {
450
- -webkit-animation: 0.8s 0.3s ease-in-out 1 both blockMove;
451
- -moz-animation: 0.8s 0.3s ease-in-out 1 both blockMove;
452
- animation: 0.8s 0.3s ease-in-out 1 both blockMove;
453
- }
454
-
455
- .main.animate-in .main__media,
456
- .main.animate-in .footer-mobile,
457
- .main.animate-in .intro__background,
458
- .main.animate-in .fullscreen-bg {
459
- -webkit-animation: 0.8s 0.3s ease-in-out 1 both itemsOpacity;
460
- -moz-animation: 0.8s 0.3s ease-in-out 1 both itemsOpacity;
461
- animation: 0.8s 0.3s ease-in-out 1 both itemsOpacity;
462
- }
463
-
464
- .main.animate-in .headline__subtitle,
465
- .main.animate-in .headline__title,
466
- .main.animate-in .headline__btnholder,
467
- .main.animate-in .media__countdown {
468
- opacity: 1;
469
- -webkit-transform: translateY(0);
470
- -moz-transform: translateY(0);
471
- -ms-transform: translateY(0);
472
- transform: translateY(0);
473
- }
474
-
475
- .main.animate-in .headline__subtitle {
476
- -webkit-transition: opacity 0.2s 0.8s, -webkit-transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25);
477
- transition: opacity 0.2s 0.8s, -webkit-transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25);
478
- -o-transition: opacity 0.2s 0.8s, transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25);
479
- -moz-transition: opacity 0.2s 0.8s, transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25);
480
- transition: opacity 0.2s 0.8s, transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25);
481
- transition: opacity 0.2s 0.8s, transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 0.8s cubic-bezier(0.06, 0.71, 0.71, 1.25);
482
- }
483
-
484
- .main.animate-in .headline__title,
485
- .main.animate-in .media__countdown {
486
- -webkit-transition: opacity 0.2s 0.9s, -webkit-transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25);
487
- transition: opacity 0.2s 0.9s, -webkit-transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25);
488
- -o-transition: opacity 0.2s 0.9s, transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25);
489
- -moz-transition: opacity 0.2s 0.9s, transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25);
490
- transition: opacity 0.2s 0.9s, transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25);
491
- transition: opacity 0.2s 0.9s, transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 0.9s cubic-bezier(0.06, 0.71, 0.71, 1.25);
492
- }
493
-
494
- .main.animate-in .headline__btnholder {
495
- -webkit-transition: opacity 0.2s 1s, -webkit-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
496
- transition: opacity 0.2s 1s, -webkit-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
497
- -o-transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
498
- -moz-transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
499
- transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
500
- transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
501
- }
502
-
503
- .main.animate-out {
504
- opacity: 0;
505
- visibility: hidden;
506
- -webkit-transition: all 0.5s ease-in-out;
507
- -o-transition: all 0.5s ease-in-out;
508
- -moz-transition: all 0.5s ease-in-out;
509
- transition: all 0.5s ease-in-out;
510
- }
511
-
512
- .inner {
513
- opacity: 0;
514
- visibility: hidden;
515
- }
516
-
517
- .inner::after {
518
- -webkit-transform: translateY(102%);
519
- -moz-transform: translateY(102%);
520
- -ms-transform: translateY(102%);
521
- transform: translateY(102%);
522
- }
523
-
524
- .inner .content-block {
525
- opacity: 0;
526
- -webkit-transform: translateY(1rem);
527
- -moz-transform: translateY(1rem);
528
- -ms-transform: translateY(1rem);
529
- transform: translateY(1rem);
530
- }
531
-
532
- .inner .inner__media {
533
- opacity: 0;
534
- }
535
-
536
- .inner.animate-in {
537
- opacity: 1;
538
- visibility: visible;
539
- }
540
-
541
- .inner.animate-in:after {
542
- -webkit-animation: 0.8s 0.3s ease-in-out 1 both blockMove;
543
- -moz-animation: 0.8s 0.3s ease-in-out 1 both blockMove;
544
- animation: 0.8s 0.3s ease-in-out 1 both blockMove;
545
- }
546
-
547
- .inner.animate-in .inner__media {
548
- -webkit-animation: 0.8s 0.3s ease-in-out 1 both itemsOpacity;
549
- -moz-animation: 0.8s 0.3s ease-in-out 1 both itemsOpacity;
550
- animation: 0.8s 0.3s ease-in-out 1 both itemsOpacity;
551
- }
552
-
553
- .inner.animate-in .content-block {
554
- opacity: 1;
555
- -webkit-transform: translateY(0);
556
- -moz-transform: translateY(0);
557
- -ms-transform: translateY(0);
558
- transform: translateY(0);
559
- }
560
-
561
- .inner.animate-in .content-block:nth-of-type(1) {
562
- -webkit-transition: opacity 0.2s 1s, -webkit-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
563
- transition: opacity 0.2s 1s, -webkit-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
564
- -o-transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
565
- -moz-transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
566
- transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
567
- transition: opacity 0.2s 1s, transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
568
- }
569
-
570
- .inner.animate-in .content-block:nth-of-type(2) {
571
- -webkit-transition: opacity 0.2s 1.1s, -webkit-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
572
- transition: opacity 0.2s 1.1s, -webkit-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
573
- -o-transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
574
- -moz-transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
575
- transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
576
- transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
577
- }
578
-
579
- .inner.animate-in .content-block:nth-of-type(3) {
580
- -webkit-transition: opacity 0.2s 1.2s, -webkit-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
581
- transition: opacity 0.2s 1.2s, -webkit-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
582
- -o-transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
583
- -moz-transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
584
- transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
585
- transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
586
- }
587
-
588
- .inner.animate-in .content-block:nth-of-type(4) {
589
- -webkit-transition: opacity 0.2s 1.3s, -webkit-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
590
- transition: opacity 0.2s 1.3s, -webkit-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
591
- -o-transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
592
- -moz-transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
593
- transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
594
- transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
595
- }
596
-
597
- .inner.animate-out {
598
- opacity: 0;
599
- visibility: hidden;
600
- -webkit-transition: all 0.5s ease-in-out;
601
- -o-transition: all 0.5s ease-in-out;
602
- -moz-transition: all 0.5s ease-in-out;
603
- transition: all 0.5s ease-in-out;
604
- }
605
-
606
- .nav {
607
- opacity: 0;
608
- visibility: hidden;
609
- }
610
-
611
- .nav::after {
612
- -webkit-transform: translateY(102%);
613
- -moz-transform: translateY(102%);
614
- -ms-transform: translateY(102%);
615
- transform: translateY(102%);
616
- }
617
-
618
- .nav .nav__background {
619
- opacity: 0;
620
- }
621
-
622
- .nav .navigation li {
623
- opacity: 0;
624
- -webkit-transform: translate(0, 1rem);
625
- -moz-transform: translate(0, 1rem);
626
- -ms-transform: translate(0, 1rem);
627
- transform: translate(0, 1rem);
628
- }
629
-
630
- .nav.animate-in {
631
- opacity: 1;
632
- visibility: visible;
633
- }
634
-
635
- .nav.animate-in:after {
636
- -webkit-animation: 0.8s 0.3s ease-in-out 1 both blockMove;
637
- -moz-animation: 0.8s 0.3s ease-in-out 1 both blockMove;
638
- animation: 0.8s 0.3s ease-in-out 1 both blockMove;
639
- }
640
-
641
- .nav.animate-in .nav__background {
642
- opacity: 1;
643
- -webkit-transition: opacity 0.8s 0.6s ease-in;
644
- -o-transition: opacity 0.8s 0.6s ease-in;
645
- -moz-transition: opacity 0.8s 0.6s ease-in;
646
- transition: opacity 0.8s 0.6s ease-in;
647
- }
648
-
649
- .nav.animate-in .navigation li {
650
- opacity: 1;
651
- -webkit-transform: translate(0, 0);
652
- -moz-transform: translate(0, 0);
653
- -ms-transform: translate(0, 0);
654
- transform: translate(0, 0);
655
- }
656
-
657
- .nav.animate-in .navigation li:nth-of-type(1) {
658
- -webkit-transition: opacity 0.2s 1.1s, -webkit-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
659
- transition: opacity 0.2s 1.1s, -webkit-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
660
- -o-transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
661
- -moz-transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
662
- transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
663
- transition: opacity 0.2s 1.1s, transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.1s cubic-bezier(0.06, 0.71, 0.71, 1.25);
664
- }
665
-
666
- .nav.animate-in .navigation li:nth-of-type(2) {
667
- -webkit-transition: opacity 0.2s 1.2s, -webkit-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
668
- transition: opacity 0.2s 1.2s, -webkit-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
669
- -o-transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
670
- -moz-transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
671
- transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
672
- transition: opacity 0.2s 1.2s, transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.2s cubic-bezier(0.06, 0.71, 0.71, 1.25);
673
- }
674
-
675
- .nav.animate-in .navigation li:nth-of-type(3) {
676
- -webkit-transition: opacity 0.2s 1.3s, -webkit-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
677
- transition: opacity 0.2s 1.3s, -webkit-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
678
- -o-transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
679
- -moz-transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
680
- transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
681
- transition: opacity 0.2s 1.3s, transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.3s cubic-bezier(0.06, 0.71, 0.71, 1.25);
682
- }
683
-
684
- .nav.animate-in .navigation li:nth-of-type(4) {
685
- -webkit-transition: opacity 0.2s 1.4s, -webkit-transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25);
686
- transition: opacity 0.2s 1.4s, -webkit-transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25);
687
- -o-transition: opacity 0.2s 1.4s, transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25);
688
- -moz-transition: opacity 0.2s 1.4s, transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25);
689
- transition: opacity 0.2s 1.4s, transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25);
690
- transition: opacity 0.2s 1.4s, transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25), -webkit-transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25), -moz-transform 0.2s 1.4s cubic-bezier(0.06, 0.71, 0.71, 1.25);
691
- }
692
-
693
- .nav.animate-out {
694
- opacity: 0;
695
- visibility: hidden;
696
- -webkit-transition: all 0.5s ease-in-out;
697
- -o-transition: all 0.5s ease-in-out;
698
- -moz-transition: all 0.5s ease-in-out;
699
- transition: all 0.5s ease-in-out;
700
- }
701
-
702
- .popup {
703
- opacity: 0;
704
- visibility: hidden;
705
- -webkit-transition: visibility 0s 0s, opacity 0.3s 0s;
706
- -o-transition: visibility 0s 0s, opacity 0.3s 0s;
707
- -moz-transition: visibility 0s 0s, opacity 0.3s 0s;
708
- transition: visibility 0s 0s, opacity 0.3s 0s;
709
- }
710
-
711
- .popup .popup__content {
712
- opacity: 0;
713
- -webkit-transform: translateY(30px);
714
- -moz-transform: translateY(30px);
715
- -ms-transform: translateY(30px);
716
- transform: translateY(30px);
717
- -webkit-transition: opacity 0.6s, -webkit-transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09);
718
- transition: opacity 0.6s, -webkit-transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09);
719
- -o-transition: opacity 0.6s, transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09);
720
- -moz-transition: opacity 0.6s, transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09);
721
- transition: opacity 0.6s, transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09);
722
- transition: opacity 0.6s, transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.6s cubic-bezier(0.23, 0.65, 0.74, 1.09);
723
- }
724
-
725
- .popup.animate-in {
726
- opacity: 1;
727
- visibility: visible;
728
- }
729
-
730
- .popup.animate-in .popup__content {
731
- opacity: 1;
732
- -webkit-transform: translateY(0);
733
- -moz-transform: translateY(0);
734
- -ms-transform: translateY(0);
735
- transform: translateY(0);
736
- }
737
-
738
- .popup.animate-out {
739
- opacity: 0;
740
- visibility: hidden;
741
- -webkit-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
742
- -o-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
743
- -moz-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
744
- transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
745
- }
746
-
747
- .popup.animate-out .popup__content {
748
- opacity: 0;
749
- -webkit-transform: translateY(-30px);
750
- -moz-transform: translateY(-30px);
751
- -ms-transform: translateY(-30px);
752
- transform: translateY(-30px);
753
- }
754
-
755
- .popup-close {
756
- -webkit-transform: scale3d(0, 0, 0);
757
- -moz-transform: scale3d(0, 0, 0);
758
- transform: scale3d(0, 0, 0);
759
- -webkit-transition: color 0.3s, -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
760
- transition: color 0.3s, -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
761
- -o-transition: color 0.3s, transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
762
- -moz-transition: color 0.3s, transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
763
- transition: color 0.3s, transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
764
- transition: color 0.3s, transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
765
- }
766
-
767
- .popup-close.is-scaled-up {
768
- -webkit-transform: scale3d(1, 1, 1);
769
- -moz-transform: scale3d(1, 1, 1);
770
- transform: scale3d(1, 1, 1);
771
- }
772
-
773
- /* ------------------------------------------------*/
774
-
775
- /* Transitions End */
776
-
777
- /* ------------------------------------------------*/
778
-
779
- /* ------------------------------------------------*/
780
-
781
- /* Typography Start */
782
-
783
- /* ------------------------------------------------*/
784
-
785
- h1 {
786
- font: normal 400 4rem/1.2 "Poppins", sans-serif;
787
- color: #ffffff;
788
- }
789
-
790
- @media only screen and (min-width: 768px) {
791
- h1 {
792
- font-size: 5rem;
793
- }
794
- }
795
-
796
- @media only screen and (min-width: 1400px) {
797
- h1 {
798
- font-size: 6.6rem;
799
- }
800
- }
801
-
802
- .typed-cursor {
803
- font-weight: 200;
804
- }
805
-
806
- .headline__subtitle {
807
- display: block;
808
- font: normal 600 1.8rem/1.6 "Poppins", sans-serif;
809
- color: #ffffff;
810
- margin-bottom: 2.3rem;
811
- }
812
-
813
- .headline__btnholder {
814
- margin-top: 3.8rem;
815
- }
816
-
817
- .headline__text {
818
- font: normal 400 1.6rem/1.6 "Poppins", sans-serif;
819
- color: #aaaaaa;
820
- max-width: 480px;
821
- margin-bottom: 4.4rem;
822
- }
823
-
824
- @media only screen and (min-width: 1400px) {
825
- .headline__text {
826
- max-width: 542px;
827
- margin-bottom: 4.8rem;
828
- }
829
- }
830
-
831
- h2 {
832
- font: normal 400 3rem/1.2 "Poppins", sans-serif;
833
- color: #ffffff;
834
- }
835
-
836
- @media only screen and (min-width: 768px) {
837
- h2 {
838
- font-size: 3.8rem;
839
- }
840
- }
841
-
842
- @media only screen and (min-width: 1400px) {
843
- h2 {
844
- font-size: 5rem;
845
- }
846
- }
847
-
848
- .block__subtitle {
849
- display: block;
850
- font: normal 600 1.8rem/1.2 "Poppins", sans-serif;
851
- color: #aaaaaa;
852
- margin-bottom: 2.2rem;
853
- }
854
-
855
- .block__text {
856
- margin-top: 2.3rem;
857
- }
858
-
859
- h3 {
860
- font: normal 500 2rem/1.2 "Poppins", sans-serif;
861
- color: #ffffff;
862
- }
863
-
864
- h4 {
865
- font: normal 500 1.8rem/1.2 "Poppins", sans-serif;
866
- color: #ffffff;
867
- }
868
-
869
- h4 small {
870
- display: block;
871
- margin-top: 0.2rem;
872
- font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
873
- color: #ffffff;
874
- }
875
-
876
- h4.opposite {
877
- font-weight: 600;
878
- color: #141414;
879
- }
880
-
881
- h4.opposite small {
882
- font-weight: 400;
883
- color: #141414;
884
- }
885
-
886
- h5 {
887
- font: normal 500 1.8rem/1.2 "Poppins", sans-serif;
888
- color: #ffffff;
889
- }
890
-
891
- p {
892
- font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
893
- color: #aaaaaa;
894
- }
895
-
896
- p span {
897
- font-weight: 500;
898
- color: #ffffff;
899
- }
900
-
901
- p.copyright {
902
- font: normal 500 1.2rem/1.6 "Poppins", sans-serif;
903
- color: #aaaaaa;
904
- }
905
-
906
- p.copyright a {
907
- font: normal 500 1.2rem/1.6 "Poppins", sans-serif;
908
- color: #aaaaaa;
909
- }
910
-
911
- .no-touch p.copyright a:hover {
912
- color: #ffffff;
913
- }
914
-
915
- p.bright {
916
- color: #ffffff;
917
- }
918
-
919
- p.bright a {
920
- color: #ffffff;
921
- }
922
-
923
- .no-touch p.bright a:hover {
924
- color: #ffffff;
925
- }
926
-
927
- @media only screen and (min-width: 1400px) {
928
- p {
929
- font-size: 1.6rem;
930
- }
931
- }
932
-
933
- a {
934
- color: #444444;
935
- }
936
-
937
- .text-link {
938
- color: inherit;
939
- color: #aaaaaa;
940
- text-decoration: none;
941
- background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3))), -webkit-gradient(linear, left top, right top, from(white), to(white));
942
- background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), -moz-linear-gradient(left, white, white);
943
- background: -o-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), -o-linear-gradient(left, white, white);
944
- background: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), linear-gradient(to right, white, white);
945
- -moz-background-size: 100% 1px, 0 1px;
946
- background-size: 100% 1px, 0 1px;
947
- background-position: 100% 100%, 0 100%;
948
- background-repeat: no-repeat;
949
- -webkit-transition: background-size 400ms, color 300ms;
950
- -o-transition: background-size 400ms, color 300ms;
951
- -moz-transition: background-size 400ms, color 300ms, -moz-background-size 400ms;
952
- transition: background-size 400ms, color 300ms;
953
- transition: background-size 400ms, color 300ms, -moz-background-size 400ms;
954
- }
955
-
956
- .no-touch .text-link:hover {
957
- color: #ffffff;
958
- -moz-background-size: 0 1px, 100% 1px;
959
- background-size: 0 1px, 100% 1px;
960
- }
961
-
962
- .contact-link {
963
- color: inherit;
964
- color: #aaaaaa;
965
- text-decoration: none;
966
- background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, from(white), to(white));
967
- background: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -moz-linear-gradient(left, white, white);
968
- background: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), -o-linear-gradient(left, white, white);
969
- background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, white, white);
970
- -moz-background-size: 100% 1px, 0 1px;
971
- background-size: 100% 1px, 0 1px;
972
- background-position: 100% 100%, 0 100%;
973
- background-repeat: no-repeat;
974
- -webkit-transition: background-size 400ms, color 300ms;
975
- -o-transition: background-size 400ms, color 300ms;
976
- -moz-transition: background-size 400ms, color 300ms, -moz-background-size 400ms;
977
- transition: background-size 400ms, color 300ms;
978
- transition: background-size 400ms, color 300ms, -moz-background-size 400ms;
979
- }
980
-
981
- .no-touch .contact-link:hover {
982
- color: #ffffff;
983
- -moz-background-size: 0 1px, 100% 1px;
984
- background-size: 0 1px, 100% 1px;
985
- }
986
-
987
- .image-caption p {
988
- font: normal 500 1.8rem/1.2 "Poppins", sans-serif;
989
- color: #141414;
990
- }
991
-
992
- .image-caption p span {
993
- display: block;
994
- font: normal 400 1.4rem/1.6 "Poppins", sans-serif;
995
- color: #141414;
996
- margin-top: 0.2rem;
997
- }
998
-
999
- .image-caption.opposite p {
1000
- font-weight: 400;
1001
- color: #ffffff;
1002
- }
1003
-
1004
- .image-caption.opposite p span {
1005
- display: block;
1006
- font-weight: 300;
1007
- color: rgba(255, 255, 255, 0.6);
1008
- }
1009
-
1010
- .popup-title__title {
1011
- font: normal 400 3rem/1.2 "Poppins", sans-serif;
1012
- color: #ffffff;
1013
- }
1014
-
1015
- @media only screen and (min-width: 768px) {
1016
- .popup-title__title {
1017
- font-size: 4rem;
1018
- }
1019
- }
1020
-
1021
- .popup-title__text {
1022
- font: normal 300 1.6rem/1.6 "Poppins", sans-serif;
1023
- color: #aaaaaa;
1024
- margin-top: 2.5rem;
1025
- }
1026
-
1027
- @media only screen and (min-width: 768px) {
1028
- .popup-title__text {
1029
- margin-top: 2.3rem;
1030
- }
1031
- }
1032
-
1033
- /* ------------------------------------------------*/
1034
-
1035
- /* Typography End */
1036
-
1037
- /* ------------------------------------------------*/
1038
-
1039
- /* ------------------------------------------------*/
1040
-
1041
- /* Buttons & Controls Start */
1042
-
1043
- /* ------------------------------------------------*/
1044
-
1045
- .menu-button {
1046
- position: absolute;
1047
- top: 0;
1048
- right: 3.4rem;
1049
- width: 2.4rem;
1050
- height: 8rem;
1051
- z-index: 12;
1052
- padding: 2.8rem 0;
1053
- }
1054
-
1055
- @media only screen and (min-width: 1200px) {
1056
- .menu-button {
1057
- position: absolute;
1058
- top: 0;
1059
- right: 6rem;
1060
- }
1061
- }
1062
-
1063
- @media only screen and (min-width: 1400px) {
1064
- .menu-button {
1065
- position: absolute;
1066
- top: 0;
1067
- right: 8rem;
1068
- height: 9rem;
1069
- padding: 3.3rem 0;
1070
- }
1071
- }
1072
-
1073
- .menu-trigger {
1074
- display: block;
1075
- position: relative;
1076
- width: 2.4rem;
1077
- height: 2.4rem;
1078
- }
1079
-
1080
- .menu-trigger .circle {
1081
- display: block;
1082
- position: absolute;
1083
- left: 50%;
1084
- top: 50%;
1085
- bottom: auto;
1086
- right: auto;
1087
- -webkit-transform: translateX(-50%) translateY(-50%);
1088
- -moz-transform: translateX(-50%) translateY(-50%);
1089
- -ms-transform: translateX(-50%) translateY(-50%);
1090
- transform: translateX(-50%) translateY(-50%);
1091
- width: 4rem;
1092
- height: 4rem;
1093
- -moz-border-radius: 50%;
1094
- border-radius: 50%;
1095
- border: 2px solid #ffffff;
1096
- -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
1097
- -moz-transform: translateX(-50%) translateY(-50%) scale(0);
1098
- -ms-transform: translateX(-50%) translateY(-50%) scale(0);
1099
- transform: translateX(-50%) translateY(-50%) scale(0);
1100
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1101
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1102
- -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1103
- -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1104
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1105
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1106
- }
1107
-
1108
- .menu-trigger .burger {
1109
- display: block;
1110
- position: absolute;
1111
- left: 0;
1112
- top: 50%;
1113
- bottom: auto;
1114
- -webkit-transform: translateY(-50%);
1115
- -moz-transform: translateY(-50%);
1116
- -ms-transform: translateY(-50%);
1117
- transform: translateY(-50%);
1118
- width: 2.4rem;
1119
- height: 2px;
1120
- background-color: transparent;
1121
- -moz-border-radius: 1px;
1122
- border-radius: 1px;
1123
- }
1124
-
1125
- .menu-trigger .burger::before,
1126
- .menu-trigger .burger::after {
1127
- content: "";
1128
- display: block;
1129
- position: absolute;
1130
- top: 0;
1131
- left: 50%;
1132
- right: auto;
1133
- -webkit-transform: translateX(-50%);
1134
- -moz-transform: translateX(-50%);
1135
- -ms-transform: translateX(-50%);
1136
- transform: translateX(-50%);
1137
- width: 100%;
1138
- height: 100%;
1139
- background-color: #ffffff;
1140
- -moz-border-radius: 1px;
1141
- border-radius: 1px;
1142
- -webkit-transition: all 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1143
- -o-transition: all 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1144
- -moz-transition: all 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1145
- transition: all 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1146
- }
1147
-
1148
- .menu-trigger .burger::before {
1149
- -webkit-transform: translateX(-50%) translateY(-4px);
1150
- -moz-transform: translateX(-50%) translateY(-4px);
1151
- -ms-transform: translateX(-50%) translateY(-4px);
1152
- transform: translateX(-50%) translateY(-4px);
1153
- }
1154
-
1155
- .menu-trigger .burger::after {
1156
- -webkit-transform: translateX(-50%) translateY(4px);
1157
- -moz-transform: translateX(-50%) translateY(4px);
1158
- -ms-transform: translateX(-50%) translateY(4px);
1159
- transform: translateX(-50%) translateY(4px);
1160
- }
1161
-
1162
- .no-touch .menu-trigger:hover .circle {
1163
- -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
1164
- -moz-transform: translateX(-50%) translateY(-50%) scale(1);
1165
- -ms-transform: translateX(-50%) translateY(-50%) scale(1);
1166
- transform: translateX(-50%) translateY(-50%) scale(1);
1167
- }
1168
-
1169
- .no-touch .menu-trigger:hover .burger::before,
1170
- .no-touch .menu-trigger:hover .burger::after {
1171
- -webkit-transform: translateX(-50%) translateY(0) rotate(0);
1172
- -moz-transform: translateX(-50%) translateY(0) rotate(0);
1173
- -ms-transform: translateX(-50%) translateY(0) rotate(0);
1174
- transform: translateX(-50%) translateY(0) rotate(0);
1175
- height: 4px;
1176
- width: 4px;
1177
- -moz-border-radius: 50%;
1178
- border-radius: 50%;
1179
- }
1180
-
1181
- .menu-trigger.menu-opened .burger::before {
1182
- -webkit-transform: translateX(-50%) translateY(0) rotate(45deg);
1183
- -moz-transform: translateX(-50%) translateY(0) rotate(45deg);
1184
- -ms-transform: translateX(-50%) translateY(0) rotate(45deg);
1185
- transform: translateX(-50%) translateY(0) rotate(45deg);
1186
- }
1187
-
1188
- .menu-trigger.menu-opened .burger::after {
1189
- -webkit-transform: translateX(-50%) translateY(0) rotate(-45deg);
1190
- -moz-transform: translateX(-50%) translateY(0) rotate(-45deg);
1191
- -ms-transform: translateX(-50%) translateY(0) rotate(-45deg);
1192
- transform: translateX(-50%) translateY(0) rotate(-45deg);
1193
- }
1194
-
1195
- .btn {
1196
- position: relative;
1197
- display: inline-block;
1198
- border: none;
1199
- outline: 0;
1200
- padding: 0;
1201
- font: inherit;
1202
- background-color: transparent;
1203
- cursor: pointer;
1204
- text-decoration: none;
1205
- -webkit-user-select: none;
1206
- -moz-user-select: none;
1207
- -ms-user-select: none;
1208
- user-select: none;
1209
- overflow: hidden;
1210
- text-align: center;
1211
- }
1212
-
1213
- @media only screen and (min-width: 768px) {
1214
- .btn {
1215
- display: inline-block;
1216
- }
1217
- }
1218
-
1219
- .btn-l {
1220
- display: block;
1221
- margin-right: 0;
1222
- margin-bottom: 1.4rem;
1223
- height: 4rem;
1224
- padding: 0 2rem;
1225
- border: 2px solid #ffffff;
1226
- -moz-border-radius: 2rem;
1227
- border-radius: 2rem;
1228
- font: normal 600 1.4rem/3.6rem "Poppins", sans-serif;
1229
- color: #ffffff;
1230
- }
1231
-
1232
- .btn-l:last-of-type {
1233
- margin-bottom: 0;
1234
- margin-right: 0;
1235
- }
1236
-
1237
- .btn-l .btn-title {
1238
- display: block;
1239
- position: relative;
1240
- -webkit-transform: translateY(0);
1241
- -moz-transform: translateY(0);
1242
- -ms-transform: translateY(0);
1243
- transform: translateY(0);
1244
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1245
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1246
- -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1247
- -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1248
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1249
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1250
- }
1251
-
1252
- .btn-l .btn-hover {
1253
- display: block;
1254
- position: absolute;
1255
- top: 0;
1256
- left: 0;
1257
- width: 100%;
1258
- -webkit-transform: translateY(100%);
1259
- -moz-transform: translateY(100%);
1260
- -ms-transform: translateY(100%);
1261
- transform: translateY(100%);
1262
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1263
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1264
- -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1265
- -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1266
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1267
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1268
- }
1269
-
1270
- .no-touch .btn-l:hover .btn-title {
1271
- -webkit-transform: translateY(-100%);
1272
- -moz-transform: translateY(-100%);
1273
- -ms-transform: translateY(-100%);
1274
- transform: translateY(-100%);
1275
- }
1276
-
1277
- .no-touch .btn-l:hover .btn-hover {
1278
- -webkit-transform: translateY(0);
1279
- -moz-transform: translateY(0);
1280
- -ms-transform: translateY(0);
1281
- transform: translateY(0);
1282
- }
1283
-
1284
- @media only screen and (min-width: 576px) {
1285
- .btn-l {
1286
- display: inline-block;
1287
- margin-right: 2rem;
1288
- margin-bottom: 0;
1289
- }
1290
- .btn-l:last-of-type {
1291
- margin-right: 0;
1292
- }
1293
- }
1294
-
1295
- .btn-l-icon {
1296
- display: block;
1297
- position: relative;
1298
- margin-right: 0;
1299
- margin-bottom: 1.4rem;
1300
- height: 4rem;
1301
- padding: 0 4.5rem 0 2rem;
1302
- -moz-border-radius: 2rem;
1303
- border-radius: 2rem;
1304
- font: normal 600 1.4rem/3.6rem "Poppins", sans-serif;
1305
- }
1306
-
1307
- .btn-l-icon:last-of-type {
1308
- margin-bottom: 0;
1309
- margin-right: 0;
1310
- }
1311
-
1312
- .btn-l-icon span,
1313
- .btn-l-icon i {
1314
- display: inline-block;
1315
- }
1316
-
1317
- .btn-l-icon .btn-icon-anim {
1318
- display: block;
1319
- position: absolute;
1320
- top: 0;
1321
- right: 2rem;
1322
- width: auto;
1323
- height: 3.6rem;
1324
- overflow: hidden;
1325
- }
1326
-
1327
- .no-touch .btn-l-icon:hover i {
1328
- -webkit-animation: 0.4s ease-in-out 0s 1 both slideOutLeft;
1329
- -moz-animation: 0.4s ease-in-out 0s 1 both slideOutLeft;
1330
- animation: 0.4s ease-in-out 0s 1 both slideOutLeft;
1331
- }
1332
-
1333
- @media only screen and (min-width: 576px) {
1334
- .btn-l-icon {
1335
- display: inline-block;
1336
- margin-right: 2rem;
1337
- margin-bottom: 0;
1338
- }
1339
- .btn-l-icon:last-of-type {
1340
- margin-right: 0;
1341
- }
1342
- }
1343
-
1344
- .btn-outline-light {
1345
- border: 2px solid #ffffff;
1346
- background-color: transparent;
1347
- color: #ffffff;
1348
- }
1349
-
1350
- .btn-light {
1351
- font-weight: 700;
1352
- border: 2px solid #ffffff;
1353
- background-color: #ffffff;
1354
- color: #141414;
1355
- }
1356
-
1357
- .btn-s-text {
1358
- display: block;
1359
- font: normal 600 1.4rem/1.6 "Poppins", sans-serif;
1360
- color: #ffffff;
1361
- }
1362
-
1363
- .btn-s-text .title {
1364
- display: block;
1365
- position: relative;
1366
- font-size: 1.4rem;
1367
- color: #ffffff;
1368
- -webkit-transform: translateY(0);
1369
- -moz-transform: translateY(0);
1370
- -ms-transform: translateY(0);
1371
- transform: translateY(0);
1372
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1373
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1374
- -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1375
- -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1376
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1377
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1378
- }
1379
-
1380
- .btn-s-text .hover {
1381
- display: block;
1382
- position: absolute;
1383
- top: 0;
1384
- left: 0;
1385
- font-size: 1.4rem;
1386
- color: #ffffff;
1387
- -webkit-transform: translateY(100%);
1388
- -moz-transform: translateY(100%);
1389
- -ms-transform: translateY(100%);
1390
- transform: translateY(100%);
1391
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1392
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1393
- -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1394
- -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1395
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1396
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1397
- }
1398
-
1399
- .no-touch .btn-s-text:hover .title {
1400
- -webkit-transform: translateY(-100%);
1401
- -moz-transform: translateY(-100%);
1402
- -ms-transform: translateY(-100%);
1403
- transform: translateY(-100%);
1404
- }
1405
-
1406
- .no-touch .btn-s-text:hover .hover {
1407
- -webkit-transform: translateY(0);
1408
- -moz-transform: translateY(0);
1409
- -ms-transform: translateY(0);
1410
- transform: translateY(0);
1411
- }
1412
-
1413
- .btn-s {
1414
- position: absolute;
1415
- top: 2.4rem;
1416
- right: 5.8rem;
1417
- width: 3.4rem;
1418
- height: 3.4rem;
1419
- margin-right: 2rem;
1420
- font: normal 600 1.4rem/3.4rem "Poppins", sans-serif;
1421
- color: #ffffff;
1422
- }
1423
-
1424
- .btn-s i {
1425
- display: inline-block;
1426
- }
1427
-
1428
- .btn-s .title {
1429
- display: none;
1430
- position: relative;
1431
- font-size: 1.4rem;
1432
- color: #ffffff;
1433
- -webkit-transform: translateY(0);
1434
- -moz-transform: translateY(0);
1435
- -ms-transform: translateY(0);
1436
- transform: translateY(0);
1437
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1438
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1439
- -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1440
- -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1441
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1442
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1443
- }
1444
-
1445
- .btn-s .hover {
1446
- display: none;
1447
- position: absolute;
1448
- top: 0;
1449
- left: 0;
1450
- font-size: 1.4rem;
1451
- color: #ffffff;
1452
- -webkit-transform: translateY(100%);
1453
- -moz-transform: translateY(100%);
1454
- -ms-transform: translateY(100%);
1455
- transform: translateY(100%);
1456
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1457
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1458
- -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1459
- -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1460
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1461
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
1462
- }
1463
-
1464
- .no-touch .btn-s:hover .title {
1465
- -webkit-transform: translateY(-100%);
1466
- -moz-transform: translateY(-100%);
1467
- -ms-transform: translateY(-100%);
1468
- transform: translateY(-100%);
1469
- }
1470
-
1471
- .no-touch .btn-s:hover .hover {
1472
- -webkit-transform: translateY(0);
1473
- -moz-transform: translateY(0);
1474
- -ms-transform: translateY(0);
1475
- transform: translateY(0);
1476
- }
1477
-
1478
- @media only screen and (min-width: 768px) {
1479
- .btn-s {
1480
- margin-right: 3.4rem;
1481
- }
1482
- }
1483
-
1484
- @media only screen and (min-width: 1200px) {
1485
- .btn-s {
1486
- width: auto;
1487
- position: absolute;
1488
- top: 2.3rem;
1489
- right: 8.4rem;
1490
- }
1491
- .btn-s i {
1492
- display: none;
1493
- }
1494
- .btn-s .title {
1495
- display: block;
1496
- }
1497
- .btn-s .hover {
1498
- display: block;
1499
- }
1500
- }
1501
-
1502
- @media only screen and (min-width: 1400px) {
1503
- .btn-s {
1504
- position: absolute;
1505
- top: 2.8rem;
1506
- right: 10.4rem;
1507
- }
1508
- }
1509
-
1510
- @-webkit-keyframes slideOutLeft {
1511
- 0% {
1512
- -webkit-transform: translateX(0);
1513
- transform: translateX(0);
1514
- }
1515
- 50% {
1516
- -webkit-transform: translateX(14px);
1517
- transform: translateX(14px);
1518
- }
1519
- 51% {
1520
- opacity: 0;
1521
- }
1522
- 52% {
1523
- -webkit-transform: translateX(-14px);
1524
- transform: translateX(-14px);
1525
- opacity: 0;
1526
- }
1527
- 53% {
1528
- opacity: 1;
1529
- }
1530
- 100% {
1531
- -webkit-transform: translateX(0);
1532
- transform: translateX(0);
1533
- }
1534
- }
1535
-
1536
- @-moz-keyframes slideOutLeft {
1537
- 0% {
1538
- -moz-transform: translateX(0);
1539
- transform: translateX(0);
1540
- }
1541
- 50% {
1542
- -moz-transform: translateX(14px);
1543
- transform: translateX(14px);
1544
- }
1545
- 51% {
1546
- opacity: 0;
1547
- }
1548
- 52% {
1549
- -moz-transform: translateX(-14px);
1550
- transform: translateX(-14px);
1551
- opacity: 0;
1552
- }
1553
- 53% {
1554
- opacity: 1;
1555
- }
1556
- 100% {
1557
- -moz-transform: translateX(0);
1558
- transform: translateX(0);
1559
- }
1560
- }
1561
-
1562
- @keyframes slideOutLeft {
1563
- 0% {
1564
- -webkit-transform: translateX(0);
1565
- -moz-transform: translateX(0);
1566
- transform: translateX(0);
1567
- }
1568
- 50% {
1569
- -webkit-transform: translateX(14px);
1570
- -moz-transform: translateX(14px);
1571
- transform: translateX(14px);
1572
- }
1573
- 51% {
1574
- opacity: 0;
1575
- }
1576
- 52% {
1577
- -webkit-transform: translateX(-14px);
1578
- -moz-transform: translateX(-14px);
1579
- transform: translateX(-14px);
1580
- opacity: 0;
1581
- }
1582
- 53% {
1583
- opacity: 1;
1584
- }
1585
- 100% {
1586
- -webkit-transform: translateX(0);
1587
- -moz-transform: translateX(0);
1588
- transform: translateX(0);
1589
- }
1590
- }
1591
-
1592
- @-webkit-keyframes slideOutRight {
1593
- 0% {
1594
- -webkit-transform: translateX(0);
1595
- transform: translateX(0);
1596
- }
1597
- 50% {
1598
- -webkit-transform: translateX(-14px);
1599
- transform: translateX(-14px);
1600
- }
1601
- 51% {
1602
- opacity: 0;
1603
- }
1604
- 52% {
1605
- -webkit-transform: translateX(14px);
1606
- transform: translateX(14px);
1607
- opacity: 0;
1608
- }
1609
- 53% {
1610
- opacity: 1;
1611
- }
1612
- 100% {
1613
- -webkit-transform: translateX(0);
1614
- transform: translateX(0);
1615
- }
1616
- }
1617
-
1618
- @-moz-keyframes slideOutRight {
1619
- 0% {
1620
- -moz-transform: translateX(0);
1621
- transform: translateX(0);
1622
- }
1623
- 50% {
1624
- -moz-transform: translateX(-14px);
1625
- transform: translateX(-14px);
1626
- }
1627
- 51% {
1628
- opacity: 0;
1629
- }
1630
- 52% {
1631
- -moz-transform: translateX(14px);
1632
- transform: translateX(14px);
1633
- opacity: 0;
1634
- }
1635
- 53% {
1636
- opacity: 1;
1637
- }
1638
- 100% {
1639
- -moz-transform: translateX(0);
1640
- transform: translateX(0);
1641
- }
1642
- }
1643
-
1644
- @keyframes slideOutRight {
1645
- 0% {
1646
- -webkit-transform: translateX(0);
1647
- -moz-transform: translateX(0);
1648
- transform: translateX(0);
1649
- }
1650
- 50% {
1651
- -webkit-transform: translateX(-14px);
1652
- -moz-transform: translateX(-14px);
1653
- transform: translateX(-14px);
1654
- }
1655
- 51% {
1656
- opacity: 0;
1657
- }
1658
- 52% {
1659
- -webkit-transform: translateX(14px);
1660
- -moz-transform: translateX(14px);
1661
- transform: translateX(14px);
1662
- opacity: 0;
1663
- }
1664
- 53% {
1665
- opacity: 1;
1666
- }
1667
- 100% {
1668
- -webkit-transform: translateX(0);
1669
- -moz-transform: translateX(0);
1670
- transform: translateX(0);
1671
- }
1672
- }
1673
-
1674
- /* ------------------------------------------------*/
1675
-
1676
- /* Buttons & Controls End */
1677
-
1678
- /* ------------------------------------------------*/
1679
-
1680
- /* ------------------------------------------------*/
1681
-
1682
- /* Forms and Forms Reply Groups Start */
1683
-
1684
- /* ------------------------------------------------*/
1685
-
1686
- .form-container {
1687
- position: relative;
1688
- }
1689
-
1690
- .form {
1691
- opacity: 1;
1692
- -webkit-transition: opacity 0.5s ease-in-out;
1693
- -o-transition: opacity 0.5s ease-in-out;
1694
- -moz-transition: opacity 0.5s ease-in-out;
1695
- transition: opacity 0.5s ease-in-out;
1696
- }
1697
-
1698
- .form.is-hidden {
1699
- opacity: 0;
1700
- }
1701
-
1702
- form {
1703
- position: relative;
1704
- width: 100%;
1705
- }
1706
-
1707
- form input,
1708
- form textarea {
1709
- position: relative;
1710
- display: block;
1711
- width: 100%;
1712
- border: none;
1713
- outline: none;
1714
- margin: 0;
1715
- padding: 0;
1716
- background-color: transparent;
1717
- padding: 1.3rem 0.2rem 1.2rem 0.2rem;
1718
- font: normal 400 1.6rem/1.6 "Poppins", sans-serif;
1719
- -webkit-transition: border 0.3s, background-color 0.3s ease-in-out;
1720
- -o-transition: border 0.3s, background-color 0.3s ease-in-out;
1721
- -moz-transition: border 0.3s, background-color 0.3s ease-in-out;
1722
- transition: border 0.3s, background-color 0.3s ease-in-out;
1723
- }
1724
-
1725
- form input.margin-s,
1726
- form textarea.margin-s {
1727
- margin: 0 0 0.6rem 0;
1728
- }
1729
-
1730
- form input {
1731
- height: 5rem;
1732
- margin: 0 0 2.4rem 0;
1733
- }
1734
-
1735
- form textarea {
1736
- height: 10rem;
1737
- resize: none;
1738
- margin: 0 0 2.4rem 0;
1739
- }
1740
-
1741
- form input.margin-s,
1742
- form textarea.margin-s {
1743
- margin: 0 0 0.6rem 0;
1744
- }
1745
-
1746
- form input.margin-l,
1747
- form textarea.margin-l {
1748
- margin: 0 0 4.2rem 0;
1749
- }
1750
-
1751
- @media only screen and (min-width: 1400px) {
1752
- form input,
1753
- form textarea {
1754
- height: 5rem;
1755
- }
1756
- form textarea {
1757
- height: 10rem;
1758
- }
1759
- }
1760
-
1761
- .form-light ::-webkit-input-placeholder {
1762
- font-weight: 300;
1763
- color: #ffffff;
1764
- }
1765
-
1766
- .form-light :-moz-placeholder {
1767
- font-weight: 300;
1768
- color: #ffffff;
1769
- }
1770
-
1771
- .form-light ::-moz-placeholder {
1772
- font-weight: 300;
1773
- color: #ffffff;
1774
- }
1775
-
1776
- .form-light :-ms-input-placeholder {
1777
- font-weight: 300;
1778
- color: #ffffff;
1779
- }
1780
-
1781
- .form-light input:focus:required:invalid,
1782
- .form-light textarea:focus:required:invalid {
1783
- color: #ffffff;
1784
- }
1785
-
1786
- .form-light input:required:valid,
1787
- .form-light textarea:required:valid {
1788
- color: #ffffff;
1789
- }
1790
-
1791
- .form-light input,
1792
- .form-light textarea {
1793
- border-bottom: 2px solid white;
1794
- color: #ffffff;
1795
- }
1796
-
1797
- .form-light input:focus,
1798
- .form-light textarea:focus {
1799
- border-bottom: 2px solid rgba(255, 255, 255, 0.5);
1800
- }
1801
-
1802
- .form-light .inputs-description {
1803
- color: rgba(255, 255, 255, 0.4);
1804
- }
1805
-
1806
- .reply-group {
1807
- position: absolute;
1808
- top: 0;
1809
- left: 0;
1810
- width: 100%;
1811
- max-width: 300px;
1812
- opacity: 0;
1813
- -webkit-transition: opacity 0.5s ease-in-out;
1814
- -o-transition: opacity 0.5s ease-in-out;
1815
- -moz-transition: opacity 0.5s ease-in-out;
1816
- transition: opacity 0.5s ease-in-out;
1817
- }
1818
-
1819
- .reply-group.is-visible {
1820
- opacity: 1;
1821
- }
1822
-
1823
- .reply-group__icon {
1824
- display: block;
1825
- margin: 0 auto 1.7rem;
1826
- font-size: 4rem;
1827
- color: #ffffff;
1828
- }
1829
-
1830
- .reply-group__title {
1831
- font: normal 400 2rem/1.2 "Poppins", sans-serif;
1832
- color: #ffffff;
1833
- margin-bottom: 0.2rem;
1834
- }
1835
-
1836
- .reply-group__text {
1837
- display: block;
1838
- font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
1839
- color: #aaaaaa;
1840
- }
1841
-
1842
- /* ------------------------------------------------*/
1843
-
1844
- /* Forms and Forms Reply Groups End */
1845
-
1846
- /* ------------------------------------------------*/
1847
-
1848
- /* ------------------------------------------------*/
1849
-
1850
- /* Animated Backgrounds Start */
1851
-
1852
- /* ------------------------------------------------*/
1853
-
1854
- .video-background {
1855
- position: absolute;
1856
- top: 0;
1857
- left: 0;
1858
- width: 100%;
1859
- height: 100%;
1860
- }
1861
-
1862
- #video-wrapper {
1863
- position: absolute;
1864
- top: 0;
1865
- left: 0;
1866
- width: 100%;
1867
- height: 100%;
1868
- background-color: transparent;
1869
- }
1870
-
1871
- #main-video {
1872
- display: block;
1873
- position: absolute;
1874
- top: 0;
1875
- left: 0;
1876
- width: 100%;
1877
- height: 100%;
1878
- background-color: transparent;
1879
- background-position: center center;
1880
- -moz-background-size: contain;
1881
- background-size: contain;
1882
- -o-object-fit: cover;
1883
- object-fit: cover;
1884
- }
1885
-
1886
- #bgndKenburns,
1887
- #bgndKenburnsFull {
1888
- display: block;
1889
- position: absolute;
1890
- top: 0;
1891
- left: 0;
1892
- width: 100%;
1893
- height: 100%;
1894
- min-height: 100%;
1895
- }
1896
-
1897
- #triangles-js {
1898
- position: absolute;
1899
- width: 100%;
1900
- height: 100%;
1901
- min-height: 600px;
1902
- background-color: transparent;
1903
- }
1904
-
1905
- /* ------------------------------------------------*/
1906
-
1907
- /* Animated Backgrounds End */
1908
-
1909
- /* ------------------------------------------------*/
1910
-
1911
- /* ------------------------------------------------*/
1912
-
1913
- /* Header Start */
1914
-
1915
- /* ------------------------------------------------*/
1916
-
1917
- .header {
1918
- position: fixed;
1919
- top: 0;
1920
- left: 0;
1921
- width: 100%;
1922
- min-width: 360px;
1923
- height: 8rem;
1924
- overflow: hidden;
1925
- z-index: 2;
1926
- }
1927
-
1928
- @media only screen and (min-width: 1200px) {
1929
- .header {
1930
- position: absolute;
1931
- top: 0;
1932
- left: 0;
1933
- width: 100%;
1934
- }
1935
- }
1936
-
1937
- @media only screen and (min-width: 1400px) {
1938
- .header {
1939
- height: 9rem;
1940
- }
1941
- }
1942
-
1943
- .header__left,
1944
- .header__right {
1945
- -webkit-transition: all 0.3s ease-in-out;
1946
- -o-transition: all 0.3s ease-in-out;
1947
- -moz-transition: all 0.3s ease-in-out;
1948
- transition: all 0.3s ease-in-out;
1949
- }
1950
-
1951
- .header.split {
1952
- background-color: #0c0c0c;
1953
- }
1954
-
1955
- .header.split .header__left,
1956
- .header.split .header__right {
1957
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
1958
- }
1959
-
1960
- .header.split .header__left.menu-is-visible,
1961
- .header.split .header__right.menu-is-visible {
1962
- background-color: #0c0c0c;
1963
- }
1964
-
1965
- .header.split .header__left.menu-is-visible .header__left,
1966
- .header.split .header__left.menu-is-visible .header__right,
1967
- .header.split .header__right.menu-is-visible .header__left,
1968
- .header.split .header__right.menu-is-visible .header__right {
1969
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
1970
- background-color: rgba(0, 0, 0, 0.1);
1971
- }
1972
-
1973
- .header.split .header__left.inner-is-visible,
1974
- .header.split .header__right.inner-is-visible {
1975
- background-color: #0c0c0c;
1976
- }
1977
-
1978
- .header.split .header__left.inner-is-visible .header__left,
1979
- .header.split .header__left.inner-is-visible .header__right,
1980
- .header.split .header__right.inner-is-visible .header__left,
1981
- .header.split .header__right.inner-is-visible .header__right {
1982
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
1983
- }
1984
-
1985
- .header.full {
1986
- background-color: transparent;
1987
- }
1988
-
1989
- .header.full .header__left,
1990
- .header.full .header__right {
1991
- background-color: transparent;
1992
- border-bottom: none;
1993
- }
1994
-
1995
- .header.full.menu-is-visible {
1996
- background-color: #0c0c0c;
1997
- }
1998
-
1999
- .header.full.menu-is-visible .header__left,
2000
- .header.full.menu-is-visible .header__right {
2001
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
2002
- background-color: transparent;
2003
- }
2004
-
2005
- .header.full.inner-is-visible {
2006
- background-color: #0c0c0c;
2007
- }
2008
-
2009
- .header.full.inner-is-visible .header__left,
2010
- .header.full.inner-is-visible .header__right {
2011
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
2012
- background-color: transparent;
2013
- }
2014
-
2015
- @media only screen and (min-width: 1200px) {
2016
- .header.split {
2017
- background-color: transparent;
2018
- }
2019
- .header.split .header__left {
2020
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
2021
- }
2022
- .header.split .header__right {
2023
- background-color: rgba(0, 0, 0, 0.1);
2024
- border-bottom: 1px solid rgba(255, 255, 255, 0);
2025
- }
2026
- .header.split.menu-is-visible {
2027
- background-color: transparent;
2028
- }
2029
- .header.split.menu-is-visible .header__left,
2030
- .header.split.menu-is-visible .header__right {
2031
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
2032
- background-color: rgba(0, 0, 0, 0.1);
2033
- }
2034
- .header.split.inner-is-visible {
2035
- background-color: transparent;
2036
- }
2037
- .header.split.inner-is-visible .header__left {
2038
- background-color: rgba(0, 0, 0, 0.1);
2039
- border-bottom: 1px solid rgba(255, 255, 255, 0);
2040
- }
2041
- .header.split.inner-is-visible .header__right {
2042
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
2043
- background-color: transparent;
2044
- }
2045
- .header.full {
2046
- background-color: transparent;
2047
- }
2048
- .header.full .header__left,
2049
- .header.full .header__right {
2050
- background-color: transparent;
2051
- border-bottom: none;
2052
- }
2053
- .header.full.menu-is-visible {
2054
- background-color: transparent;
2055
- }
2056
- .header.full.menu-is-visible .header__left,
2057
- .header.full.menu-is-visible .header__right {
2058
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
2059
- background-color: transparent;
2060
- }
2061
- .header.full.inner-is-visible {
2062
- background-color: transparent;
2063
- }
2064
- .header.full.inner-is-visible .header__left {
2065
- background-color: rgba(0, 0, 0, 0.1);
2066
- border-bottom: 1px solid rgba(255, 255, 255, 0);
2067
- }
2068
- .header.full.inner-is-visible .header__right {
2069
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
2070
- background-color: transparent;
2071
- }
2072
- }
2073
-
2074
- .header__content {
2075
- position: relative;
2076
- height: 100%;
2077
- padding: 0 3.4rem;
2078
- }
2079
-
2080
- @media only screen and (min-width: 1200px) {
2081
- .header__content {
2082
- padding: 0 6rem;
2083
- }
2084
- }
2085
-
2086
- @media only screen and (min-width: 1400px) {
2087
- .header__content {
2088
- padding: 0 8rem;
2089
- }
2090
- }
2091
-
2092
- .logo {
2093
- position: absolute;
2094
- top: 0;
2095
- left: 3.4rem;
2096
- height: 100%;
2097
- }
2098
-
2099
- .logo img {
2100
- width: auto;
2101
- display: block;
2102
- position: relative;
2103
- left: 0;
2104
- top: 50%;
2105
- bottom: auto;
2106
- -webkit-transform: translateY(-50%);
2107
- -moz-transform: translateY(-50%);
2108
- -ms-transform: translateY(-50%);
2109
- transform: translateY(-50%);
2110
- }
2111
-
2112
- @media only screen and (min-width: 1200px) {
2113
- .logo {
2114
- left: 6rem;
2115
- }
2116
- }
2117
-
2118
- @media only screen and (min-width: 1400px) {
2119
- .logo {
2120
- left: 8rem;
2121
- }
2122
- }
2123
-
2124
- /* ------------------------------------------------*/
2125
-
2126
- /* Header End */
2127
-
2128
- /* ------------------------------------------------*/
2129
-
2130
- /* ------------------------------------------------*/
2131
-
2132
- /* Footer Start */
2133
-
2134
- /* ------------------------------------------------*/
2135
-
2136
- .footer-mobile {
2137
- display: block;
2138
- width: 100%;
2139
- height: 8rem;
2140
- }
2141
-
2142
- @media only screen and (min-width: 1200px) {
2143
- .footer-mobile {
2144
- display: none;
2145
- }
2146
- }
2147
-
2148
- .footer-mobile.split {
2149
- position: relative;
2150
- border-top: 1px solid rgba(255, 255, 255, 0.1);
2151
- }
2152
-
2153
- .footer-mobile.full {
2154
- position: absolute;
2155
- bottom: 0;
2156
- left: 0;
2157
- border-top: none;
2158
- }
2159
-
2160
- .footer-desktop {
2161
- display: none;
2162
- }
2163
-
2164
- @media only screen and (min-width: 1200px) {
2165
- .footer-desktop {
2166
- display: block;
2167
- position: absolute;
2168
- bottom: 0;
2169
- left: 0;
2170
- width: 100%;
2171
- height: 8rem;
2172
- overflow: hidden;
2173
- z-index: 2;
2174
- }
2175
- }
2176
-
2177
- @media only screen and (min-width: 1400px) {
2178
- .footer-desktop {
2179
- height: 9rem;
2180
- }
2181
- }
2182
-
2183
- .footer-desktop__left,
2184
- .footer-desktop__right {
2185
- -webkit-transition: all 0.3s ease-in-out;
2186
- -o-transition: all 0.3s ease-in-out;
2187
- -moz-transition: all 0.3s ease-in-out;
2188
- transition: all 0.3s ease-in-out;
2189
- }
2190
-
2191
- .footer-desktop.split .footer-desktop__left {
2192
- border-top: 1px solid rgba(255, 255, 255, 0.1);
2193
- }
2194
-
2195
- .footer-desktop.split .footer-desktop__right {
2196
- background-color: rgba(0, 0, 0, 0.1);
2197
- }
2198
-
2199
- .footer-desktop.split.menu-is-visible .footer-desktop__left,
2200
- .footer-desktop.split.menu-is-visible .footer-desktop__right {
2201
- border-top: 1px solid rgba(255, 255, 255, 0.1);
2202
- background-color: rgba(0, 0, 0, 0.1);
2203
- }
2204
-
2205
- .footer-desktop.split.inner-is-visible .footer-desktop__left {
2206
- border-top: 1px solid rgba(255, 255, 255, 0);
2207
- background-color: rgba(0, 0, 0, 0.2);
2208
- }
2209
-
2210
- .footer-desktop.split.inner-is-visible .footer-desktop__right {
2211
- background-color: transparent;
2212
- border-top: 1px solid rgba(255, 255, 255, 0.1);
2213
- }
2214
-
2215
- .footer-desktop.full .footer-desktop__left,
2216
- .footer-desktop.full .footer-desktop__right {
2217
- background-color: transparent;
2218
- border-bottom: none;
2219
- }
2220
-
2221
- .footer-desktop.full.menu-is-visible .footer-desktop__left,
2222
- .footer-desktop.full.menu-is-visible .footer-desktop__right {
2223
- border-top: 1px solid rgba(255, 255, 255, 0.1);
2224
- background-color: transparent;
2225
- }
2226
-
2227
- .footer-desktop.full.inner-is-visible .footer-desktop__left {
2228
- border-top: 1px solid rgba(255, 255, 255, 0);
2229
- background-color: rgba(0, 0, 0, 0.2);
2230
- }
2231
-
2232
- .footer-desktop.full.inner-is-visible .footer-desktop__right {
2233
- background-color: transparent;
2234
- border-top: 1px solid rgba(255, 255, 255, 0.1);
2235
- }
2236
-
2237
- /* ------------------------------------------------*/
2238
-
2239
- /* Footer End */
2240
-
2241
- /* ------------------------------------------------*/
2242
-
2243
- /* ------------------------------------------------*/
2244
-
2245
- /* Main Section Start */
2246
-
2247
- /* ------------------------------------------------*/
2248
-
2249
- .main {
2250
- position: relative;
2251
- height: 100%;
2252
- overflow-y: auto;
2253
- overflow-x: hidden;
2254
- padding-top: 8rem;
2255
- background-color: #0c0c0c;
2256
- z-index: 1;
2257
- }
2258
-
2259
- .main::after {
2260
- content: "";
2261
- display: block;
2262
- position: absolute;
2263
- top: 0;
2264
- left: 0;
2265
- width: 100%;
2266
- height: 100%;
2267
- background-color: #000000;
2268
- }
2269
-
2270
- .main.full {
2271
- padding-top: 0;
2272
- }
2273
-
2274
- @media only screen and (min-width: 1200px) {
2275
- .main {
2276
- overflow: hidden;
2277
- padding-top: 0;
2278
- }
2279
- }
2280
-
2281
- .fullscreen-wrapper {
2282
- position: relative;
2283
- width: 100%;
2284
- height: 100%;
2285
- min-height: 600px;
2286
- }
2287
-
2288
- .main__intro {
2289
- position: relative;
2290
- height: auto;
2291
- }
2292
-
2293
- @media only screen and (min-width: 1200px) {
2294
- .main__intro {
2295
- height: 100%;
2296
- }
2297
- }
2298
-
2299
- .intro__background {
2300
- position: absolute;
2301
- top: 0;
2302
- left: 0;
2303
- width: 100%;
2304
- height: 100%;
2305
- }
2306
-
2307
- .intro__content {
2308
- position: relative;
2309
- padding: 10rem 0;
2310
- }
2311
-
2312
- @media only screen and (min-width: 1200px) {
2313
- .intro__content {
2314
- padding: 8rem 0;
2315
- }
2316
- }
2317
-
2318
- @media only screen and (min-width: 1400px) {
2319
- .intro__content {
2320
- padding: 9rem 0;
2321
- }
2322
- }
2323
-
2324
- .headline {
2325
- padding: 0 3.4rem;
2326
- }
2327
-
2328
- .headline.centered-mobile {
2329
- position: absolute;
2330
- top: 50%;
2331
- bottom: auto;
2332
- -webkit-transform: translateY(-50%);
2333
- -moz-transform: translateY(-50%);
2334
- -ms-transform: translateY(-50%);
2335
- transform: translateY(-50%);
2336
- width: 100%;
2337
- }
2338
-
2339
- @media only screen and (min-width: 1200px) {
2340
- .headline {
2341
- position: absolute;
2342
- top: 50%;
2343
- bottom: auto;
2344
- -webkit-transform: translateY(-50%);
2345
- -moz-transform: translateY(-50%);
2346
- -ms-transform: translateY(-50%);
2347
- transform: translateY(-50%);
2348
- width: 100%;
2349
- padding: 0 6rem;
2350
- }
2351
- }
2352
-
2353
- @media only screen and (min-width: 1400px) {
2354
- .headline {
2355
- padding: 0 8rem;
2356
- }
2357
- }
2358
-
2359
- .intro__dataline {
2360
- position: relative;
2361
- width: 100%;
2362
- height: 8rem;
2363
- padding: 0 3.4rem;
2364
- }
2365
-
2366
- @media only screen and (min-width: 1200px) {
2367
- .intro__dataline {
2368
- position: absolute;
2369
- bottom: 0;
2370
- left: 0;
2371
- width: 100%;
2372
- padding: 0 6rem;
2373
- }
2374
- }
2375
-
2376
- @media only screen and (min-width: 1400px) {
2377
- .intro__dataline {
2378
- height: 9rem;
2379
- padding: 0 8rem;
2380
- }
2381
- }
2382
-
2383
- .main__media {
2384
- position: relative;
2385
- height: 80vh;
2386
- min-height: 600px;
2387
- }
2388
-
2389
- @media only screen and (min-width: 1200px) {
2390
- .main__media {
2391
- height: 100%;
2392
- }
2393
- }
2394
-
2395
- .media__content {
2396
- position: relative;
2397
- width: 100%;
2398
- height: 100%;
2399
- }
2400
-
2401
- .media__image {
2402
- position: absolute;
2403
- top: 0;
2404
- left: 0;
2405
- width: 100%;
2406
- height: 100%;
2407
- background-repeat: no-repeat;
2408
- background-position: center;
2409
- -moz-background-size: cover;
2410
- background-size: cover;
2411
- }
2412
-
2413
- /* ------------------------------------------------*/
2414
-
2415
- /* Main Section End */
2416
-
2417
- /* ------------------------------------------------*/
2418
-
2419
- /* ------------------------------------------------*/
2420
-
2421
- /* Menu Start */
2422
-
2423
- /* ------------------------------------------------*/
2424
-
2425
- .nav {
2426
- display: block;
2427
- position: fixed;
2428
- top: 0;
2429
- left: 0;
2430
- width: 100%;
2431
- min-width: 360px;
2432
- height: 100%;
2433
- overflow-y: auto;
2434
- overflow-x: hidden;
2435
- z-index: 2;
2436
- background-color: #0c0c0c;
2437
- }
2438
-
2439
- .nav::after {
2440
- content: "";
2441
- display: block;
2442
- position: absolute;
2443
- top: 0;
2444
- left: 0;
2445
- width: 100%;
2446
- height: 100%;
2447
- background-color: #000000;
2448
- }
2449
-
2450
- @media only screen and (min-width: 1200px) {
2451
- .nav {
2452
- overflow: hidden;
2453
- }
2454
- }
2455
-
2456
- .nav__background {
2457
- position: absolute;
2458
- top: 0;
2459
- left: 0;
2460
- width: 100%;
2461
- height: 100%;
2462
- background-repeat: no-repeat;
2463
- background-position: bottom center;
2464
- -moz-background-size: 150%;
2465
- background-size: 150%;
2466
- background-image: url("../img/backgrounds/1920x280-bg-menu.webp");
2467
- }
2468
-
2469
- @media only screen and (min-width: 1200px) {
2470
- .nav__background {
2471
- -moz-background-size: 100%;
2472
- background-size: 100%;
2473
- }
2474
- }
2475
-
2476
- .nav__container {
2477
- position: absolute;
2478
- top: 0;
2479
- left: 0;
2480
- width: 100%;
2481
- height: 100%;
2482
- min-height: 600px;
2483
- overflow: hidden;
2484
- }
2485
-
2486
- .nav__content {
2487
- position: absolute;
2488
- left: 0;
2489
- top: 50%;
2490
- bottom: auto;
2491
- -webkit-transform: translateY(-50%);
2492
- -moz-transform: translateY(-50%);
2493
- -ms-transform: translateY(-50%);
2494
- transform: translateY(-50%);
2495
- width: 100%;
2496
- padding: 0 3.4rem;
2497
- }
2498
-
2499
- @media only screen and (min-width: 1200px) {
2500
- .nav__content {
2501
- padding: 0 6rem;
2502
- }
2503
- }
2504
-
2505
- @media only screen and (min-width: 1400px) {
2506
- .nav__content {
2507
- padding: 0 8rem;
2508
- }
2509
- }
2510
-
2511
- .navigation {
2512
- display: block;
2513
- overflow: hidden;
2514
- }
2515
-
2516
- .navigation li {
2517
- display: inline-block;
2518
- overflow: hidden;
2519
- font: normal 400 3rem/1.6 "Poppins", sans-serif;
2520
- color: rgba(255, 255, 255, 0.4);
2521
- }
2522
-
2523
- .navigation li::after {
2524
- content: "/";
2525
- display: inline-block;
2526
- font-weight: 300;
2527
- }
2528
-
2529
- .navigation li:last-of-type::after {
2530
- display: none;
2531
- }
2532
-
2533
- .navigation li a {
2534
- display: inline-block;
2535
- position: relative;
2536
- font: normal 400 3rem/1.6 "Poppins", sans-serif;
2537
- color: rgba(255, 255, 255, 0.4);
2538
- }
2539
-
2540
- .navigation li a .link-title {
2541
- display: block;
2542
- position: relative;
2543
- -webkit-transform: translateY(0);
2544
- -moz-transform: translateY(0);
2545
- -ms-transform: translateY(0);
2546
- transform: translateY(0);
2547
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
2548
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
2549
- -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
2550
- -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
2551
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
2552
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
2553
- color: rgba(255, 255, 255, 0.4);
2554
- }
2555
-
2556
- .navigation li a .link-hover {
2557
- display: block;
2558
- position: absolute;
2559
- top: 0;
2560
- left: 0;
2561
- width: 100%;
2562
- -webkit-transform: translateY(100%);
2563
- -moz-transform: translateY(100%);
2564
- -ms-transform: translateY(100%);
2565
- transform: translateY(100%);
2566
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
2567
- transition: -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
2568
- -o-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
2569
- -moz-transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
2570
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
2571
- transition: transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -webkit-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09), -moz-transform 0.3s cubic-bezier(0.23, 0.65, 0.74, 1.09);
2572
- color: #ffffff;
2573
- }
2574
-
2575
- .no-touch .navigation li a:hover .link-title {
2576
- -webkit-transform: translateY(-100%);
2577
- -moz-transform: translateY(-100%);
2578
- -ms-transform: translateY(-100%);
2579
- transform: translateY(-100%);
2580
- }
2581
-
2582
- .no-touch .navigation li a:hover .link-hover {
2583
- -webkit-transform: translateY(0);
2584
- -moz-transform: translateY(0);
2585
- -ms-transform: translateY(0);
2586
- transform: translateY(0);
2587
- }
2588
-
2589
- .navigation li a.active-link .link-title,
2590
- .navigation li a.active-link .link-hover {
2591
- color: #ffffff;
2592
- }
2593
-
2594
- @media only screen and (min-width: 768px) {
2595
- .navigation li {
2596
- font-size: 4.4rem;
2597
- }
2598
- .navigation li a {
2599
- font-size: 4.4rem;
2600
- }
2601
- }
2602
-
2603
- @media only screen and (min-width: 1400px) {
2604
- .navigation li {
2605
- font-size: 6rem;
2606
- }
2607
- .navigation li a {
2608
- font-size: 6rem;
2609
- }
2610
- }
2611
-
2612
- /* ------------------------------------------------*/
2613
-
2614
- /* Menu End */
2615
-
2616
- /* ------------------------------------------------*/
2617
-
2618
- /* ------------------------------------------------*/
2619
-
2620
- /* Socials Start */
2621
-
2622
- /* ------------------------------------------------*/
2623
-
2624
- .socials {
2625
- display: -webkit-box;
2626
- display: -moz-box;
2627
- display: -ms-flexbox;
2628
- display: flex;
2629
- position: relative;
2630
- font: normal 600 1.4rem/1.6 "Poppins", sans-serif;
2631
- line-height: 0.9;
2632
- }
2633
-
2634
- .socials li {
2635
- display: inline-block;
2636
- position: relative;
2637
- font: normal 600 1.4rem/1.6 "Poppins", sans-serif;
2638
- margin-right: 2rem;
2639
- }
2640
-
2641
- .socials li:last-of-type {
2642
- margin-right: 0;
2643
- }
2644
-
2645
- /* ------------------------------------------------*/
2646
-
2647
- /* Socials End */
2648
-
2649
- /* ------------------------------------------------*/
2650
-
2651
- /* ------------------------------------------------*/
2652
-
2653
- /* Countdown Start */
2654
-
2655
- /* ------------------------------------------------*/
2656
-
2657
- .media__countdown {
2658
- position: relative;
2659
- }
2660
-
2661
- .media__countdown #countdown {
2662
- position: relative;
2663
- font: normal 400 4rem/1.2 "Poppins", sans-serif;
2664
- color: #ffffff;
2665
- }
2666
-
2667
- .media__countdown .countdown-period {
2668
- display: inline-block;
2669
- margin-left: 1rem;
2670
- letter-spacing: normal;
2671
- text-transform: lowercase;
2672
- }
2673
-
2674
- @media only screen and (min-width: 768px) {
2675
- .media__countdown #countdown {
2676
- font-size: 5.6rem;
2677
- }
2678
- .media__countdown .countdown-period {
2679
- margin-left: 1.5rem;
2680
- }
2681
- }
2682
-
2683
- @media only screen and (min-width: 1400px) {
2684
- .media__countdown #countdown {
2685
- font-size: 6.6rem;
2686
- }
2687
- .media__countdown .countdown-period {
2688
- margin-left: 1.6rem;
2689
- }
2690
- }
2691
-
2692
- /* ------------------------------------------------*/
2693
-
2694
- /* Countdown End */
2695
-
2696
- /* ------------------------------------------------*/
2697
-
2698
- /* ------------------------------------------------*/
2699
-
2700
- /* Swiper Slider Start */
2701
-
2702
- /* ------------------------------------------------*/
2703
-
2704
- .swiper {
2705
- width: 100%;
2706
- height: 100%;
2707
- }
2708
-
2709
- .swiper-slide {
2710
- position: relative;
2711
- width: 100%;
2712
- height: 100%;
2713
- background-color: transparent;
2714
- background-position: center center;
2715
- background-repeat: no-repeat;
2716
- -moz-background-size: cover;
2717
- background-size: cover;
2718
- }
2719
-
2720
- .split-slide {
2721
- background-color: #0c0c0c;
2722
- background-position: center center;
2723
- background-repeat: no-repeat;
2724
- -moz-background-size: cover;
2725
- background-size: cover;
2726
- }
2727
-
2728
- .split-slider-pagination-ignite {
2729
- bottom: 0;
2730
- }
2731
-
2732
- .swiper-dataline {
2733
- position: absolute;
2734
- bottom: 0;
2735
- left: 0;
2736
- width: 100%;
2737
- height: 8rem;
2738
- background-color: rgba(0, 0, 0, 0.1);
2739
- z-index: 1;
2740
- }
2741
-
2742
- @media only screen and (min-width: 1200px) {
2743
- .swiper-dataline {
2744
- display: none;
2745
- }
2746
- }
2747
-
2748
- .swiper-pagination-fraction,
2749
- .swiper-pagination-custom,
2750
- .swiper-horizontal>.swiper-pagination-bullets,
2751
- .swiper-pagination-bullets.swiper-pagination-horizontal {
2752
- height: 8rem;
2753
- bottom: 0;
2754
- }
2755
-
2756
- @media only screen and (min-width: 1200px) {
2757
- .swiper-pagination-fraction,
2758
- .swiper-pagination-custom,
2759
- .swiper-horizontal>.swiper-pagination-bullets,
2760
- .swiper-pagination-bullets.swiper-pagination-horizontal {
2761
- bottom: 8rem;
2762
- }
2763
- }
2764
-
2765
- @media only screen and (min-width: 1400px) {
2766
- .swiper-pagination-fraction,
2767
- .swiper-pagination-custom,
2768
- .swiper-horizontal>.swiper-pagination-bullets,
2769
- .swiper-pagination-bullets.swiper-pagination-horizontal {
2770
- bottom: 9rem;
2771
- height: 9rem;
2772
- }
2773
- }
2774
-
2775
- .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
2776
- .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
2777
- margin: 0 0.5rem;
2778
- }
2779
-
2780
- .swiper-pagination-bullet {
2781
- position: relative;
2782
- opacity: 1;
2783
- width: 0.8rem;
2784
- height: 0.8rem;
2785
- -moz-border-radius: 50%;
2786
- border-radius: 50%;
2787
- background-color: rgba(255, 255, 255, 0.6);
2788
- -webkit-transition: all 0.3s;
2789
- -o-transition: all 0.3s;
2790
- -moz-transition: all 0.3s;
2791
- transition: all 0.3s;
2792
- }
2793
-
2794
- .swiper-pagination-bullet::after {
2795
- content: "";
2796
- display: block;
2797
- position: absolute;
2798
- top: -0.4rem;
2799
- left: -0.4rem;
2800
- width: 1.6rem;
2801
- height: 1.6rem;
2802
- border: 1px solid #ffffff;
2803
- -moz-border-radius: 50%;
2804
- border-radius: 50%;
2805
- opacity: 0;
2806
- -webkit-transform: scale3d(0, 0, 0);
2807
- -moz-transform: scale3d(0, 0, 0);
2808
- transform: scale3d(0, 0, 0);
2809
- -webkit-transition: all 0.3s;
2810
- -o-transition: all 0.3s;
2811
- -moz-transition: all 0.3s;
2812
- transition: all 0.3s;
2813
- }
2814
-
2815
- .no-touch .swiper-pagination-bullet:hover {
2816
- background-color: #ffffff;
2817
- }
2818
-
2819
- .swiper-pagination-bullet-active {
2820
- background-color: #ffffff;
2821
- -webkit-transition: all 0.3s;
2822
- -o-transition: all 0.3s;
2823
- -moz-transition: all 0.3s;
2824
- transition: all 0.3s;
2825
- }
2826
-
2827
- .swiper-pagination-bullet-active::after {
2828
- opacity: 1;
2829
- -webkit-transform: scale3d(1, 1, 1);
2830
- -moz-transform: scale3d(1, 1, 1);
2831
- transform: scale3d(1, 1, 1);
2832
- }
2833
-
2834
- .split-slider-btn-ignite-prev,
2835
- .split-slider-btn-ignite-next {
2836
- width: auto;
2837
- height: 8rem;
2838
- margin-top: 0;
2839
- top: auto;
2840
- bottom: 0;
2841
- color: #ffffff;
2842
- overflow: hidden;
2843
- }
2844
-
2845
- .split-slider-btn-ignite-prev i,
2846
- .split-slider-btn-ignite-next i {
2847
- margin: 0 1rem;
2848
- }
2849
-
2850
- .split-slider-btn-ignite-prev::after,
2851
- .split-slider-btn-ignite-next::after {
2852
- display: none;
2853
- }
2854
-
2855
- @media only screen and (min-width: 1200px) {
2856
- .split-slider-btn-ignite-prev,
2857
- .split-slider-btn-ignite-next {
2858
- bottom: 8rem;
2859
- }
2860
- }
2861
-
2862
- @media only screen and (min-width: 1400px) {
2863
- .split-slider-btn-ignite-prev,
2864
- .split-slider-btn-ignite-next {
2865
- bottom: 9rem;
2866
- }
2867
- }
2868
-
2869
- .split-slider-btn-ignite-prev {
2870
- left: 2.4rem;
2871
- }
2872
-
2873
- @media only screen and (min-width: 1200px) {
2874
- .split-slider-btn-ignite-prev {
2875
- left: 5rem;
2876
- }
2877
- .no-touch .split-slider-btn-ignite-prev:hover i {
2878
- -webkit-animation: 0.4s ease-in-out 0s 1 both slideOutRight;
2879
- -moz-animation: 0.4s ease-in-out 0s 1 both slideOutRight;
2880
- animation: 0.4s ease-in-out 0s 1 both slideOutRight;
2881
- }
2882
- }
2883
-
2884
- @media only screen and (min-width: 1400px) {
2885
- .split-slider-btn-ignite-prev {
2886
- left: 7rem;
2887
- }
2888
- }
2889
-
2890
- .split-slider-btn-ignite-next {
2891
- right: 2.4rem;
2892
- }
2893
-
2894
- @media only screen and (min-width: 1200px) {
2895
- .split-slider-btn-ignite-next {
2896
- right: 5rem;
2897
- }
2898
- .no-touch .split-slider-btn-ignite-next:hover i {
2899
- -webkit-animation: 0.4s ease-in-out 0s 1 both slideOutLeft;
2900
- -moz-animation: 0.4s ease-in-out 0s 1 both slideOutLeft;
2901
- animation: 0.4s ease-in-out 0s 1 both slideOutLeft;
2902
- }
2903
- }
2904
-
2905
- @media only screen and (min-width: 1400px) {
2906
- .split-slider-btn-ignite-next {
2907
- right: 7rem;
2908
- }
2909
- }
2910
-
2911
- /* ------------------------------------------------*/
2912
-
2913
- /* Swiper Slider End */
2914
-
2915
- /* ------------------------------------------------*/
2916
-
2917
- /* ------------------------------------------------*/
2918
-
2919
- /* Popup Dialogs Start */
2920
-
2921
- /* ------------------------------------------------*/
2922
-
2923
- .popup {
2924
- position: fixed;
2925
- top: 0;
2926
- left: 0;
2927
- width: 100%;
2928
- min-width: 360px;
2929
- height: 100%;
2930
- overflow-y: auto;
2931
- background-color: rgba(0, 0, 0, 0.3);
2932
- z-index: 10;
2933
- }
2934
-
2935
- .popup__container {
2936
- position: relative;
2937
- padding: 3.4rem 3.4rem;
2938
- }
2939
-
2940
- @media only screen and (min-width: 768px) {
2941
- .popup__container {
2942
- position: absolute;
2943
- left: 0;
2944
- top: 50%;
2945
- bottom: auto;
2946
- -webkit-transform: translateY(-50%);
2947
- -moz-transform: translateY(-50%);
2948
- -ms-transform: translateY(-50%);
2949
- transform: translateY(-50%);
2950
- width: 100%;
2951
- padding: 0;
2952
- }
2953
- }
2954
-
2955
- .popup__content {
2956
- position: relative;
2957
- width: 100%;
2958
- height: auto;
2959
- background-color: rgba(255, 255, 255, 0.05);
2960
- -webkit-backdrop-filter: blur(20px);
2961
- backdrop-filter: blur(20px);
2962
- -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
2963
- -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
2964
- box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
2965
- padding: 3.4rem;
2966
- border-top: 1px solid rgba(255, 255, 255, 0.07);
2967
- border-bottom: 1px solid rgba(255, 255, 255, 0.07);
2968
- z-index: 1;
2969
- }
2970
-
2971
- @media only screen and (min-width: 768px) {
2972
- .popup__content {
2973
- max-width: 510px;
2974
- padding: 3.4rem 3.4rem;
2975
- margin: 0 auto;
2976
- }
2977
- }
2978
-
2979
- @media only screen and (min-width: 1200px) {
2980
- .popup__content {
2981
- padding: 6rem;
2982
- max-width: 640px;
2983
- }
2984
- }
2985
-
2986
- @media only screen and (min-width: 1400px) {
2987
- .popup__content {
2988
- padding: 8rem;
2989
- max-width: 700px;
2990
- }
2991
- }
2992
-
2993
- .popup-close {
2994
- position: absolute;
2995
- top: 0;
2996
- right: 0;
2997
- width: 4rem;
2998
- height: 4rem;
2999
- background-color: transparent;
3000
- font-size: 1.6rem;
3001
- text-align: center;
3002
- line-height: 4rem;
3003
- color: #ffffff;
3004
- }
3005
-
3006
- .no-touch .popup-close:hover {
3007
- color: rgba(255, 255, 255, 0.4);
3008
- }
3009
-
3010
- @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
3011
- .popup__content {
3012
- background-color: rgba(255, 255, 255, 0.05);
3013
- -webkit-backdrop-filter: blur(20px);
3014
- backdrop-filter: blur(20px);
3015
- }
3016
- }
3017
-
3018
- @supports not ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
3019
- .popup__content {
3020
- background-color: #0c0c0c;
3021
- border: 1px solid rgba(255, 255, 255, 0.05);
3022
- }
3023
- }
3024
-
3025
- .popup-title {
3026
- position: relative;
3027
- margin-bottom: 4.2rem;
3028
- }
3029
-
3030
- .mfp-bg {
3031
- background: #000000;
3032
- }
3033
-
3034
- /* ------------------------------------------------*/
3035
-
3036
- /* Popup Dialogs End */
3037
-
3038
- /* ------------------------------------------------*/
3039
-
3040
- /* ------------------------------------------------*/
3041
-
3042
- /* Inner Sections Start */
3043
-
3044
- /* ------------------------------------------------*/
3045
-
3046
- .inner {
3047
- position: absolute;
3048
- top: 0;
3049
- left: 0;
3050
- width: 100%;
3051
- min-width: 360px;
3052
- height: 100%;
3053
- background-color: #0c0c0c;
3054
- overflow-y: auto;
3055
- z-index: 1;
3056
- }
3057
-
3058
- .inner::after {
3059
- content: "";
3060
- display: block;
3061
- position: absolute;
3062
- top: 0;
3063
- left: 0;
3064
- width: 100%;
3065
- height: 100%;
3066
- background-color: #000000;
3067
- }
3068
-
3069
- @media only screen and (min-width: 1200px) {
3070
- .inner {
3071
- height: 100%;
3072
- padding-top: 0;
3073
- overflow: hidden;
3074
- }
3075
- }
3076
-
3077
- .inner__content {
3078
- position: relative;
3079
- padding-top: 80px;
3080
- }
3081
-
3082
- @media only screen and (min-width: 1200px) {
3083
- .inner__content {
3084
- padding-top: 0;
3085
- }
3086
- }
3087
-
3088
- .inner__info,
3089
- .inner__media {
3090
- position: relative;
3091
- }
3092
-
3093
- @media only screen and (min-width: 1200px) {
3094
- .inner__info,
3095
- .inner__media {
3096
- height: 100%;
3097
- }
3098
- }
3099
-
3100
- .inner__media {
3101
- height: 80vh;
3102
- min-height: 600px;
3103
- }
3104
-
3105
- @media only screen and (min-width: 1200px) {
3106
- .inner__media {
3107
- height: 100%;
3108
- }
3109
- }
3110
-
3111
- .blocks-container {
3112
- padding: 80px 0;
3113
- }
3114
-
3115
- @media only screen and (min-width: 1200px) {
3116
- .blocks-container {
3117
- position: absolute;
3118
- left: 0;
3119
- top: 50%;
3120
- bottom: auto;
3121
- -webkit-transform: translateY(-50%);
3122
- -moz-transform: translateY(-50%);
3123
- -ms-transform: translateY(-50%);
3124
- transform: translateY(-50%);
3125
- width: 100%;
3126
- padding: 0;
3127
- }
3128
- }
3129
-
3130
- .media-container {
3131
- position: relative;
3132
- overflow: hidden;
3133
- height: 100%;
3134
- }
3135
-
3136
- .media-container.portfolio-container {
3137
- height: auto;
3138
- }
3139
-
3140
- @media only screen and (min-width: 1200px) {
3141
- .media-container {
3142
- height: 100%;
3143
- }
3144
- .media-container.portfolio-container {
3145
- height: 100%;
3146
- }
3147
- }
3148
-
3149
- .content-block {
3150
- padding: 0 3.4rem;
3151
- margin-bottom: 5rem;
3152
- }
3153
-
3154
- .content-block:last-of-type {
3155
- margin-bottom: 0;
3156
- }
3157
-
3158
- @media only screen and (min-width: 1200px) {
3159
- .content-block {
3160
- padding: 0 6rem;
3161
- }
3162
- }
3163
-
3164
- @media only screen and (min-width: 1400px) {
3165
- .content-block {
3166
- padding: 0 8rem;
3167
- }
3168
- }
3169
-
3170
- .image {
3171
- position: relative;
3172
- height: 100%;
3173
- background-repeat: no-repeat;
3174
- background-position: center;
3175
- -moz-background-size: cover;
3176
- background-size: cover;
3177
- }
3178
-
3179
- .image-caption {
3180
- position: absolute;
3181
- bottom: 3.4rem;
3182
- left: 3.4rem;
3183
- width: -moz-calc(100% - 6.8rem);
3184
- width: calc(100% - 6.8rem);
3185
- background-color: rgba(255, 255, 255, 0.05);
3186
- -webkit-backdrop-filter: blur(20px);
3187
- backdrop-filter: blur(20px);
3188
- border-top: 1px solid rgba(255, 255, 255, 0.07);
3189
- border-bottom: 1px solid rgba(255, 255, 255, 0.07);
3190
- -moz-border-radius: 4px;
3191
- border-radius: 4px;
3192
- padding: 2.4rem 3.4rem;
3193
- text-align: center;
3194
- }
3195
-
3196
- .image-caption.opposite {
3197
- background-color: rgba(0, 0, 0, 0.1);
3198
- }
3199
-
3200
- @media only screen and (min-width: 768px) {
3201
- .image-caption {
3202
- width: auto;
3203
- text-align: left;
3204
- }
3205
- }
3206
-
3207
- @media only screen and (min-width: 1200px) {
3208
- .image-caption {
3209
- left: 6rem;
3210
- bottom: 11rem;
3211
- padding: 0;
3212
- background-color: transparent;
3213
- -webkit-backdrop-filter: none;
3214
- backdrop-filter: none;
3215
- border: none;
3216
- }
3217
- }
3218
-
3219
- @media only screen and (min-width: 1400px) {
3220
- .image-caption {
3221
- left: 8rem;
3222
- bottom: 12rem;
3223
- }
3224
- }
3225
-
3226
- /* ------------------------------------------------*/
3227
-
3228
- /* Inner Sections End */
3229
-
3230
- /* ------------------------------------------------*/
3231
-
3232
- /* ------------------------------------------------*/
3233
-
3234
- /* Skillbars Start */
3235
-
3236
- /* ------------------------------------------------*/
3237
-
3238
- .show-skillbar {
3239
- display: block;
3240
- padding: 0;
3241
- margin-bottom: 2rem;
3242
- }
3243
-
3244
- .show-skillbar:last-of-type {
3245
- margin-bottom: 0;
3246
- }
3247
-
3248
- @media only screen and (min-width: 1400px) {
3249
- .show-skillbar {
3250
- margin-bottom: 2rem;
3251
- }
3252
- .show-skillbar:last-of-type {
3253
- margin-bottom: 0;
3254
- }
3255
- }
3256
-
3257
- .skillbar {
3258
- position: relative;
3259
- width: 100%;
3260
- height: 3.6rem;
3261
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
3262
- }
3263
-
3264
- @media only screen and (min-width: 1400px) {
3265
- .skillbar {
3266
- height: 3.6rem;
3267
- }
3268
- }
3269
-
3270
- .skillbar-title {
3271
- position: absolute;
3272
- top: 0;
3273
- left: 0;
3274
- font: normal 500 2rem/1.6 "Poppins", sans-serif;
3275
- color: #ffffff;
3276
- }
3277
-
3278
- .skillbar-bar {
3279
- display: inline-block;
3280
- position: absolute;
3281
- bottom: -1px;
3282
- left: 0;
3283
- width: 0px;
3284
- height: 1px;
3285
- background-color: #ffffff;
3286
- }
3287
-
3288
- .skill-bar-percent {
3289
- display: block;
3290
- position: absolute;
3291
- top: 0;
3292
- right: 2px;
3293
- font: normal 500 2rem/1.6 "Poppins", sans-serif;
3294
- -webkit-font-feature-settings: "lnum";
3295
- -moz-font-feature-settings: "lnum";
3296
- font-feature-settings: "lnum";
3297
- color: #ffffff;
3298
- }
3299
-
3300
- /* ------------------------------------------------*/
3301
-
3302
- /* Skillbars End */
3303
-
3304
- /* ------------------------------------------------*/
3305
-
3306
- /* ------------------------------------------------*/
3307
-
3308
- /* Features Start */
3309
-
3310
- /* ------------------------------------------------*/
3311
-
3312
- .features__item {
3313
- display: block;
3314
- position: relative;
3315
- margin-bottom: 3.2rem;
3316
- }
3317
-
3318
- .features__item:last-of-type {
3319
- margin-bottom: 0;
3320
- }
3321
-
3322
- .features__item img {
3323
- width: 5rem;
3324
- height: 4.6rem;
3325
- }
3326
-
3327
- .features__item h3 {
3328
- padding-left: 2.4rem;
3329
- }
3330
-
3331
- @media only screen and (min-width: 768px) {
3332
- .features__item:nth-of-type(3) {
3333
- margin-bottom: 0;
3334
- }
3335
- }
3336
-
3337
- /* ------------------------------------------------*/
3338
-
3339
- /* Features End */
3340
-
3341
- /* ------------------------------------------------*/
3342
-
3343
- /* ------------------------------------------------*/
3344
-
3345
- /* Contact Data Start */
3346
-
3347
- /* ------------------------------------------------*/
3348
-
3349
- .contactdata__item {
3350
- display: block;
3351
- position: relative;
3352
- margin-bottom: 3.2rem;
3353
- }
3354
-
3355
- .contactdata__item:last-of-type {
3356
- margin-bottom: 0;
3357
- }
3358
-
3359
- @media only screen and (min-width: 768px) {
3360
- .contactdata__item {
3361
- margin-bottom: 0;
3362
- }
3363
- }
3364
-
3365
- .contactdata__title {
3366
- color: #ffffff;
3367
- margin: 0 0 1.2rem 0;
3368
- }
3369
-
3370
- .contactdata__descr {
3371
- margin-bottom: 1.1rem;
3372
- }
3373
-
3374
- .contactdata__descr:last-of-type {
3375
- margin-bottom: 0;
3376
- }
3377
-
3378
- .contactdata__icon {
3379
- margin-right: 1rem;
3380
- min-width: 1.4rem;
3381
- }
3382
-
3383
- .contactdata__icon i {
3384
- font-size: 1.4rem;
3385
- color: #ffffff;
3386
- }
3387
-
3388
- .contactdata__text {
3389
- font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
3390
- color: #aaaaaa;
3391
- }
3392
-
3393
- .contactdata__text p,
3394
- .contactdata__text a {
3395
- font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
3396
- color: #aaaaaa;
3397
- }
3398
-
3399
- .contactdata__socials {
3400
- position: relative;
3401
- display: block;
3402
- }
3403
-
3404
- .contactdata__socials li {
3405
- display: block;
3406
- font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
3407
- color: #aaaaaa;
3408
- margin-bottom: 0.2rem;
3409
- }
3410
-
3411
- .contactdata__socials li:last-of-type {
3412
- margin-bottom: 0;
3413
- }
3414
-
3415
- .contactdata__socials li i {
3416
- display: inline-block;
3417
- font-size: 1.4rem;
3418
- color: #ffffff;
3419
- margin-right: 1rem;
3420
- min-width: 1.4rem;
3421
- }
3422
-
3423
- .contactdata__socials li a {
3424
- display: inline-block;
3425
- font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
3426
- }
3427
-
3428
- /* ------------------------------------------------*/
3429
-
3430
- /* Contact Data End */
3431
-
3432
- /* ------------------------------------------------*/
3433
-
3434
- /* ------------------------------------------------*/
3435
-
3436
- /* Gallery Start */
3437
-
3438
- /* ------------------------------------------------*/
3439
-
3440
- .my-gallery__item {
3441
- position: relative;
3442
- margin: 0;
3443
- overflow: hidden;
3444
- cursor: pointer;
3445
- }
3446
-
3447
- @media only screen and (min-width: 1200px) {
3448
- .my-gallery__item {
3449
- height: 50vh;
3450
- }
3451
- .my-gallery__item img {
3452
- width: auto;
3453
- height: 50vh;
3454
- }
3455
- }
3456
-
3457
- @media only screen and (min-width: 1200px) {
3458
- .my-gallery__link {
3459
- position: relative;
3460
- float: left;
3461
- width: 100%;
3462
- height: 100%;
3463
- overflow: hidden;
3464
- text-align: center;
3465
- }
3466
- .my-gallery__link .picture {
3467
- position: absolute;
3468
- top: 0;
3469
- left: 0;
3470
- width: 100%;
3471
- height: 100%;
3472
- background-repeat: no-repeat;
3473
- background-position: center center;
3474
- -moz-background-size: cover;
3475
- background-size: cover;
3476
- -webkit-transition: background-position 0.5s;
3477
- -o-transition: background-position 0.5s;
3478
- -moz-transition: background-position 0.5s;
3479
- transition: background-position 0.5s;
3480
- -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.7s;
3481
- transition: opacity 0.5s ease-in-out, -webkit-transform 0.7s;
3482
- -o-transition: transform 0.7s, opacity 0.5s ease-in-out;
3483
- -moz-transition: transform 0.7s, opacity 0.5s ease-in-out, -moz-transform 0.7s;
3484
- transition: transform 0.7s, opacity 0.5s ease-in-out;
3485
- transition: transform 0.7s, opacity 0.5s ease-in-out, -webkit-transform 0.7s, -moz-transform 0.7s;
3486
- }
3487
- }
3488
-
3489
- .my-gallery__image {
3490
- opacity: 1;
3491
- }
3492
-
3493
- @media only screen and (min-width: 1200px) {
3494
- .my-gallery__image {
3495
- opacity: 0;
3496
- }
3497
- }
3498
-
3499
- .my-gallery__description {
3500
- position: absolute;
3501
- bottom: 3.4rem;
3502
- left: 3.4rem;
3503
- width: -moz-calc(100% - 6.8rem);
3504
- width: calc(100% - 6.8rem);
3505
- background-color: rgba(0, 0, 0, 0.1);
3506
- -webkit-backdrop-filter: blur(20px);
3507
- backdrop-filter: blur(20px);
3508
- border-top: 1px solid rgba(255, 255, 255, 0.07);
3509
- border-bottom: 1px solid rgba(255, 255, 255, 0.07);
3510
- -moz-border-radius: 4px;
3511
- border-radius: 4px;
3512
- padding: 2.4rem 3.4rem;
3513
- text-align: center;
3514
- }
3515
-
3516
- .my-gallery__description.opposite {
3517
- background-color: rgba(255, 255, 255, 0.05);
3518
- }
3519
-
3520
- .my-gallery__description p {
3521
- display: none;
3522
- }
3523
-
3524
- @media only screen and (min-width: 1200px) {
3525
- .my-gallery__description {
3526
- bottom: auto;
3527
- top: 0;
3528
- left: 0;
3529
- width: 100%;
3530
- height: 100%;
3531
- -moz-border-radius: 0;
3532
- border-radius: 0;
3533
- opacity: 0;
3534
- -webkit-transition: opacity 0.5s;
3535
- -o-transition: opacity 0.5s;
3536
- -moz-transition: opacity 0.5s;
3537
- transition: opacity 0.5s;
3538
- }
3539
- .my-gallery__description h4 {
3540
- position: absolute;
3541
- left: 50%;
3542
- top: 50%;
3543
- bottom: auto;
3544
- right: auto;
3545
- -webkit-transform: translateX(-50%) translateY(-50%);
3546
- -moz-transform: translateX(-50%) translateY(-50%);
3547
- -ms-transform: translateX(-50%) translateY(-50%);
3548
- transform: translateX(-50%) translateY(-50%);
3549
- opacity: 0;
3550
- -webkit-transition: opacity 0.5s;
3551
- -o-transition: opacity 0.5s;
3552
- -moz-transition: opacity 0.5s;
3553
- transition: opacity 0.5s;
3554
- }
3555
- }
3556
-
3557
- @media only screen and (min-width: 1200px) {
3558
- .no-touch .my-gallery__item:hover .my-gallery__description {
3559
- opacity: 1;
3560
- }
3561
- .no-touch .my-gallery__item:hover .my-gallery__description h4 {
3562
- opacity: 1;
3563
- }
3564
- }
3565
-
3566
- .pswp__caption__center {
3567
- padding: 2.2rem;
3568
- }
3569
-
3570
- .pswp__caption__center h4 {
3571
- font: normal 500 1.8rem/1.2 "Poppins", sans-serif;
3572
- color: #ffffff;
3573
- margin-bottom: 1.4rem;
3574
- }
3575
-
3576
- .pswp__caption__center h4 small {
3577
- display: block;
3578
- margin-top: 0.2rem;
3579
- font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
3580
- color: rgba(255, 255, 255, 0.6);
3581
- }
3582
-
3583
- .pswp__caption__center p {
3584
- font: normal 300 1.4rem/1.6 "Poppins", sans-serif;
3585
- color: rgba(255, 255, 255, 0.6);
3586
- }
3587
-
3588
- .pswp__counter {
3589
- font: normal 500 1.6rem/44px "Poppins", sans-serif;
3590
- color: #ffffff;
3591
- }
3592
-
3593
- .pswp__button--close {
3594
- opacity: 1;
3595
- }
3596
-
3597
- .pswp__button--arrow--left::before,
3598
- .pswp__button--arrow--right::before {
3599
- width: 44px;
3600
- height: 44px;
3601
- }
3602
-
3603
- .pswp__button--arrow--left:before {
3604
- left: 0;
3605
- background-position: -132px -44px;
3606
- }
3607
-
3608
- .pswp__button--arrow--right:before {
3609
- right: 0;
3610
- background-position: -88px -44px;
3611
- }
3612
-
3613
- .pswp__bg {
3614
- background: #0d0d0d;
3615
- }
3616
-
3617
- .pswp__caption,
3618
- .pswp__top-bar {
3619
- background-color: rgba(0, 0, 0, 0.3);
3620
- }
3621
-
3622
- .pswp__button--close {
3623
- position: relative;
3624
- background-color: #ffffff;
3625
- }
3626
-
3627
- .pswp__button--close:active {
3628
- opacity: 1;
3629
- }
3630
-
3631
- /* ------------------------------------------------*/
3632
-
3633
- /* Gallery End */
3634
-
3635
- /* ------------------------------------------------*/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
CREEPBACK/asserts2/css/plugins.css DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/asserts2/fonts/Fontawesome/fa-brands-400.woff2 DELETED
@@ -1 +0,0 @@
1
- No Content: https://mixdesign.club/themeforest/ignite/fonts/Fontawesome/fa-brands-400.woff2
 
 
CREEPBACK/asserts2/fonts/Fontawesome/fa-regular-400.woff2 DELETED
@@ -1 +0,0 @@
1
- No Content: https://mixdesign.club/themeforest/ignite/fonts/Fontawesome/fa-regular-400.woff2
 
 
CREEPBACK/asserts2/fonts/Fontawesome/fa-solid-900.woff2 DELETED
@@ -1 +0,0 @@
1
- No Content: https://mixdesign.club/themeforest/ignite/fonts/Fontawesome/fa-solid-900.woff2
 
 
CREEPBACK/asserts2/img/backgrounds/1920x280-bg-menu.webp DELETED
Binary file (32 kB)
 
CREEPBACK/asserts2/img/backgrounds/960x1080-inner-1.webp DELETED
Binary file (120 kB)
 
CREEPBACK/asserts2/img/backgrounds/960x1080-inner-2.webp DELETED
Binary file (102 kB)
 
CREEPBACK/asserts2/img/backgrounds/960x1080-media-2.webp DELETED
Binary file (821 kB)
 
CREEPBACK/asserts2/img/backgrounds/About.jpg DELETED
Binary file (120 kB)
 
CREEPBACK/asserts2/img/backgrounds/Home.PNG DELETED
Binary file (821 kB)
 
CREEPBACK/asserts2/img/favicon/manifest.webmanifest DELETED
@@ -1,11 +0,0 @@
1
- {
2
- "name": "Ignite - Coming Soon and Landing Page Template",
3
- "short_name": "Ignite",
4
- "icons": [
5
- { "src": "/img/favicon/android-icon-192.png", "type": "image/png", "sizes": "192x192" },
6
- { "src": "/img/favicon/android-icon-512.png", "type": "image/png", "sizes": "512x512" }
7
- ],
8
- "theme_color": "#efefef",
9
- "background_color": "#efefef",
10
- "display": "standalone"
11
- }
 
 
 
 
 
 
 
 
 
 
 
 
CREEPBACK/asserts2/img/features/feature-icon-1.svg DELETED
CREEPBACK/asserts2/img/features/feature-icon-2.svg DELETED
CREEPBACK/asserts2/img/features/feature-icon-3.svg DELETED
CREEPBACK/asserts2/img/features/feature-icon-4.svg DELETED
CREEPBACK/asserts2/img/logo.svg DELETED
CREEPBACK/asserts2/img/works/1000x1200-works-1.webp DELETED
Binary file (15.8 kB)
 
CREEPBACK/asserts2/img/works/1000x1200-works-2.webp DELETED
Binary file (32.9 kB)
 
CREEPBACK/asserts2/img/works/1000x1200-works-3.webp DELETED
Binary file (26.2 kB)
 
CREEPBACK/asserts2/img/works/1000x1200-works-4.webp DELETED
Binary file (42.9 kB)
 
CREEPBACK/asserts2/js/custom.js DELETED
@@ -1,392 +0,0 @@
1
- // ------------------------------------------------
2
- // Project Name: Ignite - Coming Soon and Landing Page Template
3
- // Project Description: Ignite - functional and beautifully designed coming soon and landing page template to kick-start your project
4
- // Tags: mix_design, coming soon, under construction, template, landing page, portfolio, one page, responsive, html5, css3, creative, clean, agency, personal page
5
- // Version: 1.0.1
6
- // Build Date: May 2023
7
- // Last Update: January 2024
8
- // This product is available exclusively on Themeforest
9
- // Author: mix_design
10
- // Author URI: https://themeforest.net/user/mix_design
11
- // File name: custom.js
12
- // ------------------------------------------------
13
-
14
- // ------------------------------------------------
15
- // Table of Contents
16
- // ------------------------------------------------
17
- //
18
- // 1. Loader & Loading Animation
19
- // 2. Typed.js Plugin Settings
20
- // 3. Swiper Slider
21
- // 4. Typed.js Plugin Settings
22
- // 5. Magnific Popup Video
23
- // 6. KBW-Countdown
24
- // 7. Vegas Kenburns
25
- // 8. Skillbars
26
- // 9. Mailchimp Notify Form
27
- // 10. Say Hello Form
28
- // 11. ParticlesJS Background
29
- //
30
- // ------------------------------------------------
31
- // Table of Contents End
32
- // ------------------------------------------------
33
-
34
- $(window).on("load", function() {
35
-
36
- "use strict";
37
-
38
- // --------------------------------------------- //
39
- // Loader & Loading Animation Start
40
- // --------------------------------------------- //
41
- $(".loader__logo").addClass('scaleOut');
42
-
43
- setTimeout(function() {
44
- $(".loader").addClass('loaded');
45
- $("#main").addClass('active animate-in');
46
- $('#home-trigger').addClass('active-link');
47
- }, 300);
48
-
49
- setTimeout(function() {
50
- $("body").addClass('loaded');
51
- }, 1400);
52
- // --------------------------------------------- //
53
- // Loader & Loading Animation End
54
- // --------------------------------------------- //
55
-
56
- // --------------------------------------------- //
57
- // Typed.js Plugin Settings Start
58
- // --------------------------------------------- //
59
- var animatedHeadline = $(".animated-headline");
60
- if (animatedHeadline.length) {
61
- var typed = new Typed('#typed', {
62
- stringsElement: '#typed-strings',
63
- loop: true,
64
- typeSpeed: 60,
65
- backSpeed: 30,
66
- backDelay: 2500
67
- });
68
- }
69
- // --------------------------------------------- //
70
- // Typed.js Plugin Settings End
71
- // --------------------------------------------- //
72
-
73
- });
74
-
75
- $(function() {
76
-
77
- "use strict";
78
-
79
- // --------------------------------------------- //
80
- // Swiper Slider Start
81
- // --------------------------------------------- //
82
- var swiper = new Swiper('.swiper', {
83
- // Optional parameters
84
- grabCursor: true,
85
- effect: "creative",
86
- creativeEffect: {
87
- prev: {
88
- //shadow: true,
89
- translate: ["-20%", 0, -1],
90
- },
91
- next: {
92
- translate: ["100%", 0, 0],
93
- },
94
- },
95
- parallax: true,
96
- speed: 1300,
97
- loop: true,
98
- autoplay: {
99
- delay: 3000,
100
- disableOnInteraction: false,
101
- },
102
-
103
- // If we need pagination
104
- pagination: {
105
- el: '.swiper-pagination',
106
- clickable: true,
107
- },
108
-
109
- // Navigation arrows
110
- navigation: {
111
- nextEl: '.swiper-button-next',
112
- prevEl: '.swiper-button-prev',
113
- },
114
-
115
- });
116
- // --------------------------------------------- //
117
- // Swiper Slider End
118
- // --------------------------------------------- //
119
-
120
- // --------------------------------------------- //
121
- // Magnific Popup Video Start
122
- // --------------------------------------------- //
123
- $('#showreel-trigger').magnificPopup({
124
- type: 'iframe',
125
- mainClass: 'mfp-fade',
126
- removalDelay: 160,
127
- preloader: false,
128
- fixedContentPos: false,
129
- callbacks: {
130
- beforeOpen: function() {
131
- $('body').addClass('overflow-hidden');
132
- },
133
- close: function() {
134
- $('body').removeClass('overflow-hidden');
135
- }
136
- }
137
- });
138
- // --------------------------------------------- //
139
- // Magnific Popup Video End
140
- // --------------------------------------------- //
141
-
142
- // --------------------------------------------- //
143
- // KBW-Countdown Start
144
- // --------------------------------------------- //
145
- $('#countdown').countdown({
146
- until: $.countdown.UTCDate(+10, 2024, 5, 14),
147
- format: 'D'
148
- });
149
- // --------------------------------------------- //
150
- // KBW-Countdown End
151
- // --------------------------------------------- //
152
-
153
- // --------------------------------------------- //
154
- // Vegas Kenburns Start
155
- // --------------------------------------------- //
156
- var bgndKenburns = $('#bgndKenburns');
157
- if (bgndKenburns.length) {
158
- bgndKenburns.vegas({
159
- timer: false,
160
- delay: 8000,
161
- transition: 'fade2',
162
- transitionDuration: 2000,
163
- slides: [{
164
- src: "img/backgrounds/960x1080-kenburns-1.webp"
165
- },
166
- {
167
- src: "img/backgrounds/960x1080-kenburns-2.webp"
168
- },
169
- {
170
- src: "img/backgrounds/960x1080-kenburns-3.webp"
171
- }
172
- ],
173
- animation: ['kenburnsUp', 'kenburnsDown', 'kenburnsLeft', 'kenburnsRight']
174
- });
175
- }
176
-
177
- var bgndKenburnsFull = $('#bgndKenburnsFull');
178
- if (bgndKenburnsFull.length) {
179
- bgndKenburnsFull.vegas({
180
- timer: false,
181
- delay: 8000,
182
- transition: 'fade2',
183
- transitionDuration: 2000,
184
- slides: [{
185
- src: "img/backgrounds/1920x1080-kenburns-1.webp"
186
- },
187
- {
188
- src: "img/backgrounds/1920x1080-kenburns-2.webp"
189
- },
190
- {
191
- src: "img/backgrounds/1920x1080-kenburns-3.webp"
192
- }
193
- ],
194
- animation: ['kenburnsUp', 'kenburnsDown', 'kenburnsLeft', 'kenburnsRight']
195
- });
196
- }
197
- // --------------------------------------------- //
198
- // Vegas Kenburns End
199
- // --------------------------------------------- //
200
-
201
- // --------------------------------------------- //
202
- // Skillbars Settings Start
203
- // --------------------------------------------- //
204
- $('.skillbar').skillBars({
205
- from: 0,
206
- speed: 4000,
207
- interval: 100,
208
- });
209
- // --------------------------------------------- //
210
- // Skillbars Settings End
211
- // --------------------------------------------- //
212
-
213
- // --------------------------------------------- //
214
- // Mailchimp Notify Form Start
215
- // --------------------------------------------- //
216
- $('.notify-form').ajaxChimp({
217
- callback: mailchimpCallback,
218
- url: 'https://besaba.us10.list-manage.com/subscribe/post?u=e8d650c0df90e716c22ae4778&id=54a7906900'
219
- });
220
-
221
- function mailchimpCallback(resp) {
222
- if (resp.result === 'success') {
223
- $('.notify').find('.form').addClass('is-hidden');
224
- $('.notify').find('.subscription-ok').addClass('is-visible');
225
- setTimeout(function() {
226
- // Done Functions
227
- $('.notify').find('.subscription-ok').removeClass('is-visible');
228
- $('.notify').find('.form').delay(300).removeClass('is-hidden');
229
- $('.notify-form').trigger("reset");
230
- }, 5000);
231
- } else if (resp.result === 'error') {
232
- $('.notify').find('.form').addClass('is-hidden');
233
- $('.notify').find('.subscription-error').addClass('is-visible');
234
- setTimeout(function() {
235
- // Done Functions
236
- $('.notify').find('.subscription-error').removeClass('is-visible');
237
- $('.notify').find('.form').delay(300).removeClass('is-hidden');
238
- $('.notify-form').trigger("reset");
239
- }, 5000);
240
- }
241
- };
242
- // --------------------------------------------- //
243
- // Mailchimp Notify Form End
244
- // --------------------------------------------- //
245
-
246
- // --------------------------------------------- //
247
- // Say Hello Form Start
248
- // --------------------------------------------- //
249
- $("#sayhello-form").submit(function() { //Change
250
- var th = $(this);
251
- $.ajax({
252
- type: "POST",
253
- url: "mail.php", //Change
254
- data: th.serialize()
255
- }).done(function() {
256
- $('.sayhello').find('.form').addClass('is-hidden');
257
- $('.sayhello').find('.reply-group').addClass('is-visible');
258
- setTimeout(function() {
259
- // Done Functions
260
- $('.sayhello').find('.reply-group').removeClass('is-visible');
261
- $('.sayhello').find('.form').delay(300).removeClass('is-hidden');
262
- th.trigger("reset");
263
- }, 5000);
264
- });
265
- return false;
266
- });
267
- // --------------------------------------------- //
268
- // Say Hello Form End
269
- // --------------------------------------------- //
270
-
271
- // --------------------------------------------- //
272
- // ParticlesJS Background Start
273
- // --------------------------------------------- //
274
- // Triangles BG - particlesJS
275
- var bgndTriangles = $('#triangles-js');
276
- if (bgndTriangles.length) {
277
- particlesJS('triangles-js', {
278
- "particles": {
279
- "number": {
280
- "value": 33,
281
- "density": {
282
- "enable": true,
283
- "value_area": 1420.4657549380909
284
- }
285
- },
286
- "color": {
287
- "value": "#ffffff"
288
- },
289
- "shape": {
290
- "type": "triangle",
291
- "stroke": {
292
- "width": 0,
293
- "color": "#000000"
294
- },
295
- "polygon": {
296
- "nb_sides": 5
297
- },
298
- "image": {
299
- "src": "img/github.svg",
300
- "width": 100,
301
- "height": 100
302
- }
303
- },
304
- "opacity": {
305
- "value": 0.06313181133058181,
306
- "random": false,
307
- "anim": {
308
- "enable": false,
309
- "speed": 1,
310
- "opacity_min": 0.1,
311
- "sync": false
312
- }
313
- },
314
- "size": {
315
- "value": 11.83721462448409,
316
- "random": true,
317
- "anim": {
318
- "enable": false,
319
- "speed": 40,
320
- "size_min": 0.1,
321
- "sync": false
322
- }
323
- },
324
- "line_linked": {
325
- "enable": true,
326
- "distance": 150,
327
- "color": "#ffffff",
328
- "opacity": 0.4,
329
- "width": 1
330
- },
331
- "move": {
332
- "enable": true,
333
- "speed": 4,
334
- "direction": "none",
335
- "random": false,
336
- "straight": false,
337
- "out_mode": "out",
338
- "bounce": false,
339
- "attract": {
340
- "enable": false,
341
- "rotateX": 600,
342
- "rotateY": 1200
343
- }
344
- }
345
- },
346
- "interactivity": {
347
- "detect_on": "canvas",
348
- "events": {
349
- "onhover": {
350
- "enable": true,
351
- "mode": "repulse"
352
- },
353
- "onclick": {
354
- "enable": true,
355
- "mode": "push"
356
- },
357
- "resize": true
358
- },
359
- "modes": {
360
- "grab": {
361
- "distance": 400,
362
- "line_linked": {
363
- "opacity": 1
364
- }
365
- },
366
- "bubble": {
367
- "distance": 400,
368
- "size": 40,
369
- "duration": 2,
370
- "opacity": 8,
371
- "speed": 3
372
- },
373
- "repulse": {
374
- "distance": 200,
375
- "duration": 0.4
376
- },
377
- "push": {
378
- "particles_nb": 4
379
- },
380
- "remove": {
381
- "particles_nb": 2
382
- }
383
- }
384
- },
385
- "retina_detect": true
386
- });
387
- };
388
- // --------------------------------------------- //
389
- // ParticlesJS Background End
390
- // --------------------------------------------- //
391
-
392
- });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
CREEPBACK/asserts2/js/gallery-init.js DELETED
@@ -1,218 +0,0 @@
1
- // ------------------------------------------------
2
- // Author: dimsemenov
3
- // Author URI: https://github.com/dimsemenov
4
- // File name: gallery-init.js
5
- // https://codepen.io/dimsemenov/pen/ZYbPJM
6
- // ------------------------------------------------
7
-
8
- var initPhotoSwipeFromDOM = function(gallerySelector) {
9
-
10
- // parse slide data (url, title, size ...) from DOM elements
11
- // (children of gallerySelector)
12
- var parseThumbnailElements = function(el) {
13
- var thumbElements = el.childNodes,
14
- numNodes = thumbElements.length,
15
- items = [],
16
- figureEl,
17
- linkEl,
18
- size,
19
- item;
20
-
21
- for (var i = 0; i < numNodes; i++) {
22
-
23
- figureEl = thumbElements[i]; // <figure> element
24
-
25
- // include only element nodes
26
- if (figureEl.nodeType !== 1) {
27
- continue;
28
- }
29
-
30
- linkEl = figureEl.children[0]; // <a> element
31
-
32
- size = linkEl.getAttribute('data-size').split('x');
33
-
34
- // create slide object
35
- item = {
36
- src: linkEl.getAttribute('href'),
37
- w: parseInt(size[0], 10),
38
- h: parseInt(size[1], 10)
39
- };
40
-
41
-
42
-
43
- if (figureEl.children.length > 1) {
44
- // <figcaption> content
45
- item.title = figureEl.children[1].innerHTML;
46
- }
47
-
48
- if (linkEl.children.length > 0) {
49
- // <img> thumbnail element, retrieving thumbnail url
50
- item.msrc = linkEl.children[0].getAttribute('src');
51
- }
52
-
53
- item.el = figureEl; // save link to element for getThumbBoundsFn
54
- items.push(item);
55
- }
56
-
57
- return items;
58
- };
59
-
60
- // find nearest parent element
61
- var closest = function closest(el, fn) {
62
- return el && (fn(el) ? el : closest(el.parentNode, fn));
63
- };
64
-
65
- // triggers when user clicks on thumbnail
66
- var onThumbnailsClick = function(e) {
67
- e = e || window.event;
68
- e.preventDefault ? e.preventDefault() : e.returnValue = false;
69
-
70
- var eTarget = e.target || e.srcElement;
71
-
72
- // find root element of slide
73
- var clickedListItem = closest(eTarget, function(el) {
74
- return (el.tagName && el.tagName.toUpperCase() === 'FIGURE');
75
- });
76
-
77
- if (!clickedListItem) {
78
- return;
79
- }
80
-
81
- // find index of clicked item by looping through all child nodes
82
- // alternatively, you may define index via data- attribute
83
- var clickedGallery = clickedListItem.parentNode,
84
- childNodes = clickedListItem.parentNode.childNodes,
85
- numChildNodes = childNodes.length,
86
- nodeIndex = 0,
87
- index;
88
-
89
- for (var i = 0; i < numChildNodes; i++) {
90
- if (childNodes[i].nodeType !== 1) {
91
- continue;
92
- }
93
-
94
- if (childNodes[i] === clickedListItem) {
95
- index = nodeIndex;
96
- break;
97
- }
98
- nodeIndex++;
99
- }
100
-
101
-
102
-
103
- if (index >= 0) {
104
- // open PhotoSwipe if valid index found
105
- openPhotoSwipe(index, clickedGallery);
106
- }
107
- return false;
108
- };
109
-
110
- // parse picture index and gallery index from URL (#&pid=1&gid=2)
111
- var photoswipeParseHash = function() {
112
- var hash = window.location.hash.substring(1),
113
- params = {};
114
-
115
- if (hash.length < 5) {
116
- return params;
117
- }
118
-
119
- var vars = hash.split('&');
120
- for (var i = 0; i < vars.length; i++) {
121
- if (!vars[i]) {
122
- continue;
123
- }
124
- var pair = vars[i].split('=');
125
- if (pair.length < 2) {
126
- continue;
127
- }
128
- params[pair[0]] = pair[1];
129
- }
130
-
131
- if (params.gid) {
132
- params.gid = parseInt(params.gid, 10);
133
- }
134
-
135
- return params;
136
- };
137
-
138
- var openPhotoSwipe = function(index, galleryElement, disableAnimation, fromURL) {
139
- var pswpElement = document.querySelectorAll('.pswp')[0],
140
- gallery,
141
- options,
142
- items;
143
-
144
- items = parseThumbnailElements(galleryElement);
145
-
146
- // define options (if needed)
147
- options = {
148
-
149
- showHideOpacity: true,
150
-
151
- // define gallery index (for URL)
152
- galleryUID: galleryElement.getAttribute('data-pswp-uid'),
153
-
154
- getThumbBoundsFn: function(index) {
155
- // See Options -> getThumbBoundsFn section of documentation for more info
156
- var thumbnail = items[index].el.getElementsByTagName('img')[0], // find thumbnail
157
- pageYScroll = window.pageYOffset || document.documentElement.scrollTop,
158
- rect = thumbnail.getBoundingClientRect();
159
-
160
- return {
161
- x: rect.left,
162
- y: rect.top + pageYScroll,
163
- w: rect.width
164
- };
165
- }
166
-
167
- };
168
-
169
- // PhotoSwipe opened from URL
170
- if (fromURL) {
171
- if (options.galleryPIDs) {
172
- // parse real index when custom PIDs are used
173
- // http://photoswipe.com/documentation/faq.html#custom-pid-in-url
174
- for (var j = 0; j < items.length; j++) {
175
- if (items[j].pid == index) {
176
- options.index = j;
177
- break;
178
- }
179
- }
180
- } else {
181
- // in URL indexes start from 1
182
- options.index = parseInt(index, 10) - 1;
183
- }
184
- } else {
185
- options.index = parseInt(index, 10);
186
- }
187
-
188
- // exit if index not found
189
- if (isNaN(options.index)) {
190
- return;
191
- }
192
-
193
- if (disableAnimation) {
194
- options.showAnimationDuration = 0;
195
- }
196
-
197
- // Pass data to PhotoSwipe and initialize it
198
- gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
199
- gallery.init();
200
- };
201
-
202
- // loop through all gallery elements and bind events
203
- var galleryElements = document.querySelectorAll(gallerySelector);
204
-
205
- for (var i = 0, l = galleryElements.length; i < l; i++) {
206
- galleryElements[i].setAttribute('data-pswp-uid', i + 1);
207
- galleryElements[i].onclick = onThumbnailsClick;
208
- }
209
-
210
- // Parse URL and open gallery if it contains #&pid=3&gid=1
211
- var hashData = photoswipeParseHash();
212
- if (hashData.pid && hashData.gid) {
213
- openPhotoSwipe(hashData.pid, galleryElements[hashData.gid - 1], true, true);
214
- }
215
- };
216
-
217
- // execute above function
218
- initPhotoSwipeFromDOM('.my-gallery');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
CREEPBACK/asserts2/js/libs.min.js DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/assets/css/style.min.css DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/assets/img/check.webp DELETED
Binary file (9.29 kB)
 
CREEPBACK/assets/img/handcuffs.png DELETED
Binary file (31.7 kB)
 
CREEPBACK/assets/img/logo.png DELETED
Binary file (85.2 kB)
 
CREEPBACK/assets/img/star_icon.png DELETED
Binary file (4.25 kB)
 
CREEPBACK/assets/js/db.data.js DELETED
@@ -1,407 +0,0 @@
1
- 'use strict'
2
-
3
- var dp1 = [
4
- [0, 53],
5
- [1, 50],
6
- [2, 49],
7
- [3, 47],
8
- [4, 49],
9
- [5, 50],
10
- [6, 48],
11
- [7, 48],
12
- [8, 53],
13
- [9, 52],
14
- [10, 49],
15
- [11, 50],
16
- [12, 48],
17
- [13, 44],
18
- [14, 40],
19
- [15, 41],
20
- [16, 45],
21
- [17, 44],
22
- [18, 41],
23
- [19, 38],
24
- [20, 39],
25
- [21, 41],
26
- [22, 39],
27
- [23, 35],
28
- [24, 38],
29
- [25, 38],
30
- [26, 40],
31
- [27, 38],
32
- [28, 42],
33
- [29, 46],
34
- [30, 43],
35
- [31, 40],
36
- [32, 36],
37
- [33, 31],
38
- [34, 28],
39
- [35, 29],
40
- [36, 29],
41
- [37, 33],
42
- [38, 37],
43
- [39, 35],
44
- [40, 37],
45
- [41, 39],
46
- [42, 39],
47
- [43, 34],
48
- [44, 37],
49
- [45, 39],
50
- [46, 38],
51
- [47, 37],
52
- [48, 40],
53
- [49, 35],
54
- [50, 31],
55
- [51, 31],
56
- [52, 30],
57
- [53, 25],
58
- [54, 28],
59
- [55, 28],
60
- [56, 30],
61
- [57, 32],
62
- [58, 32],
63
- [59, 37],
64
- [60, 35],
65
- [61, 39],
66
- [62, 41],
67
- [63, 41],
68
- [64, 43],
69
- [65, 39],
70
- [66, 39],
71
- [67, 43],
72
- [68, 42],
73
- [69, 43],
74
- [70, 38],
75
- [71, 43],
76
- [72, 41],
77
- [73, 44],
78
- [74, 46],
79
- [75, 47],
80
- [76, 49],
81
- [77, 46],
82
- [78, 51],
83
- [79, 50],
84
- [80, 53],
85
- [81, 56],
86
- [82, 52],
87
- [83, 56],
88
- [84, 60],
89
- [85, 58],
90
- [86, 56],
91
- [87, 55],
92
- [88, 54],
93
- [89, 54],
94
- [90, 58],
95
- [91, 57],
96
- [92, 60],
97
- [93, 54],
98
- [94, 56],
99
- [95, 55],
100
- [96, 54],
101
- [97, 52],
102
- [98, 54],
103
- [99, 54],
104
- [100, 51],
105
- [101, 51],
106
- [102, 46],
107
- [103, 48]
108
- ];
109
-
110
- var dp2 = [
111
- [0, 56],
112
- [1, 54],
113
- [2, 59],
114
- [3, 61],
115
- [4, 65],
116
- [5, 70],
117
- [6, 73],
118
- [7, 70],
119
- [8, 73],
120
- [9, 69],
121
- [10, 73],
122
- [11, 69],
123
- [12, 73],
124
- [13, 77],
125
- [14, 72],
126
- [15, 75],
127
- [16, 71],
128
- [17, 69],
129
- [18, 67],
130
- [19, 68],
131
- [20, 67],
132
- [21, 66],
133
- [22, 61],
134
- [23, 58],
135
- [24, 56],
136
- [25, 53],
137
- [26, 52],
138
- [27, 57],
139
- [28, 59],
140
- [29, 63],
141
- [30, 60],
142
- [31, 62],
143
- [32, 64],
144
- [33, 67],
145
- [34, 66],
146
- [35, 67],
147
- [36, 71],
148
- [37, 66],
149
- [38, 64],
150
- [39, 62],
151
- [40, 66],
152
- [41, 65],
153
- [42, 62],
154
- [43, 66],
155
- [44, 63],
156
- [45, 66],
157
- [46, 64],
158
- [47, 65],
159
- [48, 69],
160
- [49, 65],
161
- [50, 69],
162
- [51, 65],
163
- [52, 68],
164
- [53, 73],
165
- [54, 71],
166
- [55, 71],
167
- [56, 75],
168
- [57, 77],
169
- [58, 81],
170
- [59, 79],
171
- [60, 76],
172
- [61, 74],
173
- [62, 75],
174
- [63, 76],
175
- [64, 78],
176
- [65, 81],
177
- [66, 82],
178
- [67, 87],
179
- [68, 85],
180
- [69, 82],
181
- [70, 82],
182
- [71, 77],
183
- [72, 80],
184
- [73, 84],
185
- [74, 83],
186
- [75, 88],
187
- [76, 89],
188
- [77, 88],
189
- [78, 83],
190
- [79, 87],
191
- [80, 85],
192
- [81, 85],
193
- [82, 90],
194
- [83, 92],
195
- [84, 97],
196
- [85, 80],
197
- [86, 82],
198
- [87, 81],
199
- [88, 84],
200
- [89, 85],
201
- [90, 90],
202
- [91, 91],
203
- [92, 90],
204
- [93, 89],
205
- [94, 86],
206
- [95, 83],
207
- [96, 82],
208
- [97, 87],
209
- [98, 85],
210
- [99, 87],
211
- [100, 82],
212
- [101, 87],
213
- [102, 86],
214
- [103, 83]
215
- ];
216
-
217
- var dp3 = [
218
- [0, 40],
219
- [1, 39],
220
- [2, 35],
221
- [3, 33],
222
- [4, 28],
223
- [5, 28],
224
- [6, 24],
225
- [7, 20],
226
- [8, 17],
227
- [9, 16],
228
- [10, 19],
229
- [11, 16],
230
- [12, 13],
231
- [13, 18],
232
- [14, 17],
233
- [15, 18],
234
- [16, 18],
235
- [17, 19],
236
- [18, 18],
237
- [19, 17],
238
- [20, 20],
239
- [21, 18],
240
- [22, 17],
241
- [23, 17],
242
- [24, 15],
243
- [25, 15],
244
- [26, 14],
245
- [27, 15],
246
- [28, 18],
247
- [29, 19],
248
- [30, 23],
249
- [31, 27],
250
- [32, 30],
251
- [33, 28],
252
- [34, 29],
253
- [35, 29],
254
- [36, 27],
255
- [37, 24],
256
- [38, 22],
257
- [39, 26],
258
- [40, 28],
259
- [41, 27],
260
- [42, 30],
261
- [43, 26],
262
- [44, 22],
263
- [45, 19],
264
- [46, 16],
265
- [47, 17],
266
- [48, 20],
267
- [49, 16],
268
- [50, 12],
269
- [51, 10],
270
- [52, 7],
271
- [53, 11],
272
- [54, 15],
273
- [55, 20],
274
- [56, 22],
275
- [57, 19],
276
- [58, 18],
277
- [59, 20],
278
- [60, 17],
279
- [61, 19],
280
- [62, 18],
281
- [63, 14],
282
- [64, 9],
283
- [65, 10],
284
- [66, 6],
285
- [67, 10],
286
- [68, 12],
287
- [69, 13],
288
- [70, 18],
289
- [71, 22],
290
- [72, 22],
291
- [73, 26],
292
- [74, 22],
293
- [75, 18],
294
- [76, 19],
295
- [77, 19],
296
- [78, 18],
297
- [79, 23],
298
- [80, 20],
299
- [81, 25],
300
- [82, 28],
301
- [83, 29],
302
- [84, 27],
303
- [85, 25],
304
- [86, 25],
305
- [87, 24],
306
- [88, 20],
307
- [89, 18],
308
- [90, 18],
309
- [91, 18],
310
- [92, 22],
311
- [93, 21],
312
- [94, 26],
313
- [95, 29],
314
- [96, 26],
315
- [97, 28],
316
- [98, 30],
317
- [99, 28],
318
- [100, 30],
319
- [101, 27],
320
- [102, 30],
321
- [103, 26]
322
- ];
323
-
324
- var dp4 = [
325
- [0, -2],
326
- [1, -3],
327
- [2, 7],
328
- [3, -8],
329
- [4, -2],
330
- [5, 10],
331
- [6, 12],
332
- [7, 3],
333
- [8, -5],
334
- [9, -6],
335
- [10, -1],
336
- [11, -8],
337
- [12, 18],
338
- [13, 7],
339
- [14, -3],
340
- [15, -2],
341
- [16, 3],
342
- [17, 19],
343
- [18, -10],
344
- [19, 10],
345
- [20, 11],
346
- [21, -7],
347
- [22, -5],
348
- [23, -4],
349
- [24, 17],
350
- [25, 11],
351
- [26, 16],
352
- [27, 12],
353
- [28, -3],
354
- [29, -7],
355
- [30, -6],
356
- [31, 4],
357
- [32, 1],
358
- [33, 7],
359
- [34, 2],
360
- [35, 6],
361
- [36, 10],
362
- [37, -3],
363
- [38, 10],
364
- [39, 9]
365
- ];
366
- var dp5 = [
367
- [0, 3],
368
- [1, 4],
369
- [2, -5],
370
- [3, 12],
371
- [4, 5],
372
- [5, -7],
373
- [6, -4],
374
- [7, -2],
375
- [8, 6],
376
- [9, 10],
377
- [10, 3],
378
- [11, 5],
379
- [12, -10],
380
- [13, -4],
381
- [14, 4],
382
- [15, 3],
383
- [16, -5],
384
- [17, -6],
385
- [18, 7],
386
- [19, -5],
387
- [20, -7],
388
- [21, 5],
389
- [22, 4],
390
- [23, 5],
391
- [24, -10],
392
- [25, -6],
393
- [26, -7],
394
- [27, -4],
395
- [28, 5],
396
- [29, 2],
397
- [30, 3],
398
- [31, -4],
399
- [32, -2],
400
- [33, -3],
401
- [34, -2],
402
- [35, -3],
403
- [36, -8],
404
- [37, 4],
405
- [38, -2],
406
- [39, -3]
407
- ];
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
CREEPBACK/assets/js/db.helpdesk.js DELETED
@@ -1,317 +0,0 @@
1
- 'use strict'
2
-
3
- // Complaints Received
4
- var optionOne = {
5
- series: [{
6
- data: dp3
7
- }],
8
- chart: {
9
- height: 280,
10
- parentHeightOffset: 0,
11
- type: 'area',
12
- toolbar: {
13
- show: false
14
- },
15
- stacked: true,
16
- sparkline: {
17
- enabled: true
18
- }
19
- },
20
- colors: ['#506fd9'],
21
- stroke: {
22
- curve: 'straight',
23
- width: 2
24
- },
25
- xaxis: {
26
- max: 40
27
- },
28
- yaxis: {
29
- min: 0,
30
- max: 80
31
- },
32
- fill: {
33
- type: 'solid',
34
- opacity: 0.2
35
- },
36
- tooltip: {
37
- enabled: false
38
- }
39
- };
40
-
41
- var chartOne = new ApexCharts(document.querySelector('#apexChart1'), optionOne);
42
- chartOne.render();
43
-
44
- //--------------------------------------------
45
-
46
- var optionDonut1 = {
47
- series: [86, 14],
48
- chart: {
49
- type: 'donut',
50
- width: '160',
51
- height: '160',
52
- parentHeightOffset: 0
53
- },
54
- colors: ['#506fd9', '#e5e9f2'],
55
- dataLabels: {
56
- enabled: false
57
- },
58
- legend: {
59
- show: false
60
- }
61
- };
62
-
63
- var chartDonut1 = new ApexCharts(document.querySelector('#chartDonut1'), optionDonut1);
64
- chartDonut1.render();
65
-
66
- var optionDonut2 = {
67
- series: [68, 32],
68
- chart: {
69
- type: 'donut',
70
- width: '160',
71
- height: '160',
72
- parentHeightOffset: 0
73
- },
74
- colors: ['#4c5366', '#e5e9f2'],
75
- dataLabels: {
76
- enabled: false
77
- },
78
- legend: {
79
- show: false
80
- }
81
- };
82
-
83
- var chartDonut2 = new ApexCharts(document.querySelector('#chartDonut2'), optionDonut2);
84
- chartDonut2.render();
85
-
86
- //-------------------------------------------
87
-
88
- var optionTwo = {
89
- series: [{
90
- name: 'series1',
91
- data: dp3
92
- }],
93
- chart: {
94
- height: 200,
95
- parentHeightOffset: 0,
96
- type: 'area',
97
- toolbar: {
98
- show: false
99
- },
100
- stacked: true
101
- },
102
- colors: ['#4f6fd9'],
103
- grid: {
104
- borderColor: 'rgba(72,94,144, 0.08)',
105
- padding: {
106
- top: -20,
107
- left: 0,
108
- right: -8
109
- },
110
- yaxis: {
111
- lines: {
112
- show: false
113
- }
114
- }
115
- },
116
- dataLabels: {
117
- enabled: false
118
- },
119
- stroke: {
120
- curve: 'straight',
121
- width: 1.5
122
- },
123
- xaxis: {
124
- overwriteCategories: ['', 'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC', ''],
125
- tickAmount: 13,
126
- axisBorder: {
127
- show: false
128
- },
129
- labels: {
130
- style: {
131
- colors: '#6e7985',
132
- fontSize: '10px'
133
- }
134
- },
135
- },
136
- yaxis: {
137
- min: 0,
138
- max: 50,
139
- show: false
140
- },
141
- fill: {
142
- type: 'gradient',
143
- gradient: {
144
- opacityFrom: 0.5,
145
- opacityTo: 0,
146
- }
147
- },
148
- legend: {
149
- show: false
150
- },
151
- tooltip: {
152
- enabled: false
153
- }
154
- };
155
-
156
- var chartTwo = new ApexCharts(document.querySelector('#apexChart2'), optionTwo);
157
- chartTwo.render();
158
-
159
- // Current Ticket Status
160
- var ctx1 = document.getElementById('chartJS1').getContext('2d');
161
- var chart1 = new Chart(ctx1, {
162
- type: 'bar',
163
- data: {
164
- labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
165
- datasets: [{
166
- data: [20, 60, 50, 45, 50, 60, 70, 40, 45, 35, 25, 30],
167
- backgroundColor: '#506fd9',
168
- barPercentage: 0.5
169
- }, {
170
- data: [10, 40, 30, 40, 60, 55, 45, 35, 30, 20, 15, 20],
171
- backgroundColor: '#85b6ff',
172
- barPercentage: 0.5
173
- }, {
174
- data: [8, 30, 40, 35, 40, 45, 35, 30, 25, 10, 20, 15],
175
- backgroundColor: '#e2e5ec',
176
- barPercentage: 0.5
177
- }]
178
- },
179
- options: {
180
- maintainAspectRatio: false,
181
- responsive: true,
182
- plugins: {
183
- legend: {
184
- display: false
185
- }
186
- },
187
- scales: {
188
- y: {
189
- beginAtZero: true,
190
- max: 80,
191
- ticks: {
192
- color: '#a1aab3',
193
- font: {
194
- size: 10
195
- }
196
- },
197
- grid: {
198
- borderColor: '#e2e5ec',
199
- borderWidth: 1.5,
200
- color: 'rgba(65,80,95,.08)'
201
- }
202
- },
203
- x: {
204
- ticks: {
205
- color: '#313c47'
206
- },
207
- grid: {
208
- color: 'rgba(65,80,95,.08)'
209
- }
210
- }
211
- }
212
- }
213
- });
214
-
215
- // Tickets By Request Type
216
- var ctx2 = document.getElementById('chartJS2').getContext('2d');
217
- var chart2 = new Chart(ctx2, {
218
- type: 'bar',
219
- data: {
220
- labels: ['Modification', 'Code Request', 'Feature Request', 'Bug Fix', 'Integration', 'Production'],
221
- datasets: [{
222
- data: [20, 60, 50, 45, 50, 75],
223
- backgroundColor: ['#506fd9', '#85b6ff', '#33d685', '#ffc107', '#0dcaf0', '#ea4c89'],
224
- barPercentage: 0.5
225
- }, {
226
- data: [10, 40, 30, 40, 60, 55],
227
- backgroundColor: '#e2e5ec',
228
- barPercentage: 0.5
229
- }]
230
- },
231
- options: {
232
- indexAxis: 'y',
233
- maintainAspectRatio: false,
234
- responsive: true,
235
- plugins: {
236
- legend: {
237
- display: false
238
- }
239
- },
240
- scales: {
241
- x: {
242
- beginAtZero: true,
243
- max: 100,
244
- grid: {
245
- borderColor: '#e2e5ec',
246
- color: '#f3f5f9'
247
- },
248
- ticks: {
249
- font: {
250
- size: 11
251
- }
252
- }
253
- },
254
- y: {
255
- grid: {
256
- borderWidth: 0,
257
- color: '#f3f5f9'
258
- },
259
- ticks: {
260
- color: '#465463',
261
- font: {
262
- size: 13
263
- }
264
- }
265
- }
266
- }
267
- }
268
- });
269
-
270
- // Dark skin integration
271
- function switchDark(enabled) {
272
- if (enabled) {
273
- chart1.options.scales['y'].grid.borderColor = '#222b41';
274
- chart1.options.scales['x'].ticks.color = 'rgba(255,255,255,.65)';
275
-
276
- chart2.options.scales['x'].grid.color = '#222b41';
277
- chart2.options.scales['x'].ticks.color = 'rgba(255,255,255,.65)';
278
- chart2.options.scales['x'].grid.borderColor = '#222b41';
279
- chart2.options.scales['y'].grid.color = '#222b41';
280
- chart2.options.scales['y'].ticks.color = 'rgba(255,255,255,.65)';
281
-
282
- chart2.data.datasets[1].backgroundColor = '#222b41';
283
-
284
- $('.btn-white').addClass('btn-outline-primary').removeClass('btn-white');
285
-
286
- } else {
287
- chart1.options.scales['y'].grid.borderColor = '#e2e5ec';
288
- chart1.options.scales['x'].ticks.color = '#313c47';
289
-
290
- chart2.options.scales['x'].grid.color = '#edeff6';
291
- chart2.options.scales['x'].ticks.color = '#42484e';
292
- chart2.options.scales['x'].grid.borderColor = '#edeff6';
293
- chart2.options.scales['y'].grid.color = '#edeff6';
294
- chart2.options.scales['y'].ticks.color = '#42484e';
295
-
296
- chart2.data.datasets[1].backgroundColor = '#e2e5ec';
297
-
298
- $('.btn-outline-primary').addClass('btn-white').removeClass('btn-outline-primary');
299
- }
300
-
301
- chart1.update();
302
- chart2.update();
303
- }
304
-
305
- if (skinMode) {
306
- switchDark(true);
307
- }
308
-
309
- // Switch between light and dark
310
- $('#skinMode .nav-link').bind('click', function(e) {
311
- var mode = $(this).text().toLowerCase();
312
- if (mode == 'dark') {
313
- switchDark(true);
314
- } else {
315
- switchDark(false);
316
- }
317
- });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
CREEPBACK/assets/js/script.js DELETED
@@ -1,177 +0,0 @@
1
- 'use script'
2
-
3
- // Add backdrop element
4
- $('body').append('<div class="main-backdrop"></div>');
5
-
6
- // Enable tooltips everywhere
7
- var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
8
- var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
9
- return new bootstrap.Tooltip(tooltipTriggerEl)
10
- });
11
-
12
- // Show sidebar in mobile
13
- $('#menuLink').on('click', function(e) {
14
- e.preventDefault();
15
-
16
- $('body').toggleClass('sidebar-show');
17
- });
18
-
19
- // Hide sidebar in mobile
20
- $('body').on('click', '.main-backdrop', function() {
21
- $('body').removeClass('sidebar-show sideright-show');
22
- })
23
-
24
- // Sidebar Interaction
25
- const psSidebar = new PerfectScrollbar('#sidebarMenu', {
26
- suppressScrollX: true
27
- });
28
-
29
- $('.sidebar .nav-label').on('click', function(e) {
30
- e.preventDefault();
31
-
32
- var target = $(this).next('.nav-sidebar');
33
- $(target).slideToggle(function() {
34
- psSidebar.update();
35
- });
36
-
37
- });
38
-
39
- $('.sidebar .has-sub').on('click', function(e) {
40
- e.preventDefault();
41
-
42
- var target = $(this).next('.nav-sub');
43
- $(target).slideToggle(function() {
44
- psSidebar.update();
45
- });
46
-
47
- var siblings = $(this).closest('.nav-item').siblings();
48
- siblings.each(function() {
49
- var nav = $(this).find('.nav-sub');
50
- if (nav.is(':visible')) {
51
- nav.slideUp();
52
- }
53
- });
54
- });
55
-
56
- $('#sidebarFooterMenu').on('click', function(e) {
57
- e.preventDefault();
58
- $(this).closest('.sidebar').toggleClass('footer-menu-show');
59
- });
60
-
61
- // Header mobile effect on scroll
62
- function animateHead() {
63
- if ($(document).scrollTop() > 20) {
64
- $('.main-mobile-header').addClass('scroll');
65
- } else {
66
- $('.main-mobile-header').removeClass('scroll');
67
- }
68
- }
69
-
70
- $(window).scroll(function() {
71
- animateHead();
72
- });
73
-
74
- // Click interaction anywhere in the page
75
- $(document).on('click touchstart', function(e) {
76
- e.stopPropagation();
77
-
78
- // closing sidebar footer menu
79
- if (!$(e.target).closest('.sidebar-footer').length) {
80
- $('.sidebar').removeClass('footer-menu-show');
81
- }
82
- });
83
-
84
- // Form search
85
- $('.form-search .form-control').on('focusin focusout', function(e) {
86
- $(this).parent().toggleClass('onfocus');
87
- });
88
-
89
- // Show/hide sidebar
90
- $('#menuSidebar').on('click', function(e) {
91
- e.preventDefault();
92
-
93
- if (window.matchMedia('(min-width: 992px)').matches) {
94
- $('body').toggleClass('sidebar-hide');
95
- } else {
96
- $('body').toggleClass('sidebar-show');
97
- }
98
- });
99
-
100
- // Show/hide sidebar offset
101
- $('#menuSidebarOffset').on('click', function(e) {
102
- e.preventDefault();
103
-
104
- $('body').toggleClass('sidebar-show');
105
- });
106
-
107
- // Load skin mode
108
- var skinMode = localStorage.getItem('skin-mode');
109
- if (skinMode) {
110
- $('html').attr('data-skin', 'dark');
111
- $('#skinMode .nav-link:last-child').addClass('active').siblings().removeClass('active');
112
- }
113
-
114
- // Set skin mode
115
- $('#skinMode .nav-link').on('click', function(e) {
116
- e.preventDefault();
117
- $(this).addClass('active').siblings().removeClass('active');
118
-
119
- var mode = $(this).text().toLowerCase();
120
- if (mode == 'dark') {
121
- $('html').attr('data-skin', 'dark');
122
- localStorage.setItem('skin-mode', mode);
123
- } else {
124
- localStorage.removeItem('skin-mode');
125
- $('html').attr('data-skin', '');
126
- }
127
- });
128
-
129
- // Load sidebar skin
130
- var sidebarSkin = localStorage.getItem('sidebar-skin');
131
- if (sidebarSkin) {
132
- $('.sidebar').attr('class', 'sidebar sidebar-' + sidebarSkin);
133
-
134
- if (sidebarSkin == 'prime') {
135
- $('#sidebarSkin .nav-link:nth-child(2)').addClass('active').siblings().removeClass('active');
136
- } else {
137
- $('#sidebarSkin .nav-link:last-child').addClass('active').siblings().removeClass('active');
138
- }
139
- }
140
-
141
- // Set sidebar skin
142
- $('#sidebarSkin .nav-link').on('click', function(e) {
143
- e.preventDefault();
144
- $(this).addClass('active').siblings().removeClass('active');
145
-
146
- var skin = $(this).text().toLowerCase();
147
- if (skin == 'default') {
148
-
149
- $('.sidebar').attr('class', 'sidebar');
150
- localStorage.removeItem('sidebar-skin');
151
-
152
- } else {
153
-
154
- $('.sidebar').attr('class', 'sidebar sidebar-' + skin);
155
- localStorage.setItem('sidebar-skin', skin);
156
- }
157
- });
158
-
159
- // Direction (LTR,RTL)
160
- $('#layoutDirection .nav-link').on('click', function(e) {
161
- e.preventDefault();
162
- var loc = window.location.href;
163
- var newLoc = '';
164
-
165
- if ($(this).is(':last-child')) {
166
- if (loc.includes('/dashboard/')) newLoc = loc.replace('/dashboard/', '/dashboard-rtl/');
167
- if (loc.includes('/apps/')) newLoc = loc.replace('/apps/', '/apps-rtl/');
168
- if (loc.includes('/pages/')) newLoc = loc.replace('/pages/', '/pages-rtl/');
169
-
170
- } else {
171
- if (loc.includes('/dashboard-rtl/')) newLoc = loc.replace('/dashboard-rtl/', '/dashboard/');
172
- if (loc.includes('/apps-rtl/')) newLoc = loc.replace('/apps-rtl/', '/apps/');
173
- if (loc.includes('/pages-rtl/')) newLoc = loc.replace('/pages-rtl/', '/pages/');
174
- }
175
-
176
- window.location.href = newLoc;
177
- })
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
CREEPBACK/bac2.jpg DELETED
Binary file (212 kB)
 
CREEPBACK/bar.js DELETED
@@ -1,47 +0,0 @@
1
- var chart_config = {
2
- type: 'bar',
3
- data: {
4
- labels: ['One', 'Two', 'Three'],
5
- datasets: [
6
- {
7
- label: 'Dataset 1',
8
- backgroundColor: '#848484',
9
- data: [4, 2, 6]
10
- },
11
- {
12
- label: 'Dataset 2',
13
- backgroundColor: '#848484',
14
- data: [1, 6, 3]
15
- },
16
- {
17
- label: 'Dataset 3',
18
- backgroundColor: '#848484',
19
- data: [7, 5, 2]
20
- }
21
- ]
22
- },
23
- options: {
24
- title: {
25
- display: false,
26
- text: 'Stacked Bars'
27
- },
28
- tooltips: {
29
- mode: 'label'
30
- },
31
- responsive: true,
32
- maintainAspectRatio: false,
33
- scales: {
34
- xAxes: [
35
- {
36
- stacked: true
37
- }
38
- ],
39
- yAxes: [
40
- {
41
- stacked: true
42
- }
43
- ]
44
- },
45
- onClick: handleClick
46
- }
47
- };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
CREEPBACK/chart/Alurbar_case1.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/Alurcompletion_blue12.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/Alurlineblue_blue17.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/Alurpie_dark4.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/Anekalbar_case1.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/Anekalcompletion_blue12.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/Anekallineblue_blue17.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/Anekalpie_dark4.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/ballaribar_case1.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/ballaricompletion_blue12.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/ballarilineblue_blue17.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/ballarimap.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/ballaripie_dark4.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/bantwalabar_case1.html DELETED
The diff for this file is too large to render. See raw diff
 
CREEPBACK/chart/bantwalacompletion_blue12.html DELETED
The diff for this file is too large to render. See raw diff