-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
454 lines (430 loc) · 78.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
<!DOCTYPE html>
<!-- saved from url=(0032)https://ricardochairez.carrd.co/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Portfolio</title><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="Ricardo Chairez Portfolio"><meta property="og:site_name" content="Portfolio"><meta property="og:title" content="Portfolio"><meta property="og:type" content="website"><meta property="og:description" content="Ricardo Chairez Portfolio"><meta property="og:image" content="https://ricardochairez.carrd.co/assets/images/card.jpg?v=1e9294fb"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:width" content="1280"><meta property="og:image:height" content="800"><meta property="og:url" content="https://ricardochairez.carrd.co"><meta property="twitter:card" content="summary_large_image"><link rel="canonical" href="https://ricardochairez.carrd.co/"><link href="./Portfolio_files/css" rel="stylesheet" type="text/css"><style>html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="email"],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}*, *:before, *:after {box-sizing: border-box;}body {line-height: 1.0;min-height: var(--viewport-height);min-width: 320px;overflow-x: hidden;word-wrap: break-word;background-color: #000000;}:root {--background-height: 100vh;--site-language-alignment: left;--site-language-direction: ltr;--site-language-flex-alignment: flex-start;--site-language-indent-left: 1;--site-language-indent-right: 0;--viewport-height: 100vh;}html {font-size: 12pt;}u {text-decoration: underline;}strong {color: inherit;font-weight: bolder;}em {font-style: italic;}code {background-color: rgba(144,144,144,0.25);border-radius: 0.25em;font-family: 'Lucida Console', 'Courier New', monospace;font-size: 0.9em;font-weight: normal;letter-spacing: 0;margin: 0 0.25em;padding: 0.25em 0.5em;text-indent: 0;}mark {background-color: rgba(144,144,144,0.25);}s {text-decoration: line-through;}sub {font-size: smaller;vertical-align: sub;}sup {font-size: smaller;vertical-align: super;}a {color: inherit;text-decoration: underline;transition: color 0.25s ease;}#wrapper {-webkit-overflow-scrolling: touch;align-items: center;display: flex;flex-direction: column;justify-content: center;min-height: var(--viewport-height);overflow: hidden;position: relative;z-index: 2;}#main {--alignment: center;--flex-alignment: center;--indent-left: 1;--indent-right: 1;--border-radius-tl: 0;--border-radius-tr: 0;--border-radius-br: 0;--border-radius-bl: 0;align-items: center;display: flex;flex-grow: 0;flex-shrink: 0;justify-content: center;max-width: 100%;position: relative;text-align: var(--alignment);z-index: 1;}#main > .inner {--padding-horizontal: 3rem;--padding-vertical: 9rem;--spacing: 1.5rem;--width: 36rem;border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);max-width: 100%;position: relative;width: var(--width);z-index: 1;padding: var(--padding-vertical) var(--padding-horizontal);}#main > .inner > * {margin-top: var(--spacing);margin-bottom: var(--spacing);}#main > .inner > :first-child {margin-top: 0 !important;}#main > .inner > :last-child {margin-bottom: 0 !important;}#main > .inner > .full {margin-left: calc(var(--padding-horizontal) * -1);max-width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);}#main > .inner > .full:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;margin-top: calc(var(--padding-vertical) * -1) !important;}#main > .inner > .full:last-child {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;margin-bottom: calc(var(--padding-vertical) * -1) !important;}#main > .inner > .full.screen {border-radius: 0 !important;max-width: 100vw;position: relative;width: 100vw;left: 50%;margin-left: -50vw;right: auto;}body.is-instant #main, body.is-instant #main > .inner > *,body.is-instant #main > .inner > section > * {transition: none !important;}body.is-instant:after {display: none !important;transition: none !important;}@keyframes onvisible-slide-left {0% {visibility: hidden;transform: translateX(100vw);}1% {visibility: visible;}100% {transform: translateX(0);}}@keyframes onvisible-slide-right {0% {visibility: hidden;transform: translateX(-100vw);}1% {visibility: visible;}100% {transform: translateX(0);}}.image {display: block;line-height: 0;max-width: 100%;position: relative;}.image .frame {-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);display: inline-block;max-width: 100%;overflow: hidden;vertical-align: top;width: 100%;}.image .frame img {border-radius: 0 !important;max-width: 100%;vertical-align: top;width: inherit;}.image.full .frame {display: block;}.image.full:first-child .frame {border-top-left-radius: inherit;border-top-right-radius: inherit;}.image.full:last-child .frame {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.image.style2:not(:first-child) {margin-top: 2.5rem !important;}.image.style2:not(:last-child) {margin-bottom: 2.5rem !important;}.image.style2 .frame {width: 9rem;border-radius: 100%;border-color: #030202;border-style: solid;border-width: 1px;transition: none;}.image.style2 .frame img {transition: none;}.image.style1:not(:first-child) {margin-top: 3rem !important;}.image.style1:not(:last-child) {margin-bottom: 3rem !important;}.image.style1 .frame {max-width: 100%;width: auto;border-color: #000000;border-style: solid;border-width: 1px;transition: none;}.image.style1 img {height: 100% !important;object-fit: cover;object-position: center;width: 100% !important;}.image.style1 .frame img {transition: none;}h1, h2, h3, p {direction: var(--site-language-direction);position: relative;}h1 span.p, h2 span.p, h3 span.p, p span.p {display: block;position: relative;}h1 span[style], h2 span[style], h3 span[style], p span[style], h1 strong, h2 strong, h3 strong, p strong, h1 a, h2 a, h3 a, p a, h1 code, h2 code, h3 code, p code, h1 mark, h2 mark, h3 mark, p mark {-webkit-text-fill-color: currentcolor;}h1.style5, h2.style5, h3.style5, p.style5 {color: #FFFFFF;font-family: 'Lexend Deca', sans-serif;font-size: 3.75em;line-height: 1.125;font-weight: 400;}h1.style5 a, h2.style5 a, h3.style5 a, p.style5 a {text-decoration: underline;}h1.style5 a:hover, h2.style5 a:hover, h3.style5 a:hover, p.style5 a:hover {text-decoration: none;}h1.style5 span.p:nth-child(n + 2), h2.style5 span.p:nth-child(n + 2), h3.style5 span.p:nth-child(n + 2), p.style5 span.p:nth-child(n + 2) {margin-top: 1rem;}h1.style4, h2.style4, h3.style4, p.style4 {color: rgba(255,255,255,0.678);font-family: 'Inter', sans-serif;font-size: 1em;line-height: 2;font-weight: 400;}h1.style4 a, h2.style4 a, h3.style4 a, p.style4 a {text-decoration: underline;}h1.style4 a:hover, h2.style4 a:hover, h3.style4 a:hover, p.style4 a:hover {text-decoration: none;}h1.style4 span.p:nth-child(n + 2), h2.style4 span.p:nth-child(n + 2), h3.style4 span.p:nth-child(n + 2), p.style4 span.p:nth-child(n + 2) {margin-top: 1rem;}h1.style2, h2.style2, h3.style2, p.style2 {color: #FFFFFF;font-family: 'Lexend Deca', sans-serif;font-size: 2em;line-height: 1.25;font-weight: 400;}h1.style2 a, h2.style2 a, h3.style2 a, p.style2 a {text-decoration: underline;}h1.style2 a:hover, h2.style2 a:hover, h3.style2 a:hover, p.style2 a:hover {text-decoration: none;}h1.style2 span.p:nth-child(n + 2), h2.style2 span.p:nth-child(n + 2), h3.style2 span.p:nth-child(n + 2), p.style2 span.p:nth-child(n + 2) {margin-top: 1rem;}h1.style1, h2.style1, h3.style1, p.style1 {color: rgba(255,255,255,0.702);font-family: 'Inter', sans-serif;font-size: 1em;line-height: 2;font-weight: 400;}h1.style1 a, h2.style1 a, h3.style1 a, p.style1 a {text-decoration: underline;}h1.style1 a:hover, h2.style1 a:hover, h3.style1 a:hover, p.style1 a:hover {text-decoration: none;}h1.style1 span.p:nth-child(n + 2), h2.style1 span.p:nth-child(n + 2), h3.style1 span.p:nth-child(n + 2), p.style1 span.p:nth-child(n + 2) {margin-top: 1rem;}h1.style3, h2.style3, h3.style3, p.style3 {color: #FFFFFF;font-family: 'Lexend Deca', sans-serif;font-size: 2em;line-height: 1.25;font-weight: 400;}h1.style3 a, h2.style3 a, h3.style3 a, p.style3 a {text-decoration: underline;}h1.style3 a:hover, h2.style3 a:hover, h3.style3 a:hover, p.style3 a:hover {text-decoration: none;}h1.style3 span.p:nth-child(n + 2), h2.style3 span.p:nth-child(n + 2), h3.style3 span.p:nth-child(n + 2), p.style3 span.p:nth-child(n + 2) {margin-top: 1rem;}.container {position: relative;}.container > .wrapper {vertical-align: top;position: relative;max-width: 100%;border-radius: inherit;}.container > .wrapper > .inner {vertical-align: top;position: relative;max-width: 100%;border-radius: inherit;text-align: var(--alignment);}#main .container.full:first-child > .wrapper {border-top-left-radius: inherit;border-top-right-radius: inherit;}#main .container.full:last-child > .wrapper {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}#main .container.full:first-child > .wrapper > .inner {border-top-left-radius: inherit;border-top-right-radius: inherit;}#main .container.full:last-child > .wrapper > .inner {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.container.style2:not(:first-child) {margin-top: 0rem !important;}.container.style2:not(:last-child) {margin-bottom: 0rem !important;}.container.style2 > .wrapper {display: inline-block;width: 30rem;background-color: transparent;}.container.style2 > .wrapper > .inner {--gutters: 2rem;--padding-horizontal: 0rem;--padding-vertical: 0rem;padding: var(--padding-vertical) var(--padding-horizontal);}.container.style2.default > .wrapper > .inner > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}.container.style2.default > .wrapper > .inner > *:first-child {margin-top: 0 !important;}.container.style2.default > .wrapper > .inner > *:last-child {margin-bottom: 0 !important;}.container.style2.columns > .wrapper > .inner {flex-wrap: wrap;display: flex;align-items: flex-start;}.container.style2.columns > .wrapper > .inner > * {flex-grow: 0;flex-shrink: 0;max-width: 100%;text-align: var(--alignment);padding: 0 0 0 var(--gutters);}.container.style2.columns > .wrapper > .inner > * > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}.container.style2.columns > .wrapper > .inner > * > *:first-child {margin-top: 0 !important;}.container.style2.columns > .wrapper > .inner > * > *:last-child {margin-bottom: 0 !important;}.container.style2.columns > .wrapper > .inner > *:first-child {margin-left: calc(var(--gutters) * -1);}.container.style2.default > .wrapper > .inner > .full {margin-left: calc(var(--padding-horizontal) * -1);max-width: none !important;width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}.container.style2.default > .wrapper > .inner > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}.container.style2.default > .wrapper > .inner > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.container.style2.columns > .wrapper > .inner > div > .full {margin-left: calc(var(--gutters) * -0.5);max-width: none !important;width: calc(100% + var(--gutters) + 0.4725px);}.container.style2.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);}.container.style2.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);}.container.style2.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}.container.style2.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}.container.style2.columns > .wrapper > .inner > div:first-child, .container.style2.columns > .wrapper > .inner > div:first-child > .full:first-child {border-top-left-radius: inherit;}.container.style2.columns > .wrapper > .inner > div:last-child, .container.style2.columns > .wrapper > .inner > div:last-child > .full:first-child {border-top-right-radius: inherit;}.container.style2.columns > .wrapper > .inner > .full {align-self: stretch;}.container.style2.columns > .wrapper > .inner > .full:first-child {border-bottom-left-radius: inherit;border-top-left-radius: inherit;}.container.style2.columns > .wrapper > .inner > .full:last-child {border-bottom-right-radius: inherit;border-top-right-radius: inherit;}.container.style2.columns > .wrapper > .inner > .full > .full:first-child:last-child {border-radius: inherit;height: calc(100% + (var(--padding-vertical) * 2));}.container.style2.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {border-radius: inherit;height: 100%;position: absolute;width: 100%;}.container.style1 {display: flex;width: 100%;align-items: center;justify-content: center;background-color: #000000;border-radius: 0.875rem;}.container.style1:not(:first-child) {margin-top: 0rem !important;}.container.style1:not(:last-child) {margin-bottom: 0rem !important;}.container.style1 > .wrapper > .inner {--gutters: 2rem;--padding-horizontal: 3rem;--padding-vertical: 3rem;padding: var(--padding-vertical) var(--padding-horizontal);}.container.style1 > .wrapper {max-width: var(--width);width: 100%;}.container.style1.default > .wrapper > .inner > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}.container.style1.default > .wrapper > .inner > *:first-child {margin-top: 0 !important;}.container.style1.default > .wrapper > .inner > *:last-child {margin-bottom: 0 !important;}.container.style1.columns > .wrapper > .inner {flex-wrap: wrap;display: flex;align-items: flex-start;}.container.style1.columns > .wrapper > .inner > * {flex-grow: 0;flex-shrink: 0;max-width: 100%;text-align: var(--alignment);padding: 0 0 0 var(--gutters);}.container.style1.columns > .wrapper > .inner > * > * {margin-bottom: var(--spacing);margin-top: var(--spacing);}.container.style1.columns > .wrapper > .inner > * > *:first-child {margin-top: 0 !important;}.container.style1.columns > .wrapper > .inner > * > *:last-child {margin-bottom: 0 !important;}.container.style1.columns > .wrapper > .inner > *:first-child {margin-left: calc(var(--gutters) * -1);}.container.style1.default > .wrapper > .inner > .full {margin-left: calc(var(--padding-horizontal) * -1);max-width: none !important;width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}.container.style1.default > .wrapper > .inner > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;border-top-left-radius: inherit;border-top-right-radius: inherit;}.container.style1.default > .wrapper > .inner > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.container.style1.columns > .wrapper > .inner > div > .full {margin-left: calc(var(--gutters) * -0.5);max-width: none !important;width: calc(100% + var(--gutters) + 0.4725px);}.container.style1.columns > .wrapper > .inner > div:first-child > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);}.container.style1.columns > .wrapper > .inner > div:last-child > .full {width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);}.container.style1.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}.container.style1.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}.container.style1.columns > .wrapper > .inner > div:first-child, .container.style1.columns > .wrapper > .inner > div:first-child > .full:first-child {border-top-left-radius: inherit;}.container.style1.columns > .wrapper > .inner > div:last-child, .container.style1.columns > .wrapper > .inner > div:last-child > .full:first-child {border-top-right-radius: inherit;}.container.style1.columns > .wrapper > .inner > .full {align-self: stretch;}.container.style1.columns > .wrapper > .inner > .full:first-child {border-bottom-left-radius: inherit;border-top-left-radius: inherit;}.container.style1.columns > .wrapper > .inner > .full:last-child {border-bottom-right-radius: inherit;border-top-right-radius: inherit;}.container.style1.columns > .wrapper > .inner > .full > .full:first-child:last-child {border-radius: inherit;height: calc(100% + (var(--padding-vertical) * 2));}.container.style1.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {border-radius: inherit;height: 100%;position: absolute;width: 100%;}hr {border: 0;padding: 0;position: relative;width: 100%;}hr:before {content: '';display: inline-block;max-width: 100%;vertical-align: middle;}hr.style1:not(:first-child) {margin-top: 2.5rem !important;}hr.style1:not(:last-child) {margin-bottom: 2.5rem !important;}hr.style1:before {width: 100%;border-top: dashed 2px rgba(255,255,255,0.329);height: 2px;margin-top: -1px;}hr.style2:not(:first-child) {margin-top: 0rem !important;}hr.style2:not(:last-child) {margin-bottom: 0rem !important;}hr.style2:before {height: 9rem;border-left: dashed 3px #000000;width: 3px;}.buttons {cursor: default;display: flex;justify-content: var(--flex-alignment);letter-spacing: 0;padding: 0;}.buttons li {max-width: 100%;}.buttons li a {align-items: center;justify-content: center;max-width: 100%;text-align: center;text-decoration: none;vertical-align: middle;white-space: nowrap;}.buttons.style1 {gap: 0.75rem;flex-direction: row;flex-wrap: wrap;}.buttons.style1 li a {display: inline-flex;width: 100vw;height: auto;line-height: 2rem;padding: 0 1.625rem;vertical-align: middle;font-family: 'Inter', sans-serif;font-size: 1em;font-weight: 400;border-radius: 0.5rem;flex-direction: row-reverse;justify-content: flex-end;padding-bottom: 1.015625rem;padding-top: 1.015625rem;white-space: normal;align-items: flex-start;transition: transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}.buttons.style1 li a svg {display: block;fill: #FFFFFF;flex-grow: 0;flex-shrink: 0;height: 2rem;min-width: 16px;width: 1.625em;margin-left: 0.5em;margin-right: calc(-0.125em + 0rem);transition: fill 0.25s ease;}.buttons.style1 li a .label {direction: var(--site-language-direction);overflow: hidden;text-overflow: ellipsis;flex-grow: 1;flex-shrink: 1;text-align: left;width: 100%;}.buttons.style1 .button {background-color: #2EBA4E;color: #FFFFFF;background-image: linear-gradient(45deg, #2EBA4E 0%, rgba(46,186,78,0.008) 100%);background-position: 0% 0%;background-repeat: repeat;background-size: cover;}.buttons.style1 li a:hover {transform: scale(1.0425);}#buttons04 {gap: 0.75rem;flex-direction: row;flex-wrap: wrap;}#buttons04 li a {display: inline-flex;width: 100vw;height: auto;line-height: 2rem;padding: 0 1.625rem;vertical-align: middle;font-family: 'Inter', sans-serif;font-size: 1em;font-weight: 400;border-radius: 0.5rem;flex-direction: row-reverse;justify-content: flex-end;padding-bottom: 1.015625rem;padding-top: 1.015625rem;white-space: normal;align-items: flex-start;transition: transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}#buttons04 li a svg {display: block;fill: #000000;flex-grow: 0;flex-shrink: 0;height: 2rem;min-width: 16px;width: 1.625em;margin-left: 0.5em;margin-right: calc(-0.125em + 0rem);transition: fill 0.25s ease;}#buttons04 li a .label {direction: var(--site-language-direction);overflow: hidden;text-overflow: ellipsis;flex-grow: 1;flex-shrink: 1;text-align: left;width: 100%;}#buttons04 .button {background-color: #FFFFFF;color: #000000;background-image: linear-gradient(45deg, #FFFFFF 0%, rgba(255,255,255,0.008) 100%);background-position: 0% 0%;background-repeat: repeat;background-size: cover;}#buttons04 li a:hover {transform: scale(1.0425);}.icons {display: flex;flex-wrap: wrap;justify-content: var(--flex-alignment);letter-spacing: 0;padding: 0;}.icons li {position: relative;z-index: 1;}.icons li a {align-items: center;display: flex;justify-content: center;}.icons li a svg {display: block;position: relative;}.icons li a + svg {display: block;height: 100%;left: 0;pointer-events: none;position: absolute;top: 0;width: 100%;z-index: -1;}.icons li a .label {display: none;}.icons.style1 {font-size: 2em;gap: 1.25rem;}.icons.style1:not(:first-child) {margin-top: 3rem !important;}.icons.style1:not(:last-child) {margin-bottom: 3rem !important;}.icons.style1 li a {border-radius: 100%;height: 2em;width: 2em;transition: transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;}.icons.style1 li a svg {height: 60%;width: 60%;transition: fill 0.25s ease;}.icons.style1 a svg {fill: #FFFFFF;}.icons.style1 a {border: solid 3px #FFFFFF;}.icons.style1 li a + svg {transition: transform 0.25s ease, fill 0.25s ease, stroke 0.25s ease;}.icons.style1 li a:hover {transform: scale(1.1125);}.icons.style1 li a:hover + svg {transform: scale(1.1125);}.icc-credits {display: block;opacity: 1 !important;position: relative;transition-delay: 0s !important;}.icc-credits span {border-radius: 24px;cursor: pointer;display: inline-block;font-family: Arial, sans-serif;font-size: 12px;letter-spacing: 0;line-height: 1;position: relative;text-decoration: none;width: auto;}.icc-credits span a {display: inline-block;padding: 0.5em 0.375em;position: relative;text-decoration: none;transition: color 0.25s ease, transform 0.25s ease;z-index: 1;}.icc-credits span a:before {content: '( ';opacity: 1;transition: opacity 0.25s ease;}.icc-credits span a:after {content: ' )';opacity: 1;transition: opacity 0.25s ease;}.icc-credits span::after {background-image: linear-gradient(30deg, #A464A1 15%, #3B5DAD 85%);border-radius: inherit;box-shadow: 0 0.25em 1.25em 0 rgba(0,0,0,0.25);content: '';display: block;height: calc(100% + 2px);left: -1px;opacity: 0;pointer-events: none;position: absolute;top: -1px;transition: opacity 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;width: calc(100% + 2px);}.icc-credits span:hover {text-transform: none !important;}.icc-credits span:hover a {color: #ffffff !important;transform: scale(1.1) translateY(-0.05rem);}.icc-credits span:hover a:before {opacity: 0;}.icc-credits span:hover a:after {opacity: 0;}.icc-credits span:hover::after {opacity: 1;transform: scale(1.1) translateY(-0.05rem);}#credits span {color: rgba(255,255,255,0.498);margin-top: 1.5rem !important;}@media (max-width: 1920px) {}@media (max-width: 1680px) {html {font-size: 9pt;}}@media (max-width: 1280px) {html {font-size: 9pt;}}@media (max-width: 1024px) {}@media (max-width: 980px) {html {font-size: 7pt;}}@media (max-width: 736px) {html {font-size: 12pt;}#main > .inner {--padding-horizontal: 1.5rem;--padding-vertical: 6rem;--spacing: 1.5rem;}.image.style2:not(:first-child) {margin-top: 1.875rem !important;}.image.style2:not(:last-child) {margin-bottom: 1.875rem !important;}.image.style2 .frame {width: 9rem;}.image.style1:not(:first-child) {margin-top: 2.25rem !important;}.image.style1:not(:last-child) {margin-bottom: 2.25rem !important;}.image.style1 img {height: 100% !important;object-fit: cover;object-position: center;width: 100% !important;}h1.style5, h2.style5, h3.style5, p.style5 {letter-spacing: 0rem;width: 100%;font-size: 3.5em;line-height: 1.125;}h1.style4, h2.style4, h3.style4, p.style4 {letter-spacing: 0rem;width: 100%;font-size: 1em;line-height: 2;}h1.style2, h2.style2, h3.style2, p.style2 {letter-spacing: 0rem;width: 100%;font-size: 2em;line-height: 1.25;}h1.style1, h2.style1, h3.style1, p.style1 {letter-spacing: 0rem;width: 100%;font-size: 1em;line-height: 2;}h1.style3, h2.style3, h3.style3, p.style3 {letter-spacing: 0rem;width: 100%;font-size: 2em;line-height: 1.25;}.container.style2:not(:first-child) {margin-top: 0rem !important;}.container.style2:not(:last-child) {margin-bottom: 0rem !important;}.container.style2 > .wrapper > .inner {--gutters: 2rem;--padding-horizontal: 0rem;--padding-vertical: 0rem;}.container.style2.columns > .wrapper > .inner {flex-direction: column !important;flex-wrap: nowrap !important;}.container.style2.columns > .wrapper > .inner > span {height: 0;margin-top: calc(var(--gutters) * -1);pointer-events: none;visibility: hidden;}.container.style2.columns > .wrapper > .inner > *:first-child {margin-left: 0 !important;padding-top: 0 !important;}.container.style2.columns > .wrapper > .inner > * {padding: calc(var(--gutters) * 0.5) 0 !important;}.container.style2.columns > .wrapper > .inner > *:last-child {padding-bottom: 0 !important;}.container.style2.columns > .wrapper > .inner > div > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}.container.style2.columns > .wrapper > .inner > div:first-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}.container.style2.columns > .wrapper > .inner > div:last-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}.container.style2.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(var(--gutters) * -0.5) !important;}.container.style2.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(var(--gutters) * -0.5) !important;}.container.style2.columns > .wrapper > .inner > div:first-of-type > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}.container.style2.columns > .wrapper > .inner > div:last-of-type > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}.container.style2.columns > .wrapper > .inner > div:first-of-type, .container.style2.columns > .wrapper > .inner > div:first-of-type > .full:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;}.container.style2.columns > .wrapper > .inner > div:last-of-type, .container.style2.columns > .wrapper > .inner > div:last-of-type > .full:last-child {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.container.style2.columns > .wrapper > .inner > div:first-of-type, .container.style2.columns > .wrapper > .inner > div:first-of-type > .full:last-child {border-bottom-left-radius: 0 !important;}.container.style2.columns > .wrapper > .inner > div:last-of-type, .container.style2.columns > .wrapper > .inner > div:last-of-type > .full:first-child {border-top-right-radius: 0 !important;}.container.style2.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: auto;}.container.style2.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {height: auto;position: relative;width: auto;}.container.style1:not(:first-child) {margin-top: 0rem !important;}.container.style1:not(:last-child) {margin-bottom: 0rem !important;}.container.style1 > .wrapper > .inner {--gutters: 2rem;--padding-horizontal: 2.5rem;--padding-vertical: 2.5rem;}.container.style1.columns > .wrapper > .inner {flex-direction: column !important;flex-wrap: nowrap !important;}.container.style1.columns > .wrapper > .inner > span {height: 0;margin-top: calc(var(--gutters) * -1);pointer-events: none;visibility: hidden;}.container.style1.columns > .wrapper > .inner > *:first-child {margin-left: 0 !important;padding-top: 0 !important;}.container.style1.columns > .wrapper > .inner > * {padding: calc(var(--gutters) * 0.5) 0 !important;}.container.style1.columns > .wrapper > .inner > *:last-child {padding-bottom: 0 !important;}.container.style1.columns > .wrapper > .inner > div > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}.container.style1.columns > .wrapper > .inner > div:first-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}.container.style1.columns > .wrapper > .inner > div:last-of-type > .full {margin-left: calc(var(--padding-horizontal) * -1);width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);}.container.style1.columns > .wrapper > .inner > div > .full:first-child {margin-top: calc(var(--gutters) * -0.5) !important;}.container.style1.columns > .wrapper > .inner > div > .full:last-child {margin-bottom: calc(var(--gutters) * -0.5) !important;}.container.style1.columns > .wrapper > .inner > div:first-of-type > .full:first-child {margin-top: calc(var(--padding-vertical) * -1) !important;}.container.style1.columns > .wrapper > .inner > div:last-of-type > .full:last-child {margin-bottom: calc(var(--padding-vertical) * -1) !important;}.container.style1.columns > .wrapper > .inner > div:first-of-type, .container.style1.columns > .wrapper > .inner > div:first-of-type > .full:first-child {border-top-left-radius: inherit;border-top-right-radius: inherit;}.container.style1.columns > .wrapper > .inner > div:last-of-type, .container.style1.columns > .wrapper > .inner > div:last-of-type > .full:last-child {border-bottom-left-radius: inherit;border-bottom-right-radius: inherit;}.container.style1.columns > .wrapper > .inner > div:first-of-type, .container.style1.columns > .wrapper > .inner > div:first-of-type > .full:last-child {border-bottom-left-radius: 0 !important;}.container.style1.columns > .wrapper > .inner > div:last-of-type, .container.style1.columns > .wrapper > .inner > div:last-of-type > .full:first-child {border-top-right-radius: 0 !important;}.container.style1.columns > .wrapper > .inner > .full > .full:first-child:last-child {height: auto;}.container.style1.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {height: auto;position: relative;width: auto;}hr.style1:not(:first-child) {margin-top: 2rem !important;}hr.style1:not(:last-child) {margin-bottom: 2rem !important;}hr.style2:not(:first-child) {margin-top: 0rem !important;}hr.style2:not(:last-child) {margin-bottom: 0rem !important;}hr.style2:before {height: 6rem;}.buttons.style1 {gap: 0.75rem;}.buttons.style1 li a {letter-spacing: 0rem;font-size: 1em;}.buttons.style1 li a svg {width: 1.625em;}#buttons04 {gap: 0.75rem;}#buttons04 li a {letter-spacing: 0rem;font-size: 1em;}#buttons04 li a svg {width: 1.625em;}.icons.style1 {font-size: 2em;gap: 1.25rem;}.icons.style1:not(:first-child) {margin-top: 2.25rem !important;}.icons.style1:not(:last-child) {margin-bottom: 2.25rem !important;}}@media (max-width: 480px) {#main > .inner {--spacing: 1.3125rem;}.buttons.style1 {flex-direction: column;flex-wrap: nowrap;}.buttons.style1 li a {max-width: 100%;width: 100%;}#buttons04 {flex-direction: column;flex-wrap: nowrap;}#buttons04 li a {max-width: 100%;width: 100%;}}@media (max-width: 360px) {#main > .inner {--padding-horizontal: 1.125rem;--padding-vertical: 4.5rem;--spacing: 1.125rem;}h1.style5, h2.style5, h3.style5, p.style5 {font-size: 3.5em;}h1.style4, h2.style4, h3.style4, p.style4 {font-size: 1em;}h1.style2, h2.style2, h3.style2, p.style2 {font-size: 1.5em;}h1.style1, h2.style1, h3.style1, p.style1 {font-size: 1em;}h1.style3, h2.style3, h3.style3, p.style3 {font-size: 1.5em;}.container.style2 > .wrapper > .inner {--gutters: 1.5rem;--padding-horizontal: 0rem;--padding-vertical: 0rem;}.container.style1 > .wrapper > .inner {--gutters: 1.5rem;--padding-horizontal: 1.875rem;--padding-vertical: 1.875rem;}.buttons.style1 {gap: 0.5625rem;}#buttons04 {gap: 0.5625rem;}.icons.style1 {gap: 0.9375rem;}}</style><style></style><style>/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style><style>.ucbzx-button-wrapper {
position: absolute !important;
z-index: 1000 !important;
top: 0 !important;
right: 0 !important;
}
.ucbzx-button {
display: block;
border: none !important;
/* outline: none !important; */
background: #3c3c54 !important;
padding: 0 !important;
border-radius: 5px;
width: 36px !important;
height: 36px !important;
}
.ucbzx-button:active {
border: none !important;
}
.ucbzx-button:disabled {
cursor: default !important;
}
.ucbzx-download-img {
display: block !important;
width: 36px !important;
height: 36px !important;
cursor: pointer !important;
margin: 0 !important;
}
.ucbzx-hide {
display: none !important;
}
.ucbzx-loader {
display: block;
box-sizing: content-box !important;
width: 30px !important;
height: 30px !important;
padding: 3px !important;
animation: rotate 1s linear infinite;
margin: 0 !important;
}
/*
RESOLUTIONS CHOICE
*/
.ucbzx-resolutions-list {
position: absolute !important;
top: 36px !important;
right: 0 !important;
background: #3c3c54 !important;
color: #dbdbdb !important;
font-family: 'Roboto', sans-serif !important;
font-size: 14px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.ucbzx-resolutions-list li {
margin: 4px !important;
padding: 0 !important;
font-weight: bold !important;
white-space: nowrap !important;
width: 130px !important;
height: 30px !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
.ucbzx-list-item-tickbox {
width: 20px !important;
height: 20px !important;
background: rgba(255, 255, 255, 0.219) !important;
/* border-radius: 5px !important; */
display: flex !important;
justify-content: center !important;
align-items: center !important;
/* font-size: 17px !important; */
/* border: 1px solid rgba(255, 255, 255, 0.835) !important; */
cursor: pointer !important;
margin-left: 4px !important;
}
.ucbzx-resolutions-list > li::before {
display: none;
}
.ucbzx-list-item-tickbox:not(.ucbzx-list-item-tickbox-checked):hover {
background: rgba(255, 255, 255, 0.37) !important;
}
.ucbzx-list-item-tickbox.ucbzx-list-item-tickbox-checked {
cursor: default !important;
}
.ucbzx-list-item-tickbox-checked::after {
content: "\2713" !important;
color: white !important;
}
.ucbzx-list-item-text {
/* border-radius: 5px !important; */
flex-grow: 1 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
cursor: pointer !important;
height: 100% !important;
margin-left: 10px !important;
}
.ucbzx-list-item-text:hover {
background: rgba(255, 255, 255, 0.37) !important;
color: white !important;
}
/* account for the fact that we got rid of the tickbox there */
.ucbzx-resolutions-list li[data-type="captions"] .ucbzx-list-item-text {
margin-left: 34px !important;
font-style: italic;
}
/*
MISC
*/
.ucbzx-arrow-container {
background: none !important;
position: absolute !important;
top: 36px !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
border-left: 18px solid transparent !important;
border-right: 18px solid transparent !important;
border-top: 18px solid #3c3c54 !important;
/* border-bottom: none !important; */
cursor: pointer !important;
}
.ucbzx-arrow-container::after {
position: absolute !important;
top: -18px !important;
left: -4px !important;
content: "" !important;
border: 1px solid #dbdbdb !important;
border-width: 0 3px 3px 0 !important;
display: inline-block !important;
padding: 3px !important;
transform: rotate(45deg);
}
.ucbzx-button:focus,
.ucbzx-arrow-container:focus,
.ucbzx-resolutions-list:focus,
.ucbzx-list-item-tickbox:focus,
.ucbzx-list-item-text:focus {
outline: 1px solid white !important;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}
/*
RESET STYLES
*/
.ucbzx-button-wrapper button {
border: none;
margin: 0;
padding: 0;
width: auto;
overflow: visible;
background: transparent;
color: inherit;
font: inherit;
outline: none;
line-height: normal;
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
-webkit-appearance: none;
}
.ucbzx-button-wrapper li,
.ucbzx-button-wrapper li * {
margin: 0;
font: inherit;
font-style: inherit;
font-size: inherit;
}</style></head><body><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40 40" display="none" width="0" height="0"><symbol id="icon-8c4b37645de3c276d895d87df51ba614" viewBox="0 0 40 40"><path d="M36,20.3c0,3.5-1,6.6-3.1,9.4c-2,2.8-4.7,4.7-7.9,5.8c-0.4,0.1-0.6,0-0.8-0.1c-0.2-0.2-0.3-0.4-0.3-0.6v-4.4 c0-1.3-0.4-2.3-1.1-3c0.8-0.1,1.5-0.2,2.1-0.4c0.6-0.2,1.3-0.4,2-0.8c0.7-0.4,1.2-0.8,1.7-1.4c0.5-0.5,0.8-1.3,1.1-2.2 s0.4-2,0.4-3.1c0-1.7-0.5-3.1-1.6-4.3c0.5-1.3,0.5-2.7-0.2-4.2c-0.4-0.1-1,0-1.7,0.2c-0.7,0.3-1.4,0.6-1.9,0.9L24,12.5 c-1.3-0.4-2.6-0.5-4-0.5s-2.7,0.2-4,0.5c-0.2-0.2-0.5-0.3-0.9-0.6c-0.4-0.2-0.9-0.5-1.7-0.8c-0.8-0.3-1.4-0.4-1.8-0.3 c-0.6,1.6-0.7,3-0.1,4.2c-1.1,1.2-1.6,2.6-1.6,4.3c0,1.2,0.1,2.2,0.4,3.1s0.6,1.6,1.1,2.2s1,1,1.7,1.4c0.7,0.4,1.3,0.6,2,0.8 c0.6,0.2,1.3,0.3,2.1,0.4c-0.6,0.5-0.9,1.2-1,2.1c-0.3,0.1-0.6,0.2-0.9,0.3c-0.3,0.1-0.7,0.1-1.2,0.1c-0.5,0-0.9-0.1-1.4-0.4 c-0.5-0.3-0.8-0.7-1.2-1.3c-0.3-0.4-0.6-0.8-1-1.1c-0.4-0.3-0.8-0.4-1-0.5L9,26.5c-0.3,0-0.5,0-0.6,0.1c-0.1,0.1-0.1,0.1-0.1,0.2 c0,0.1,0.1,0.2,0.2,0.3c0.1,0.1,0.2,0.2,0.3,0.2l0.1,0.1c0.3,0.1,0.6,0.4,0.9,0.8s0.5,0.7,0.7,1.1l0.2,0.5c0.2,0.5,0.5,1,0.9,1.3 c0.4,0.3,0.9,0.5,1.4,0.6c0.5,0.1,1,0.1,1.4,0.1c0.5,0,0.9,0,1.2-0.1l0.5-0.1c0,0.5,0,1.1,0,1.9c0,0.7,0,1.1,0,1.1 c0,0.2-0.1,0.5-0.3,0.6c-0.2,0.2-0.5,0.2-0.8,0.1c-3.2-1.1-5.8-3-7.9-5.8S4,23.8,4,20.3c0-2.9,0.7-5.6,2.1-8S9.5,7.8,12,6.4 s5.1-2.1,8-2.1s5.6,0.7,8,2.1s4.4,3.4,5.8,5.8S36,17.4,36,20.3L36,20.3z"></path></symbol><symbol id="icon-65b2527f26e728377d2307394969cc13" viewBox="0 0 40 40"><path d="M33.4,26.7c-0.5,1.7-1.4,3.4-2.5,5.1c-1.8,2.7-3.5,4-5.3,4c-0.7,0-1.6-0.2-2.9-0.7c-1.2-0.4-2.2-0.7-3.1-0.7 c-0.8,0-1.8,0.2-2.9,0.7c-1.1,0.5-2,0.7-2.7,0.7c-2.1,0-4.1-1.8-6.2-5.3c-2-3.6-3-7-3-10.4c0-3.1,0.8-5.7,2.3-7.7c1.5-2,3.5-3,5.8-3 c1,0,2.2,0.2,3.6,0.6c1.4,0.4,2.4,0.6,2.8,0.6c0.6,0,1.6-0.2,2.9-0.7c1.4-0.5,2.6-0.7,3.6-0.7c1.6,0,3.1,0.4,4.4,1.3 c0.7,0.5,1.4,1.2,2.1,2.1c-1.1,0.9-1.9,1.7-2.3,2.4c-0.9,1.3-1.3,2.7-1.3,4.3c0,1.7,0.5,3.2,1.4,4.6C31.1,25.4,32.2,26.3,33.4,26.7 L33.4,26.7z M25.7,2.5c0,0.8-0.2,1.8-0.6,2.8c-0.4,1-1,2-1.9,2.8c-0.7,0.7-1.5,1.2-2.2,1.5c-0.5,0.2-1.2,0.3-2.1,0.3 c0-2,0.6-3.8,1.6-5.3c1-1.5,2.7-2.5,5.1-3c0,0,0,0.1,0.1,0.2c0,0.1,0,0.2,0.1,0.2c0,0.1,0,0.1,0,0.2S25.7,2.5,25.7,2.5L25.7,2.5z"></path></symbol><symbol id="icon-9570a68733e3ff2abd643efda8a53b3c" viewBox="0 0 40 40"><path d="M22.2,34.9c0-0.6-0.2-1.2-0.7-1.6c-0.4-0.4-1-0.7-1.6-0.7s-1.2,0.2-1.6,0.7c-0.4,0.4-0.7,1-0.7,1.6c0,0.6,0.2,1.2,0.7,1.6 s1,0.7,1.6,0.7c0.6,0,1.2-0.2,1.6-0.7S22.2,35.6,22.2,34.9z M28.2,30.4V10.2c0-0.2-0.1-0.5-0.3-0.6c-0.2-0.2-0.4-0.3-0.6-0.3H12.6 c-0.2,0-0.5,0.1-0.6,0.3c-0.2,0.2-0.3,0.4-0.3,0.6v20.1c0,0.2,0.1,0.5,0.3,0.6c0.2,0.2,0.4,0.3,0.6,0.3h14.6c0.2,0,0.5-0.1,0.6-0.3 C28.1,30.8,28.2,30.6,28.2,30.4z M22.7,6.1c0-0.3-0.2-0.5-0.5-0.5h-4.6c-0.3,0-0.5,0.2-0.5,0.5c0,0.3,0.2,0.5,0.5,0.5h4.6 C22.5,6.6,22.7,6.4,22.7,6.1z M30.9,5.6v29.3c0,1-0.4,1.9-1.1,2.6c-0.7,0.7-1.6,1.1-2.6,1.1H12.6c-1,0-1.9-0.4-2.6-1.1 c-0.7-0.7-1.1-1.6-1.1-2.6V5.6c0-1,0.4-1.9,1.1-2.6C10.8,2.3,11.6,2,12.6,2h14.6c1,0,1.9,0.4,2.6,1.1C30.6,3.8,30.9,4.6,30.9,5.6z"></path></symbol><symbol id="icon-c0646d28bbeb18e39eb973f96b44bd0f" viewBox="0 0 40 40"><path d="M34.9,30.5V15.6c-0.4,0.4-0.8,0.9-1.4,1.2c-3.4,2.7-6.2,4.8-8.2,6.6c-0.6,0.5-1.1,0.9-1.6,1.2c-0.4,0.3-0.9,0.6-1.7,0.9 c-0.7,0.3-1.4,0.5-2,0.5l0,0c-0.6,0-1.2-0.2-2-0.5c-0.7-0.3-1.2-0.6-1.7-0.9c-0.4-0.3-0.9-0.7-1.6-1.2c-2.1-1.7-4.8-3.8-8.2-6.6 c-0.5-0.4-0.9-0.8-1.4-1.2v14.9c0,0.2,0.1,0.3,0.2,0.4C5.7,31,5.9,31.1,6,31.1h28.4c0.2,0,0.3-0.1,0.4-0.2 C34.8,30.8,34.9,30.7,34.9,30.5L34.9,30.5z M34.9,10.2V9.7c0,0,0-0.1,0-0.2c0-0.1,0-0.2-0.1-0.2c-0.1,0-0.1,0-0.1-0.2 c0-0.1-0.1-0.2-0.2-0.1c-0.1,0-0.2,0-0.3,0H5.8C5.6,8.9,5.4,9,5.3,9.1C5.2,9.2,5.1,9.3,5.1,9.5c0,2.2,0.9,4,2.8,5.5 c2.5,2,5.1,4,7.7,6.1c0.1,0.1,0.3,0.2,0.7,0.5c0.4,0.3,0.6,0.5,0.9,0.7c0.2,0.2,0.5,0.4,0.8,0.6c0.3,0.2,0.7,0.4,0.9,0.5 c0.3,0.1,0.6,0.2,0.8,0.2l0,0c0.2,0,0.5-0.1,0.8-0.2c0.3-0.1,0.6-0.3,0.9-0.5c0.3-0.2,0.6-0.4,0.8-0.6c0.2-0.2,0.5-0.4,0.9-0.7 c0.4-0.3,0.6-0.5,0.6-0.5c2.7-2.1,5.3-4.2,7.7-6.1c0.7-0.5,1.4-1.2,2-2.2C34.6,11.8,34.9,11,34.9,10.2L34.9,10.2z M37.3,9.5v21 c0,0.8-0.3,1.6-0.9,2.2s-1.4,0.9-2.2,0.9H5.8c-0.8,0-1.6-0.3-2.2-0.9c-0.6-0.6-0.9-1.4-0.9-2.2v-21c0-0.8,0.3-1.6,0.9-2.2 s1.4-0.9,2.2-0.9h28.4c0.8,0,1.6,0.3,2.2,0.9S37.3,8.7,37.3,9.5z"></path></symbol><symbol id="icon-bf393d6ea48a4e69e1ed58a3563b94a5" viewBox="0 0 40 40"><path d="M12.1,13.8v19.1H5.7V13.8C5.7,13.8,12.1,13.8,12.1,13.8z M12.5,7.9c0,0.9-0.3,1.7-1,2.4c-0.7,0.6-1.5,0.9-2.6,0.9h0 c-1.1,0-1.9-0.3-2.5-0.9c-0.6-0.6-1-1.4-1-2.4c0-1,0.3-1.7,1-2.4S7.9,4.6,9,4.6s1.9,0.3,2.6,0.9S12.5,6.9,12.5,7.9z M35,22v11h-6.4 V22.7c0-1.4-0.3-2.4-0.8-3.2c-0.5-0.8-1.3-1.1-2.4-1.1c-0.8,0-1.5,0.2-2,0.7c-0.5,0.4-1,1-1.2,1.7c-0.1,0.4-0.2,0.9-0.2,1.6v10.7 h-6.4c0-5.1,0-9.3,0-12.5s0-5.1,0-5.7l0-0.9H22v2.8h0c0.3-0.4,0.5-0.8,0.8-1.1c0.3-0.3,0.6-0.6,1.1-1c0.5-0.4,1-0.6,1.7-0.8 c0.7-0.2,1.4-0.3,2.2-0.3c2.2,0,4,0.7,5.3,2.2C34.4,17,35,19.1,35,22L35,22z"></path></symbol></svg><div id="wrapper"><div id="main"><div class="inner"><div id="container01" class="style2 container default" style="opacity: 1;"><div class="wrapper"><div class="inner"><div id="image01" class="style2 image"><span class="frame"><img src="./Portfolio_files/image01.jpg" alt=""></span></div><h2 id="text03" class="style5">Ricardo Chairez</h2><p id="text02" class="style4">Student at Northern Arizona University and iOS Software Engineer</p></div></div></div><hr id="divider05" class="style2"><div id="container04" data-scroll-id="start" data-scroll-behavior="center" data-scroll-offset="0" data-scroll-invisible="1" class="style1 container default"><div class="wrapper"><div class="inner" data-onvisible-trigger="1" style="opacity: 1;"><div id="image03" class="style1 image" data-position="center"><span class="frame"><img src="./Portfolio_files/image03.jpg" alt=""></span></div><h2 id="text01" class="style2">Semantic UI Reference</h2><p id="text04" class="style1">iOS app for iOS developers to visualize Apple's built in UI elements such as fonts, colors, and symbols. Toggle between light and dark mode in the app.</p><hr id="divider02" class="style1 full"><ul id="buttons04" class="buttons"><li><a href="https://apps.apple.com/tr/app/semantic-ui-reference/id1639623433" class="button n01"><svg><use xlink:href="#icon-65b2527f26e728377d2307394969cc13"></use></svg><span class="label">View on App Store</span></a></li></ul><ul id="buttons02" class="style1 buttons"><li><a href="https://github.com/RicardoChairez/Semantic-UI-Reference" class="button n01"><svg><use xlink:href="#icon-8c4b37645de3c276d895d87df51ba614"></use></svg><span class="label">View on GitHub</span></a></li></ul></div></div></div><hr id="divider06" class="style2"><div id="container05" class="style1 container default"><div class="wrapper"><div class="inner" data-onvisible-trigger="1" style="opacity: 1;"><div id="image04" class="style1 image" data-position="center"><span class="frame"><img src="./Portfolio_files/image04.jpg" alt=""></span></div><h2 id="text05" class="style2">CTA Train Tracker</h2><p id="text06" class="style1">iOS app that tracks the Chicago Transit Authority train and gives arrival times for any given station.</p><hr id="divider03" class="style1 full"><ul id="buttons03" class="style1 buttons"><li><a href="https://github.com/RicardoChairez/CTA-Train-Tracker" class="button n01"><svg><use xlink:href="#icon-8c4b37645de3c276d895d87df51ba614"></use></svg><span class="label">View on GitHub</span></a></li></ul></div></div></div><hr id="divider07" class="style2"><div id="container02" class="style1 container default"><div class="wrapper"><div class="inner" data-onvisible-trigger="1" style="opacity: 1;"><div id="image02" class="style1 image" data-position="center"><span class="frame"><img src="./Portfolio_files/image02.jpg" alt=""></span></div><h2 id="text08" class="style2">PokePicker</h2><p id="text07" class="style1">iOS app where you can assemble teams of 6 Pokémon and save them to your device. Also, view the stats of any given Pokémon.</p><hr id="divider04" class="style1 full"><ul id="buttons01" class="style1 buttons"><li><a href="https://github.com/RicardoChairez/PokePicker" class="button n01"><svg><use xlink:href="#icon-8c4b37645de3c276d895d87df51ba614"></use></svg><span class="label">View on GitHub</span></a></li></ul></div></div></div><hr id="divider01" class="style2"><div id="container03" class="style2 container default" style="opacity: 1;"><div class="wrapper"><div class="inner"><h2 id="text17" class="style3">Contact me</h2><ul id="icons02" class="style1 icons"><li style="opacity: 1; transform: none;"><a class="n01" href="tel:4802329806"><svg><use xlink:href="#icon-9570a68733e3ff2abd643efda8a53b3c"></use></svg><span class="label">Mobile</span></a></li><li style="opacity: 1; transform: none;"><a class="n02" href="mailto:rdc257@nau.edu"><svg><use xlink:href="#icon-c0646d28bbeb18e39eb973f96b44bd0f"></use></svg><span class="label">Email (Alt)</span></a></li><li style="opacity: 1; transform: none;"><a class="n03" href="https://linkedin.com/in/ricardo-chairez-0109961b5"><svg><use xlink:href="#icon-bf393d6ea48a4e69e1ed58a3563b94a5"></use></svg><span class="label">LinkedIn</span></a></li><li style="opacity: 1; transform: none;"><a class="n04" href="https://github.com/RicardoChairez"><svg><use xlink:href="#icon-8c4b37645de3c276d895d87df51ba614"></use></svg><span class="label">GitHub</span></a></li></ul></div></div></div><div id="credits" class="icc-credits"><span><a href=""></a></span></div></div></div></div><script>(function() {var on = addEventListener,$ = function(q) { return document.querySelector(q) },$$ = function(q) { return document.querySelectorAll(q) },$body = document.body,$inner = $('.inner'),client = (function() {var o = {browser: 'other',browserVersion: 0,os: 'other',osVersion: 0,mobile: false,canUse: null,flags: {lsdUnits: false,},},ua = navigator.userAgent,a, i;a = [['firefox', /Firefox\/([0-9\.]+)/],['edge', /Edge\/([0-9\.]+)/],['safari', /Version\/([0-9\.]+).+Safari/],['chrome', /Chrome\/([0-9\.]+)/],['chrome', /CriOS\/([0-9\.]+)/],['ie', /Trident\/.+rv:([0-9]+)/]];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.browser = a[i][0];o.browserVersion = parseFloat(RegExp.$1);break;}}a = [['ios', /([0-9_]+) like Mac OS X/, function(v) { return v.replace('_', '.').replace('_', ''); }],['ios', /CPU like Mac OS X/, function(v) { return 0 }],['ios', /iPad; CPU/, function(v) { return 0 }],['android', /Android ([0-9\.]+)/, null],['mac', /Macintosh.+Mac OS X ([0-9_]+)/, function(v) { return v.replace('_', '.').replace('_', ''); }],['windows', /Windows NT ([0-9\.]+)/, null],['undefined', /Undefined/, null],];for (i=0; i < a.length; i++) {if (ua.match(a[i][1])) {o.os = a[i][0];o.osVersion = parseFloat( a[i][2] ? (a[i][2])(RegExp.$1) : RegExp.$1 );break;}}if (o.os == 'mac'&& ('ontouchstart' in window)&& ((screen.width == 1024 && screen.height == 1366)|| (screen.width == 834 && screen.height == 1112)|| (screen.width == 810 && screen.height == 1080)|| (screen.width == 768 && screen.height == 1024)))o.os = 'ios';o.mobile = (o.os == 'android' || o.os == 'ios');var _canUse = document.createElement('div');o.canUse = function(property, value) {var style;style = _canUse.style;if (!(property in style))return false;if (typeof value !== 'undefined') {style[property] = value;if (style[property] == '')return false;}return true;};o.flags.lsdUnits = o.canUse('width', '100dvw');return o;}()),trigger = function(t) {dispatchEvent(new Event(t));},cssRules = function(selectorText) {var ss = document.styleSheets,a = [],f = function(s) {var r = s.cssRules,i;for (i=0; i < r.length; i++) {if (r[i] instanceof CSSMediaRule && matchMedia(r[i].conditionText).matches)(f)(r[i]); else if (r[i] instanceof CSSStyleRule && r[i].selectorText == selectorText)a.push(r[i]);}},x, i;for (i=0; i < ss.length; i++)f(ss[i]);return a;},thisHash = function() {var h = location.hash ? location.hash.substring(1) : null,a;if (!h)return null;if (h.match(/\?/)) {a = h.split('?');h = a[0];history.replaceState(undefined, undefined, '#' + h);window.location.search = a[1];}if (h.length > 0&& !h.match(/^[a-zA-Z]/))h = 'x' + h;if (typeof h == 'string')h = h.toLowerCase();return h;},scrollToElement = function(e, style, duration) {var y, cy, dy,start, easing, offset, f;if (!e)y = 0; else {offset = (e.dataset.scrollOffset ? parseInt(e.dataset.scrollOffset) : 0) * parseFloat(getComputedStyle(document.documentElement).fontSize);switch (e.dataset.scrollBehavior ? e.dataset.scrollBehavior : 'default') {case 'default':default:y = e.offsetTop + offset;break;case 'center':if (e.offsetHeight < window.innerHeight)y = e.offsetTop - ((window.innerHeight - e.offsetHeight) / 2) + offset; else y = e.offsetTop - offset;break;case 'previous':if (e.previousElementSibling)y = e.previousElementSibling.offsetTop + e.previousElementSibling.offsetHeight + offset; else y = e.offsetTop + offset;break;}}if (!style)style = 'smooth';if (!duration)duration = 750;if (style == 'instant') {window.scrollTo(0, y);return;}start = Date.now();cy = window.scrollY;dy = y - cy;switch (style) {case 'linear':easing = function (t) { return t };break;case 'smooth':easing = function (t) { return t<.5 ? 4*t*t*t : (t-1)*(2*t-2)*(2*t-2)+1 };break;}f = function() {var t = Date.now() - start;if (t >= duration)window.scroll(0, y); else {window.scroll(0, cy + (dy * easing(t / duration)));requestAnimationFrame(f);}};f();},scrollToTop = function() {scrollToElement(null);},loadElements = function(parent) {var a, e, x, i;a = parent.querySelectorAll('iframe[data-src]:not([data-src=""])');for (i=0; i < a.length; i++) {a[i].contentWindow.location.replace(a[i].dataset.src);a[i].dataset.initialSrc = a[i].dataset.src;a[i].dataset.src = '';}a = parent.querySelectorAll('video[autoplay]');for (i=0; i < a.length; i++) {if (a[i].paused)a[i].play();}e = parent.querySelector('[data-autofocus="1"]');x = e ? e.tagName : null;switch (x) {case 'FORM':e = e.querySelector('.field input, .field select, .field textarea');if (e)e.focus();break;default:break;}},unloadElements = function(parent) {var a, e, x, i;a = parent.querySelectorAll('iframe[data-src=""]');for (i=0; i < a.length; i++) {if (a[i].dataset.srcUnload === '0')continue;if ('initialSrc' in a[i].dataset)a[i].dataset.src = a[i].dataset.initialSrc; else a[i].dataset.src = a[i].src;a[i].contentWindow.location.replace('about:blank');}a = parent.querySelectorAll('video');for (i=0; i < a.length; i++) {if (!a[i].paused)a[i].pause();}e = $(':focus');if (e)e.blur();};window._scrollToTop = scrollToTop;var thisURL = function() {return window.location.href.replace(window.location.search, '').replace(/#$/, '');};var getVar = function(name) {var a = window.location.search.substring(1).split('&'),b, k;for (k in a) {b = a[k].split('=');if (b[0] == name)return b[1];}return null;};var errors = {handle: function(handler) {window.onerror = function(message, url, line, column, error) {(handler)(error.message);return true;};},unhandle: function() {window.onerror = null;}};loadElements(document.body);(function() {var scrollPointParent = function(target) {var inner, target;inner = $('#main > .inner');target = event.target;while (target && target.parentElement != inner)target = target.parentElement;return target;},doNextScrollPoint = function(event) {var e, target, id;event.preventDefault();event.stopPropagation();e = scrollPointParent(event.target);if (!e)return;while (e && e.nextElementSibling) {e = e.nextElementSibling;if (e.dataset.scrollId) {target = e;id = e.dataset.scrollId;break;}}if (!target|| !id)return;if (target.dataset.scrollInvisible == '1')scrollToElement(target); else location.href = '#' + id;},doPreviousScrollPoint = function(e) {var e, target, id;event.preventDefault();event.stopPropagation();e = scrollPointParent(event.target);if (!e)return;while (e && e.previousElementSibling) {e = e.previousElementSibling;if (e.dataset.scrollId) {target = e;id = e.dataset.scrollId;break;}}if (!target|| !id)return;if (target.dataset.scrollInvisible == '1')scrollToElement(target); else location.href = '#' + id;},doFirstScrollPoint = function(e) {var e, target, id;event.preventDefault();event.stopPropagation();e = scrollPointParent(event.target);if (!e)return;while (e && e.previousElementSibling) {e = e.previousElementSibling;if (e.dataset.scrollId) {target = e;id = e.dataset.scrollId;}}if (!target|| !id)return;if (target.dataset.scrollInvisible == '1')scrollToElement(target); else location.href = '#' + id;},doLastScrollPoint = function(e) {var e, target, id;event.preventDefault();event.stopPropagation();e = scrollPointParent(event.target);if (!e)return;while (e && e.nextElementSibling) {e = e.nextElementSibling;if (e.dataset.scrollId) {target = e;id = e.dataset.scrollId;}}if (!target|| !id)return;if (target.dataset.scrollInvisible == '1')scrollToElement(target); else location.href = '#' + id;};window._nextScrollPoint = doNextScrollPoint;window._previousScrollPoint = doPreviousScrollPoint;window._firstScrollPoint = doFirstScrollPoint;window._lastScrollPoint = doLastScrollPoint;window._scrollToTop = function() {scrollToElement(null);if (window.location.hash) {history.pushState(null, null, '.');}};if ('scrollRestoration' in history)history.scrollRestoration = 'manual';on('load', function() {var initialScrollPoint, h;h = thisHash();if (h&& !h.match(/^[a-zA-Z0-9\-]+$/))h = null;initialScrollPoint = $('[data-scroll-id="' + h + '"]');if (initialScrollPoint)scrollToElement(initialScrollPoint, 'instant');});on('hashchange', function(event) {var scrollPoint, h, pos;h = thisHash();if (h&& !h.match(/^[a-zA-Z0-9\-]+$/))return false;scrollPoint = $('[data-scroll-id="' + h + '"]');if (scrollPoint)scrollToElement(scrollPoint); else scrollToElement(null);return false;});on('click', function(event) {var t = event.target,tagName = t.tagName.toUpperCase(),scrollPoint;switch (tagName) {case 'IMG':case 'SVG':case 'USE':case 'U':case 'STRONG':case 'EM':case 'CODE':case 'S':case 'MARK':case 'SPAN':while ( !!(t = t.parentElement) )if (t.tagName == 'A')break;if (!t)return;break;default:break;}if (t.tagName == 'A'&& t.getAttribute('href').substr(0, 1) == '#') {if (!!(scrollPoint = $('[data-scroll-id="' + t.hash.substr(1) + '"][data-scroll-invisible="1"]'))) {event.preventDefault();scrollToElement(scrollPoint);} else if (t.hash == window.location.hash) {event.preventDefault();history.replaceState(undefined, undefined, '#');location.replace(t.hash);}}});})();var style, sheet, rule;style = document.createElement('style');style.appendChild(document.createTextNode(''));document.head.appendChild(style);sheet = style.sheet;if (client.mobile) {(function() {if (client.flags.lsdUnits) {document.documentElement.style.setProperty('--viewport-height', '100svh');document.documentElement.style.setProperty('--background-height', '100dvh');} else {var f = function() {document.documentElement.style.setProperty('--viewport-height', window.innerHeight + 'px');document.documentElement.style.setProperty('--background-height', (window.innerHeight + 250) + 'px');};on('load', f);on('orientationchange', function() {setTimeout(function() {(f)();}, 100);});}})();}if (client.os == 'android') {(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];var f = function() {rule.style.cssText = 'height: ' + (Math.max(screen.width, screen.height)) + 'px';};on('load', f);on('orientationchange', f);on('touchmove', f);})();$body.classList.add('is-touch');} else if (client.os == 'ios') {if (client.osVersion <= 11)(function() {sheet.insertRule('body::after { }', 0);rule = sheet.cssRules[0];rule.style.cssText = '-webkit-transform: scale(1.0)';})();if (client.osVersion <= 11)(function() {sheet.insertRule('body.ios-focus-fix::before { }', 0);rule = sheet.cssRules[0];rule.style.cssText = 'height: calc(100% + 60px)';on('focus', function(event) {$body.classList.add('ios-focus-fix');}, true);on('blur', function(event) {$body.classList.remove('ios-focus-fix');}, true);})();$body.classList.add('is-touch');}var scrollEvents = {items: [],add: function(o) {this.items.push({element: o.element,triggerElement: (('triggerElement' in o && o.triggerElement) ? o.triggerElement : o.element),enter: ('enter' in o ? o.enter : null),leave: ('leave' in o ? o.leave : null),mode: ('mode' in o ? o.mode : 3),offset: ('offset' in o ? o.offset : 0),initialState: ('initialState' in o ? o.initialState : null),state: false,});},handler: function() {var height, top, bottom, scrollPad;if (client.os == 'ios') {height = document.documentElement.clientHeight;top = document.body.scrollTop + window.scrollY;bottom = top + height;scrollPad = 125;} else {height = document.documentElement.clientHeight;top = document.documentElement.scrollTop;bottom = top + height;scrollPad = 0;}scrollEvents.items.forEach(function(item) {var bcr, elementTop, elementBottom, state, a, b;if (!item.enter&& !item.leave)return true;if (!item.triggerElement|| item.triggerElement.offsetParent === null)return true;bcr = item.triggerElement.getBoundingClientRect();elementTop = top + Math.floor(bcr.top);elementBottom = elementTop + bcr.height;if (item.initialState !== null) {state = item.initialState;item.initialState = null;} else {switch (item.mode) {case 1:default:state = (bottom > (elementTop - item.offset) && top < (elementBottom + item.offset));break;case 2:a = (top + (height * 0.5));state = (a > (elementTop - item.offset) && a < (elementBottom + item.offset));break;case 3:a = top + (height * 0.25);if (a - (height * 0.375) <= 0)a = 0;b = top + (height * 0.75);if (b + (height * 0.375) >= document.body.scrollHeight - scrollPad)b = document.body.scrollHeight + scrollPad;state = (b > (elementTop - item.offset) && a < (elementBottom + item.offset));break;}}if (state != item.state) {item.state = state;if (item.state) {if (item.enter) {(item.enter).apply(item.element);if (!item.leave)item.enter = null;}} else {if (item.leave) {(item.leave).apply(item.element);if (!item.enter)item.leave = null;}}}});},init: function() {on('load', this.handler);on('resize', this.handler);on('scroll', this.handler);(this.handler)();}};scrollEvents.init();var onvisible = {effects: {'blur-in': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'filter ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.filter = 'blur(' + (0.25 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.filter = 'none';},},'zoom-in': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transform = 'scale(' + (1 - ((alt ? 0.25 : 0.05) * intensity)) + ')';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'zoom-out': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transform = 'scale(' + (1 + ((alt ? 0.25 : 0.05) * intensity)) + ')';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'slide-left': {custom: true,transition: function (speed, delay) {this.style.setProperty('--onvisible-speed', speed + 's');if (delay) {this.style.transition = 'opacity 0s linear ' + delay + 's';this.style.setProperty('--onvisible-delay', delay + 's');}},rewind: function() {this.style.animation = 'none';this.style.opacity = 0;},play: function() {this.style.opacity = 1;this.style.animationName = 'onvisible-slide-left';this.style.animationTimingFunction = 'ease';this.style.animationDuration = 'var(--onvisible-speed)';this.style.animationDelay = 'var(--onvisible-delay)';},},'slide-right': {custom: true,transition: function (speed, delay) {this.style.setProperty('--onvisible-speed', speed + 's');if (delay) {this.style.transition = 'opacity 0s linear ' + delay + 's';this.style.setProperty('--onvisible-delay', delay + 's');}},rewind: function() {this.style.animation = 'none';this.style.opacity = 0;},play: function() {this.style.opacity = 1;this.style.animationName = 'onvisible-slide-right';this.style.animationTimingFunction = 'ease';this.style.animationDuration = 'var(--onvisible-speed)';this.style.animationDelay = 'var(--onvisible-delay)';},},'flip-forward': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transformOrigin = '50% 50%';this.style.transform = 'perspective(1000px) rotateX(' + ((alt ? 45 : 15) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'flip-backward': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transformOrigin = '50% 50%';this.style.transform = 'perspective(1000px) rotateX(' + ((alt ? -45 : -15) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'flip-left': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transformOrigin = '50% 50%';this.style.transform = 'perspective(1000px) rotateY(' + ((alt ? 45 : 15) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'flip-right': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transformOrigin = '50% 50%';this.style.transform = 'perspective(1000px) rotateY(' + ((alt ? -45 : -15) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'tilt-left': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transform = 'rotate(' + ((alt ? 45 : 5) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'tilt-right': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity, alt) {this.style.opacity = 0;this.style.transform = 'rotate(' + ((alt ? -45 : -5) * intensity) + 'deg)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-right': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.transform = 'translateX(' + (-1.5 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-left': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.transform = 'translateX(' + (1.5 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-down': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.transform = 'translateY(' + (-1.5 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-up': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.opacity = 0;this.style.transform = 'translateY(' + (1.5 * intensity) + 'rem)';},play: function() {this.style.opacity = 1;this.style.transform = 'none';},},'fade-in': {transition: function (speed, delay) {return 'opacity ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function() {this.style.opacity = 0;},play: function() {this.style.opacity = 1;},},'fade-in-background': {custom: true,transition: function (speed, delay) {this.style.setProperty('--onvisible-speed', speed + 's');if (delay)this.style.setProperty('--onvisible-delay', delay + 's');},rewind: function() {this.style.removeProperty('--onvisible-background-color');},play: function() {this.style.setProperty('--onvisible-background-color', 'rgba(0,0,0,0.001)');},},'zoom-in-image': {target: 'img',transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function() {this.style.transform = 'scale(1)';},play: function(intensity) {this.style.transform = 'scale(' + (1 + (0.1 * intensity)) + ')';},},'zoom-out-image': {target: 'img',transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.transform = 'scale(' + (1 + (0.1 * intensity)) + ')';},play: function() {this.style.transform = 'none';},},'focus-image': {target: 'img',transition: function (speed, delay) {return 'transform ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '') + ', ' +'filter ' + speed + 's ease' + (delay ? ' ' + delay + 's' : '');},rewind: function(intensity) {this.style.transform = 'scale(' + (1 + (0.05 * intensity)) + ')';this.style.filter = 'blur(' + (0.25 * intensity) + 'rem)';},play: function(intensity) {this.style.transform = 'none';this.style.filter = 'none';},},},add: function(selector, settings) {var style = settings.style in this.effects ? settings.style : 'fade',speed = parseInt('speed' in settings ? settings.speed : 1000) / 1000,intensity = ((parseInt('intensity' in settings ? settings.intensity : 5) / 10) * 1.75) + 0.25,delay = parseInt('delay' in settings ? settings.delay : 0) / 1000,replay = 'replay' in settings ? settings.replay : false,stagger = 'stagger' in settings ? (parseInt(settings.stagger) > -125 ? (parseInt(settings.stagger) / 1000) : false) : false,staggerOrder = 'staggerOrder' in settings ? settings.staggerOrder : 'default',state = 'state' in settings ? settings.state : null,effect = this.effects[style];if ('CARRD_DISABLE_ANIMATION' in window) {if (style == 'fade-in-background')$$(selector).forEach(function(e) {e.style.setProperty('--onvisible-background-color', 'rgba(0,0,0,0.001)');});return;}$$(selector).forEach(function(e) {var children = (stagger !== false) ? e.querySelectorAll(':scope > li, :scope ul > li') : null,enter = function(staggerDelay=0) {var _this = this,transitionOrig;if (effect.target)_this = this.querySelector(effect.target);if (!effect.custom) {transitionOrig = _this.style.transition;_this.style.setProperty('backface-visibility', 'hidden');_this.style.transition = effect.transition(speed, delay + staggerDelay);} else effect.transition.apply(_this, [speed, delay + staggerDelay]);effect.play.apply(_this, [intensity, !!children]);if (!effect.custom)setTimeout(function() {_this.style.removeProperty('backface-visibility');_this.style.transition = transitionOrig;}, (speed + delay + staggerDelay) * 1000 * 2);},leave = function() {var _this = this,transitionOrig;if (effect.target)_this = this.querySelector(effect.target);if (!effect.custom) {transitionOrig = _this.style.transition;_this.style.setProperty('backface-visibility', 'hidden');_this.style.transition = effect.transition(speed);} else effect.transition.apply(_this, [speed]);effect.rewind.apply(_this, [intensity, !!children]);if (!effect.custom)setTimeout(function() {_this.style.removeProperty('backface-visibility');_this.style.transition = transitionOrig;}, speed * 1000 * 2);},targetElement, triggerElement;if (effect.target)targetElement = e.querySelector(effect.target); else targetElement = e;if (children)children.forEach(function(targetElement) {effect.rewind.apply(targetElement, [intensity, true]);}); else effect.rewind.apply(targetElement, [intensity]);triggerElement = e;if (e.parentNode) {if (e.parentNode.dataset.onvisibleTrigger)triggerElement = e.parentNode; else if (e.parentNode.parentNode) {if (e.parentNode.parentNode.dataset.onvisibleTrigger)triggerElement = e.parentNode.parentNode;}}scrollEvents.add({element: e,triggerElement: triggerElement,initialState: state,enter: children ? function() {var staggerDelay = 0,childHandler = function(e) {enter.apply(e, [staggerDelay]);staggerDelay += stagger;},a;if (staggerOrder == 'default') {children.forEach(childHandler);} else {a = Array.from(children);switch (staggerOrder) {case 'reverse':a.reverse();break;case 'random':a.sort(function() {return Math.random() - 0.5;});break;}a.forEach(childHandler);}} : enter,leave: (replay ? (children ? function() {children.forEach(function(e) {leave.apply(e);});} : leave) : null),});});},};onvisible.add('.container.style2', { style: 'fade-in', speed: 1000, intensity: 1, delay: 0, staggerOrder: '', replay: false });onvisible.add('.container.style1 > .wrapper > .inner', { style: 'fade-in', speed: 1000, intensity: 2, delay: 0, replay: false });onvisible.add('.icons.style1', { style: 'fade-up', speed: 1000, intensity: 3, delay: 0, stagger: 125, replay: false });})();</script></body></html>