Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
Maják
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Wiki
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Build
Pipelines
Jobs
Pipeline schedules
Artifacts
Deploy
Releases
Container registry
Model registry
Operate
Environments
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
GitLab community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
TO
Maják
Commits
9c000cc8
Commit
9c000cc8
authored
Nov 30, 2022
by
Tomáš Hozman
Browse files
Options
Downloads
Patches
Plain Diff
[FIX] working CSS build
parent
e79e918e
No related branches found
No related tags found
2 merge requests
!650
Release
,
!649
[FIX] twitter username counts, copyleft sign
Pipeline
#10520
passed
Nov 30, 2022
Stage: build
Changes
1
Pipelines
2
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
main/static/main/main.css
+1
-1
1 addition, 1 deletion
main/static/main/main.css
with
1 addition
and
1 deletion
main/static/main/main.css
+
1
−
1
View file @
9c000cc8
@import
"https://gfonts.pirati.cz/css2?family=Bebas+Neue&family=Roboto+Condensed:wght@300;400;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap"
;
@font-face
{
font-family
:
pirati-ui
;
src
:
url
(
"/static/main/pirati-ui.78e210a58f84.eot"
);
src
:
url
(
"/static/main/pirati-ui.78e210a58f84.eot"
)
format
(
"embedded-opentype"
),
url
(
"/static/main/pirati-ui.0b8bf4a471d3.ttf"
)
format
(
"truetype"
),
url
(
"/static/main/pirati-ui.34ef5640271c.woff"
)
format
(
"woff"
),
url
(
"/static/main/pirati-ui.ddaa8daad6d4.svg"
)
format
(
"svg"
);
font-weight
:
400
;
font-style
:
normal
;
font-display
:
block
}
[
class
^=
ico--
],
[
class
*=
" ico--"
]
{
font-family
:
pirati-ui
!important
;
speak
:
never
;
font-style
:
normal
;
font-weight
:
400
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.ico--dots-three-vertical
:before
{
content
:
"\e940"
}
.ico--dots-three-horizontal
:before
{
content
:
"\e941"
}
.ico--log-out
:before
{
content
:
"\e942"
}
.ico--envelope
:before
{
content
:
"\e908"
}
.ico--pin
:before
{
content
:
"\e943"
}
.ico--at
:before
{
content
:
"\e905"
}
.ico--strategy
:before
{
content
:
"\e932"
}
.ico--pig
:before
{
content
:
"\e928"
}
.ico--thermometer
:before
{
content
:
"\e90a"
}
.ico--menu
:before
{
content
:
"\e933"
}
.ico--chevron-right
:before
{
content
:
"\e923"
}
.ico--chevron-left
:before
{
content
:
"\e924"
}
.ico--chevron-down
:before
{
content
:
"\e925"
}
.ico--chevron-up
:before
{
content
:
"\e926"
}
.ico--link-horizontal
:before
{
content
:
"\e910"
}
.ico--beer
:before
{
content
:
"\e909"
}
.ico--pirati
:before
{
content
:
"\e90d"
}
.ico--jitsi
:before
{
content
:
"\e90f"
}
.ico--open-source
:before
{
content
:
"\e90e"
}
.ico--thumbs-down
:before
{
content
:
"\e93d"
}
.ico--thumbs-up
:before
{
content
:
"\e93e"
}
.ico--anchor
:before
{
content
:
"\e92d"
}
.ico--paw
:before
{
content
:
"\e90b"
}
.ico--checkmark
:before
{
content
:
"\e965"
}
.ico--info
:before
{
content
:
"\e901"
}
.ico--question
:before
{
content
:
"\e904"
}
.ico--warning
:before
{
content
:
"\e93f"
}
.ico--code
:before
{
content
:
"\e94a"
}
.ico--checkbox-unchecked
:before
{
content
:
"\e94e"
}
.ico--star-full
:before
{
content
:
"\e94f"
}
.ico--star-empty
:before
{
content
:
"\e950"
}
.ico--bookmark
:before
{
content
:
"\e951"
}
.ico--cog
:before
{
content
:
"\e952"
}
.ico--key
:before
{
content
:
"\e953"
}
.ico--zoom-in
:before
{
content
:
"\e954"
}
.ico--zoom-out
:before
{
content
:
"\e955"
}
.ico--shrink
:before
{
content
:
"\e956"
}
.ico--printer
:before
{
content
:
"\e957"
}
.ico--file-openoffice
:before
{
content
:
"\e958"
}
.ico--user
:before
{
content
:
"\e959"
}
.ico--file-excel
:before
{
content
:
"\e95a"
}
.ico--file-word
:before
{
content
:
"\e95b"
}
.ico--file-pdf
:before
{
content
:
"\e95c"
}
.ico--file-picture
:before
{
content
:
"\e95d"
}
.ico--file-blank
:before
{
content
:
"\e95e"
}
.ico--folder-upload
:before
{
content
:
"\e95f"
}
.ico--upload
:before
{
content
:
"\e960"
}
.ico--cloud-upload
:before
{
content
:
"\e961"
}
.ico--folder-download
:before
{
content
:
"\e962"
}
.ico--download
:before
{
content
:
"\e963"
}
.ico--cloud-download
:before
{
content
:
"\e964"
}
.ico--alarm
:before
{
content
:
"\e900"
}
.ico--calculator
:before
{
content
:
"\e911"
}
.ico--facebook-full
:before
{
content
:
"\e913"
}
.ico--feed
:before
{
content
:
"\e927"
}
.ico--library
:before
{
content
:
"\e929"
}
.ico--office
:before
{
content
:
"\e92a"
}
.ico--attachment
:before
{
content
:
"\e92b"
}
.ico--enlarge
:before
{
content
:
"\e92c"
}
.ico--eye-off
:before
{
content
:
"\e92e"
}
.ico--eye
:before
{
content
:
"\e92f"
}
.ico--share
:before
{
content
:
"\e931"
}
.ico--search
:before
{
content
:
"\e939"
}
.ico--pencil
:before
{
content
:
"\e93c"
}
.ico--lock-open
:before
{
content
:
"\e947"
}
.ico--lock
:before
{
content
:
"\e948"
}
.ico--equalizer
:before
{
content
:
"\e949"
}
.ico--switch
:before
{
content
:
"\e94b"
}
.ico--loop
:before
{
content
:
"\e94c"
}
.ico--refresh
:before
{
content
:
"\e94d"
}
.ico--bullhorn
:before
{
content
:
"\e944"
}
.ico--bin
:before
{
content
:
"\e945"
}
.ico--cross
:before
{
content
:
"\e937"
}
.ico--checkbox-checked
:before
{
content
:
"\e938"
}
.ico--globe
:before
{
content
:
"\e93a"
}
.ico--wikipedia
:before
{
content
:
"\e93b"
}
.ico--youtube
:before
{
content
:
"\e936"
}
.ico--users
:before
{
content
:
"\e934"
}
.ico--book
:before
{
content
:
"\e935"
}
.ico--bubbles
:before
{
content
:
"\e930"
}
.ico--map
:before
{
content
:
"\e914"
}
.ico--compass
:before
{
content
:
"\e915"
}
.ico--folder-open
:before
{
content
:
"\e916"
}
.ico--folder
:before
{
content
:
"\e917"
}
.ico--drawer
:before
{
content
:
"\e918"
}
.ico--stop
:before
{
content
:
"\e919"
}
.ico--github
:before
{
content
:
"\e91a"
}
.ico--clock
:before
{
content
:
"\e91b"
}
.ico--calendar
:before
{
content
:
"\e91c"
}
.ico--flickr
:before
{
content
:
"\e91d"
}
.ico--instagram
:before
{
content
:
"\e91e"
}
.ico--twitter
:before
{
content
:
"\e91f"
}
.ico--newspaper
:before
{
content
:
"\e920"
}
.ico--cart
:before
{
content
:
"\e921"
}
.ico--home
:before
{
content
:
"\e922"
}
.ico--link
:before
{
content
:
"\e912"
}
.ico--power
:before
{
content
:
"\e90c"
}
.ico--rocket
:before
{
content
:
"\e946"
}
.ico--location
:before
{
content
:
"\e906"
}
.ico--phone
:before
{
content
:
"\e907"
}
.ico--linkedin
:before
{
content
:
"\e903"
}
.ico--facebook
:before
{
content
:
"\e902"
}
*,
:before
,
:after
{
box-sizing
:
border-box
;
border-width
:
0
;
border-style
:
solid
;
border-color
:
currentColor
}
:before
,
:after
{
--tw-content
:
""
}
html
{
line-height
:
1.5
;
-webkit-text-size-adjust
:
100%
;
-moz-tab-size
:
4
;
-o-tab-size
:
4
;
tab-size
:
4
;
font-family
:
ui-sans-serif
,
system-ui
,
-
apple-system
,
BlinkMacSystemFont
,
Segoe
UI
,
Roboto
,
Helvetica
Neue
,
Arial
,
Noto
Sans
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
Segoe
UI
Symbol
,
"Noto Color Emoji"
}
body
{
margin
:
0
;
line-height
:
inherit
}
hr
{
height
:
0
;
color
:
inherit
;
border-top-width
:
1px
}
abbr
:where
([
title
])
{
-webkit-text-decoration
:
underline
dotted
;
text-decoration
:
underline
dotted
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-size
:
inherit
;
font-weight
:
inherit
}
a
{
color
:
inherit
;
text-decoration
:
inherit
}
b
,
strong
{
font-weight
:
bolder
}
code
,
kbd
,
samp
,
pre
{
font-family
:
ui-monospace
,
SFMono-Regular
,
Menlo
,
Monaco
,
Consolas
,
Liberation
Mono
,
Courier
New
,
monospace
;
font-size
:
1em
}
small
{
font-size
:
80%
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
}
sub
{
bottom
:
-.25em
}
sup
{
top
:
-.5em
}
table
{
text-indent
:
0
;
border-color
:
inherit
;
border-collapse
:
collapse
}
button
,
input
,
optgroup
,
select
,
textarea
{
font-family
:
inherit
;
font-size
:
100%
;
font-weight
:
inherit
;
line-height
:
inherit
;
color
:
inherit
;
margin
:
0
;
padding
:
0
}
button
,
select
{
text-transform
:
none
}
button
,
[
type
=
button
],
[
type
=
reset
],
[
type
=
submit
]
{
-webkit-appearance
:
button
;
background-color
:
transparent
;
background-image
:
none
}
:-moz-focusring
{
outline
:
auto
}
:-moz-ui-invalid
{
box-shadow
:
none
}
progress
{
vertical-align
:
baseline
}
::-webkit-inner-spin-button
,
::-webkit-outer-spin-button
{
height
:
auto
}
[
type
=
search
]
{
-webkit-appearance
:
textfield
;
outline-offset
:
-2px
}
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
::-webkit-file-upload-button
{
-webkit-appearance
:
button
;
font
:
inherit
}
summary
{
display
:
list-item
}
blockquote
,
dl
,
dd
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
hr
,
figure
,
p
,
pre
{
margin
:
0
}
fieldset
{
margin
:
0
;
padding
:
0
}
legend
{
padding
:
0
}
ol
,
ul
,
menu
{
list-style
:
none
;
margin
:
0
;
padding
:
0
}
textarea
{
resize
:
vertical
}
input
::-moz-placeholder
,
textarea
::-moz-placeholder
{
opacity
:
1
;
color
:
#9ca3af
}
input
::placeholder
,
textarea
::placeholder
{
opacity
:
1
;
color
:
#9ca3af
}
button
,
[
role
=
button
]
{
cursor
:
pointer
}
:disabled
{
cursor
:
default
}
img
,
svg
,
video
,
canvas
,
audio
,
iframe
,
embed
,
object
{
display
:
block
;
vertical-align
:
middle
}
img
,
video
{
max-width
:
100%
;
height
:
auto
}
*,
:before
,
:after
{
--tw-border-spacing-x
:
0
;
--tw-border-spacing-y
:
0
;
--tw-translate-x
:
0
;
--tw-translate-y
:
0
;
--tw-rotate
:
0
;
--tw-skew-x
:
0
;
--tw-skew-y
:
0
;
--tw-scale-x
:
1
;
--tw-scale-y
:
1
;
--tw-pan-x
:
;
--tw-pan-y
:
;
--tw-pinch-zoom
:
;
--tw-scroll-snap-strictness
:
proximity
;
--tw-ordinal
:
;
--tw-slashed-zero
:
;
--tw-numeric-figure
:
;
--tw-numeric-spacing
:
;
--tw-numeric-fraction
:
;
--tw-ring-inset
:
;
--tw-ring-offset-width
:
0px
;
--tw-ring-offset-color
:
#fff
;
--tw-ring-color
:
rgb
(
59
130
246
/
.5
);
--tw-ring-offset-shadow
:
0
0
#0000
;
--tw-ring-shadow
:
0
0
#0000
;
--tw-shadow
:
0
0
#0000
;
--tw-shadow-colored
:
0
0
#0000
;
--tw-blur
:
;
--tw-brightness
:
;
--tw-contrast
:
;
--tw-grayscale
:
;
--tw-hue-rotate
:
;
--tw-invert
:
;
--tw-saturate
:
;
--tw-sepia
:
;
--tw-drop-shadow
:
;
--tw-backdrop-blur
:
;
--tw-backdrop-brightness
:
;
--tw-backdrop-contrast
:
;
--tw-backdrop-grayscale
:
;
--tw-backdrop-hue-rotate
:
;
--tw-backdrop-invert
:
;
--tw-backdrop-opacity
:
;
--tw-backdrop-saturate
:
;
--tw-backdrop-sepia
:
}
::backdrop
{
--tw-border-spacing-x
:
0
;
--tw-border-spacing-y
:
0
;
--tw-translate-x
:
0
;
--tw-translate-y
:
0
;
--tw-rotate
:
0
;
--tw-skew-x
:
0
;
--tw-skew-y
:
0
;
--tw-scale-x
:
1
;
--tw-scale-y
:
1
;
--tw-pan-x
:
;
--tw-pan-y
:
;
--tw-pinch-zoom
:
;
--tw-scroll-snap-strictness
:
proximity
;
--tw-ordinal
:
;
--tw-slashed-zero
:
;
--tw-numeric-figure
:
;
--tw-numeric-spacing
:
;
--tw-numeric-fraction
:
;
--tw-ring-inset
:
;
--tw-ring-offset-width
:
0px
;
--tw-ring-offset-color
:
#fff
;
--tw-ring-color
:
rgb
(
59
130
246
/
.5
);
--tw-ring-offset-shadow
:
0
0
#0000
;
--tw-ring-shadow
:
0
0
#0000
;
--tw-shadow
:
0
0
#0000
;
--tw-shadow-colored
:
0
0
#0000
;
--tw-blur
:
;
--tw-brightness
:
;
--tw-contrast
:
;
--tw-grayscale
:
;
--tw-hue-rotate
:
;
--tw-invert
:
;
--tw-saturate
:
;
--tw-sepia
:
;
--tw-drop-shadow
:
;
--tw-backdrop-blur
:
;
--tw-backdrop-brightness
:
;
--tw-backdrop-contrast
:
;
--tw-backdrop-grayscale
:
;
--tw-backdrop-hue-rotate
:
;
--tw-backdrop-invert
:
;
--tw-backdrop-opacity
:
;
--tw-backdrop-saturate
:
;
--tw-backdrop-sepia
:
}
.container
{
width
:
100%
;
margin-right
:
auto
;
margin-left
:
auto
}
@media
(
min-width
:
576px
)
{
.container
{
max-width
:
576px
}
}
@media
(
min-width
:
768px
)
{
.container
{
max-width
:
768px
}
}
@media
(
min-width
:
992px
)
{
.container
{
max-width
:
992px
}
}
@media
(
min-width
:
1200px
)
{
.container
{
max-width
:
1200px
;
padding-right
:
2rem
;
padding-left
:
2rem
}
}
@media
(
min-width
:
1366px
)
{
.container
{
max-width
:
1366px
}
}
@media
(
min-width
:
2060px
)
{
.container
{
max-width
:
2060px
}
}
.btn
{
display
:
inline-block
;
text-align
:
center
;
font-weight
:
400
;
max-width
:
20rem
;
text-decoration
:
none
}
.btn
[
disabled
]
{
opacity
:
.7
;
cursor
:
not-allowed
}
.btn
:hover
{
text-decoration
:
none
}
.btn__body
{
display
:
flex
;
height
:
100%
;
align-items
:
center
;
justify-content
:
center
;
padding
:
.25em
2em
}
.btn__body-wrap
{
min-width
:
10rem
;
min-height
:
2.75rem
}
.btn__body
,
.btn__icon
,
.btn__inline-icon
{
transition-property
:
color
,
background-color
,
border-color
;
transition-duration
:
.2s
;
color
:
#fff
}
.btn__body
,
.btn__icon
{
background-color
:
#000
}
.btn--icon
.btn__body-wrap
{
display
:
flex
}
.btn--condensed
.btn__body
{
padding
:
.75em
1em
}
@keyframes
btn-loading-spinner
{
to
{
transform
:
rotate
(
360deg
)
}
}
.btn--black
.btn__body
,
.btn--black
.btn__icon
{
background-color
:
#000
;
color
:
#fff
}
.btn--black
.btn__icon
{
border-color
:
#343434
;
background-color
:
#000
}
.btn--black.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--black.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#000
;
color
:
#fff
}
.btn--black.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#262626
}
.btn--black.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--black.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-black
:hover
.btn__body
,
.btn--to-black.btn--activated
.btn__body
{
background-color
:
#000
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-black
:hover
.btn__icon
,
.btn--to-black.btn--activated
.btn__icon
{
border-color
:
#343434
!important
;
background-color
:
#000
!important
}
.btn--hoveractive.btn--to-black
:hover
.btn__inline-icon
,
.btn--to-black.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--grey-700
.btn__body
,
.btn--grey-700
.btn__icon
{
background-color
:
#202020
;
color
:
#fff
}
.btn--grey-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--grey-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#343434
;
color
:
#fff
}
.btn--grey-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#262626
}
.btn--grey-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--grey-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-grey-700
:hover
.btn__body
,
.btn--to-grey-700.btn--activated
.btn__body
{
background-color
:
#202020
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-grey-700
:hover
.btn__icon
,
.btn--to-grey-700.btn--activated
.btn__icon
{
border-color
:
#303132
!important
;
background-color
:
#202020
!important
}
.btn--hoveractive.btn--to-grey-700
:hover
.btn__inline-icon
,
.btn--to-grey-700.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--grey-500
.btn__body
,
.btn--grey-500
.btn__icon
{
background-color
:
#303132
;
color
:
#fff
}
.btn--grey-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--grey-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#4c4c4c
;
color
:
#fff
}
.btn--grey-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#343434
}
.btn--grey-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--grey-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-grey-500
:hover
.btn__body
,
.btn--to-grey-500.btn--activated
.btn__body
{
background-color
:
#303132
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-grey-500
:hover
.btn__icon
,
.btn--to-grey-500.btn--activated
.btn__icon
{
border-color
:
#4c4c4c
!important
;
background-color
:
#303132
!important
}
.btn--hoveractive.btn--to-grey-500
:hover
.btn__inline-icon
,
.btn--to-grey-500.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--grey-125
.btn__body
,
.btn--grey-125
.btn__icon
{
background-color
:
#f0f0f0
;
color
:
#000
}
.btn--grey-125.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--grey-125.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
silver
;
color
:
#fff
}
.btn--grey-125.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#a8a8a8
}
.btn--grey-125.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--grey-125.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-grey-125
:hover
.btn__body
,
.btn--to-grey-125.btn--activated
.btn__body
{
background-color
:
#f0f0f0
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-grey-125
:hover
.btn__icon
,
.btn--to-grey-125.btn--activated
.btn__icon
{
border-color
:
#d8d8d8
!important
;
background-color
:
#f0f0f0
!important
}
.btn--hoveractive.btn--to-grey-125
:hover
.btn__inline-icon
,
.btn--to-grey-125.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--grey-175
.btn__body
,
.btn--grey-175
.btn__icon
{
background-color
:
#d0d0d0
;
color
:
#000
}
.btn--grey-175.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--grey-175.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#a6a6a6
;
color
:
#fff
}
.btn--grey-175.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#929292
}
.btn--grey-175.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--grey-175.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-grey-175
:hover
.btn__body
,
.btn--to-grey-175.btn--activated
.btn__body
{
background-color
:
#d0d0d0
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-grey-175
:hover
.btn__icon
,
.btn--to-grey-175.btn--activated
.btn__icon
{
border-color
:
#bbb
!important
;
background-color
:
#d0d0d0
!important
}
.btn--hoveractive.btn--to-grey-175
:hover
.btn__inline-icon
,
.btn--to-grey-175.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--white
.btn__body
,
.btn--white
.btn__icon
{
background-color
:
#fff
;
color
:
#000
}
.btn--white
.btn__icon
{
border-color
:
#f3f3f3
;
background-color
:
#fff
}
.btn--white.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--white.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#ccc
;
color
:
#fff
}
.btn--white.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#b3b3b3
}
.btn--white.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--white.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-white
:hover
.btn__body
,
.btn--to-white.btn--activated
.btn__body
{
background-color
:
#fff
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-white
:hover
.btn__icon
,
.btn--to-white.btn--activated
.btn__icon
{
border-color
:
#f3f3f3
!important
;
background-color
:
#fff
!important
}
.btn--hoveractive.btn--to-white
:hover
.btn__inline-icon
,
.btn--to-white.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--blue-300
.btn__body
,
.btn--blue-300
.btn__icon
{
background-color
:
#027da8
;
color
:
#fff
}
.btn--blue-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--blue-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#026486
;
color
:
#fff
}
.btn--blue-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#015876
}
.btn--blue-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--blue-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-blue-300
:hover
.btn__body
,
.btn--to-blue-300.btn--activated
.btn__body
{
background-color
:
#027da8
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-blue-300
:hover
.btn__icon
,
.btn--to-blue-300.btn--activated
.btn__icon
{
border-color
:
#027197
!important
;
background-color
:
#027da8
!important
}
.btn--hoveractive.btn--to-blue-300
:hover
.btn__inline-icon
,
.btn--to-blue-300.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--cyan-200
.btn__body
,
.btn--cyan-200
.btn__icon
{
background-color
:
#57b3bd
;
color
:
#fff
}
.btn--cyan-200.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--cyan-200.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#3e959f
;
color
:
#fff
}
.btn--cyan-200.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#37838b
}
.btn--cyan-200.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--cyan-200.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-cyan-200
:hover
.btn__body
,
.btn--to-cyan-200.btn--activated
.btn__body
{
background-color
:
#57b3bd
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-cyan-200
:hover
.btn__icon
,
.btn--to-cyan-200.btn--activated
.btn__icon
{
border-color
:
#46a8b2
!important
;
background-color
:
#57b3bd
!important
}
.btn--hoveractive.btn--to-cyan-200
:hover
.btn__inline-icon
,
.btn--to-cyan-200.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--green-300
.btn__body
,
.btn--green-300
.btn__icon
{
background-color
:
#76cc9f
;
color
:
#fff
}
.btn--green-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--green-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#47bb7e
;
color
:
#fff
}
.btn--green-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#3da46e
}
.btn--green-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--green-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-green-300
:hover
.btn__body
,
.btn--to-green-300.btn--activated
.btn__body
{
background-color
:
#76cc9f
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-green-300
:hover
.btn__icon
,
.btn--to-green-300.btn--activated
.btn__icon
{
border-color
:
#5fc38f
!important
;
background-color
:
#76cc9f
!important
}
.btn--hoveractive.btn--to-green-300
:hover
.btn__inline-icon
,
.btn--to-green-300.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--green-400
.btn__body
,
.btn--green-400
.btn__icon
{
background-color
:
#4ca971
;
color
:
#fff
}
.btn--green-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--green-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#3d875a
;
color
:
#fff
}
.btn--green-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#35764f
}
.btn--green-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--green-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-green-400
:hover
.btn__body
,
.btn--to-green-400.btn--activated
.btn__body
{
background-color
:
#4ca971
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-green-400
:hover
.btn__icon
,
.btn--to-green-400.btn--activated
.btn__icon
{
border-color
:
#449866
!important
;
background-color
:
#4ca971
!important
}
.btn--hoveractive.btn--to-green-400
:hover
.btn__inline-icon
,
.btn--to-green-400.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--green-500
.btn__body
,
.btn--green-500
.btn__icon
{
background-color
:
#4fc49f
;
color
:
#000
}
.btn--green-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--green-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#37a582
;
color
:
#fff
}
.btn--green-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#309072
}
.btn--green-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--green-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-green-500
:hover
.btn__body
,
.btn--to-green-500.btn--activated
.btn__body
{
background-color
:
#4fc49f
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-green-500
:hover
.btn__icon
,
.btn--to-green-500.btn--activated
.btn__icon
{
border-color
:
#3eb992
!important
;
background-color
:
#4fc49f
!important
}
.btn--hoveractive.btn--to-green-500
:hover
.btn__inline-icon
,
.btn--to-green-500.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--yellow-500
.btn__body
,
.btn--yellow-500
.btn__icon
{
background-color
:
#f9ce05
;
color
:
#000
}
.btn--yellow-500
.btn__icon
{
border-color
:
#e0b905
;
background-color
:
#f9ce05
}
.btn--yellow-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--yellow-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#c7a504
;
color
:
#fff
}
.btn--yellow-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#ae9004
}
.btn--yellow-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--yellow-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-yellow-500
:hover
.btn__body
,
.btn--to-yellow-500.btn--activated
.btn__body
{
background-color
:
#f9ce05
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-yellow-500
:hover
.btn__icon
,
.btn--to-yellow-500.btn--activated
.btn__icon
{
border-color
:
#e0b905
!important
;
background-color
:
#f9ce05
!important
}
.btn--hoveractive.btn--to-yellow-500
:hover
.btn__inline-icon
,
.btn--to-yellow-500.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--yellow-600
.btn__body
,
.btn--yellow-600
.btn__icon
{
background-color
:
#d7b103
;
color
:
#000
}
.btn--yellow-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--yellow-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#ac8e02
;
color
:
#fff
}
.btn--yellow-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#977c02
}
.btn--yellow-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--yellow-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-yellow-600
:hover
.btn__body
,
.btn--to-yellow-600.btn--activated
.btn__body
{
background-color
:
#d7b103
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-yellow-600
:hover
.btn__icon
,
.btn--to-yellow-600.btn--activated
.btn__icon
{
border-color
:
#c29f03
!important
;
background-color
:
#d7b103
!important
}
.btn--hoveractive.btn--to-yellow-600
:hover
.btn__inline-icon
,
.btn--to-yellow-600.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--orange-300
.btn__body
,
.btn--orange-300
.btn__icon
{
background-color
:
#ed9654
;
color
:
#fff
}
.btn--orange-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--orange-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#e7721a
;
color
:
#fff
}
.btn--orange-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#cb6415
}
.btn--orange-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--orange-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-orange-300
:hover
.btn__body
,
.btn--to-orange-300.btn--activated
.btn__body
{
background-color
:
#ed9654
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-orange-300
:hover
.btn__icon
,
.btn--to-orange-300.btn--activated
.btn__icon
{
border-color
:
#ea8437
!important
;
background-color
:
#ed9654
!important
}
.btn--hoveractive.btn--to-orange-300
:hover
.btn__inline-icon
,
.btn--to-orange-300.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--violet-400
.btn__body
,
.btn--violet-400
.btn__icon
{
background-color
:
#840048
;
color
:
#fff
}
.btn--violet-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--violet-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#6a003a
;
color
:
#fff
}
.btn--violet-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#5c0032
}
.btn--violet-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--violet-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-violet-400
:hover
.btn__body
,
.btn--to-violet-400.btn--activated
.btn__body
{
background-color
:
#840048
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-violet-400
:hover
.btn__icon
,
.btn--to-violet-400.btn--activated
.btn__icon
{
border-color
:
#770041
!important
;
background-color
:
#840048
!important
}
.btn--hoveractive.btn--to-violet-400
:hover
.btn__inline-icon
,
.btn--to-violet-400.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--violet-500
.btn__body
,
.btn--violet-500
.btn__icon
{
background-color
:
#670047
;
color
:
#000
}
.btn--violet-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--violet-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#520039
;
color
:
#fff
}
.btn--violet-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#480032
}
.btn--violet-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--violet-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-violet-500
:hover
.btn__body
,
.btn--to-violet-500.btn--activated
.btn__body
{
background-color
:
#670047
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-violet-500
:hover
.btn__icon
,
.btn--to-violet-500.btn--activated
.btn__icon
{
border-color
:
#5d0040
!important
;
background-color
:
#670047
!important
}
.btn--hoveractive.btn--to-violet-500
:hover
.btn__inline-icon
,
.btn--to-violet-500.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--violet-700
.btn__body
,
.btn--violet-700
.btn__icon
{
background-color
:
#7d347d
;
color
:
#000
}
.btn--violet-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--violet-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#642a64
;
color
:
#fff
}
.btn--violet-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#582458
}
.btn--violet-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--violet-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-violet-700
:hover
.btn__body
,
.btn--to-violet-700.btn--activated
.btn__body
{
background-color
:
#7d347d
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-violet-700
:hover
.btn__icon
,
.btn--to-violet-700.btn--activated
.btn__icon
{
border-color
:
#712f71
!important
;
background-color
:
#7d347d
!important
}
.btn--hoveractive.btn--to-violet-700
:hover
.btn__inline-icon
,
.btn--to-violet-700.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--red-600
.btn__body
,
.btn--red-600
.btn__icon
{
background-color
:
#d60d53
;
color
:
#fff
}
.btn--red-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--red-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#ab0a42
;
color
:
#fff
}
.btn--red-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#96093a
}
.btn--red-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--red-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-red-600
:hover
.btn__body
,
.btn--to-red-600.btn--activated
.btn__body
{
background-color
:
#d60d53
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-red-600
:hover
.btn__icon
,
.btn--to-red-600.btn--activated
.btn__icon
{
border-color
:
#c10c4b
!important
;
background-color
:
#d60d53
!important
}
.btn--hoveractive.btn--to-red-600
:hover
.btn__inline-icon
,
.btn--to-red-600.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--brands-facebook
.btn__body
,
.btn--brands-facebook
.btn__icon
{
background-color
:
#067ceb
;
color
:
#fff
}
.btn--brands-facebook.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--brands-facebook.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#0563bc
;
color
:
#fff
}
.btn--brands-facebook.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#0457a5
}
.btn--brands-facebook.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--brands-facebook.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-brands-facebook
:hover
.btn__body
,
.btn--to-brands-facebook.btn--activated
.btn__body
{
background-color
:
#067ceb
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-brands-facebook
:hover
.btn__icon
,
.btn--to-brands-facebook.btn--activated
.btn__icon
{
border-color
:
#0570d4
!important
;
background-color
:
#067ceb
!important
}
.btn--hoveractive.btn--to-brands-facebook
:hover
.btn__inline-icon
,
.btn--to-brands-facebook.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.container--default
{
max-width
:
1200px
}
.container--narrow
{
margin
:
auto
;
width
:
882px
}
.container--medium
{
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
margin
:
auto
;
max-width
:
1350px
}
.container--wide
{
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
margin
:
auto
;
max-width
:
1400px
}
.section-clip
{
-webkit-clip-path
:
polygon
(
0
10px
,
100%
0%
,
100%
99%
,
0%
100%
);
clip-path
:
polygon
(
0
10px
,
100%
0%
,
100%
99%
,
0%
100%
);
margin-bottom
:
-3.2vw
}
@media
(
min-width
:
1200px
)
{
.section-clip
{
-webkit-clip-path
:
polygon
(
0
20px
,
100%
0%
,
100%
95%
,
0%
100%
);
clip-path
:
polygon
(
0
20px
,
100%
0%
,
100%
95%
,
0%
100%
);
margin-bottom
:
-4.2vw
}
}
.header-max-width
{
max-width
:
1340px
!important
}
.container
{
margin-left
:
auto
;
margin-right
:
auto
;
padding-left
:
1rem
;
padding-right
:
1rem
;
max-width
:
1150px
}
.grid-container
{
margin-left
:
1.25rem
;
margin-right
:
1.25rem
;
display
:
grid
;
grid-template-columns
:
1fr
;
grid-template-areas
:
"left-side"
"content"
"right-side"
;
gap
:
1rem
;
max-width
:
1150px
}
.grid-container.article-section
,
.grid-container.person-grid-container
{
max-width
:
1400px
}
.grid-container.person-twitter-section
{
grid-template-columns
:
minmax
(
0
,
1200px
)
}
@media
(
min-width
:
1200px
)
{
.grid-container.person-twitter-section
{
grid-template-columns
:
240px
1fr
102px
}
}
.grid-container.no-max
{
max-width
:
none
}
.grid-content
{
grid-area
:
content
}
.grid-full
{
grid-column
:
left-side
/
right-side
;
grid-row
:
left-side
/
right-side
}
.grid-left-side
{
grid-area
:
left-side
}
.grid-left-side-with-content
{
grid-column
:
left-side
/
content
;
grid-row
:
left-side
/
content
}
.grid-right-side
{
grid-area
:
right-side
}
.grid-content-with-right-side
{
grid-column
:
content
/
right-side
;
grid-row
:
content
/
right-side
}
.footer-section
{
height
:
450px
}
.person-box-medium
{
max-width
:
485px
;
width
:
100%
}
.person-box-big
{
max-width
:
575px
;
width
:
100%
}
.photo-header
{
height
:
414px
;
position
:
relative
}
@media
(
min-width
:
768px
)
{
.photo-header
{
height
:
40vw
}
}
.photo-header
:after
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
#000
;
opacity
:
.4
;
z-index
:
1
}
.photo-header
>
div
{
z-index
:
10
}
.simple-header-height
{
height
:
13rem
}
@media
(
min-width
:
1200px
)
{
.simple-header-height
{
height
:
26rem
}
.footer-section
{
height
:
981px
}
}
.flag
{
position
:
relative
;
margin-right
:
2.5rem
;
display
:
inline-block
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
0
0
0
/
var
(
--tw-bg-opacity
));
padding
:
.75rem
1.5rem
.75rem
2rem
;
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))
}
.flag
:after
{
position
:
absolute
;
height
:
100%
;
width
:
2.5rem
;
content
:
""
;
left
:
100%
;
top
:
0
;
background
:
inherit
;
-webkit-clip-path
:
polygon
(
0px
0px
,
100%
0px
,
0%
50%
,
100%
100%
,
0px
100%
);
clip-path
:
polygon
(
0px
0px
,
100%
0px
,
0%
50%
,
100%
100%
,
0px
100%
)
}
.text-input-addon
{
display
:
flex
;
align-items
:
center
;
border-width
:
1px
;
--tw-border-opacity
:
1
;
border-color
:
rgb
(
173
173
173
/
var
(
--tw-border-opacity
));
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
240
240
240
/
var
(
--tw-bg-opacity
));
padding
:
.75rem
1rem
;
font-size
:
1.125rem
;
font-weight
:
400
;
--tw-text-opacity
:
1
;
color
:
rgb
(
76
76
76
/
var
(
--tw-text-opacity
));
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
}
.text-input
{
border-bottom-width
:
2px
;
--tw-border-opacity
:
1
;
border-color
:
rgb
(
0
0
0
/
var
(
--tw-border-opacity
));
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
250
250
250
/
var
(
--tw-bg-opacity
));
padding
:
.75rem
1rem
;
font-size
:
1.125rem
;
outline
:
2px
solid
transparent
;
outline-offset
:
2px
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
;
min-width
:
0px
}
.text-input
:hover:not
([
disabled
])
:not
([
readonly
])
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
76
76
76
/
var
(
--tw-border-opacity
))
}
.text-input
:active:not
([
disabled
])
:not
([
readonly
]),
.text-input
:focus:not
([
disabled
])
:not
([
readonly
])
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
2
125
168
/
var
(
--tw-border-opacity
))
}
.text-input
::-moz-placeholder
{
font-weight
:
400
;
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))
}
.text-input
::placeholder
{
font-weight
:
400
;
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))
}
.text-input
[
readonly
],
.text-input
[
disabled
]
{
cursor
:
not-allowed
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
240
240
240
/
var
(
--tw-bg-opacity
))
}
.text-input
[
readonly
]
::-moz-placeholder
,
.text-input
[
disabled
]
::-moz-placeholder
{
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))
}
.text-input
[
readonly
]
::placeholder
,
.text-input
[
disabled
]
::placeholder
{
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))
}
.text-input-addon--l
{
border-right-width
:
0px
}
.text-input-addon--r
{
border-left-width
:
0px
}
.text-input
:hover:not
([
disabled
])
:not
([
readonly
])~
.text-input-addon
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
76
76
76
/
var
(
--tw-border-opacity
))
}
.text-input
:focus:not
([
disabled
])
:not
([
readonly
])~
.text-input-addon
,
.text-input
:active:not
([
disabled
])
:not
([
readonly
])~
.text-input-addon
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
2
125
168
/
var
(
--tw-border-opacity
))
}
.text-input
[
readonly
]~
.text-input-addon
,
.text-input
[
disabled
]~
.text-input-addon
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
240
240
240
/
var
(
--tw-bg-opacity
));
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))
}
.text-input--has-addon-l.text-input
{
border-left-width
:
0px
}
.text-input--has-addon-r.text-input
{
border-right-width
:
0px
}
.select
{
position
:
relative
;
display
:
flex
;
width
:
100%
;
align-items
:
center
;
padding-top
:
.5rem
;
padding-bottom
:
.5rem
}
@media
(
min-width
:
1200px
)
{
.select
{
padding-top
:
1rem
;
padding-bottom
:
1rem
}
}
.select
:after
{
position
:
absolute
;
right
:
0
;
padding-right
:
.75rem
;
font-size
:
1.3rem
;
font-weight
:
700
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
;
font-family
:
pirati-ui
;
content
:
"\e925"
}
.select__control
{
width
:
100%
;
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
appearance
:
none
;
border-radius
:
0
;
border-width
:
1px
;
--tw-border-opacity
:
1
;
border-color
:
rgb
(
173
173
173
/
var
(
--tw-border-opacity
));
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
250
250
250
/
var
(
--tw-bg-opacity
));
padding
:
.75rem
2rem
.75rem
1rem
;
font-size
:
1.125rem
;
outline
:
2px
solid
transparent
;
outline-offset
:
2px
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
}
@media
(
min-width
:
1200px
)
{
.select__control
{
padding-top
:
1.25rem
;
padding-bottom
:
1.25rem
}
}
.select__control
{
min-width
:
0px
}
.select__control
:hover:not
([
disabled
])
:not
([
readonly
])
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
76
76
76
/
var
(
--tw-border-opacity
))
}
.select__control
:active:not
([
disabled
])
:not
([
readonly
]),
.select__control
:focus:not
([
disabled
])
:not
([
readonly
])
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
2
125
168
/
var
(
--tw-border-opacity
))
}
.select__control
::-moz-placeholder
{
font-weight
:
400
;
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))
}
.select__control
::placeholder
{
font-weight
:
400
;
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))
}
.select__control
[
readonly
],
.select__control
[
disabled
]
{
cursor
:
not-allowed
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
240
240
240
/
var
(
--tw-bg-opacity
))
}
.select__control
[
readonly
]
::-moz-placeholder
,
.select__control
[
disabled
]
::-moz-placeholder
{
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))
}
.select__control
[
readonly
]
::placeholder
,
.select__control
[
disabled
]
::placeholder
{
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))
}
.checkbox
{
position
:
relative
;
display
:
flex
}
.checkbox
input
{
margin-right
:
.5rem
;
height
:
1.25rem
;
width
:
1.25rem
;
flex-shrink
:
0
;
cursor
:
pointer
;
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
appearance
:
none
;
border-width
:
1px
;
--tw-border-opacity
:
1
;
border-color
:
rgb
(
173
173
173
/
var
(
--tw-border-opacity
));
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--tw-bg-opacity
));
outline
:
2px
solid
transparent
;
outline-offset
:
2px
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
}
.checkbox
input
:hover:not
([
disabled
])
:not
([
readonly
])
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
76
76
76
/
var
(
--tw-border-opacity
))
}
.checkbox
input
:active
,
.checkbox
input
:focus
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
2
125
168
/
var
(
--tw-border-opacity
))
}
.checkbox
input
:checked
{
border-color
:
transparent
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
2
125
168
/
var
(
--tw-bg-opacity
))
}
.checkbox
input
[
disabled
]
{
cursor
:
not-allowed
}
.checkbox
label
{
max-width
:
32rem
;
font-size
:
.875rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
line-height
:
1.25
}
@media
(
min-width
:
1200px
)
{
.checkbox
label
{
font-size
:
1rem
}
}
.checkbox
:after
{
pointer-events
:
none
;
position
:
absolute
;
display
:
inline
;
content
:
""
;
height
:
5px
;
width
:
12px
;
top
:
6px
;
left
:
4px
;
border-left
:
2px
solid
#ffffff
;
border-bottom
:
2px
solid
#ffffff
;
transform
:
rotate
(
-45deg
)
}
.radio
{
position
:
relative
}
.radio
input
{
margin-right
:
.5rem
;
height
:
1.25rem
;
width
:
1.25rem
;
flex-shrink
:
0
;
cursor
:
pointer
;
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
appearance
:
none
;
border-radius
:
9999px
;
border-width
:
1px
;
--tw-border-opacity
:
1
;
border-color
:
rgb
(
173
173
173
/
var
(
--tw-border-opacity
));
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
173
173
173
/
var
(
--tw-bg-opacity
));
outline
:
2px
solid
transparent
;
outline-offset
:
2px
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
}
.radio
input
:hover:not
([
disabled
])
:not
([
readonly
])
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
76
76
76
/
var
(
--tw-border-opacity
))
}
.radio
input
:active
,
.radio
input
:focus
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
2
125
168
/
var
(
--tw-border-opacity
))
}
.radio
input
:checked
{
border-color
:
transparent
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
2
125
168
/
var
(
--tw-bg-opacity
))
}
.radio
input
[
disabled
]
{
cursor
:
not-allowed
}
.radio
label
{
display
:
flex
;
align-items
:
center
;
line-height
:
1.25
}
.radio
:after
{
pointer-events
:
none
;
position
:
absolute
;
display
:
inline
;
height
:
.5rem
;
width
:
.5rem
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--tw-bg-opacity
));
content
:
""
;
border-radius
:
50%
;
top
:
.375rem
;
left
:
.375rem
}
.form-field--error
.text-input
,
.form-field--error
.select__control
,
.form-field--error
.text-input
~
.text-input-addon
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
214
13
83
/
var
(
--tw-border-opacity
))
}
.h-default
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
500
;
line-height
:
1.25
}
.h-alt
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
400
;
line-height
:
.96
}
.h-allcaps
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
400
;
text-transform
:
uppercase
;
line-height
:
1.25
}
.header-clip
{
-webkit-clip-path
:
polygon
(
0
0
,
100%
0
,
100%
96%
,
0%
100%
);
clip-path
:
polygon
(
0
0
,
100%
0
,
100%
96%
,
0%
100%
)
}
.head-xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
line-height
:
1.75rem
}
@media
(
min-width
:
992px
)
{
.head-xl
{
font-size
:
1.3rem
}
}
.head-2xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.6rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
line-height
:
2rem
;
letter-spacing
:
-.01em
}
.head-3xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
text-transform
:
uppercase
;
line-height
:
1rem
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
1200px
)
{
.head-3xl
{
font-size
:
1.875rem
;
line-height
:
2rem
}
}
.head-4xl
{
margin-bottom
:
1.25rem
;
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.875rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
line-height
:
1.75rem
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
992px
)
{
.head-4xl
{
line-height
:
2.5rem
}
}
@media
(
min-width
:
1200px
)
{
.head-4xl
{
font-size
:
2.45rem
}
}
.head-6xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.6rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
1200px
)
{
.head-6xl
{
font-size
:
4rem
}
}
.head-7xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.875rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
1200px
)
{
.head-7xl
{
font-size
:
5.3rem
}
}
.head-8xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
2.45rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
1200px
)
{
.head-8xl
{
font-size
:
6.25rem
}
}
.head-9xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
3rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
1200px
)
{
.head-9xl
{
font-size
:
6.25rem
}
}
p
{
font-size
:
.875rem
;
line-height
:
1.5rem
}
@media
(
min-width
:
992px
)
{
p
{
font-size
:
1rem
}
}
.vertical-time-line
{
border-left
:
1px
solid
green
}
.program-perex
.content-block
p
{
font-size
:
1.3rem
;
line-height
:
1.75rem
}
.content-block
h2
{
margin-bottom
:
1.25rem
;
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.875rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
line-height
:
1.75rem
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
992px
)
{
.content-block
h2
{
line-height
:
2.5rem
}
}
@media
(
min-width
:
1200px
)
{
.content-block
h2
{
font-size
:
2.45rem
}
}
.content-block
h3
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
text-transform
:
uppercase
;
line-height
:
1rem
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
1200px
)
{
.content-block
h3
{
font-size
:
1.875rem
;
line-height
:
2rem
}
}
.content-block
h4
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
500
;
text-transform
:
uppercase
;
line-height
:
2rem
}
@media
(
min-width
:
1200px
)
{
.content-block
h4
{
font-size
:
1.6rem
}
}
.content-block
h4
{
letter-spacing
:
-.01em
}
.content-block
a
{
--tw-text-opacity
:
1
;
color
:
rgb
(
2
125
168
/
var
(
--tw-text-opacity
));
text-decoration-line
:
underline
}
.article-box.dark-theme
{
background-color
:
#4c4c4c
;
color
:
#fff
}
.quote-icon
{
font-size
:
7rem
;
height
:
1rem
}
@media
(
min-width
:
1200px
)
{
.quote-icon
{
font-size
:
15rem
}
}
.slick-slider
.slick-arrow
{
font-size
:
0
;
position
:
absolute
;
top
:
-.7rem
;
z-index
:
10
}
.slick-slider
.slick-arrow
:before
,
.slick-slider
.slick-arrow
:after
{
border-right
:
2px
solid
white
;
border-bottom
:
2px
solid
white
;
content
:
""
;
height
:
.8rem
;
position
:
absolute
;
width
:
.8rem
}
@media
(
min-width
:
992px
)
{
.slick-slider
.slick-arrow
:before
,
.slick-slider
.slick-arrow
:after
{
height
:
1rem
;
width
:
1rem
}
}
.slick-slider
.slick-arrow.slick-next
{
transform
:
rotate
(
-45deg
)
}
.slick-slider
.slick-arrow.slick-prev
{
transform
:
rotate
(
135deg
)
}
.header-carousel
{
display
:
block
;
margin
:
0
auto
;
position
:
relative
}
.header-carousel
img
{
filter
:
brightness
(
60%
)
}
.header-carousel
.header-carousel--text
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
2.45rem
;
text-transform
:
uppercase
}
@media
(
min-width
:
576px
)
{
.header-carousel
.header-carousel--text
{
font-size
:
3rem
}
}
@media
(
min-width
:
992px
)
{
.header-carousel
.header-carousel--text
{
font-size
:
5.3rem
}
}
.header-carousel
.header-carousel--text
{
max-width
:
1200px
;
position
:
absolute
;
margin-left
:
10%
;
bottom
:
15%
;
height
:
85%
;
width
:
85%
}
@media
(
min-width
:
1200px
)
{
.header-carousel
.header-carousel--text
{
bottom
:
37%
}
}
.header-carousel
img
{
inset
:
0
;
transition
:
all
.8s
ease-in-out
;
transform
:
scale
(
1.15
);
width
:
100%
;
height
:
458px
;
-o-object-fit
:
cover
;
object-fit
:
cover
;
margin-bottom
:
-3px
}
@media
(
min-width
:
768px
)
{
.header-carousel
img
{
height
:
auto
}
}
.header-carousel
.slick-slide
{
-webkit-clip-path
:
polygon
(
0
0
,
100%
0
,
100%
95%
,
0%
100%
);
clip-path
:
polygon
(
0
0
,
100%
0
,
100%
95%
,
0%
100%
)
}
.header-carousel
.slick-active
{
z-index
:
1000
}
.header-carousel
.slick-active
img
{
transform
:
scale
(
1
)
}
.header-carousel
.slick-active
.header-carousel--text
{
animation
:
right_to_left
1s
ease
}
@keyframes
right_to_left
{
0%
{
margin-left
:
20%
}
to
{
margin-left
:
10%
}
}
.header-carousel
.slick-arrow
{
font-size
:
0
;
position
:
absolute
;
right
:
20%
;
top
:
80%
;
z-index
:
10
}
@media
(
min-width
:
576px
)
{
.header-carousel
.slick-arrow
{
right
:
10%
}
}
@media
(
min-width
:
1200px
)
{
.header-carousel
.slick-arrow
{
top
:
60%
}
}
.header-carousel
.slick-arrow
:before
,
.header-carousel
.slick-arrow
:after
{
border-right
:
3px
solid
white
;
border-bottom
:
3px
solid
white
;
color
:
#fff
;
content
:
""
;
height
:
1.3rem
;
position
:
absolute
;
width
:
1.3rem
}
@media
(
min-width
:
576px
)
{
.header-carousel
.slick-arrow
:before
,
.header-carousel
.slick-arrow
:after
{
border-right
:
2px
solid
white
;
border-bottom
:
2px
solid
white
;
height
:
.8rem
;
width
:
.8rem
}
}
@media
(
min-width
:
992px
)
{
.header-carousel
.slick-arrow
:before
,
.header-carousel
.slick-arrow
:after
{
height
:
1rem
;
width
:
1rem
}
}
.header-carousel
.slick-arrow.slick-next
{
transform
:
rotate
(
-45deg
)
}
.header-carousel
.slick-arrow.slick-prev
{
transform
:
rotate
(
135deg
)
}
.header-carousel
.slick-dots
{
color
:
#fff
;
left
:
10%
;
position
:
absolute
;
top
:
90%
;
z-index
:
10
}
@media
(
min-width
:
576px
)
{
.header-carousel
.slick-dots
{
left
:
5%
;
top
:
65%
}
}
@media
(
min-width
:
1200px
)
{
.header-carousel
.slick-dots
{
top
:
50%
}
}
.header-carousel
.slick-dots
li
{
display
:
inline-block
;
border
:
1px
solid
white
;
border-radius
:
50%
;
height
:
6px
;
width
:
6px
;
margin
:
3px
}
@media
(
min-width
:
576px
)
{
.header-carousel
.slick-dots
li
{
display
:
block
;
margin-bottom
:
6px
}
}
.header-carousel
.slick-dots
li
.slick-active
{
background-color
:
#fff
}
.header-carousel
.slick-dots
li
button
{
font-size
:
0
}
.btn-carousel
{
height
:
2.75rem
;
top
:
28%
}
.article-carousel
.slick-arrow
{
right
:
10%
}
@media
(
min-width
:
992px
)
{
.article-carousel
.slick-arrow
{
right
:
5%
}
}
.article-carousel
.slick-arrow
:before
,
.article-carousel
.slick-arrow
:after
{
border-color
:
#000
}
.article-carousel
.slick-arrow.slick-disabled
:before
,
.article-carousel
.slick-arrow.slick-disabled
:after
{
border-color
:
#b3b3b3
}
div
.twitter-carousel
div
.slick-track
{
display
:
flex
}
div
.twitter-carousel
div
.slick-slide
{
display
:
flex
;
height
:
auto
;
margin-right
:
1rem
}
div
.twitter-carousel
div
.slick-slide
>
div
{
height
:
100%
}
div
.twitter-carousel
.slick-arrow
{
right
:
10%
}
@media
(
min-width
:
992px
)
{
div
.twitter-carousel
.slick-arrow
{
right
:
5%
}
}
div
.twitter-carousel
.slick-arrow
:before
,
div
.twitter-carousel
.slick-arrow
:after
{
border-color
:
#000
}
div
.twitter-carousel
.slick-arrow.slick-disabled
:before
,
div
.twitter-carousel
.slick-arrow.slick-disabled
:after
{
border-color
:
#b3b3b3
}
.twitter-carousel
{
position
:
relative
}
.twitter-carousel
.slick-arrow
{
top
:
-2.6rem
}
@media
(
min-width
:
992px
)
{
.twitter-carousel
:before
{
background
:
linear-gradient
(
90deg
,
rgba
(
2
,
0
,
36
,
0
)
0%
,
rgba
(
255
,
255
,
255
,
1
)
100%
)
}
}
.twitter-carousel
:before
{
content
:
""
;
height
:
100%
;
right
:
0
;
position
:
absolute
;
width
:
10%
;
z-index
:
100
}
.contact-box
{
display
:
flex
;
height
:
auto
;
flex-direction
:
column
;
align-items
:
center
;
justify-content
:
space-between
;
border-width
:
1px
;
--tw-border-opacity
:
1
;
border-color
:
rgb
(
243
243
243
/
var
(
--tw-border-opacity
));
padding
:
2rem
4rem
;
text-align
:
center
;
min-height
:
20rem
;
width
:
280px
}
.btn
{
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
line-height
:
2.25rem
}
.switch
{
padding-top
:
1.25rem
;
padding-bottom
:
1.25rem
}
.switch__item
{
margin-right
:
.5rem
;
margin-bottom
:
.5rem
;
cursor
:
pointer
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
236
236
236
/
var
(
--tw-bg-opacity
));
padding
:
.5rem
1.25rem
;
text-align
:
center
;
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
font-weight
:
400
;
--tw-text-opacity
:
1
;
color
:
rgb
(
0
0
0
/
var
(
--tw-text-opacity
))
}
.switch__item
:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
173
173
173
/
var
(
--tw-bg-opacity
));
text-decoration-line
:
none
}
.switch__item.switch__item--active
,
.switch__item.switch__item--active
:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
146
210
219
/
var
(
--tw-bg-opacity
))
}
.horizontal-scrolling
{
display
:
block
;
margin-left
:
-15px
;
margin-right
:
-15px
;
max-width
:
calc
(
100%
+
30px
);
overflow-x
:
scroll
;
overflow-y
:
hidden
;
padding
:
0
15px
;
text-align
:
center
;
white-space
:
nowrap
}
.horizontal-scrolling.draggable
{
cursor
:
grab
}
.horizontal-scrolling.draggable.active
,
.horizontal-scrolling.draggable.active
a
{
cursor
:
grabbing
}
.no-scrollbars
{
-ms-overflow-style
:
-
ms-autohiding-scrollbar
;
scrollbar-width
:
none
}
.no-scrollbars
::-webkit-scrollbar
{
display
:
none
}
.background-hover-zoom
{
background-position
:
center
;
background-size
:
100%
;
transition
:
background-size
.3s
ease-in
}
.background-hover-zoom
:hover
{
background-size
:
110%
}
.article-timeline-grid
{
display
:
grid
;
gap
:
.5rem
;
margin-top
:
-20px
;
grid-template-areas
:
"left-article"
"right-article"
}
@media
(
min-width
:
1200px
)
{
.article-timeline-grid
{
grid-template-columns
:
minmax
(
0
,
570px
)
1px
minmax
(
0
,
570px
);
grid-template-areas
:
"left-article timeline right-article"
}
}
.article-timeline-grid__left-article
{
grid-area
:
left-article
}
.article-timeline-grid__right-article
{
grid-area
:
right-article
}
.article-timeline-grid__timeline
{
grid-area
:
timeline
}
.article-timeline-grid__timeline
:before
{
content
:
""
;
background
:
linear-gradient
(
180deg
,
rgba
(
2
,
0
,
36
,
0
)
0%
,
rgba
(
255
,
255
,
255
,
1
)
100%
);
position
:
absolute
;
bottom
:
-1px
;
height
:
20px
;
z-index
:
10
;
width
:
2px
;
left
:
-1px
}
.article-timeline-grid__timeline
.article-timeline--month
{
transform
:
translate
(
-50%
);
top
:
-1rem
;
z-index
:
100
}
.footer-clip
{
-webkit-clip-path
:
polygon
(
0
10px
,
100%
0
,
100%
100%
,
0%
100%
);
clip-path
:
polygon
(
0
10px
,
100%
0
,
100%
100%
,
0%
100%
)
}
@media
(
min-width
:
768px
)
{
.footer-clip
{
-webkit-clip-path
:
polygon
(
0
20px
,
100%
0
,
100%
100%
,
0%
100%
);
clip-path
:
polygon
(
0
20px
,
100%
0
,
100%
100%
,
0%
100%
)
}
}
.footer__main
{
display
:
grid
;
grid-template-areas
:
"social"
"main-links"
}
.footer__social
{
grid-area
:
social
}
.footer__main-links
{
grid-area
:
main-links
}
.footer__main-links
ul
{
display
:
flex
;
flex-wrap
:
wrap
}
.footer__main-links
ul
li
{
display
:
block
;
height
:
40px
;
line-height
:
40px
;
min-width
:
200px
}
.footer-collapsible__toggle
{
display
:
flex
;
cursor
:
pointer
;
align-items
:
center
}
@media
(
min-width
:
992px
)
{
.footer-collapsible__toggle
:after
{
display
:
none
;
cursor
:
auto
}
}
.footer-collapsible__toggle
:after
{
content
:
"\e925"
;
font-family
:
pirati-ui
;
margin-left
:
auto
;
font-size
:
1.6rem
;
font-weight
:
300
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
}
.footer-collapsible__toggle.footer-collapsible__toggle--open
:after
{
transform
:
rotate
(
-180deg
)
}
.brand-clip
{
-webkit-clip-path
:
polygon
(
0
0
,
100%
0
,
88%
50%
,
100%
100%
,
0
100%
,
0%
50%
);
clip-path
:
polygon
(
0
0
,
100%
0
,
88%
50%
,
100%
100%
,
0
100%
,
0%
50%
)
}
.navbar-menu-link
{
cursor
:
pointer
;
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
text-transform
:
uppercase
;
line-height
:
2
;
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))
}
.navbar-menu-link
:hover
{
text-decoration-line
:
none
}
.main-menu-items
{
display
:
none
}
#menuToggle
:checked
~
.main-menu-items
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
0px
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
0px
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))
}
#menuToggle
:checked
~
.main-menu-items
{
display
:
grid
}
.main-menu
{
grid-template-areas
:
"logo menutoggle"
"main main"
"external external"
}
.main-menu__logo
{
grid-area
:
logo
}
.main-menu__main
{
grid-area
:
main
}
.main-menu__main
.menu-link
{
cursor
:
pointer
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--tw-bg-opacity
));
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
text-transform
:
uppercase
;
line-height
:
2
;
--tw-text-opacity
:
1
;
color
:
rgb
(
0
0
0
/
var
(
--tw-text-opacity
))
}
.main-menu__main
.menu-link
:hover
{
text-decoration-line
:
none
}
@media
(
min-width
:
1200px
)
{
.main-menu__main
.menu-link
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
0
0
0
/
var
(
--tw-bg-opacity
));
background-color
:
transparent
;
font-size
:
1.125rem
;
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))
}
}
.navbar-background
{
min-height
:
63px
}
.main-menu-grid
{
max-width
:
none
;
grid-template-areas
:
"content"
}
.menu-flag
{
position
:
absolute
;
left
:
0
;
width
:
209px
}
.main-menu__external
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--tw-bg-opacity
));
--tw-text-opacity
:
1
;
color
:
rgb
(
0
0
0
/
var
(
--tw-text-opacity
))
}
@media
(
min-width
:
1200px
)
{
.main-menu__external
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
0
0
0
/
var
(
--tw-bg-opacity
));
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))
}
}
.main-menu__external
{
grid-area
:
external
}
@media
(
min-width
:
1200px
)
{
.main-menu-items
{
display
:
flex
!important
}
.main-menu
{
grid-template-areas
:
"main social external"
;
flex-wrap
:
nowrap
}
.main-menu
.main-menu__external
{
background-color
:
transparent
;
padding
:
0
;
--tw-text-opacity
:
1
;
color
:
rgb
(
0
0
0
/
var
(
--tw-text-opacity
))
}
.menu-flag
{
width
:
260px
}
}
.container
{
display
:
inline-block
;
cursor
:
pointer
}
.bar1
,
.bar2
,
.bar3
{
background-color
:
#fff
;
display
:
block
;
height
:
2px
;
margin
:
6px
0
;
transition
:
.4s
;
width
:
35px
}
#menuToggle
:checked
+
label
.bar1
{
transform
:
rotate
(
-45deg
)
translate
(
-3px
,
4px
);
background-color
:
#000
}
#menuToggle
:checked
+
label
.bar2
{
opacity
:
0
}
#menuToggle
:checked
+
label
.bar3
{
transform
:
rotate
(
45deg
)
translate
(
-8px
,
-8px
);
background-color
:
#000
}
.newsletter-grid
{
display
:
grid
;
gap
:
1rem
;
grid-template-areas
:
"icon-area additional-text"
"main-text main-text"
"input-area input-area"
}
@media
(
min-width
:
1200px
)
{
.newsletter-grid
{
grid-template-areas
:
"icon-area main-text"
"additional-text input-area"
}
}
.newsletter-grid__icon
{
grid-area
:
icon-area
;
max-width
:
10rem
}
.newsletter-grid__additional-text
{
grid-area
:
additional-text
;
align-self
:
center
;
max-width
:
33rem
}
@media
(
min-width
:
1200px
)
{
.newsletter-grid__additional-text
{
align-self
:
start
;
max-width
:
10rem
}
}
.newsletter-grid__main-text
{
grid-area
:
main-text
;
max-width
:
33rem
}
.newsletter-grid__input
{
grid-area
:
input-area
}
.region-map__list
{
-moz-columns
:
2
;
columns
:
2
}
.region-map__region
{
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.5s
;
transition
:
all
.3s
ease-out
;
stroke
:
#fff
;
stroke-width
:
4px
;
stroke-linejoin
:
round
}
.region-map__region
:after
{
content
:
""
;
width
:
10px
;
position
:
absolute
;
height
:
10px
;
background
:
#2ECC40
;
z-index
:
10
}
.region-map__region--current
{
fill
:
#25a5b9
}
.static
{
position
:
static
}
.absolute
{
position
:
absolute
}
.relative
{
position
:
relative
}
.bottom-0
{
bottom
:
0
}
.z-50
{
z-index
:
50
}
.z-40
{
z-index
:
40
}
.z-10
{
z-index
:
10
}
.col-start-1
{
grid-column-start
:
1
}
.col-start-2
{
grid-column-start
:
2
}
.col-end-3
{
grid-column-end
:
3
}
.m-10
{
margin
:
2.5rem
}
.m-0
{
margin
:
0
}
.mx-1
{
margin-left
:
.25rem
;
margin-right
:
.25rem
}
.mx-2
{
margin-left
:
.5rem
;
margin-right
:
.5rem
}
.mx-auto
{
margin-left
:
auto
;
margin-right
:
auto
}
.mr-2
{
margin-right
:
.5rem
}
.mr-4
{
margin-right
:
1rem
}
.mb-2
{
margin-bottom
:
.5rem
}
.mb-20
{
margin-bottom
:
5rem
}
.mb-4
{
margin-bottom
:
1rem
}
.mb-8
{
margin-bottom
:
2rem
}
.mb-7
{
margin-bottom
:
1.75rem
}
.mr-1
{
margin-right
:
.25rem
}
.mb-5
{
margin-bottom
:
1.25rem
}
.mb-12
{
margin-bottom
:
3rem
}
.mb-9
{
margin-bottom
:
2.25rem
}
.mb-1
{
margin-bottom
:
.25rem
}
.mb-6
{
margin-bottom
:
1.5rem
}
.mr-3
{
margin-right
:
.75rem
}
.mr-6
{
margin-right
:
1.5rem
}
.mt-4
{
margin-top
:
1rem
}
.mt-24
{
margin-top
:
6rem
}
.mb-3
{
margin-bottom
:
.75rem
}
.mr-5
{
margin-right
:
1.25rem
}
.mt-2
{
margin-top
:
.5rem
}
.mt-16
{
margin-top
:
4rem
}
.mb-10
{
margin-bottom
:
2.5rem
}
.-mt-20
{
margin-top
:
-5rem
}
.mt-20
{
margin-top
:
5rem
}
.mt-8
{
margin-top
:
2rem
}
.mt-10
{
margin-top
:
2.5rem
}
.mr-0
{
margin-right
:
0
}
.block
{
display
:
block
}
.inline-block
{
display
:
inline-block
}
.flex
{
display
:
flex
}
.grid
{
display
:
grid
}
.hidden
{
display
:
none
}
.h-11
{
height
:
2.75rem
}
.h-16
{
height
:
4rem
}
.h-full
{
height
:
100%
}
.h-32
{
height
:
8rem
}
.h-60
{
height
:
15rem
}
.h-72
{
height
:
18rem
}
.h-10
{
height
:
2.5rem
}
.max-h-20
{
max-height
:
5rem
}
.w-40
{
width
:
10rem
}
.w-16
{
width
:
4rem
}
.w-full
{
width
:
100%
}
.w-32
{
width
:
8rem
}
.w-96
{
width
:
24rem
}
.w-12
{
width
:
3rem
}
.w-80
{
width
:
20rem
}
.w-20
{
width
:
5rem
}
.w-10
\
/
12
,
.w-5
\
/
6
{
width
:
83.333333%
}
.max-w-md
{
max-width
:
28rem
}
.max-w-xl
{
max-width
:
36rem
}
.max-w-sm
{
max-width
:
24rem
}
.max-w-xs
{
max-width
:
20rem
}
.max-w-2xl
{
max-width
:
42rem
}
.flex-shrink-0
,
.shrink-0
{
flex-shrink
:
0
}
.flex-row
{
flex-direction
:
row
}
.flex-col
{
flex-direction
:
column
}
.flex-wrap
{
flex-wrap
:
wrap
}
.items-start
{
align-items
:
flex-start
}
.items-center
{
align-items
:
center
}
.justify-start
{
justify-content
:
flex-start
}
.justify-end
{
justify-content
:
flex-end
}
.justify-center
{
justify-content
:
center
}
.justify-between
{
justify-content
:
space-between
}
.gap-3
{
gap
:
.75rem
}
.gap-6
{
gap
:
1.5rem
}
.gap-8
{
gap
:
2rem
}
.gap-4
{
gap
:
1rem
}
.gap-2
{
gap
:
.5rem
}
.space-y-12
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-y-reverse
:
0
;
margin-top
:
calc
(
3rem
*
calc
(
1
-
var
(
--tw-space-y-reverse
)));
margin-bottom
:
calc
(
3rem
*
var
(
--tw-space-y-reverse
))
}
.space-x-2
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
.5rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
.5rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))
}
.space-y-1
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-y-reverse
:
0
;
margin-top
:
calc
(
.25rem
*
calc
(
1
-
var
(
--tw-space-y-reverse
)));
margin-bottom
:
calc
(
.25rem
*
var
(
--tw-space-y-reverse
))
}
.space-y-2
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-y-reverse
:
0
;
margin-top
:
calc
(
.5rem
*
calc
(
1
-
var
(
--tw-space-y-reverse
)));
margin-bottom
:
calc
(
.5rem
*
var
(
--tw-space-y-reverse
))
}
.space-x-3
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
.75rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
.75rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))
}
.space-x-1
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
.25rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
.25rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))
}
.space-x-10
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
2.5rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
2.5rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))
}
.overflow-auto
{
overflow
:
auto
}
.overflow-hidden
{
overflow
:
hidden
}
.text-ellipsis
{
text-overflow
:
ellipsis
}
.rounded-full
{
border-radius
:
9999px
}
.border
{
border-width
:
1px
}
.border-b
{
border-bottom-width
:
1px
}
.border-grey-100
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
243
243
243
/
var
(
--tw-border-opacity
))
}
.border-grey-150
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
236
236
236
/
var
(
--tw-border-opacity
))
}
.border-violet-600
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
125
51
127
/
var
(
--tw-border-opacity
))
}
.bg-white
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--tw-bg-opacity
))
}
.bg-grey-50
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
247
247
247
/
var
(
--tw-bg-opacity
))
}
.bg-black
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
0
0
0
/
var
(
--tw-bg-opacity
))
}
.bg-green-500
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
79
196
159
/
var
(
--tw-bg-opacity
))
}
.bg-violet-600
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
125
51
127
/
var
(
--tw-bg-opacity
))
}
.bg-grey-150
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
236
236
236
/
var
(
--tw-bg-opacity
))
}
.bg-grey-100
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
243
243
243
/
var
(
--tw-bg-opacity
))
}
.bg-cover
{
background-size
:
cover
}
.bg-center
{
background-position
:
center
}
.bg-no-repeat
{
background-repeat
:
no-repeat
}
.p-2
{
padding
:
.5rem
}
.p-7
{
padding
:
1.75rem
}
.p-6
{
padding
:
1.5rem
}
.p-1
{
padding
:
.25rem
}
.p-0
{
padding
:
0
}
.p-4
{
padding
:
1rem
}
.py-32
{
padding-top
:
8rem
;
padding-bottom
:
8rem
}
.px-1
{
padding-left
:
.25rem
;
padding-right
:
.25rem
}
.py-5
{
padding-top
:
1.25rem
;
padding-bottom
:
1.25rem
}
.px-3
{
padding-left
:
.75rem
;
padding-right
:
.75rem
}
.py-3
{
padding-top
:
.75rem
;
padding-bottom
:
.75rem
}
.py-4
{
padding-top
:
1rem
;
padding-bottom
:
1rem
}
.py-16
{
padding-top
:
4rem
;
padding-bottom
:
4rem
}
.px-4
{
padding-left
:
1rem
;
padding-right
:
1rem
}
.py-8
{
padding-top
:
2rem
;
padding-bottom
:
2rem
}
.px-7
{
padding-left
:
1.75rem
;
padding-right
:
1.75rem
}
.pt-40
{
padding-top
:
10rem
}
.pl-4
{
padding-left
:
1rem
}
.pr-2
{
padding-right
:
.5rem
}
.pt-16
{
padding-top
:
4rem
}
.pl-3
{
padding-left
:
.75rem
}
.pt-20
{
padding-top
:
5rem
}
.pb-8
{
padding-bottom
:
2rem
}
.pb-32
{
padding-bottom
:
8rem
}
.text-left
{
text-align
:
left
}
.text-center
{
text-align
:
center
}
.font-alt
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
}
.font-condensed
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
}
.text-lg
{
font-size
:
1.125rem
}
.text-2xl
{
font-size
:
1.6rem
}
.text-xs
{
font-size
:
.75rem
}
.text-2xs
{
font-size
:
.65rem
}
.text-9xl
{
font-size
:
7.5rem
}
.text-8xl
{
font-size
:
6.25rem
}
.text-7xl
{
font-size
:
5.3rem
}
.text-6xl
{
font-size
:
4rem
}
.text-5xl
{
font-size
:
3rem
}
.text-4xl
{
font-size
:
2.45rem
}
.text-3xl
{
font-size
:
1.875rem
}
.text-xl
{
font-size
:
1.3rem
}
.text-base
{
font-size
:
1rem
}
.text-sm
{
font-size
:
.875rem
}
.font-light
{
font-weight
:
300
}
.font-medium
{
font-weight
:
500
}
.font-bold
{
font-weight
:
700
}
.uppercase
{
text-transform
:
uppercase
}
.leading-5
{
line-height
:
1.25rem
}
.leading-9
{
line-height
:
2.25rem
}
.leading-7
{
line-height
:
1.75rem
}
.leading-6
{
line-height
:
1.5rem
}
.text-green-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
79
196
159
/
var
(
--tw-text-opacity
))
}
.text-white
{
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))
}
.text-grey-200
{
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))
}
.text-turquoise-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
37
165
185
/
var
(
--tw-text-opacity
))
}
.text-turquoise-400
{
--tw-text-opacity
:
1
;
color
:
rgb
(
27
192
227
/
var
(
--tw-text-opacity
))
}
.text-grey-300
{
--tw-text-opacity
:
1
;
color
:
rgb
(
76
76
76
/
var
(
--tw-text-opacity
))
}
.text-yellow-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
249
206
5
/
var
(
--tw-text-opacity
))
}
.text-grey-350
{
--tw-text-opacity
:
1
;
color
:
rgb
(
79
79
79
/
var
(
--tw-text-opacity
))
}
.text-black
{
--tw-text-opacity
:
1
;
color
:
rgb
(
0
0
0
/
var
(
--tw-text-opacity
))
}
.horizontal-mirror
{
display
:
inline-block
;
transform
:
matrix
(
-1
,
0
,
0
,
1
,
0
,
0
)
!important
}
.underline
{
text-decoration-line
:
underline
}
.shadow-sm
{
--tw-shadow
:
0
1px
2px
0
rgb
(
0
0
0
/
.05
);
--tw-shadow-colored
:
0
1px
2px
0
var
(
--tw-shadow-color
);
box-shadow
:
var
(
--tw-ring-offset-shadow
,
0
0
#0000
),
var
(
--tw-ring-shadow
,
0
0
#0000
),
var
(
--tw-shadow
)
}
.shadow-2xl
{
--tw-shadow
:
0
25px
50px
-12px
rgb
(
0
0
0
/
.25
);
--tw-shadow-colored
:
0
25px
50px
-12px
var
(
--tw-shadow-color
);
box-shadow
:
var
(
--tw-ring-offset-shadow
,
0
0
#0000
),
var
(
--tw-ring-shadow
,
0
0
#0000
),
var
(
--tw-shadow
)
}
.drop-shadow-xl
{
--tw-drop-shadow
:
drop-shadow
(
0
20px
13px
rgb
(
0
0
0
/
.03
))
drop-shadow
(
0
8px
5px
rgb
(
0
0
0
/
.08
));
filter
:
var
(
--tw-blur
)
var
(
--tw-brightness
)
var
(
--tw-contrast
)
var
(
--tw-grayscale
)
var
(
--tw-hue-rotate
)
var
(
--tw-invert
)
var
(
--tw-saturate
)
var
(
--tw-sepia
)
var
(
--tw-drop-shadow
)
}
.btn.btn--fullwidth
,
.btn.btn--fullwidth
.btn__body-wrap
{
width
:
100%
;
max-width
:
100%
}
.btn.btn--fullwidth
.btn__body
{
flex
:
1
}
.btn.btn--autowidth
{
width
:
auto
}
@media
(
min-width
:
1200px
)
{
.grid-container
{
grid-template-columns
:
240px
1fr
102px
;
grid-template-areas
:
"left-side content right-side"
;
margin-left
:
10%
}
}
@media
(
min-width
:
2060px
)
{
.grid-container
{
margin-left
:
20%
}
}
@media
(
min-width
:
1200px
)
{
.grid-container.person-grid-container
{
grid-template-columns
:
240px
1fr
339px
}
}
.head-alt-xl
,
.content-block
.head-alt-xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
5.3rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-alt-lg
,
.content-block
.head-alt-lg
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
4rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-alt-md
,
.content-block
.head-alt-md
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
2.45rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-alt-base
,
.content-block
.head-alt-base
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.875rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-alt-sm
,
.content-block
.head-alt-sm
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.6rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-alt-xs
,
.content-block
.head-alt-xs
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.3rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-alt-2xs
,
.content-block
.head-alt-2xs
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-base
,
.content-block
.head-base
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.875rem
;
font-weight
:
500
;
line-height
:
1.25
}
.head-sm
,
.content-block
.head-sm
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.6rem
;
font-weight
:
500
;
line-height
:
1.25
}
.head-xs
,
.content-block
.head-xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.3rem
;
font-weight
:
500
;
line-height
:
1.25
}
.head-2xs
,
.content-block
.head-2xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
font-weight
:
500
;
line-height
:
1.25
}
.head-heavy-base
,
.content-block
.head-heavy-base
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.875rem
;
font-weight
:
700
;
line-height
:
1.25
}
.head-heavy-sm
,
.content-block
.head-heavy-sm
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.6rem
;
font-weight
:
700
;
line-height
:
1.25
}
.head-heavy-xs
,
.content-block
.head-heavy-xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.3rem
;
font-weight
:
700
;
line-height
:
1.25
}
.head-heavy-2xs
,
.content-block
.head-heavy-2xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
font-weight
:
700
;
line-height
:
1.25
}
.head-allcaps-2xs
,
.content-block
.head-allcaps-2xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
font-weight
:
400
;
text-transform
:
uppercase
;
line-height
:
1.25
}
.head-allcaps-3xs
,
.content-block
.head-allcaps-3xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1rem
;
font-weight
:
400
;
text-transform
:
uppercase
;
line-height
:
1.25
}
.head-allcaps-4xs
,
.content-block
.head-allcaps-4xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
.875rem
;
font-weight
:
400
;
text-transform
:
uppercase
;
line-height
:
1.25
}
.head-allcaps-heavy-2xs
,
.content-block
.head-allcaps-heavy-2xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
font-weight
:
700
;
text-transform
:
uppercase
;
line-height
:
1.25
}
.head-allcaps-heavy-3xs
,
.content-block
.head-allcaps-heavy-3xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1rem
;
font-weight
:
700
;
text-transform
:
uppercase
;
line-height
:
1.25
}
.head-allcaps-heavy-4xs
,
.content-block
.head-allcaps-heavy-4xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
.875rem
;
font-weight
:
700
;
text-transform
:
uppercase
;
line-height
:
1.25
}
@media
(
min-width
:
1200px
)
{
.switch__item
{
padding
:
1rem
2rem
;
font-size
:
1.3rem
}
}
.slick-track
[
data-v-e4caeaf8
]
{
position
:
relative
;
top
:
0
;
left
:
0
;
display
:
block
;
transform
:
translateZ
(
0
)
}
.slick-track.slick-center
[
data-v-e4caeaf8
]
{
margin-left
:
auto
;
margin-right
:
auto
}
.slick-track
[
data-v-e4caeaf8
]
:after
,
.slick-track
[
data-v-e4caeaf8
]
:before
{
display
:
table
;
content
:
""
}
.slick-track
[
data-v-e4caeaf8
]
:after
{
clear
:
both
}
.slick-loading
.slick-track
[
data-v-e4caeaf8
]
{
visibility
:
hidden
}
.slick-slide
[
data-v-e4caeaf8
]
{
display
:
none
;
float
:
left
;
height
:
100%
;
min-height
:
1px
}
[
dir
=
rtl
]
.slick-slide
[
data-v-e4caeaf8
]
{
float
:
right
}
.slick-slide
img
[
data-v-e4caeaf8
]
{
display
:
block
}
.slick-slide.slick-loading
img
[
data-v-e4caeaf8
]
{
display
:
none
}
.slick-slide.dragging
img
[
data-v-e4caeaf8
]
{
pointer-events
:
none
}
.slick-initialized
.slick-slide
[
data-v-e4caeaf8
]
{
display
:
block
}
.slick-loading
.slick-slide
[
data-v-e4caeaf8
]
{
visibility
:
hidden
}
.slick-vertical
.slick-slide
[
data-v-e4caeaf8
]
{
display
:
block
;
height
:
auto
;
border
:
1px
solid
transparent
}
.slick-arrow.slick-hidden
[
data-v-21137603
]
{
display
:
none
}
.slick-slider
[
data-v-3d1a4f76
]
{
position
:
relative
;
display
:
block
;
box-sizing
:
border-box
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
user-select
:
none
;
-webkit-touch-callout
:
none
;
-khtml-user-select
:
none
;
touch-action
:
pan-y
;
-webkit-tap-highlight-color
:
transparent
}
.slick-list
[
data-v-3d1a4f76
]
{
position
:
relative
;
display
:
block
;
overflow
:
hidden
;
margin
:
0
;
padding
:
0
;
transform
:
translateZ
(
0
)
}
.slick-list
[
data-v-3d1a4f76
]
:focus
{
outline
:
none
}
.slick-list.dragging
[
data-v-3d1a4f76
]
{
cursor
:
pointer
;
cursor
:
hand
}
::-moz-selection
{
background
:
#ffeda5
}
::selection
{
background
:
#ffeda5
}
:root
{
font-size
:
16px
}
body
{
font-family
:
Roboto
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
400
;
line-height
:
1
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
font-size
:
1rem
}
a
:hover
{
text-decoration-line
:
underline
}
a
.icon-link
:hover
{
text-decoration-line
:
none
}
a
.icon-link
:hover
span
{
text-decoration-line
:
underline
}
[
v-cloak
]
{
display
:
none
}
.copyleft
{
transform
:
scaleX
(
-1
)
!important
}
.inline-block-nogap
{
font-size
:
0
}
.iframe-container
{
position
:
relative
;
padding-bottom
:
56.25%
;
height
:
0
}
.iframe-container
iframe
{
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
100%
;
width
:
100%
}
.hover
\
:bg-black:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
0
0
0
/
var
(
--tw-bg-opacity
))
}
.hover
\
:no-underline:hover
{
text-decoration-line
:
none
}
@media
(
min-width
:
576px
)
{
.sm
\
:bottom-5
{
bottom
:
1.25rem
}
.sm
\
:col-start-2
{
grid-column-start
:
2
}
.sm
\
:col-end-13
{
grid-column-end
:
13
}
.sm
\
:mb-8
{
margin-bottom
:
2rem
}
.sm
\
:mb-0
{
margin-bottom
:
0
}
.sm
\
:mt-0
{
margin-top
:
0
}
.sm
\
:mr-7
{
margin-right
:
1.75rem
}
.sm
\
:mb-6
{
margin-bottom
:
1.5rem
}
.sm
\
:h-80
{
height
:
20rem
}
.sm
\
:w-80
{
width
:
20rem
}
.sm
\
:w-40
{
width
:
10rem
}
.sm
\
:w-6
\
/
12
{
width
:
50%
}
.sm
\
:w-5
\
/
12
{
width
:
41.666667%
}
.sm
\
:max-w-xs
{
max-width
:
20rem
}
.sm
\
:pt-0
{
padding-top
:
0
}
.sm
\
:pr-0
{
padding-right
:
0
}
.sm
\
:text-center
{
text-align
:
center
}
.sm
\
:text-3xl
{
font-size
:
1.875rem
}
.sm
\
:text-base
{
font-size
:
1rem
}
.sm
\
:text-xl
{
font-size
:
1.3rem
}
.sm
\
:leading-none
{
line-height
:
1
}
}
@media
(
min-width
:
768px
)
{
.md
\
:mt-20
{
margin-top
:
5rem
}
.md
\
:min-h-
\
[
21
rem
\
]
{
min-height
:
21rem
}
.md
\
:flex-row
{
flex-direction
:
row
}
.md
\
:justify-start
{
justify-content
:
flex-start
}
.md
\
:gap-1
{
gap
:
.25rem
}
.md
\
:text-5xl
{
font-size
:
3rem
}
.md
\
:text-4xl
{
font-size
:
2.45rem
}
}
@media
(
min-width
:
992px
)
{
.lg
\
:order-2
{
order
:
2
}
.lg
\
:mb-12
{
margin-bottom
:
3rem
}
.lg
\
:mr-11
{
margin-right
:
2.75rem
}
.lg
\
:mb-8
{
margin-bottom
:
2rem
}
.lg
\
:mb-10
{
margin-bottom
:
2.5rem
}
.lg
\
:mb-16
{
margin-bottom
:
4rem
}
.lg
\
:mt-32
{
margin-top
:
8rem
}
.lg
\
:mb-0
{
margin-bottom
:
0
}
.lg
\
:mt-24
{
margin-top
:
6rem
}
.lg
\
:flex
{
display
:
flex
}
.lg
\
:w-7
\
/
12
{
width
:
58.333333%
}
.lg
\
:w-5
\
/
12
{
width
:
41.666667%
}
.lg
\
:max-w-lg
{
max-width
:
32rem
}
.lg
\
:flex-row
{
flex-direction
:
row
}
.lg
\
:flex-wrap
{
flex-wrap
:
wrap
}
.lg
\
:items-end
{
align-items
:
flex-end
}
.lg
\
:justify-end
{
justify-content
:
flex-end
}
.lg
\
:justify-between
{
justify-content
:
space-between
}
.lg
\
:space-y-0
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-y-reverse
:
0
;
margin-top
:
calc
(
0px
*
calc
(
1
-
var
(
--tw-space-y-reverse
)));
margin-bottom
:
calc
(
0px
*
var
(
--tw-space-y-reverse
))
}
.lg
\
:space-x-4
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
1rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
1rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))
}
.lg
\
:py-36
{
padding-top
:
9rem
;
padding-bottom
:
9rem
}
.lg
\
:py-16
{
padding-top
:
4rem
;
padding-bottom
:
4rem
}
.lg
\
:py-0
{
padding-top
:
0
;
padding-bottom
:
0
}
.lg
\
:text-right
{
text-align
:
right
}
.lg
\
:text-base
{
font-size
:
1rem
}
.lg
\
:text-6xl
{
font-size
:
4rem
}
}
@media
(
min-width
:
1200px
)
{
.xl
\
:static
{
position
:
static
}
.xl
\
:absolute
{
position
:
absolute
}
.xl
\
:z-50
{
z-index
:
50
}
.xl
\
:m-0
{
margin
:
0
}
.xl
\
:my-4
{
margin-top
:
1rem
;
margin-bottom
:
1rem
}
.xl
\
:mr-2
{
margin-right
:
.5rem
}
.xl
\
:mb-0
{
margin-bottom
:
0
}
.xl
\
:mb-20
{
margin-bottom
:
5rem
}
.xl
\
:mr-12
{
margin-right
:
3rem
}
.xl
\
:mt-8
{
margin-top
:
2rem
}
.xl
\
:mb-6
{
margin-bottom
:
1.5rem
}
.xl
\
:mr-4
{
margin-right
:
1rem
}
.xl
\
:mb-16
{
margin-bottom
:
4rem
}
.xl
\
:mb-12
{
margin-bottom
:
3rem
}
.xl
\
:mb-24
{
margin-bottom
:
6rem
}
.xl
\
:mb-28
{
margin-bottom
:
7rem
}
.xl
\
:mb-14
{
margin-bottom
:
3.5rem
}
.xl
\
:mr-0
{
margin-right
:
0
}
.xl
\
:-mt-0
{
margin-top
:
-0px
}
.xl
\
:mt-0
{
margin-top
:
0
}
.xl
\
:mb-32
{
margin-bottom
:
8rem
}
.xl
\
:mb-8
{
margin-bottom
:
2rem
}
.xl
\
:block
{
display
:
block
}
.xl
\
:flex
{
display
:
flex
}
.xl
\
:grid
{
display
:
grid
}
.xl
\
:hidden
{
display
:
none
}
.xl
\
:h-auto
{
height
:
auto
}
.xl
\
:min-h-screen
{
min-height
:
100vh
}
.xl
\
:w-auto
{
width
:
auto
}
.xl
\
:w-36
{
width
:
9rem
}
.xl
\
:w-60
{
width
:
15rem
}
.xl
\
:w-44
{
width
:
11rem
}
.xl
\
:w-full
{
width
:
100%
}
.xl
\
:max-w-xl
{
max-width
:
36rem
}
.xl
\
:shrink-0
{
flex-shrink
:
0
}
.xl
\
:flex-row
{
flex-direction
:
row
}
.xl
\
:flex-col
{
flex-direction
:
column
}
.xl
\
:flex-wrap
{
flex-wrap
:
wrap
}
.xl
\
:items-start
{
align-items
:
flex-start
}
.xl
\
:items-center
{
align-items
:
center
}
.xl
\
:justify-start
{
justify-content
:
flex-start
}
.xl
\
:justify-end
{
justify-content
:
flex-end
}
.xl
\
:gap-5
{
gap
:
1.25rem
}
.xl
\
:gap-16
{
gap
:
4rem
}
.xl
\
:space-x-3
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
.75rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
.75rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))
}
.xl
\
:justify-self-end
{
justify-self
:
end
}
.xl
\
:bg-transparent
{
background-color
:
transparent
}
.xl
\
:py-0
{
padding-top
:
0
;
padding-bottom
:
0
}
.xl
\
:py-6
{
padding-top
:
1.5rem
;
padding-bottom
:
1.5rem
}
.xl
\
:py-9
{
padding-top
:
2.25rem
;
padding-bottom
:
2.25rem
}
.xl
\
:pb-24
{
padding-bottom
:
6rem
}
.xl
\
:pt-44
{
padding-top
:
11rem
}
.xl
\
:pt-8
{
padding-top
:
2rem
}
.xl
\
:pt-14
{
padding-top
:
3.5rem
}
.xl
\
:pb-36
{
padding-bottom
:
9rem
}
.xl
\
:pt-0
{
padding-top
:
0
}
.xl
\
:pb-0
{
padding-bottom
:
0
}
.xl
\
:pr-5
{
padding-right
:
1.25rem
}
.xl
\
:text-left
{
text-align
:
left
}
.xl
\
:text-center
{
text-align
:
center
}
.xl
\
:text-7xl
{
font-size
:
5.3rem
}
.xl
\
:text-4xl
{
font-size
:
2.45rem
}
.xl
\
:text-2xl
{
font-size
:
1.6rem
}
.xl
\
:text-base
{
font-size
:
1rem
}
.xl
\
:text-9xl
{
font-size
:
7.5rem
}
.xl
\
:text-white
{
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))
}
.xl
\
:shadow-none
{
--tw-shadow
:
0
0
#0000
;
--tw-shadow-colored
:
0
0
#0000
;
box-shadow
:
var
(
--tw-ring-offset-shadow
,
0
0
#0000
),
var
(
--tw-ring-shadow
,
0
0
#0000
),
var
(
--tw-shadow
)
}
.xl
\
:duration-200
{
transition-duration
:
.2s
}
}
@media
(
min-width
:
1366px
)
{
.
\32
xl
\
:space-x-6
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
1.5rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
1.5rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))
}
.
\32
xl
\
:space-x-3
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
.75rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
.75rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))
}
}
@media
(
min-width
:
2060px
)
{
.
\33
xl
\
:text-lg
{
font-size
:
1.125rem
}
.
\33
xl
\
:text-xl
{
font-size
:
1.3rem
}
}
\ No newline at end of file
@import
"https://gfonts.pirati.cz/css2?family=Bebas+Neue&family=Roboto+Condensed:wght@300;400;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap"
;
@font-face
{
font-family
:
pirati-ui
;
src
:
url
(
/
static
/
main
/
pirati-ui
.
eot
);
src
:
url
(
/
static
/
main
/
pirati-ui
.
eot
)
format
(
"embedded-opentype"
),
url
(
/
static
/
main
/
pirati-ui
.
ttf
)
format
(
"truetype"
),
url
(
/
static
/
main
/
pirati-ui
.
woff
)
format
(
"woff"
),
url
(
/
static
/
main
/
pirati-ui
.
svg
)
format
(
"svg"
);
font-weight
:
400
;
font-style
:
normal
;
font-display
:
block
}
[
class
^=
ico--
],[
class
*=
" ico--"
]
{
font-family
:
pirati-ui
!important
;
speak
:
never
;
font-style
:
normal
;
font-weight
:
400
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
.ico--dots-three-vertical
:before
{
content
:
"\e940"
}
.ico--dots-three-horizontal
:before
{
content
:
"\e941"
}
.ico--log-out
:before
{
content
:
"\e942"
}
.ico--envelope
:before
{
content
:
"\e908"
}
.ico--pin
:before
{
content
:
"\e943"
}
.ico--at
:before
{
content
:
"\e905"
}
.ico--strategy
:before
{
content
:
"\e932"
}
.ico--pig
:before
{
content
:
"\e928"
}
.ico--thermometer
:before
{
content
:
"\e90a"
}
.ico--menu
:before
{
content
:
"\e933"
}
.ico--chevron-right
:before
{
content
:
"\e923"
}
.ico--chevron-left
:before
{
content
:
"\e924"
}
.ico--chevron-down
:before
{
content
:
"\e925"
}
.ico--chevron-up
:before
{
content
:
"\e926"
}
.ico--link-horizontal
:before
{
content
:
"\e910"
}
.ico--beer
:before
{
content
:
"\e909"
}
.ico--pirati
:before
{
content
:
"\e90d"
}
.ico--jitsi
:before
{
content
:
"\e90f"
}
.ico--open-source
:before
{
content
:
"\e90e"
}
.ico--thumbs-down
:before
{
content
:
"\e93d"
}
.ico--thumbs-up
:before
{
content
:
"\e93e"
}
.ico--anchor
:before
{
content
:
"\e92d"
}
.ico--paw
:before
{
content
:
"\e90b"
}
.ico--checkmark
:before
{
content
:
"\e965"
}
.ico--info
:before
{
content
:
"\e901"
}
.ico--question
:before
{
content
:
"\e904"
}
.ico--warning
:before
{
content
:
"\e93f"
}
.ico--code
:before
{
content
:
"\e94a"
}
.ico--checkbox-unchecked
:before
{
content
:
"\e94e"
}
.ico--star-full
:before
{
content
:
"\e94f"
}
.ico--star-empty
:before
{
content
:
"\e950"
}
.ico--bookmark
:before
{
content
:
"\e951"
}
.ico--cog
:before
{
content
:
"\e952"
}
.ico--key
:before
{
content
:
"\e953"
}
.ico--zoom-in
:before
{
content
:
"\e954"
}
.ico--zoom-out
:before
{
content
:
"\e955"
}
.ico--shrink
:before
{
content
:
"\e956"
}
.ico--printer
:before
{
content
:
"\e957"
}
.ico--file-openoffice
:before
{
content
:
"\e958"
}
.ico--user
:before
{
content
:
"\e959"
}
.ico--file-excel
:before
{
content
:
"\e95a"
}
.ico--file-word
:before
{
content
:
"\e95b"
}
.ico--file-pdf
:before
{
content
:
"\e95c"
}
.ico--file-picture
:before
{
content
:
"\e95d"
}
.ico--file-blank
:before
{
content
:
"\e95e"
}
.ico--folder-upload
:before
{
content
:
"\e95f"
}
.ico--upload
:before
{
content
:
"\e960"
}
.ico--cloud-upload
:before
{
content
:
"\e961"
}
.ico--folder-download
:before
{
content
:
"\e962"
}
.ico--download
:before
{
content
:
"\e963"
}
.ico--cloud-download
:before
{
content
:
"\e964"
}
.ico--alarm
:before
{
content
:
"\e900"
}
.ico--calculator
:before
{
content
:
"\e911"
}
.ico--facebook-full
:before
{
content
:
"\e913"
}
.ico--feed
:before
{
content
:
"\e927"
}
.ico--library
:before
{
content
:
"\e929"
}
.ico--office
:before
{
content
:
"\e92a"
}
.ico--attachment
:before
{
content
:
"\e92b"
}
.ico--enlarge
:before
{
content
:
"\e92c"
}
.ico--eye-off
:before
{
content
:
"\e92e"
}
.ico--eye
:before
{
content
:
"\e92f"
}
.ico--share
:before
{
content
:
"\e931"
}
.ico--search
:before
{
content
:
"\e939"
}
.ico--pencil
:before
{
content
:
"\e93c"
}
.ico--lock-open
:before
{
content
:
"\e947"
}
.ico--lock
:before
{
content
:
"\e948"
}
.ico--equalizer
:before
{
content
:
"\e949"
}
.ico--switch
:before
{
content
:
"\e94b"
}
.ico--loop
:before
{
content
:
"\e94c"
}
.ico--refresh
:before
{
content
:
"\e94d"
}
.ico--bullhorn
:before
{
content
:
"\e944"
}
.ico--bin
:before
{
content
:
"\e945"
}
.ico--cross
:before
{
content
:
"\e937"
}
.ico--checkbox-checked
:before
{
content
:
"\e938"
}
.ico--globe
:before
{
content
:
"\e93a"
}
.ico--wikipedia
:before
{
content
:
"\e93b"
}
.ico--youtube
:before
{
content
:
"\e936"
}
.ico--users
:before
{
content
:
"\e934"
}
.ico--book
:before
{
content
:
"\e935"
}
.ico--bubbles
:before
{
content
:
"\e930"
}
.ico--map
:before
{
content
:
"\e914"
}
.ico--compass
:before
{
content
:
"\e915"
}
.ico--folder-open
:before
{
content
:
"\e916"
}
.ico--folder
:before
{
content
:
"\e917"
}
.ico--drawer
:before
{
content
:
"\e918"
}
.ico--stop
:before
{
content
:
"\e919"
}
.ico--github
:before
{
content
:
"\e91a"
}
.ico--clock
:before
{
content
:
"\e91b"
}
.ico--calendar
:before
{
content
:
"\e91c"
}
.ico--flickr
:before
{
content
:
"\e91d"
}
.ico--instagram
:before
{
content
:
"\e91e"
}
.ico--twitter
:before
{
content
:
"\e91f"
}
.ico--newspaper
:before
{
content
:
"\e920"
}
.ico--cart
:before
{
content
:
"\e921"
}
.ico--home
:before
{
content
:
"\e922"
}
.ico--link
:before
{
content
:
"\e912"
}
.ico--power
:before
{
content
:
"\e90c"
}
.ico--rocket
:before
{
content
:
"\e946"
}
.ico--location
:before
{
content
:
"\e906"
}
.ico--phone
:before
{
content
:
"\e907"
}
.ico--linkedin
:before
{
content
:
"\e903"
}
.ico--facebook
:before
{
content
:
"\e902"
}
*,
:before
,
:after
{
box-sizing
:
border-box
;
border-width
:
0
;
border-style
:
solid
;
border-color
:
currentColor
}
:before
,
:after
{
--tw-content
:
""
}
html
{
line-height
:
1.5
;
-webkit-text-size-adjust
:
100%
;
-moz-tab-size
:
4
;
-o-tab-size
:
4
;
tab-size
:
4
;
font-family
:
ui-sans-serif
,
system-ui
,
-
apple-system
,
BlinkMacSystemFont
,
Segoe
UI
,
Roboto
,
Helvetica
Neue
,
Arial
,
Noto
Sans
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
Segoe
UI
Symbol
,
"Noto Color Emoji"
}
body
{
margin
:
0
;
line-height
:
inherit
}
hr
{
height
:
0
;
color
:
inherit
;
border-top-width
:
1px
}
abbr
:where
([
title
])
{
-webkit-text-decoration
:
underline
dotted
;
text-decoration
:
underline
dotted
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-size
:
inherit
;
font-weight
:
inherit
}
a
{
color
:
inherit
;
text-decoration
:
inherit
}
b
,
strong
{
font-weight
:
bolder
}
code
,
kbd
,
samp
,
pre
{
font-family
:
ui-monospace
,
SFMono-Regular
,
Menlo
,
Monaco
,
Consolas
,
Liberation
Mono
,
Courier
New
,
monospace
;
font-size
:
1em
}
small
{
font-size
:
80%
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
}
sub
{
bottom
:
-.25em
}
sup
{
top
:
-.5em
}
table
{
text-indent
:
0
;
border-color
:
inherit
;
border-collapse
:
collapse
}
button
,
input
,
optgroup
,
select
,
textarea
{
font-family
:
inherit
;
font-size
:
100%
;
font-weight
:
inherit
;
line-height
:
inherit
;
color
:
inherit
;
margin
:
0
;
padding
:
0
}
button
,
select
{
text-transform
:
none
}
button
,[
type
=
button
],[
type
=
reset
],[
type
=
submit
]
{
-webkit-appearance
:
button
;
background-color
:
transparent
;
background-image
:
none
}
:-moz-focusring
{
outline
:
auto
}
:-moz-ui-invalid
{
box-shadow
:
none
}
progress
{
vertical-align
:
baseline
}
::-webkit-inner-spin-button
,
::-webkit-outer-spin-button
{
height
:
auto
}
[
type
=
search
]
{
-webkit-appearance
:
textfield
;
outline-offset
:
-2px
}
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
::-webkit-file-upload-button
{
-webkit-appearance
:
button
;
font
:
inherit
}
summary
{
display
:
list-item
}
blockquote
,
dl
,
dd
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
hr
,
figure
,
p
,
pre
{
margin
:
0
}
fieldset
{
margin
:
0
;
padding
:
0
}
legend
{
padding
:
0
}
ol
,
ul
,
menu
{
list-style
:
none
;
margin
:
0
;
padding
:
0
}
textarea
{
resize
:
vertical
}
input
::-moz-placeholder
,
textarea
::-moz-placeholder
{
opacity
:
1
;
color
:
#9ca3af
}
input
::placeholder
,
textarea
::placeholder
{
opacity
:
1
;
color
:
#9ca3af
}
button
,[
role
=
button
]
{
cursor
:
pointer
}
:disabled
{
cursor
:
default
}
img
,
svg
,
video
,
canvas
,
audio
,
iframe
,
embed
,
object
{
display
:
block
;
vertical-align
:
middle
}
img
,
video
{
max-width
:
100%
;
height
:
auto
}
*,
:before
,
:after
{
--tw-border-spacing-x
:
0
;
--tw-border-spacing-y
:
0
;
--tw-translate-x
:
0
;
--tw-translate-y
:
0
;
--tw-rotate
:
0
;
--tw-skew-x
:
0
;
--tw-skew-y
:
0
;
--tw-scale-x
:
1
;
--tw-scale-y
:
1
;
--tw-pan-x
:
;
--tw-pan-y
:
;
--tw-pinch-zoom
:
;
--tw-scroll-snap-strictness
:
proximity
;
--tw-ordinal
:
;
--tw-slashed-zero
:
;
--tw-numeric-figure
:
;
--tw-numeric-spacing
:
;
--tw-numeric-fraction
:
;
--tw-ring-inset
:
;
--tw-ring-offset-width
:
0px
;
--tw-ring-offset-color
:
#fff
;
--tw-ring-color
:
rgb
(
59
130
246
/
.5
);
--tw-ring-offset-shadow
:
0
0
#0000
;
--tw-ring-shadow
:
0
0
#0000
;
--tw-shadow
:
0
0
#0000
;
--tw-shadow-colored
:
0
0
#0000
;
--tw-blur
:
;
--tw-brightness
:
;
--tw-contrast
:
;
--tw-grayscale
:
;
--tw-hue-rotate
:
;
--tw-invert
:
;
--tw-saturate
:
;
--tw-sepia
:
;
--tw-drop-shadow
:
;
--tw-backdrop-blur
:
;
--tw-backdrop-brightness
:
;
--tw-backdrop-contrast
:
;
--tw-backdrop-grayscale
:
;
--tw-backdrop-hue-rotate
:
;
--tw-backdrop-invert
:
;
--tw-backdrop-opacity
:
;
--tw-backdrop-saturate
:
;
--tw-backdrop-sepia
:
}
::backdrop
{
--tw-border-spacing-x
:
0
;
--tw-border-spacing-y
:
0
;
--tw-translate-x
:
0
;
--tw-translate-y
:
0
;
--tw-rotate
:
0
;
--tw-skew-x
:
0
;
--tw-skew-y
:
0
;
--tw-scale-x
:
1
;
--tw-scale-y
:
1
;
--tw-pan-x
:
;
--tw-pan-y
:
;
--tw-pinch-zoom
:
;
--tw-scroll-snap-strictness
:
proximity
;
--tw-ordinal
:
;
--tw-slashed-zero
:
;
--tw-numeric-figure
:
;
--tw-numeric-spacing
:
;
--tw-numeric-fraction
:
;
--tw-ring-inset
:
;
--tw-ring-offset-width
:
0px
;
--tw-ring-offset-color
:
#fff
;
--tw-ring-color
:
rgb
(
59
130
246
/
.5
);
--tw-ring-offset-shadow
:
0
0
#0000
;
--tw-ring-shadow
:
0
0
#0000
;
--tw-shadow
:
0
0
#0000
;
--tw-shadow-colored
:
0
0
#0000
;
--tw-blur
:
;
--tw-brightness
:
;
--tw-contrast
:
;
--tw-grayscale
:
;
--tw-hue-rotate
:
;
--tw-invert
:
;
--tw-saturate
:
;
--tw-sepia
:
;
--tw-drop-shadow
:
;
--tw-backdrop-blur
:
;
--tw-backdrop-brightness
:
;
--tw-backdrop-contrast
:
;
--tw-backdrop-grayscale
:
;
--tw-backdrop-hue-rotate
:
;
--tw-backdrop-invert
:
;
--tw-backdrop-opacity
:
;
--tw-backdrop-saturate
:
;
--tw-backdrop-sepia
:
}
.container
{
width
:
100%
;
margin-right
:
auto
;
margin-left
:
auto
}
@media
(
min-width
:
576px
){
.container
{
max-width
:
576px
}}
@media
(
min-width
:
768px
){
.container
{
max-width
:
768px
}}
@media
(
min-width
:
992px
){
.container
{
max-width
:
992px
}}
@media
(
min-width
:
1200px
){
.container
{
max-width
:
1200px
;
padding-right
:
2rem
;
padding-left
:
2rem
}}
@media
(
min-width
:
1366px
){
.container
{
max-width
:
1366px
}}
@media
(
min-width
:
2060px
){
.container
{
max-width
:
2060px
}}
.btn
{
display
:
inline-block
;
text-align
:
center
;
font-weight
:
400
;
max-width
:
20rem
;
text-decoration
:
none
}
.btn
[
disabled
]
{
opacity
:
.7
;
cursor
:
not-allowed
}
.btn
:hover
{
text-decoration
:
none
}
.btn__body
{
display
:
flex
;
height
:
100%
;
align-items
:
center
;
justify-content
:
center
;
padding
:
.25em
2em
}
.btn__body-wrap
{
min-width
:
10rem
;
min-height
:
2.75rem
}
.btn__body
,
.btn__icon
,
.btn__inline-icon
{
transition-property
:
color
,
background-color
,
border-color
;
transition-duration
:
.2s
;
color
:
#fff
}
.btn__body
,
.btn__icon
{
background-color
:
#000
}
.btn--icon
.btn__body-wrap
{
display
:
flex
}
.btn--condensed
.btn__body
{
padding
:
.75em
1em
}
@keyframes
btn-loading-spinner
{
to
{
transform
:
rotate
(
360deg
)}}
.btn--black
.btn__body
,
.btn--black
.btn__icon
{
background-color
:
#000
;
color
:
#fff
}
.btn--black
.btn__icon
{
border-color
:
#343434
;
background-color
:
#000
}
.btn--black.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--black.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#000
;
color
:
#fff
}
.btn--black.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#262626
}
.btn--black.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--black.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-black
:hover
.btn__body
,
.btn--to-black.btn--activated
.btn__body
{
background-color
:
#000
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-black
:hover
.btn__icon
,
.btn--to-black.btn--activated
.btn__icon
{
border-color
:
#343434
!important
;
background-color
:
#000
!important
}
.btn--hoveractive.btn--to-black
:hover
.btn__inline-icon
,
.btn--to-black.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--grey-700
.btn__body
,
.btn--grey-700
.btn__icon
{
background-color
:
#202020
;
color
:
#fff
}
.btn--grey-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--grey-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#343434
;
color
:
#fff
}
.btn--grey-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#262626
}
.btn--grey-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--grey-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-grey-700
:hover
.btn__body
,
.btn--to-grey-700.btn--activated
.btn__body
{
background-color
:
#202020
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-grey-700
:hover
.btn__icon
,
.btn--to-grey-700.btn--activated
.btn__icon
{
border-color
:
#303132
!important
;
background-color
:
#202020
!important
}
.btn--hoveractive.btn--to-grey-700
:hover
.btn__inline-icon
,
.btn--to-grey-700.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--grey-500
.btn__body
,
.btn--grey-500
.btn__icon
{
background-color
:
#303132
;
color
:
#fff
}
.btn--grey-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--grey-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#4c4c4c
;
color
:
#fff
}
.btn--grey-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#343434
}
.btn--grey-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--grey-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-grey-500
:hover
.btn__body
,
.btn--to-grey-500.btn--activated
.btn__body
{
background-color
:
#303132
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-grey-500
:hover
.btn__icon
,
.btn--to-grey-500.btn--activated
.btn__icon
{
border-color
:
#4c4c4c
!important
;
background-color
:
#303132
!important
}
.btn--hoveractive.btn--to-grey-500
:hover
.btn__inline-icon
,
.btn--to-grey-500.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--grey-125
.btn__body
,
.btn--grey-125
.btn__icon
{
background-color
:
#f0f0f0
;
color
:
#000
}
.btn--grey-125.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--grey-125.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
silver
;
color
:
#fff
}
.btn--grey-125.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#a8a8a8
}
.btn--grey-125.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--grey-125.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-grey-125
:hover
.btn__body
,
.btn--to-grey-125.btn--activated
.btn__body
{
background-color
:
#f0f0f0
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-grey-125
:hover
.btn__icon
,
.btn--to-grey-125.btn--activated
.btn__icon
{
border-color
:
#d8d8d8
!important
;
background-color
:
#f0f0f0
!important
}
.btn--hoveractive.btn--to-grey-125
:hover
.btn__inline-icon
,
.btn--to-grey-125.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--grey-175
.btn__body
,
.btn--grey-175
.btn__icon
{
background-color
:
#d0d0d0
;
color
:
#000
}
.btn--grey-175.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--grey-175.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#a6a6a6
;
color
:
#fff
}
.btn--grey-175.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#929292
}
.btn--grey-175.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--grey-175.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-grey-175
:hover
.btn__body
,
.btn--to-grey-175.btn--activated
.btn__body
{
background-color
:
#d0d0d0
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-grey-175
:hover
.btn__icon
,
.btn--to-grey-175.btn--activated
.btn__icon
{
border-color
:
#bbb
!important
;
background-color
:
#d0d0d0
!important
}
.btn--hoveractive.btn--to-grey-175
:hover
.btn__inline-icon
,
.btn--to-grey-175.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--white
.btn__body
,
.btn--white
.btn__icon
{
background-color
:
#fff
;
color
:
#000
}
.btn--white
.btn__icon
{
border-color
:
#f3f3f3
;
background-color
:
#fff
}
.btn--white.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--white.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#ccc
;
color
:
#fff
}
.btn--white.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#b3b3b3
}
.btn--white.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--white.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-white
:hover
.btn__body
,
.btn--to-white.btn--activated
.btn__body
{
background-color
:
#fff
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-white
:hover
.btn__icon
,
.btn--to-white.btn--activated
.btn__icon
{
border-color
:
#f3f3f3
!important
;
background-color
:
#fff
!important
}
.btn--hoveractive.btn--to-white
:hover
.btn__inline-icon
,
.btn--to-white.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--blue-300
.btn__body
,
.btn--blue-300
.btn__icon
{
background-color
:
#027da8
;
color
:
#fff
}
.btn--blue-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--blue-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#026486
;
color
:
#fff
}
.btn--blue-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#015876
}
.btn--blue-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--blue-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-blue-300
:hover
.btn__body
,
.btn--to-blue-300.btn--activated
.btn__body
{
background-color
:
#027da8
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-blue-300
:hover
.btn__icon
,
.btn--to-blue-300.btn--activated
.btn__icon
{
border-color
:
#027197
!important
;
background-color
:
#027da8
!important
}
.btn--hoveractive.btn--to-blue-300
:hover
.btn__inline-icon
,
.btn--to-blue-300.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--cyan-200
.btn__body
,
.btn--cyan-200
.btn__icon
{
background-color
:
#57b3bd
;
color
:
#fff
}
.btn--cyan-200.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--cyan-200.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#3e959f
;
color
:
#fff
}
.btn--cyan-200.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#37838b
}
.btn--cyan-200.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--cyan-200.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-cyan-200
:hover
.btn__body
,
.btn--to-cyan-200.btn--activated
.btn__body
{
background-color
:
#57b3bd
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-cyan-200
:hover
.btn__icon
,
.btn--to-cyan-200.btn--activated
.btn__icon
{
border-color
:
#46a8b2
!important
;
background-color
:
#57b3bd
!important
}
.btn--hoveractive.btn--to-cyan-200
:hover
.btn__inline-icon
,
.btn--to-cyan-200.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--green-300
.btn__body
,
.btn--green-300
.btn__icon
{
background-color
:
#76cc9f
;
color
:
#fff
}
.btn--green-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--green-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#47bb7e
;
color
:
#fff
}
.btn--green-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#3da46e
}
.btn--green-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--green-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-green-300
:hover
.btn__body
,
.btn--to-green-300.btn--activated
.btn__body
{
background-color
:
#76cc9f
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-green-300
:hover
.btn__icon
,
.btn--to-green-300.btn--activated
.btn__icon
{
border-color
:
#5fc38f
!important
;
background-color
:
#76cc9f
!important
}
.btn--hoveractive.btn--to-green-300
:hover
.btn__inline-icon
,
.btn--to-green-300.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--green-400
.btn__body
,
.btn--green-400
.btn__icon
{
background-color
:
#4ca971
;
color
:
#fff
}
.btn--green-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--green-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#3d875a
;
color
:
#fff
}
.btn--green-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#35764f
}
.btn--green-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--green-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-green-400
:hover
.btn__body
,
.btn--to-green-400.btn--activated
.btn__body
{
background-color
:
#4ca971
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-green-400
:hover
.btn__icon
,
.btn--to-green-400.btn--activated
.btn__icon
{
border-color
:
#449866
!important
;
background-color
:
#4ca971
!important
}
.btn--hoveractive.btn--to-green-400
:hover
.btn__inline-icon
,
.btn--to-green-400.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--green-500
.btn__body
,
.btn--green-500
.btn__icon
{
background-color
:
#4fc49f
;
color
:
#000
}
.btn--green-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--green-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#37a582
;
color
:
#fff
}
.btn--green-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#309072
}
.btn--green-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--green-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-green-500
:hover
.btn__body
,
.btn--to-green-500.btn--activated
.btn__body
{
background-color
:
#4fc49f
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-green-500
:hover
.btn__icon
,
.btn--to-green-500.btn--activated
.btn__icon
{
border-color
:
#3eb992
!important
;
background-color
:
#4fc49f
!important
}
.btn--hoveractive.btn--to-green-500
:hover
.btn__inline-icon
,
.btn--to-green-500.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--yellow-500
.btn__body
,
.btn--yellow-500
.btn__icon
{
background-color
:
#f9ce05
;
color
:
#000
}
.btn--yellow-500
.btn__icon
{
border-color
:
#e0b905
;
background-color
:
#f9ce05
}
.btn--yellow-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--yellow-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#c7a504
;
color
:
#fff
}
.btn--yellow-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#ae9004
}
.btn--yellow-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--yellow-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-yellow-500
:hover
.btn__body
,
.btn--to-yellow-500.btn--activated
.btn__body
{
background-color
:
#f9ce05
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-yellow-500
:hover
.btn__icon
,
.btn--to-yellow-500.btn--activated
.btn__icon
{
border-color
:
#e0b905
!important
;
background-color
:
#f9ce05
!important
}
.btn--hoveractive.btn--to-yellow-500
:hover
.btn__inline-icon
,
.btn--to-yellow-500.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--yellow-600
.btn__body
,
.btn--yellow-600
.btn__icon
{
background-color
:
#d7b103
;
color
:
#000
}
.btn--yellow-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--yellow-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#ac8e02
;
color
:
#fff
}
.btn--yellow-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#977c02
}
.btn--yellow-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--yellow-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-yellow-600
:hover
.btn__body
,
.btn--to-yellow-600.btn--activated
.btn__body
{
background-color
:
#d7b103
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-yellow-600
:hover
.btn__icon
,
.btn--to-yellow-600.btn--activated
.btn__icon
{
border-color
:
#c29f03
!important
;
background-color
:
#d7b103
!important
}
.btn--hoveractive.btn--to-yellow-600
:hover
.btn__inline-icon
,
.btn--to-yellow-600.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--orange-300
.btn__body
,
.btn--orange-300
.btn__icon
{
background-color
:
#ed9654
;
color
:
#fff
}
.btn--orange-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--orange-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#e7721a
;
color
:
#fff
}
.btn--orange-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#cb6415
}
.btn--orange-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--orange-300.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-orange-300
:hover
.btn__body
,
.btn--to-orange-300.btn--activated
.btn__body
{
background-color
:
#ed9654
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-orange-300
:hover
.btn__icon
,
.btn--to-orange-300.btn--activated
.btn__icon
{
border-color
:
#ea8437
!important
;
background-color
:
#ed9654
!important
}
.btn--hoveractive.btn--to-orange-300
:hover
.btn__inline-icon
,
.btn--to-orange-300.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--violet-400
.btn__body
,
.btn--violet-400
.btn__icon
{
background-color
:
#840048
;
color
:
#fff
}
.btn--violet-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--violet-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#6a003a
;
color
:
#fff
}
.btn--violet-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#5c0032
}
.btn--violet-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--violet-400.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-violet-400
:hover
.btn__body
,
.btn--to-violet-400.btn--activated
.btn__body
{
background-color
:
#840048
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-violet-400
:hover
.btn__icon
,
.btn--to-violet-400.btn--activated
.btn__icon
{
border-color
:
#770041
!important
;
background-color
:
#840048
!important
}
.btn--hoveractive.btn--to-violet-400
:hover
.btn__inline-icon
,
.btn--to-violet-400.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--violet-500
.btn__body
,
.btn--violet-500
.btn__icon
{
background-color
:
#670047
;
color
:
#000
}
.btn--violet-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--violet-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#520039
;
color
:
#fff
}
.btn--violet-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#480032
}
.btn--violet-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--violet-500.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-violet-500
:hover
.btn__body
,
.btn--to-violet-500.btn--activated
.btn__body
{
background-color
:
#670047
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-violet-500
:hover
.btn__icon
,
.btn--to-violet-500.btn--activated
.btn__icon
{
border-color
:
#5d0040
!important
;
background-color
:
#670047
!important
}
.btn--hoveractive.btn--to-violet-500
:hover
.btn__inline-icon
,
.btn--to-violet-500.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--violet-700
.btn__body
,
.btn--violet-700
.btn__icon
{
background-color
:
#7d347d
;
color
:
#000
}
.btn--violet-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--violet-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#642a64
;
color
:
#fff
}
.btn--violet-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#582458
}
.btn--violet-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--violet-700.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-violet-700
:hover
.btn__body
,
.btn--to-violet-700.btn--activated
.btn__body
{
background-color
:
#7d347d
!important
;
color
:
#000
!important
}
.btn--hoveractive.btn--to-violet-700
:hover
.btn__icon
,
.btn--to-violet-700.btn--activated
.btn__icon
{
border-color
:
#712f71
!important
;
background-color
:
#7d347d
!important
}
.btn--hoveractive.btn--to-violet-700
:hover
.btn__inline-icon
,
.btn--to-violet-700.btn--activated
.btn__inline-icon
{
color
:
#000
!important
}
.btn--red-600
.btn__body
,
.btn--red-600
.btn__icon
{
background-color
:
#d60d53
;
color
:
#fff
}
.btn--red-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--red-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#ab0a42
;
color
:
#fff
}
.btn--red-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#96093a
}
.btn--red-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--red-600.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-red-600
:hover
.btn__body
,
.btn--to-red-600.btn--activated
.btn__body
{
background-color
:
#d60d53
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-red-600
:hover
.btn__icon
,
.btn--to-red-600.btn--activated
.btn__icon
{
border-color
:
#c10c4b
!important
;
background-color
:
#d60d53
!important
}
.btn--hoveractive.btn--to-red-600
:hover
.btn__inline-icon
,
.btn--to-red-600.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.btn--brands-facebook
.btn__body
,
.btn--brands-facebook
.btn__icon
{
background-color
:
#067ceb
;
color
:
#fff
}
.btn--brands-facebook.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__body
,
.btn--brands-facebook.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
background-color
:
#0563bc
;
color
:
#fff
}
.btn--brands-facebook.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
{
border-color
:
#0457a5
}
.btn--brands-facebook.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
svg
,
.btn--brands-facebook.btn--hoveractive
:not
([
class
^=
"btn--to-"
])
:hover
.btn__icon
i
{
color
:
#fff
;
fill
:
#fff
}
.btn--hoveractive.btn--to-brands-facebook
:hover
.btn__body
,
.btn--to-brands-facebook.btn--activated
.btn__body
{
background-color
:
#067ceb
!important
;
color
:
#fff
!important
}
.btn--hoveractive.btn--to-brands-facebook
:hover
.btn__icon
,
.btn--to-brands-facebook.btn--activated
.btn__icon
{
border-color
:
#0570d4
!important
;
background-color
:
#067ceb
!important
}
.btn--hoveractive.btn--to-brands-facebook
:hover
.btn__inline-icon
,
.btn--to-brands-facebook.btn--activated
.btn__inline-icon
{
color
:
#fff
!important
}
.container--default
{
max-width
:
1200px
}
.container--narrow
{
margin
:
auto
;
width
:
882px
}
.container--medium
{
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
margin
:
auto
;
max-width
:
1350px
}
.container--wide
{
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
margin
:
auto
;
max-width
:
1400px
}
.section-clip
{
-webkit-clip-path
:
polygon
(
0
10px
,
100%
0%
,
100%
99%
,
0%
100%
);
clip-path
:
polygon
(
0
10px
,
100%
0%
,
100%
99%
,
0%
100%
);
margin-bottom
:
-3.2vw
}
@media
(
min-width
:
1200px
){
.section-clip
{
-webkit-clip-path
:
polygon
(
0
20px
,
100%
0%
,
100%
95%
,
0%
100%
);
clip-path
:
polygon
(
0
20px
,
100%
0%
,
100%
95%
,
0%
100%
);
margin-bottom
:
-4.2vw
}}
.header-max-width
{
max-width
:
1340px
!important
}
.container
{
margin-left
:
auto
;
margin-right
:
auto
;
padding-left
:
1rem
;
padding-right
:
1rem
;
max-width
:
1150px
}
.grid-container
{
margin-left
:
1.25rem
;
margin-right
:
1.25rem
;
display
:
grid
;
grid-template-columns
:
1fr
;
grid-template-areas
:
"left-side"
"content"
"right-side"
;
gap
:
1rem
;
max-width
:
1150px
}
.grid-container.article-section
,
.grid-container.person-grid-container
{
max-width
:
1400px
}
.grid-container.person-twitter-section
{
grid-template-columns
:
minmax
(
0
,
1200px
)}
@media
(
min-width
:
1200px
){
.grid-container.person-twitter-section
{
grid-template-columns
:
240px
1fr
102px
}}
.grid-container.no-max
{
max-width
:
none
}
.grid-content
{
grid-area
:
content
}
.grid-full
{
grid-column
:
left-side
/
right-side
;
grid-row
:
left-side
/
right-side
}
.grid-left-side
{
grid-area
:
left-side
}
.grid-left-side-with-content
{
grid-column
:
left-side
/
content
;
grid-row
:
left-side
/
content
}
.grid-right-side
{
grid-area
:
right-side
}
.grid-content-with-right-side
{
grid-column
:
content
/
right-side
;
grid-row
:
content
/
right-side
}
.footer-section
{
height
:
450px
}
.person-box-medium
{
max-width
:
485px
;
width
:
100%
}
.person-box-big
{
max-width
:
575px
;
width
:
100%
}
.photo-header
{
height
:
414px
;
position
:
relative
}
@media
(
min-width
:
768px
){
.photo-header
{
height
:
40vw
}}
.photo-header
:after
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
#000
;
opacity
:
.4
;
z-index
:
1
}
.photo-header
>
div
{
z-index
:
10
}
.simple-header-height
{
height
:
13rem
}
@media
(
min-width
:
1200px
){
.simple-header-height
{
height
:
26rem
}
.footer-section
{
height
:
981px
}}
.flag
{
position
:
relative
;
margin-right
:
2.5rem
;
display
:
inline-block
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
0
0
0
/
var
(
--tw-bg-opacity
));
padding
:
.75rem
1.5rem
.75rem
2rem
;
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))}
.flag
:after
{
position
:
absolute
;
height
:
100%
;
width
:
2.5rem
;
content
:
""
;
left
:
100%
;
top
:
0
;
background
:
inherit
;
-webkit-clip-path
:
polygon
(
0px
0px
,
100%
0px
,
0%
50%
,
100%
100%
,
0px
100%
);
clip-path
:
polygon
(
0px
0px
,
100%
0px
,
0%
50%
,
100%
100%
,
0px
100%
)}
.text-input-addon
{
display
:
flex
;
align-items
:
center
;
border-width
:
1px
;
--tw-border-opacity
:
1
;
border-color
:
rgb
(
173
173
173
/
var
(
--tw-border-opacity
));
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
240
240
240
/
var
(
--tw-bg-opacity
));
padding
:
.75rem
1rem
;
font-size
:
1.125rem
;
font-weight
:
400
;
--tw-text-opacity
:
1
;
color
:
rgb
(
76
76
76
/
var
(
--tw-text-opacity
));
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
}
.text-input
{
border-bottom-width
:
2px
;
--tw-border-opacity
:
1
;
border-color
:
rgb
(
0
0
0
/
var
(
--tw-border-opacity
));
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
250
250
250
/
var
(
--tw-bg-opacity
));
padding
:
.75rem
1rem
;
font-size
:
1.125rem
;
outline
:
2px
solid
transparent
;
outline-offset
:
2px
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
;
min-width
:
0px
}
.text-input
:hover:not
([
disabled
])
:not
([
readonly
])
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
76
76
76
/
var
(
--tw-border-opacity
))}
.text-input
:active:not
([
disabled
])
:not
([
readonly
]),
.text-input
:focus:not
([
disabled
])
:not
([
readonly
])
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
2
125
168
/
var
(
--tw-border-opacity
))}
.text-input
::-moz-placeholder
{
font-weight
:
400
;
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))}
.text-input
::placeholder
{
font-weight
:
400
;
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))}
.text-input
[
readonly
],
.text-input
[
disabled
]
{
cursor
:
not-allowed
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
240
240
240
/
var
(
--tw-bg-opacity
))}
.text-input
[
readonly
]
::-moz-placeholder
,
.text-input
[
disabled
]
::-moz-placeholder
{
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))}
.text-input
[
readonly
]
::placeholder
,
.text-input
[
disabled
]
::placeholder
{
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))}
.text-input-addon--l
{
border-right-width
:
0px
}
.text-input-addon--r
{
border-left-width
:
0px
}
.text-input
:hover:not
([
disabled
])
:not
([
readonly
])~
.text-input-addon
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
76
76
76
/
var
(
--tw-border-opacity
))}
.text-input
:focus:not
([
disabled
])
:not
([
readonly
])~
.text-input-addon
,
.text-input
:active:not
([
disabled
])
:not
([
readonly
])~
.text-input-addon
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
2
125
168
/
var
(
--tw-border-opacity
))}
.text-input
[
readonly
]~
.text-input-addon
,
.text-input
[
disabled
]~
.text-input-addon
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
240
240
240
/
var
(
--tw-bg-opacity
));
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))}
.text-input--has-addon-l.text-input
{
border-left-width
:
0px
}
.text-input--has-addon-r.text-input
{
border-right-width
:
0px
}
.select
{
position
:
relative
;
display
:
flex
;
width
:
100%
;
align-items
:
center
;
padding-top
:
.5rem
;
padding-bottom
:
.5rem
}
@media
(
min-width
:
1200px
){
.select
{
padding-top
:
1rem
;
padding-bottom
:
1rem
}}
.select
:after
{
position
:
absolute
;
right
:
0
;
padding-right
:
.75rem
;
font-size
:
1.3rem
;
font-weight
:
700
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
;
font-family
:
pirati-ui
;
content
:
"\e925"
}
.select__control
{
width
:
100%
;
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
appearance
:
none
;
border-radius
:
0
;
border-width
:
1px
;
--tw-border-opacity
:
1
;
border-color
:
rgb
(
173
173
173
/
var
(
--tw-border-opacity
));
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
250
250
250
/
var
(
--tw-bg-opacity
));
padding
:
.75rem
2rem
.75rem
1rem
;
font-size
:
1.125rem
;
outline
:
2px
solid
transparent
;
outline-offset
:
2px
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
}
@media
(
min-width
:
1200px
){
.select__control
{
padding-top
:
1.25rem
;
padding-bottom
:
1.25rem
}}
.select__control
{
min-width
:
0px
}
.select__control
:hover:not
([
disabled
])
:not
([
readonly
])
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
76
76
76
/
var
(
--tw-border-opacity
))}
.select__control
:active:not
([
disabled
])
:not
([
readonly
]),
.select__control
:focus:not
([
disabled
])
:not
([
readonly
])
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
2
125
168
/
var
(
--tw-border-opacity
))}
.select__control
::-moz-placeholder
{
font-weight
:
400
;
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))}
.select__control
::placeholder
{
font-weight
:
400
;
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))}
.select__control
[
readonly
],
.select__control
[
disabled
]
{
cursor
:
not-allowed
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
240
240
240
/
var
(
--tw-bg-opacity
))}
.select__control
[
readonly
]
::-moz-placeholder
,
.select__control
[
disabled
]
::-moz-placeholder
{
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))}
.select__control
[
readonly
]
::placeholder
,
.select__control
[
disabled
]
::placeholder
{
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))}
.checkbox
{
position
:
relative
;
display
:
flex
}
.checkbox
input
{
margin-right
:
.5rem
;
height
:
1.25rem
;
width
:
1.25rem
;
flex-shrink
:
0
;
cursor
:
pointer
;
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
appearance
:
none
;
border-width
:
1px
;
--tw-border-opacity
:
1
;
border-color
:
rgb
(
173
173
173
/
var
(
--tw-border-opacity
));
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--tw-bg-opacity
));
outline
:
2px
solid
transparent
;
outline-offset
:
2px
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
}
.checkbox
input
:hover:not
([
disabled
])
:not
([
readonly
])
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
76
76
76
/
var
(
--tw-border-opacity
))}
.checkbox
input
:active
,
.checkbox
input
:focus
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
2
125
168
/
var
(
--tw-border-opacity
))}
.checkbox
input
:checked
{
border-color
:
transparent
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
2
125
168
/
var
(
--tw-bg-opacity
))}
.checkbox
input
[
disabled
]
{
cursor
:
not-allowed
}
.checkbox
label
{
max-width
:
32rem
;
font-size
:
.875rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
line-height
:
1.25
}
@media
(
min-width
:
1200px
){
.checkbox
label
{
font-size
:
1rem
}}
.checkbox
:after
{
pointer-events
:
none
;
position
:
absolute
;
display
:
inline
;
content
:
""
;
height
:
5px
;
width
:
12px
;
top
:
6px
;
left
:
4px
;
border-left
:
2px
solid
#ffffff
;
border-bottom
:
2px
solid
#ffffff
;
transform
:
rotate
(
-45deg
)}
.radio
{
position
:
relative
}
.radio
input
{
margin-right
:
.5rem
;
height
:
1.25rem
;
width
:
1.25rem
;
flex-shrink
:
0
;
cursor
:
pointer
;
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
appearance
:
none
;
border-radius
:
9999px
;
border-width
:
1px
;
--tw-border-opacity
:
1
;
border-color
:
rgb
(
173
173
173
/
var
(
--tw-border-opacity
));
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
173
173
173
/
var
(
--tw-bg-opacity
));
outline
:
2px
solid
transparent
;
outline-offset
:
2px
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
}
.radio
input
:hover:not
([
disabled
])
:not
([
readonly
])
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
76
76
76
/
var
(
--tw-border-opacity
))}
.radio
input
:active
,
.radio
input
:focus
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
2
125
168
/
var
(
--tw-border-opacity
))}
.radio
input
:checked
{
border-color
:
transparent
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
2
125
168
/
var
(
--tw-bg-opacity
))}
.radio
input
[
disabled
]
{
cursor
:
not-allowed
}
.radio
label
{
display
:
flex
;
align-items
:
center
;
line-height
:
1.25
}
.radio
:after
{
pointer-events
:
none
;
position
:
absolute
;
display
:
inline
;
height
:
.5rem
;
width
:
.5rem
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--tw-bg-opacity
));
content
:
""
;
border-radius
:
50%
;
top
:
.375rem
;
left
:
.375rem
}
.form-field--error
.text-input
,
.form-field--error
.select__control
,
.form-field--error
.text-input
~
.text-input-addon
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
214
13
83
/
var
(
--tw-border-opacity
))}
.h-default
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
500
;
line-height
:
1.25
}
.h-alt
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
400
;
line-height
:
.96
}
.h-allcaps
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
400
;
text-transform
:
uppercase
;
line-height
:
1.25
}
.header-clip
{
-webkit-clip-path
:
polygon
(
0
0
,
100%
0
,
100%
96%
,
0%
100%
);
clip-path
:
polygon
(
0
0
,
100%
0
,
100%
96%
,
0%
100%
)}
.head-xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
line-height
:
1.75rem
}
@media
(
min-width
:
992px
){
.head-xl
{
font-size
:
1.3rem
}}
.head-2xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.6rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
line-height
:
2rem
;
letter-spacing
:
-.01em
}
.head-3xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
text-transform
:
uppercase
;
line-height
:
1rem
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
1200px
){
.head-3xl
{
font-size
:
1.875rem
;
line-height
:
2rem
}}
.head-4xl
{
margin-bottom
:
1.25rem
;
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.875rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
line-height
:
1.75rem
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
992px
){
.head-4xl
{
line-height
:
2.5rem
}}
@media
(
min-width
:
1200px
){
.head-4xl
{
font-size
:
2.45rem
}}
.head-6xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.6rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
1200px
){
.head-6xl
{
font-size
:
4rem
}}
.head-7xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.875rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
1200px
){
.head-7xl
{
font-size
:
5.3rem
}}
.head-8xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
2.45rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
1200px
){
.head-8xl
{
font-size
:
6.25rem
}}
.head-9xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
3rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
1200px
){
.head-9xl
{
font-size
:
6.25rem
}}
p
{
font-size
:
.875rem
;
line-height
:
1.5rem
}
@media
(
min-width
:
992px
){
p
{
font-size
:
1rem
}}
.vertical-time-line
{
border-left
:
1px
solid
green
}
.program-perex
.content-block
p
{
font-size
:
1.3rem
;
line-height
:
1.75rem
}
.content-block
h2
{
margin-bottom
:
1.25rem
;
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.875rem
;
font-weight
:
500
;
text-transform
:
uppercase
;
line-height
:
1.75rem
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
992px
){
.content-block
h2
{
line-height
:
2.5rem
}}
@media
(
min-width
:
1200px
){
.content-block
h2
{
font-size
:
2.45rem
}}
.content-block
h3
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
text-transform
:
uppercase
;
line-height
:
1rem
;
letter-spacing
:
-.025em
}
@media
(
min-width
:
1200px
){
.content-block
h3
{
font-size
:
1.875rem
;
line-height
:
2rem
}}
.content-block
h4
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
500
;
text-transform
:
uppercase
;
line-height
:
2rem
}
@media
(
min-width
:
1200px
){
.content-block
h4
{
font-size
:
1.6rem
}}
.content-block
h4
{
letter-spacing
:
-.01em
}
.content-block
a
{
--tw-text-opacity
:
1
;
color
:
rgb
(
2
125
168
/
var
(
--tw-text-opacity
));
text-decoration-line
:
underline
}
.article-box.dark-theme
{
background-color
:
#4c4c4c
;
color
:
#fff
}
.quote-icon
{
font-size
:
7rem
;
height
:
1rem
}
@media
(
min-width
:
1200px
){
.quote-icon
{
font-size
:
15rem
}}
.slick-slider
.slick-arrow
{
font-size
:
0
;
position
:
absolute
;
top
:
-.7rem
;
z-index
:
10
}
.slick-slider
.slick-arrow
:before
,
.slick-slider
.slick-arrow
:after
{
border-right
:
2px
solid
white
;
border-bottom
:
2px
solid
white
;
content
:
""
;
height
:
.8rem
;
position
:
absolute
;
width
:
.8rem
}
@media
(
min-width
:
992px
){
.slick-slider
.slick-arrow
:before
,
.slick-slider
.slick-arrow
:after
{
height
:
1rem
;
width
:
1rem
}}
.slick-slider
.slick-arrow.slick-next
{
transform
:
rotate
(
-45deg
)}
.slick-slider
.slick-arrow.slick-prev
{
transform
:
rotate
(
135deg
)}
.header-carousel
{
display
:
block
;
margin
:
0
auto
;
position
:
relative
}
.header-carousel
img
{
filter
:
brightness
(
60%
)}
.header-carousel
.header-carousel--text
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
2.45rem
;
text-transform
:
uppercase
}
@media
(
min-width
:
576px
){
.header-carousel
.header-carousel--text
{
font-size
:
3rem
}}
@media
(
min-width
:
992px
){
.header-carousel
.header-carousel--text
{
font-size
:
5.3rem
}}
.header-carousel
.header-carousel--text
{
max-width
:
1200px
;
position
:
absolute
;
margin-left
:
10%
;
bottom
:
15%
;
height
:
85%
;
width
:
85%
}
@media
(
min-width
:
1200px
){
.header-carousel
.header-carousel--text
{
bottom
:
37%
}}
.header-carousel
img
{
inset
:
0
;
transition
:
all
.8s
ease-in-out
;
transform
:
scale
(
1.15
);
width
:
100%
;
height
:
458px
;
-o-object-fit
:
cover
;
object-fit
:
cover
;
margin-bottom
:
-3px
}
@media
(
min-width
:
768px
){
.header-carousel
img
{
height
:
auto
}}
.header-carousel
.slick-slide
{
-webkit-clip-path
:
polygon
(
0
0
,
100%
0
,
100%
95%
,
0%
100%
);
clip-path
:
polygon
(
0
0
,
100%
0
,
100%
95%
,
0%
100%
)}
.header-carousel
.slick-active
{
z-index
:
1000
}
.header-carousel
.slick-active
img
{
transform
:
scale
(
1
)}
.header-carousel
.slick-active
.header-carousel--text
{
animation
:
right_to_left
1s
ease
}
@keyframes
right_to_left
{
0%
{
margin-left
:
20%
}
to
{
margin-left
:
10%
}}
.header-carousel
.slick-arrow
{
font-size
:
0
;
position
:
absolute
;
right
:
20%
;
top
:
80%
;
z-index
:
10
}
@media
(
min-width
:
576px
){
.header-carousel
.slick-arrow
{
right
:
10%
}}
@media
(
min-width
:
1200px
){
.header-carousel
.slick-arrow
{
top
:
60%
}}
.header-carousel
.slick-arrow
:before
,
.header-carousel
.slick-arrow
:after
{
border-right
:
3px
solid
white
;
border-bottom
:
3px
solid
white
;
color
:
#fff
;
content
:
""
;
height
:
1.3rem
;
position
:
absolute
;
width
:
1.3rem
}
@media
(
min-width
:
576px
){
.header-carousel
.slick-arrow
:before
,
.header-carousel
.slick-arrow
:after
{
border-right
:
2px
solid
white
;
border-bottom
:
2px
solid
white
;
height
:
.8rem
;
width
:
.8rem
}}
@media
(
min-width
:
992px
){
.header-carousel
.slick-arrow
:before
,
.header-carousel
.slick-arrow
:after
{
height
:
1rem
;
width
:
1rem
}}
.header-carousel
.slick-arrow.slick-next
{
transform
:
rotate
(
-45deg
)}
.header-carousel
.slick-arrow.slick-prev
{
transform
:
rotate
(
135deg
)}
.header-carousel
.slick-dots
{
color
:
#fff
;
left
:
10%
;
position
:
absolute
;
top
:
90%
;
z-index
:
10
}
@media
(
min-width
:
576px
){
.header-carousel
.slick-dots
{
left
:
5%
;
top
:
65%
}}
@media
(
min-width
:
1200px
){
.header-carousel
.slick-dots
{
top
:
50%
}}
.header-carousel
.slick-dots
li
{
display
:
inline-block
;
border
:
1px
solid
white
;
border-radius
:
50%
;
height
:
6px
;
width
:
6px
;
margin
:
3px
}
@media
(
min-width
:
576px
){
.header-carousel
.slick-dots
li
{
display
:
block
;
margin-bottom
:
6px
}}
.header-carousel
.slick-dots
li
.slick-active
{
background-color
:
#fff
}
.header-carousel
.slick-dots
li
button
{
font-size
:
0
}
.btn-carousel
{
height
:
2.75rem
;
top
:
28%
}
.article-carousel
.slick-arrow
{
right
:
10%
}
@media
(
min-width
:
992px
){
.article-carousel
.slick-arrow
{
right
:
5%
}}
.article-carousel
.slick-arrow
:before
,
.article-carousel
.slick-arrow
:after
{
border-color
:
#000
}
.article-carousel
.slick-arrow.slick-disabled
:before
,
.article-carousel
.slick-arrow.slick-disabled
:after
{
border-color
:
#b3b3b3
}
div
.twitter-carousel
div
.slick-track
{
display
:
flex
}
div
.twitter-carousel
div
.slick-slide
{
display
:
flex
;
height
:
auto
;
margin-right
:
1rem
}
div
.twitter-carousel
div
.slick-slide
>
div
{
height
:
100%
}
div
.twitter-carousel
.slick-arrow
{
right
:
10%
}
@media
(
min-width
:
992px
){
div
.twitter-carousel
.slick-arrow
{
right
:
5%
}}
div
.twitter-carousel
.slick-arrow
:before
,
div
.twitter-carousel
.slick-arrow
:after
{
border-color
:
#000
}
div
.twitter-carousel
.slick-arrow.slick-disabled
:before
,
div
.twitter-carousel
.slick-arrow.slick-disabled
:after
{
border-color
:
#b3b3b3
}
.twitter-carousel
{
position
:
relative
}
.twitter-carousel
.slick-arrow
{
top
:
-2.6rem
}
@media
(
min-width
:
992px
){
.twitter-carousel
:before
{
background
:
linear-gradient
(
90deg
,
rgba
(
2
,
0
,
36
,
0
)
0%
,
rgba
(
255
,
255
,
255
,
1
)
100%
)}}
.twitter-carousel
:before
{
content
:
""
;
height
:
100%
;
right
:
0
;
position
:
absolute
;
width
:
10%
;
z-index
:
100
}
.contact-box
{
display
:
flex
;
height
:
auto
;
flex-direction
:
column
;
align-items
:
center
;
justify-content
:
space-between
;
border-width
:
1px
;
--tw-border-opacity
:
1
;
border-color
:
rgb
(
243
243
243
/
var
(
--tw-border-opacity
));
padding
:
2rem
4rem
;
text-align
:
center
;
min-height
:
20rem
;
width
:
280px
}
.btn
{
display
:
inline-flex
;
align-items
:
center
;
justify-content
:
center
;
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
line-height
:
2.25rem
}
.switch
{
padding-top
:
1.25rem
;
padding-bottom
:
1.25rem
}
.switch__item
{
margin-right
:
.5rem
;
margin-bottom
:
.5rem
;
cursor
:
pointer
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
236
236
236
/
var
(
--tw-bg-opacity
));
padding
:
.5rem
1.25rem
;
text-align
:
center
;
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
font-weight
:
400
;
--tw-text-opacity
:
1
;
color
:
rgb
(
0
0
0
/
var
(
--tw-text-opacity
))}
.switch__item
:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
173
173
173
/
var
(
--tw-bg-opacity
));
text-decoration-line
:
none
}
.switch__item.switch__item--active
,
.switch__item.switch__item--active
:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
146
210
219
/
var
(
--tw-bg-opacity
))}
.horizontal-mirror
{
display
:
inline-block
;
transform
:
matrix
(
-1
,
0
,
0
,
1
,
0
,
0
)
!important
}
.horizontal-scrolling
{
display
:
block
;
margin-left
:
-15px
;
margin-right
:
-15px
;
max-width
:
calc
(
100%
+
30px
);
overflow-x
:
scroll
;
overflow-y
:
hidden
;
padding
:
0
15px
;
text-align
:
center
;
white-space
:
nowrap
}
.horizontal-scrolling.draggable
{
cursor
:
grab
}
.horizontal-scrolling.draggable.active
,
.horizontal-scrolling.draggable.active
a
{
cursor
:
grabbing
}
.no-scrollbars
{
-ms-overflow-style
:
-
ms-autohiding-scrollbar
;
scrollbar-width
:
none
}
.no-scrollbars
::-webkit-scrollbar
{
display
:
none
}
.background-hover-zoom
{
background-position
:
center
;
background-size
:
100%
;
transition
:
background-size
.3s
ease-in
}
.background-hover-zoom
:hover
{
background-size
:
110%
}
.article-timeline-grid
{
display
:
grid
;
gap
:
.5rem
;
margin-top
:
-20px
;
grid-template-areas
:
"left-article"
"right-article"
}
@media
(
min-width
:
1200px
){
.article-timeline-grid
{
grid-template-columns
:
minmax
(
0
,
570px
)
1px
minmax
(
0
,
570px
);
grid-template-areas
:
"left-article timeline right-article"
}}
.article-timeline-grid__left-article
{
grid-area
:
left-article
}
.article-timeline-grid__right-article
{
grid-area
:
right-article
}
.article-timeline-grid__timeline
{
grid-area
:
timeline
}
.article-timeline-grid__timeline
:before
{
content
:
""
;
background
:
linear-gradient
(
180deg
,
rgba
(
2
,
0
,
36
,
0
)
0%
,
rgba
(
255
,
255
,
255
,
1
)
100%
);
position
:
absolute
;
bottom
:
-1px
;
height
:
20px
;
z-index
:
10
;
width
:
2px
;
left
:
-1px
}
.article-timeline-grid__timeline
.article-timeline--month
{
transform
:
translate
(
-50%
);
top
:
-1rem
;
z-index
:
100
}
.footer-clip
{
-webkit-clip-path
:
polygon
(
0
10px
,
100%
0
,
100%
100%
,
0%
100%
);
clip-path
:
polygon
(
0
10px
,
100%
0
,
100%
100%
,
0%
100%
)}
@media
(
min-width
:
768px
){
.footer-clip
{
-webkit-clip-path
:
polygon
(
0
20px
,
100%
0
,
100%
100%
,
0%
100%
);
clip-path
:
polygon
(
0
20px
,
100%
0
,
100%
100%
,
0%
100%
)}}
.footer__main
{
display
:
grid
;
grid-template-areas
:
"social"
"main-links"
}
.footer__social
{
grid-area
:
social
}
.footer__main-links
{
grid-area
:
main-links
}
.footer__main-links
ul
{
display
:
flex
;
flex-wrap
:
wrap
}
.footer__main-links
ul
li
{
display
:
block
;
height
:
40px
;
line-height
:
40px
;
min-width
:
200px
}
.footer-collapsible__toggle
{
display
:
flex
;
cursor
:
pointer
;
align-items
:
center
}
@media
(
min-width
:
992px
){
.footer-collapsible__toggle
:after
{
display
:
none
;
cursor
:
auto
}}
.footer-collapsible__toggle
:after
{
content
:
"\e925"
;
font-family
:
pirati-ui
;
margin-left
:
auto
;
font-size
:
1.6rem
;
font-weight
:
300
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.2s
}
.footer-collapsible__toggle.footer-collapsible__toggle--open
:after
{
transform
:
rotate
(
-180deg
)}
.brand-clip
{
-webkit-clip-path
:
polygon
(
0
0
,
100%
0
,
88%
50%
,
100%
100%
,
0
100%
,
0%
50%
);
clip-path
:
polygon
(
0
0
,
100%
0
,
88%
50%
,
100%
100%
,
0
100%
,
0%
50%
)}
.navbar-menu-link
{
cursor
:
pointer
;
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
text-transform
:
uppercase
;
line-height
:
2
;
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))}
.navbar-menu-link
:hover
{
text-decoration-line
:
none
}
.main-menu-items
{
display
:
none
}
#menuToggle
:checked
~
.main-menu-items
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
0px
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
0px
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))}
#menuToggle
:checked
~
.main-menu-items
{
display
:
grid
}
.main-menu
{
grid-template-areas
:
"logo menutoggle"
"main main"
"external external"
}
.main-menu__logo
{
grid-area
:
logo
}
.main-menu__main
{
grid-area
:
main
}
.main-menu__main
.menu-link
{
cursor
:
pointer
;
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--tw-bg-opacity
));
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
text-transform
:
uppercase
;
line-height
:
2
;
--tw-text-opacity
:
1
;
color
:
rgb
(
0
0
0
/
var
(
--tw-text-opacity
))}
.main-menu__main
.menu-link
:hover
{
text-decoration-line
:
none
}
@media
(
min-width
:
1200px
){
.main-menu__main
.menu-link
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
0
0
0
/
var
(
--tw-bg-opacity
));
background-color
:
transparent
;
font-size
:
1.125rem
;
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))}}
.navbar-background
{
min-height
:
63px
}
.main-menu-grid
{
max-width
:
none
;
grid-template-areas
:
"content"
}
.menu-flag
{
position
:
absolute
;
left
:
0
;
width
:
209px
}
.main-menu__external
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--tw-bg-opacity
));
--tw-text-opacity
:
1
;
color
:
rgb
(
0
0
0
/
var
(
--tw-text-opacity
))}
@media
(
min-width
:
1200px
){
.main-menu__external
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
0
0
0
/
var
(
--tw-bg-opacity
));
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))}}
.main-menu__external
{
grid-area
:
external
}
@media
(
min-width
:
1200px
){
.main-menu-items
{
display
:
flex
!important
}
.main-menu
{
grid-template-areas
:
"main social external"
;
flex-wrap
:
nowrap
}
.main-menu
.main-menu__external
{
background-color
:
transparent
;
padding
:
0
;
--tw-text-opacity
:
1
;
color
:
rgb
(
0
0
0
/
var
(
--tw-text-opacity
))}
.menu-flag
{
width
:
260px
}}
.container
{
display
:
inline-block
;
cursor
:
pointer
}
.bar1
,
.bar2
,
.bar3
{
background-color
:
#fff
;
display
:
block
;
height
:
2px
;
margin
:
6px
0
;
transition
:
.4s
;
width
:
35px
}
#menuToggle
:checked
+
label
.bar1
{
transform
:
rotate
(
-45deg
)
translate
(
-3px
,
4px
);
background-color
:
#000
}
#menuToggle
:checked
+
label
.bar2
{
opacity
:
0
}
#menuToggle
:checked
+
label
.bar3
{
transform
:
rotate
(
45deg
)
translate
(
-8px
,
-8px
);
background-color
:
#000
}
.newsletter-grid
{
display
:
grid
;
gap
:
1rem
;
grid-template-areas
:
"icon-area additional-text"
"main-text main-text"
"input-area input-area"
}
@media
(
min-width
:
1200px
){
.newsletter-grid
{
grid-template-areas
:
"icon-area main-text"
"additional-text input-area"
}}
.newsletter-grid__icon
{
grid-area
:
icon-area
;
max-width
:
10rem
}
.newsletter-grid__additional-text
{
grid-area
:
additional-text
;
align-self
:
center
;
max-width
:
33rem
}
@media
(
min-width
:
1200px
){
.newsletter-grid__additional-text
{
align-self
:
start
;
max-width
:
10rem
}}
.newsletter-grid__main-text
{
grid-area
:
main-text
;
max-width
:
33rem
}
.newsletter-grid__input
{
grid-area
:
input-area
}
.region-map__list
{
-moz-columns
:
2
;
columns
:
2
}
.region-map__region
{
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
-
webkit-backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
;
transition-property
:
color
,
background-color
,
border-color
,
text-decoration-color
,
fill
,
stroke
,
opacity
,
box-shadow
,
transform
,
filter
,
backdrop-filter
,
-
webkit-backdrop-filter
;
transition-timing-function
:
cubic-bezier
(
.4
,
0
,
.2
,
1
);
transition-duration
:
.5s
;
transition
:
all
.3s
ease-out
;
stroke
:
#fff
;
stroke-width
:
4px
;
stroke-linejoin
:
round
}
.region-map__region
:after
{
content
:
""
;
width
:
10px
;
position
:
absolute
;
height
:
10px
;
background
:
#2ECC40
;
z-index
:
10
}
.region-map__region--current
{
fill
:
#25a5b9
}
.static
{
position
:
static
}
.absolute
{
position
:
absolute
}
.relative
{
position
:
relative
}
.bottom-0
{
bottom
:
0
}
.z-50
{
z-index
:
50
}
.z-40
{
z-index
:
40
}
.z-10
{
z-index
:
10
}
.col-start-1
{
grid-column-start
:
1
}
.col-start-2
{
grid-column-start
:
2
}
.col-end-3
{
grid-column-end
:
3
}
.m-10
{
margin
:
2.5rem
}
.m-0
{
margin
:
0
}
.mx-1
{
margin-left
:
.25rem
;
margin-right
:
.25rem
}
.mx-2
{
margin-left
:
.5rem
;
margin-right
:
.5rem
}
.mx-auto
{
margin-left
:
auto
;
margin-right
:
auto
}
.mr-2
{
margin-right
:
.5rem
}
.mr-4
{
margin-right
:
1rem
}
.mb-2
{
margin-bottom
:
.5rem
}
.mb-20
{
margin-bottom
:
5rem
}
.mb-4
{
margin-bottom
:
1rem
}
.mb-8
{
margin-bottom
:
2rem
}
.mb-7
{
margin-bottom
:
1.75rem
}
.mr-1
{
margin-right
:
.25rem
}
.mb-5
{
margin-bottom
:
1.25rem
}
.mb-12
{
margin-bottom
:
3rem
}
.mb-9
{
margin-bottom
:
2.25rem
}
.mb-1
{
margin-bottom
:
.25rem
}
.mb-6
{
margin-bottom
:
1.5rem
}
.mr-3
{
margin-right
:
.75rem
}
.mr-6
{
margin-right
:
1.5rem
}
.mt-4
{
margin-top
:
1rem
}
.mt-24
{
margin-top
:
6rem
}
.mb-3
{
margin-bottom
:
.75rem
}
.mr-5
{
margin-right
:
1.25rem
}
.mt-2
{
margin-top
:
.5rem
}
.mt-16
{
margin-top
:
4rem
}
.mb-10
{
margin-bottom
:
2.5rem
}
.-mt-20
{
margin-top
:
-5rem
}
.mt-20
{
margin-top
:
5rem
}
.mt-8
{
margin-top
:
2rem
}
.mt-10
{
margin-top
:
2.5rem
}
.mr-0
{
margin-right
:
0
}
.block
{
display
:
block
}
.inline-block
{
display
:
inline-block
}
.flex
{
display
:
flex
}
.grid
{
display
:
grid
}
.hidden
{
display
:
none
}
.h-11
{
height
:
2.75rem
}
.h-16
{
height
:
4rem
}
.h-full
{
height
:
100%
}
.h-32
{
height
:
8rem
}
.h-60
{
height
:
15rem
}
.h-72
{
height
:
18rem
}
.h-10
{
height
:
2.5rem
}
.max-h-20
{
max-height
:
5rem
}
.w-40
{
width
:
10rem
}
.w-16
{
width
:
4rem
}
.w-full
{
width
:
100%
}
.w-32
{
width
:
8rem
}
.w-96
{
width
:
24rem
}
.w-12
{
width
:
3rem
}
.w-80
{
width
:
20rem
}
.w-20
{
width
:
5rem
}
.w-10
\
/
12
,
.w-5
\
/
6
{
width
:
83.333333%
}
.max-w-md
{
max-width
:
28rem
}
.max-w-xl
{
max-width
:
36rem
}
.max-w-sm
{
max-width
:
24rem
}
.max-w-xs
{
max-width
:
20rem
}
.max-w-2xl
{
max-width
:
42rem
}
.flex-shrink-0
,
.shrink-0
{
flex-shrink
:
0
}
.flex-row
{
flex-direction
:
row
}
.flex-col
{
flex-direction
:
column
}
.flex-wrap
{
flex-wrap
:
wrap
}
.items-start
{
align-items
:
flex-start
}
.items-center
{
align-items
:
center
}
.justify-start
{
justify-content
:
flex-start
}
.justify-end
{
justify-content
:
flex-end
}
.justify-center
{
justify-content
:
center
}
.justify-between
{
justify-content
:
space-between
}
.gap-3
{
gap
:
.75rem
}
.gap-6
{
gap
:
1.5rem
}
.gap-8
{
gap
:
2rem
}
.gap-4
{
gap
:
1rem
}
.gap-2
{
gap
:
.5rem
}
.space-y-12
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-y-reverse
:
0
;
margin-top
:
calc
(
3rem
*
calc
(
1
-
var
(
--tw-space-y-reverse
)));
margin-bottom
:
calc
(
3rem
*
var
(
--tw-space-y-reverse
))}
.space-x-2
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
.5rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
.5rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))}
.space-y-1
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-y-reverse
:
0
;
margin-top
:
calc
(
.25rem
*
calc
(
1
-
var
(
--tw-space-y-reverse
)));
margin-bottom
:
calc
(
.25rem
*
var
(
--tw-space-y-reverse
))}
.space-y-2
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-y-reverse
:
0
;
margin-top
:
calc
(
.5rem
*
calc
(
1
-
var
(
--tw-space-y-reverse
)));
margin-bottom
:
calc
(
.5rem
*
var
(
--tw-space-y-reverse
))}
.space-x-3
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
.75rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
.75rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))}
.space-x-1
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
.25rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
.25rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))}
.space-x-10
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
2.5rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
2.5rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))}
.overflow-auto
{
overflow
:
auto
}
.overflow-hidden
{
overflow
:
hidden
}
.text-ellipsis
{
text-overflow
:
ellipsis
}
.rounded-full
{
border-radius
:
9999px
}
.border
{
border-width
:
1px
}
.border-b
{
border-bottom-width
:
1px
}
.border-grey-100
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
243
243
243
/
var
(
--tw-border-opacity
))}
.border-grey-150
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
236
236
236
/
var
(
--tw-border-opacity
))}
.border-violet-600
{
--tw-border-opacity
:
1
;
border-color
:
rgb
(
125
51
127
/
var
(
--tw-border-opacity
))}
.bg-white
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
255
255
255
/
var
(
--tw-bg-opacity
))}
.bg-grey-50
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
247
247
247
/
var
(
--tw-bg-opacity
))}
.bg-black
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
0
0
0
/
var
(
--tw-bg-opacity
))}
.bg-green-500
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
79
196
159
/
var
(
--tw-bg-opacity
))}
.bg-violet-600
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
125
51
127
/
var
(
--tw-bg-opacity
))}
.bg-grey-150
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
236
236
236
/
var
(
--tw-bg-opacity
))}
.bg-grey-100
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
243
243
243
/
var
(
--tw-bg-opacity
))}
.bg-cover
{
background-size
:
cover
}
.bg-center
{
background-position
:
center
}
.bg-no-repeat
{
background-repeat
:
no-repeat
}
.p-2
{
padding
:
.5rem
}
.p-7
{
padding
:
1.75rem
}
.p-6
{
padding
:
1.5rem
}
.p-1
{
padding
:
.25rem
}
.p-0
{
padding
:
0
}
.p-4
{
padding
:
1rem
}
.py-32
{
padding-top
:
8rem
;
padding-bottom
:
8rem
}
.px-1
{
padding-left
:
.25rem
;
padding-right
:
.25rem
}
.py-5
{
padding-top
:
1.25rem
;
padding-bottom
:
1.25rem
}
.px-3
{
padding-left
:
.75rem
;
padding-right
:
.75rem
}
.py-3
{
padding-top
:
.75rem
;
padding-bottom
:
.75rem
}
.py-4
{
padding-top
:
1rem
;
padding-bottom
:
1rem
}
.py-16
{
padding-top
:
4rem
;
padding-bottom
:
4rem
}
.px-4
{
padding-left
:
1rem
;
padding-right
:
1rem
}
.py-8
{
padding-top
:
2rem
;
padding-bottom
:
2rem
}
.px-7
{
padding-left
:
1.75rem
;
padding-right
:
1.75rem
}
.pt-40
{
padding-top
:
10rem
}
.pl-4
{
padding-left
:
1rem
}
.pr-2
{
padding-right
:
.5rem
}
.pt-16
{
padding-top
:
4rem
}
.pl-3
{
padding-left
:
.75rem
}
.pt-20
{
padding-top
:
5rem
}
.pb-8
{
padding-bottom
:
2rem
}
.pb-32
{
padding-bottom
:
8rem
}
.text-left
{
text-align
:
left
}
.text-center
{
text-align
:
center
}
.font-alt
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
}
.font-condensed
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
}
.text-lg
{
font-size
:
1.125rem
}
.text-2xl
{
font-size
:
1.6rem
}
.text-xs
{
font-size
:
.75rem
}
.text-2xs
{
font-size
:
.65rem
}
.text-9xl
{
font-size
:
7.5rem
}
.text-8xl
{
font-size
:
6.25rem
}
.text-7xl
{
font-size
:
5.3rem
}
.text-6xl
{
font-size
:
4rem
}
.text-5xl
{
font-size
:
3rem
}
.text-4xl
{
font-size
:
2.45rem
}
.text-3xl
{
font-size
:
1.875rem
}
.text-xl
{
font-size
:
1.3rem
}
.text-base
{
font-size
:
1rem
}
.text-sm
{
font-size
:
.875rem
}
.font-light
{
font-weight
:
300
}
.font-medium
{
font-weight
:
500
}
.font-bold
{
font-weight
:
700
}
.uppercase
{
text-transform
:
uppercase
}
.leading-5
{
line-height
:
1.25rem
}
.leading-9
{
line-height
:
2.25rem
}
.leading-7
{
line-height
:
1.75rem
}
.leading-6
{
line-height
:
1.5rem
}
.text-green-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
79
196
159
/
var
(
--tw-text-opacity
))}
.text-white
{
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))}
.text-grey-200
{
--tw-text-opacity
:
1
;
color
:
rgb
(
173
173
173
/
var
(
--tw-text-opacity
))}
.text-turquoise-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
37
165
185
/
var
(
--tw-text-opacity
))}
.text-turquoise-400
{
--tw-text-opacity
:
1
;
color
:
rgb
(
27
192
227
/
var
(
--tw-text-opacity
))}
.text-grey-300
{
--tw-text-opacity
:
1
;
color
:
rgb
(
76
76
76
/
var
(
--tw-text-opacity
))}
.text-yellow-500
{
--tw-text-opacity
:
1
;
color
:
rgb
(
249
206
5
/
var
(
--tw-text-opacity
))}
.text-grey-350
{
--tw-text-opacity
:
1
;
color
:
rgb
(
79
79
79
/
var
(
--tw-text-opacity
))}
.text-black
{
--tw-text-opacity
:
1
;
color
:
rgb
(
0
0
0
/
var
(
--tw-text-opacity
))}
.underline
{
text-decoration-line
:
underline
}
.shadow-sm
{
--tw-shadow
:
0
1px
2px
0
rgb
(
0
0
0
/
.05
);
--tw-shadow-colored
:
0
1px
2px
0
var
(
--tw-shadow-color
);
box-shadow
:
var
(
--tw-ring-offset-shadow
,
0
0
#0000
),
var
(
--tw-ring-shadow
,
0
0
#0000
),
var
(
--tw-shadow
)}
.shadow-2xl
{
--tw-shadow
:
0
25px
50px
-12px
rgb
(
0
0
0
/
.25
);
--tw-shadow-colored
:
0
25px
50px
-12px
var
(
--tw-shadow-color
);
box-shadow
:
var
(
--tw-ring-offset-shadow
,
0
0
#0000
),
var
(
--tw-ring-shadow
,
0
0
#0000
),
var
(
--tw-shadow
)}
.drop-shadow-xl
{
--tw-drop-shadow
:
drop-shadow
(
0
20px
13px
rgb
(
0
0
0
/
.03
))
drop-shadow
(
0
8px
5px
rgb
(
0
0
0
/
.08
));
filter
:
var
(
--tw-blur
)
var
(
--tw-brightness
)
var
(
--tw-contrast
)
var
(
--tw-grayscale
)
var
(
--tw-hue-rotate
)
var
(
--tw-invert
)
var
(
--tw-saturate
)
var
(
--tw-sepia
)
var
(
--tw-drop-shadow
)}
.btn.btn--fullwidth
,
.btn.btn--fullwidth
.btn__body-wrap
{
width
:
100%
;
max-width
:
100%
}
.btn.btn--fullwidth
.btn__body
{
flex
:
1
}
.btn.btn--autowidth
{
width
:
auto
}
@media
(
min-width
:
1200px
){
.grid-container
{
grid-template-columns
:
240px
1fr
102px
;
grid-template-areas
:
"left-side content right-side"
;
margin-left
:
10%
}}
@media
(
min-width
:
2060px
){
.grid-container
{
margin-left
:
20%
}}
@media
(
min-width
:
1200px
){
.grid-container.person-grid-container
{
grid-template-columns
:
240px
1fr
339px
}}
.head-alt-xl
,
.content-block
.head-alt-xl
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
5.3rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-alt-lg
,
.content-block
.head-alt-lg
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
4rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-alt-md
,
.content-block
.head-alt-md
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
2.45rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-alt-base
,
.content-block
.head-alt-base
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.875rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-alt-sm
,
.content-block
.head-alt-sm
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.6rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-alt-xs
,
.content-block
.head-alt-xs
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.3rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-alt-2xs
,
.content-block
.head-alt-2xs
{
font-family
:
Bebas
Neue
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
font-weight
:
400
;
line-height
:
.96
}
.head-base
,
.content-block
.head-base
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.875rem
;
font-weight
:
500
;
line-height
:
1.25
}
.head-sm
,
.content-block
.head-sm
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.6rem
;
font-weight
:
500
;
line-height
:
1.25
}
.head-xs
,
.content-block
.head-xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.3rem
;
font-weight
:
500
;
line-height
:
1.25
}
.head-2xs
,
.content-block
.head-2xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
font-weight
:
500
;
line-height
:
1.25
}
.head-heavy-base
,
.content-block
.head-heavy-base
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.875rem
;
font-weight
:
700
;
line-height
:
1.25
}
.head-heavy-sm
,
.content-block
.head-heavy-sm
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.6rem
;
font-weight
:
700
;
line-height
:
1.25
}
.head-heavy-xs
,
.content-block
.head-heavy-xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.3rem
;
font-weight
:
700
;
line-height
:
1.25
}
.head-heavy-2xs
,
.content-block
.head-heavy-2xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
font-weight
:
700
;
line-height
:
1.25
}
.head-allcaps-2xs
,
.content-block
.head-allcaps-2xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
font-weight
:
400
;
text-transform
:
uppercase
;
line-height
:
1.25
}
.head-allcaps-3xs
,
.content-block
.head-allcaps-3xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1rem
;
font-weight
:
400
;
text-transform
:
uppercase
;
line-height
:
1.25
}
.head-allcaps-4xs
,
.content-block
.head-allcaps-4xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
.875rem
;
font-weight
:
400
;
text-transform
:
uppercase
;
line-height
:
1.25
}
.head-allcaps-heavy-2xs
,
.content-block
.head-allcaps-heavy-2xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1.125rem
;
font-weight
:
700
;
text-transform
:
uppercase
;
line-height
:
1.25
}
.head-allcaps-heavy-3xs
,
.content-block
.head-allcaps-heavy-3xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
1rem
;
font-weight
:
700
;
text-transform
:
uppercase
;
line-height
:
1.25
}
.head-allcaps-heavy-4xs
,
.content-block
.head-allcaps-heavy-4xs
{
font-family
:
Roboto
Condensed
,
Helvetica
,
Arial
,
sans-serif
;
font-size
:
.875rem
;
font-weight
:
700
;
text-transform
:
uppercase
;
line-height
:
1.25
}
@media
(
min-width
:
1200px
){
.switch__item
{
padding
:
1rem
2rem
;
font-size
:
1.3rem
}}
.slick-track
[
data-v-e4caeaf8
]
{
position
:
relative
;
top
:
0
;
left
:
0
;
display
:
block
;
transform
:
translateZ
(
0
)}
.slick-track.slick-center
[
data-v-e4caeaf8
]
{
margin-left
:
auto
;
margin-right
:
auto
}
.slick-track
[
data-v-e4caeaf8
]
:after
,
.slick-track
[
data-v-e4caeaf8
]
:before
{
display
:
table
;
content
:
""
}
.slick-track
[
data-v-e4caeaf8
]
:after
{
clear
:
both
}
.slick-loading
.slick-track
[
data-v-e4caeaf8
]
{
visibility
:
hidden
}
.slick-slide
[
data-v-e4caeaf8
]
{
display
:
none
;
float
:
left
;
height
:
100%
;
min-height
:
1px
}
[
dir
=
rtl
]
.slick-slide
[
data-v-e4caeaf8
]
{
float
:
right
}
.slick-slide
img
[
data-v-e4caeaf8
]
{
display
:
block
}
.slick-slide.slick-loading
img
[
data-v-e4caeaf8
]
{
display
:
none
}
.slick-slide.dragging
img
[
data-v-e4caeaf8
]
{
pointer-events
:
none
}
.slick-initialized
.slick-slide
[
data-v-e4caeaf8
]
{
display
:
block
}
.slick-loading
.slick-slide
[
data-v-e4caeaf8
]
{
visibility
:
hidden
}
.slick-vertical
.slick-slide
[
data-v-e4caeaf8
]
{
display
:
block
;
height
:
auto
;
border
:
1px
solid
transparent
}
.slick-arrow.slick-hidden
[
data-v-21137603
]
{
display
:
none
}
.slick-slider
[
data-v-3d1a4f76
]
{
position
:
relative
;
display
:
block
;
box-sizing
:
border-box
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
user-select
:
none
;
-webkit-touch-callout
:
none
;
-khtml-user-select
:
none
;
touch-action
:
pan-y
;
-webkit-tap-highlight-color
:
transparent
}
.slick-list
[
data-v-3d1a4f76
]
{
position
:
relative
;
display
:
block
;
overflow
:
hidden
;
margin
:
0
;
padding
:
0
;
transform
:
translateZ
(
0
)}
.slick-list
[
data-v-3d1a4f76
]
:focus
{
outline
:
none
}
.slick-list.dragging
[
data-v-3d1a4f76
]
{
cursor
:
pointer
;
cursor
:
hand
}
::-moz-selection
{
background
:
#ffeda5
}
::selection
{
background
:
#ffeda5
}
:root
{
font-size
:
16px
}
body
{
font-family
:
Roboto
,
Helvetica
,
Arial
,
sans-serif
;
font-weight
:
400
;
line-height
:
1
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
font-size
:
1rem
}
a
:hover
{
text-decoration-line
:
underline
}
a
.icon-link
:hover
{
text-decoration-line
:
none
}
a
.icon-link
:hover
span
{
text-decoration-line
:
underline
}
[
v-cloak
]
{
display
:
none
}
.copyleft
{
transform
:
scaleX
(
-1
)
!important
}
.inline-block-nogap
{
font-size
:
0
}
.iframe-container
{
position
:
relative
;
padding-bottom
:
56.25%
;
height
:
0
}
.iframe-container
iframe
{
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
100%
;
width
:
100%
}
.hover
\
:bg-black:hover
{
--tw-bg-opacity
:
1
;
background-color
:
rgb
(
0
0
0
/
var
(
--tw-bg-opacity
))}
.hover
\
:no-underline:hover
{
text-decoration-line
:
none
}
@media
(
min-width
:
576px
){
.sm
\
:bottom-5
{
bottom
:
1.25rem
}
.sm
\
:col-start-2
{
grid-column-start
:
2
}
.sm
\
:col-end-13
{
grid-column-end
:
13
}
.sm
\
:mb-8
{
margin-bottom
:
2rem
}
.sm
\
:mb-0
{
margin-bottom
:
0
}
.sm
\
:mt-0
{
margin-top
:
0
}
.sm
\
:mr-7
{
margin-right
:
1.75rem
}
.sm
\
:mb-6
{
margin-bottom
:
1.5rem
}
.sm
\
:h-80
{
height
:
20rem
}
.sm
\
:w-80
{
width
:
20rem
}
.sm
\
:w-40
{
width
:
10rem
}
.sm
\
:w-6
\
/
12
{
width
:
50%
}
.sm
\
:w-5
\
/
12
{
width
:
41.666667%
}
.sm
\
:max-w-xs
{
max-width
:
20rem
}
.sm
\
:pt-0
{
padding-top
:
0
}
.sm
\
:pr-0
{
padding-right
:
0
}
.sm
\
:text-center
{
text-align
:
center
}
.sm
\
:text-3xl
{
font-size
:
1.875rem
}
.sm
\
:text-base
{
font-size
:
1rem
}
.sm
\
:text-xl
{
font-size
:
1.3rem
}
.sm
\
:leading-none
{
line-height
:
1
}}
@media
(
min-width
:
768px
){
.md
\
:mt-20
{
margin-top
:
5rem
}
.md
\
:min-h-
\
[
21
rem
\
]
{
min-height
:
21rem
}
.md
\
:flex-row
{
flex-direction
:
row
}
.md
\
:justify-start
{
justify-content
:
flex-start
}
.md
\
:gap-1
{
gap
:
.25rem
}
.md
\
:text-5xl
{
font-size
:
3rem
}
.md
\
:text-4xl
{
font-size
:
2.45rem
}}
@media
(
min-width
:
992px
){
.lg
\
:order-2
{
order
:
2
}
.lg
\
:mb-12
{
margin-bottom
:
3rem
}
.lg
\
:mr-11
{
margin-right
:
2.75rem
}
.lg
\
:mb-8
{
margin-bottom
:
2rem
}
.lg
\
:mb-10
{
margin-bottom
:
2.5rem
}
.lg
\
:mb-16
{
margin-bottom
:
4rem
}
.lg
\
:mt-32
{
margin-top
:
8rem
}
.lg
\
:mb-0
{
margin-bottom
:
0
}
.lg
\
:mt-24
{
margin-top
:
6rem
}
.lg
\
:flex
{
display
:
flex
}
.lg
\
:w-7
\
/
12
{
width
:
58.333333%
}
.lg
\
:w-5
\
/
12
{
width
:
41.666667%
}
.lg
\
:max-w-lg
{
max-width
:
32rem
}
.lg
\
:flex-row
{
flex-direction
:
row
}
.lg
\
:flex-wrap
{
flex-wrap
:
wrap
}
.lg
\
:items-end
{
align-items
:
flex-end
}
.lg
\
:justify-end
{
justify-content
:
flex-end
}
.lg
\
:justify-between
{
justify-content
:
space-between
}
.lg
\
:space-y-0
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-y-reverse
:
0
;
margin-top
:
calc
(
0px
*
calc
(
1
-
var
(
--tw-space-y-reverse
)));
margin-bottom
:
calc
(
0px
*
var
(
--tw-space-y-reverse
))}
.lg
\
:space-x-4
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
1rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
1rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))}
.lg
\
:py-36
{
padding-top
:
9rem
;
padding-bottom
:
9rem
}
.lg
\
:py-16
{
padding-top
:
4rem
;
padding-bottom
:
4rem
}
.lg
\
:py-0
{
padding-top
:
0
;
padding-bottom
:
0
}
.lg
\
:text-right
{
text-align
:
right
}
.lg
\
:text-base
{
font-size
:
1rem
}
.lg
\
:text-6xl
{
font-size
:
4rem
}}
@media
(
min-width
:
1200px
){
.xl
\
:static
{
position
:
static
}
.xl
\
:absolute
{
position
:
absolute
}
.xl
\
:z-50
{
z-index
:
50
}
.xl
\
:m-0
{
margin
:
0
}
.xl
\
:my-4
{
margin-top
:
1rem
;
margin-bottom
:
1rem
}
.xl
\
:mr-2
{
margin-right
:
.5rem
}
.xl
\
:mb-0
{
margin-bottom
:
0
}
.xl
\
:mb-20
{
margin-bottom
:
5rem
}
.xl
\
:mr-12
{
margin-right
:
3rem
}
.xl
\
:mt-8
{
margin-top
:
2rem
}
.xl
\
:mb-6
{
margin-bottom
:
1.5rem
}
.xl
\
:mr-4
{
margin-right
:
1rem
}
.xl
\
:mb-16
{
margin-bottom
:
4rem
}
.xl
\
:mb-12
{
margin-bottom
:
3rem
}
.xl
\
:mb-24
{
margin-bottom
:
6rem
}
.xl
\
:mb-28
{
margin-bottom
:
7rem
}
.xl
\
:mb-14
{
margin-bottom
:
3.5rem
}
.xl
\
:mr-0
{
margin-right
:
0
}
.xl
\
:-mt-0
{
margin-top
:
-0px
}
.xl
\
:mt-0
{
margin-top
:
0
}
.xl
\
:mb-32
{
margin-bottom
:
8rem
}
.xl
\
:mb-8
{
margin-bottom
:
2rem
}
.xl
\
:block
{
display
:
block
}
.xl
\
:flex
{
display
:
flex
}
.xl
\
:grid
{
display
:
grid
}
.xl
\
:hidden
{
display
:
none
}
.xl
\
:h-auto
{
height
:
auto
}
.xl
\
:min-h-screen
{
min-height
:
100vh
}
.xl
\
:w-auto
{
width
:
auto
}
.xl
\
:w-36
{
width
:
9rem
}
.xl
\
:w-60
{
width
:
15rem
}
.xl
\
:w-44
{
width
:
11rem
}
.xl
\
:w-full
{
width
:
100%
}
.xl
\
:max-w-xl
{
max-width
:
36rem
}
.xl
\
:shrink-0
{
flex-shrink
:
0
}
.xl
\
:flex-row
{
flex-direction
:
row
}
.xl
\
:flex-col
{
flex-direction
:
column
}
.xl
\
:flex-wrap
{
flex-wrap
:
wrap
}
.xl
\
:items-start
{
align-items
:
flex-start
}
.xl
\
:items-center
{
align-items
:
center
}
.xl
\
:justify-start
{
justify-content
:
flex-start
}
.xl
\
:justify-end
{
justify-content
:
flex-end
}
.xl
\
:gap-5
{
gap
:
1.25rem
}
.xl
\
:gap-16
{
gap
:
4rem
}
.xl
\
:space-x-3
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
.75rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
.75rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))}
.xl
\
:justify-self-end
{
justify-self
:
end
}
.xl
\
:bg-transparent
{
background-color
:
transparent
}
.xl
\
:py-0
{
padding-top
:
0
;
padding-bottom
:
0
}
.xl
\
:py-6
{
padding-top
:
1.5rem
;
padding-bottom
:
1.5rem
}
.xl
\
:py-9
{
padding-top
:
2.25rem
;
padding-bottom
:
2.25rem
}
.xl
\
:pb-24
{
padding-bottom
:
6rem
}
.xl
\
:pt-44
{
padding-top
:
11rem
}
.xl
\
:pt-8
{
padding-top
:
2rem
}
.xl
\
:pt-14
{
padding-top
:
3.5rem
}
.xl
\
:pb-36
{
padding-bottom
:
9rem
}
.xl
\
:pt-0
{
padding-top
:
0
}
.xl
\
:pb-0
{
padding-bottom
:
0
}
.xl
\
:pr-5
{
padding-right
:
1.25rem
}
.xl
\
:text-left
{
text-align
:
left
}
.xl
\
:text-center
{
text-align
:
center
}
.xl
\
:text-7xl
{
font-size
:
5.3rem
}
.xl
\
:text-4xl
{
font-size
:
2.45rem
}
.xl
\
:text-2xl
{
font-size
:
1.6rem
}
.xl
\
:text-base
{
font-size
:
1rem
}
.xl
\
:text-9xl
{
font-size
:
7.5rem
}
.xl
\
:text-white
{
--tw-text-opacity
:
1
;
color
:
rgb
(
255
255
255
/
var
(
--tw-text-opacity
))}
.xl
\
:shadow-none
{
--tw-shadow
:
0
0
#0000
;
--tw-shadow-colored
:
0
0
#0000
;
box-shadow
:
var
(
--tw-ring-offset-shadow
,
0
0
#0000
),
var
(
--tw-ring-shadow
,
0
0
#0000
),
var
(
--tw-shadow
)}
.xl
\
:duration-200
{
transition-duration
:
.2s
}}
@media
(
min-width
:
1366px
){
.
\32
xl
\
:space-x-6
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
1.5rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
1.5rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))}
.
\32
xl
\
:space-x-3
>
:not
([
hidden
])~
:not
([
hidden
])
{
--tw-space-x-reverse
:
0
;
margin-right
:
calc
(
.75rem
*
var
(
--tw-space-x-reverse
));
margin-left
:
calc
(
.75rem
*
calc
(
1
-
var
(
--tw-space-x-reverse
)))}}
@media
(
min-width
:
2060px
){
.
\33
xl
\
:text-lg
{
font-size
:
1.125rem
}
.
\33
xl
\
:text-xl
{
font-size
:
1.3rem
}}
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment