Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
G
guru
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Registry
Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
DeStream-public
guru
Commits
a6b80940
Commit
a6b80940
authored
Jan 01, 2019
by
rigwild
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Fixed block explorer footer on mobile #16
parent
976ca074
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
5 additions
and
1 deletion
+5
-1
default.css
Stratis.Guru/wwwroot/css/default.css
+4
-0
default.min.css
Stratis.Guru/wwwroot/css/default.min.css
+1
-1
No files found.
Stratis.Guru/wwwroot/css/default.css
View file @
a6b80940
...
@@ -377,6 +377,9 @@ global styles
...
@@ -377,6 +377,9 @@ global styles
[
data-target
=
"#participate-modal"
]
{
[
data-target
=
"#participate-modal"
]
{
margin-bottom
:
10px
;
margin-bottom
:
10px
;
}
}
#crafted
p
{
color
:
white
;
}
}
}
/*
/*
...
@@ -1631,6 +1634,7 @@ welcome area
...
@@ -1631,6 +1634,7 @@ welcome area
margin-top
:
60px
;
margin-top
:
60px
;
margin-bottom
:
90px
;
margin-bottom
:
90px
;
}
}
}
}
/*
/*
...
...
Stratis.Guru/wwwroot/css/default.min.css
View file @
a6b80940
@import
url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700)
;
#crafted
,
.loading-wrapper
{
position
:
fixed
;
width
:
100%
}
.left-text
ul
li
,
.loading-wrapper
{
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.loading
,
.shadow-inset
{
right
:
0
;
bottom
:
0
;
left
:
0
;
top
:
0
}
.center-heading
,
.center-text
{
text-align
:
center
}
a
,
abbr
,
acronym
,
address
,
applet
,
article
,
aside
,
b
,
big
,
blockquote
,
body
,
center
,
cite
,
code
,
dd
,
del
,
dfn
,
div
,
div
pre
,
dl
,
dt
,
em
,
figcaption
,
figure
,
font
,
footer
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
header
,
html
,
i
,
iframe
,
img
,
ins
,
kbd
,
li
,
nav
,
object
,
ol
,
p
,
q
,
s
,
samp
,
section
,
small
,
span
,
strike
,
strong
,
sub
,
sup
,
tt
,
u
,
ul
,
var
{
margin
:
0
;
padding
:
0
;
border
:
0
;
outline
:
0
}
#crafted
{
bottom
:
0
;
color
:
#EEE
;
z-index
:
999
;
padding
:
20px
0
}
.clearfix
:after
{
content
:
"."
;
display
:
block
;
clear
:
both
;
visibility
:
hidden
;
line-height
:
0
;
height
:
0
}
.clearfix
{
display
:
inline-block
}
.loading
,
article
,
aside
,
footer
,
header
,
hgroup
,
html
[
xmlns
]
.clearfix
,
nav
,
section
{
display
:
block
}
*
html
.clearfix
{
height
:
1%
}
li
,
ul
{
padding
:
0
;
margin
:
0
;
list-style
:
none
}
*
{
box-sizing
:
border-box
}
body
,
html
{
font-family
:
Raleway
,
sans-serif
;
font-weight
:
400
;
font-size
:
16px
;
-ms-text-size-adjust
:
100%
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
height
:
100vh
}
.shadow-inset
{
position
:
fixed
;
background
:
url(/images/prodnews-hero.png)
fixed
#1b1d20
;
background-size
:
cover
;
box-shadow
:
inset
0
0
10em
rgba
(
0
,
0
,
0
,
.6
)}
a
{
text-decoration
:
none
!important
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
margin-top
:
0
;
margin-bottom
:
0
}
ul
{
margin-bottom
:
0
}
.loading-wrapper
{
height
:
100%
;
color
:
#fff
;
font-size
:
16px
;
z-index
:
99999
;
-webkit-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.loading
,
.loading
>
div
{
position
:
absolute
;
width
:
50px
;
height
:
50px
}
.loading
{
margin
:
auto
}
.loading
>
div
{
background-color
:
#fff
;
border-radius
:
100%
;
opacity
:
0
;
-webkit-animation
:
loading
1s
0s
linear
infinite
;
animation
:
loading
1s
0s
linear
infinite
}
.loading
>
div
:nth-child
(
2
)
{
-webkit-animation-delay
:
.33333s
;
animation-delay
:
.33333s
}
.loading
>
div
:nth-child
(
3
)
{
-webkit-animation-delay
:
.66666s
;
animation-delay
:
.66666s
}
@-webkit-keyframes
loading
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
5
%
{
opacity
:
1
}
100
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
0
}}
@keyframes
loading
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
5
%
{
opacity
:
1
}
100
%
{
opacity
:
0
}}
::selection
{
background
:
#0EB8D9
;
color
:
#fff
}
::-moz-selection
{
background
:
#0EB8D9
;
color
:
#fff
}
.m-bottom-100
{
margin-bottom
:
100px
}
.m-bottom-60
{
margin-bottom
:
60px
}
.m-bottom-70
{
margin-bottom
:
70px
}
.m-bottom-30
{
margin-bottom
:
30px
}
.m-bottom-0
{
margin-bottom
:
0
!important
}
.table-striped
tbody
tr
:nth-of-type
(
odd
)
{
background
:
#F3F8FF
}
.table
td
,
.table
th
,
.table
thead
th
{
border-top-color
:
transparent
;
border-bottom-color
:
transparent
}
.section
{
padding-top
:
100px
;
padding-bottom
:
100px
}
.bg-bottom
{
background
:
url(../images/section-bg.png)
center
bottom
no-repeat
;
background-size
:
cover
}
.bg-top
{
background
:
url(../images/section-bg.png)
center
top
no-repeat
}
.left-heading.light
.section-title
{
color
:
#fff
}
.center-heading
.section-title
,
.left-heading
.section-title
{
font-size
:
30px
;
color
:
#3B566E
;
letter-spacing
:
1.3px
;
line-height
:
40px
;
font-weight
:
400
}
.left-heading
.section-title
{
margin-bottom
:
20px
}
.center-heading
.section-title
{
margin-bottom
:
30px
}
.center-heading.colored
.section-title
{
color
:
#fff
}
.left-text
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
line-height
:
28px
;
letter-spacing
:
1px
;
margin-bottom
:
50px
}
.left-text
p
,
.left-text
ul
{
margin-bottom
:
30px
}
.left-text.light
{
color
:
#fff
}
.left-text
p
.dark
{
color
:
#3B566E
}
.left-text
ul
{
color
:
#fff
;
font-weight
:
600
;
font-size
:
14px
;
letter-spacing
:
1.18px
}
.left-text
ul
li
{
height
:
32px
;
line-height
:
32px
;
position
:
relative
;
padding-left
:
30px
;
-webkit-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.left-text
ul
li
:before
{
position
:
absolute
;
left
:
0
;
content
:
"\f178"
;
font-family
:
FontAwesome
;
height
:
38px
;
line-height
:
38px
}
.left-text
ul
li
:hover
{
padding-left
:
40px
}
.btn-secondary-box
,
.btn-secondary-line
,
.btn-white-line
{
padding-left
:
30px
;
padding-right
:
30px
}
.center-text
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#EEE
;
line-height
:
28px
;
letter-spacing
:
1px
;
margin-bottom
:
50px
}
.box
,
.center-text
p
{
margin-bottom
:
30px
}
.center-text.colored
{
color
:
#fff
}
.gradient
{
background-image
:
linear-gradient
(
134deg
,
#0EB8D9
0
,
#2CDDC9
100%
);
position
:
relative
}
.gradient
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background
:
url(../images/section-bg-top.png)
center
top
no-repeat
;
top
:
0
;
left
:
0
}
.align-self-center
{
-ms-flex-item-align
:
center
!important
;
align-self
:
center
!important
}
@media
(
max-width
:
991px
){
.mobile-bottom-fix
{
margin-bottom
:
60px
}
#countdown
{
font-size
:
1.7rem
}
[
data-target
=
"#participate-modal"
]
{
margin-bottom
:
10px
}}
.btn-secondary-box
{
display
:
inline-block
;
height
:
46px
;
line-height
:
45px
;
text-align
:
center
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
position
:
relative
;
border
:
1px
solid
#01405F
;
background
:
#01405F
;
font-weight
:
500
;
font-size
:
14px
;
color
:
#fff
;
letter-spacing
:
.5px
;
text-transform
:
uppercase
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
outline
:
0
!important
;
cursor
:
pointer
}
.btn-secondary-box
:focus
,
.btn-secondary-box
:hover
{
border
:
1px
solid
#fff
;
background
:
0
0
;
color
:
#fff
}
.btn-primary-line
,
.btn-secondary-line
{
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
height
:
46px
;
line-height
:
45px
;
font-size
:
14px
;
letter-spacing
:
.5px
;
outline
:
0
!important
;
cursor
:
pointer
;
display
:
inline-block
;
position
:
relative
;
font-weight
:
500
;
text-align
:
center
;
text-transform
:
uppercase
}
.btn-secondary-line
{
border-radius
:
100px
;
border
:
1px
solid
#01405F
;
color
:
#01405F
;
transition
:
all
.3s
ease
0s
}
.btn-secondary-line
:hover
{
background
:
#01405F
;
color
:
#fff
}
.btn-primary-line
{
width
:
100%
;
border-radius
:
100px
;
border
:
1px
solid
#0EB8D9
;
color
:
#0EB8D9
;
transition
:
all
.3s
ease
0s
}
.box
.token-progress
ul
.progress-active
,
.btn-white-line
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.btn-primary-line
:hover
{
background
:
#0EB8D9
;
color
:
#fff
}
.btn-white-line
{
display
:
inline-block
;
height
:
46px
;
line-height
:
45px
;
text-align
:
center
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
position
:
relative
;
border
:
1px
solid
#fff
;
font-weight
:
500
;
font-size
:
14px
;
color
:
#fff
;
letter-spacing
:
.5px
;
text-transform
:
uppercase
;
transition
:
all
.3s
ease
0s
;
outline
:
0
!important
;
cursor
:
pointer
}
.btn-white-line
:hover
{
background
:
#fff
;
color
:
#3B566E
}
.app-download
{
display
:
inline-block
;
margin-right
:
10px
}
.box
{
background
:
#fff
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
padding
:
40px
;
position
:
relative
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
)}
.box
:after
,
.box
:before
{
content
:
''
;
background
:
#fff
;
margin
:
auto
;
border-radius
:
0
0
4px
4px
;
position
:
absolute
;
left
:
0
;
right
:
0
}
.box
:before
{
width
:
96%
;
height
:
12px
;
opacity
:
.59
;
bottom
:
-11px
;
z-index
:
2
}
.box
:after
{
width
:
92%
;
height
:
20px
;
opacity
:
.27
;
bottom
:
-20px
;
z-index
:
1
}
.box
.token
.title
{
display
:
block
;
text-align
:
center
;
font-weight
:
500
;
font-size
:
16px
;
letter-spacing
:
1.4px
;
color
:
#0EB8D9
;
margin-bottom
:
20px
}
.box
.token
.countdown
{
text-align
:
center
;
margin-bottom
:
40px
}
.box
.token
.countdown
li
{
display
:
inline-block
;
padding-left
:
20px
;
padding-right
:
20px
}
.box
.token
.countdown
li
.seperator
{
border-left
:
1px
solid
#CEE1F8
;
height
:
52px
;
padding
:
0
}
.box
.token
.countdown
li
span
{
font-weight
:
300
;
font-size
:
40px
;
color
:
#5A6066
;
letter-spacing
:
3.5px
}
.box
.token
.countdown
li
p
{
font-weight
:
500
;
font-size
:
12px
;
color
:
#BCBED4
;
text-transform
:
uppercase
;
margin-bottom
:
0
}
.box
.token
.token-input
{
border
:
1px
solid
#0EB8D9
;
height
:
46px
;
overflow
:
hidden
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
position
:
relative
;
margin
:
auto
}
.box
.token
.token-input
input
{
position
:
absolute
;
left
:
0
;
top
:
0
;
height
:
46px
;
width
:
25%
;
outline
:
0
;
border
:
none
;
padding-left
:
20px
;
font-weight
:
500
;
font-size
:
16px
;
letter-spacing
:
2.07px
;
color
:
#5A6066
}
.box
.token
.token-input
.fa-minus
,
.box
.token
.token-input
.fa-plus
{
width
:
10%
;
border
:
1px
solid
#0EB8D9
;
left
:
25%
;
line-height
:
24px
;
background
:
#E6EEF2
;
font-size
:
7px
;
position
:
absolute
;
text-align
:
center
;
cursor
:
pointer
}
.box
.token
.token-input
.fa-plus
{
height
:
24px
;
top
:
-1px
;
color
:
#0EB8D9
}
.box
.token
.token-input
.fa-minus
{
height
:
23px
;
top
:
22px
;
color
:
#0EB8D9
}
.box
.token
.token-input
button
{
position
:
absolute
;
width
:
65%
;
top
:
0
;
left
:
35%
;
height
:
46px
;
background
:
0
0
;
border
:
none
;
outline
:
0
;
font-weight
:
500
;
font-size
:
12px
;
letter-spacing
:
.5px
;
color
:
#0EB8D9
;
cursor
:
pointer
}
.box
.token-progress
{
border-bottom
:
1px
solid
#f5f5f5
;
height
:
100px
;
margin-bottom
:
20px
;
margin-top
:
10px
}
.box
.token-progress
ul
{
position
:
relative
;
height
:
5px
;
background
:
#D7DEE4
;
-webkit-border-radius
:
5px
;
-moz-border-radius
:
5px
;
border-radius
:
5px
}
.box
.token-progress
ul
.progress-active
{
position
:
absolute
;
height
:
5px
;
background
:
#0EB8D9
;
-webkit-border-radius
:
5px
;
-moz-border-radius
:
5px
;
border-radius
:
5px
;
width
:
0%
;
transition
:
all
.3s
ease
0s
;
padding-top
:
0
}
.box
.token-progress
ul
li
.item
:after
,
.box
.token-progress
ul
li
.item
:before
{
content
:
''
;
position
:
absolute
;
background
:
#D7DEE4
}
.box
.token-progress
ul
li
.item
{
position
:
absolute
;
padding-top
:
27px
}
.box
.token-progress
ul
li
.item
:before
{
width
:
16px
;
height
:
16px
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
top
:
-6px
}
.box
.token-progress
ul
li
.item
:after
{
width
:
30px
;
height
:
30px
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
top
:
-13px
;
left
:
-7px
;
opacity
:
.44
}
.box
.token-info
.item
span
,
.box
.token-info
.item
strong
{
letter-spacing
:
1.22px
;
height
:
38px
;
line-height
:
38px
;
float
:
left
}
.box
.token-progress
ul
li
.item.complate
:after
,
.box
.token-progress
ul
li
.item.complate
:before
{
background
:
#0EB8D9
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.box
.token-progress
ul
li
.item.complate
:hover:after
,
.box
.token-progress
ul
li
.item.complate
:hover:before
{
transform
:
scale
(
1.2
)}
.box
.token-progress
ul
li
.item
strong
{
display
:
block
;
font-weight
:
500
;
font-size
:
14px
;
color
:
#3B566E
;
margin-bottom
:
2px
;
padding-left
:
3px
}
.box
.token-progress
ul
li
.item
span
{
display
:
block
;
font-weight
:
500
;
font-size
:
12px
;
color
:
#BCBED4
;
padding-left
:
3px
}
.box
.token-info
.item
{
overflow
:
hidden
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.box
.token-payment
.radios
.form-radio
label
,
.box
.token-payment
.radios
.form-radio
label
i
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.box
.token-info
.item
strong
{
width
:
35%
;
font-weight
:
400
;
font-size
:
14px
;
color
:
#3B566E
}
.box
.token-info
.item
span
{
width
:
65%
;
font-weight
:
400
;
font-size
:
14px
;
color
:
#6F8BA4
}
.box
.token-info
.item
:hover
{
padding-left
:
10px
}
.box
.token-payment
{
border
:
1px
solid
#D6D6F3
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
position
:
relative
;
padding
:
40px
30px
}
.box
.token-payment
span
{
position
:
absolute
;
background
:
#fff
;
font-weight
:
400
;
font-size
:
14px
;
color
:
#A7A7E5
;
letter-spacing
:
1.24px
;
padding-left
:
10px
;
padding-right
:
10px
;
top
:
-11px
;
left
:
30px
}
.box
.token-payment
.radios
{
overflow
:
hidden
;
text-align
:
center
;
margin-bottom
:
20px
}
.box
.token-payment
.radios
.form-radio
{
display
:
inline-block
;
width
:
32px
;
height
:
32px
;
border
:
1px
solid
#0EB8D9
;
position
:
relative
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
overflow
:
hidden
;
margin-right
:
5px
;
margin-left
:
5px
}
.box
.token-payment
.radios
.form-radio
input
:checked
+
label
{
background
:
#0EB8D9
}
.box
.token-payment
.radios
.form-radio
input
:checked
+
label
i
{
color
:
#fff
}
.box
.token-payment
.radios
.form-radio
label
{
background
:
#fff
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
transition
:
all
.3s
ease
0s
;
cursor
:
pointer
}
.box
.token-payment
.radios
.form-radio
label
i
{
display
:
block
;
width
:
32px
;
height
:
32px
;
line-height
:
30px
;
text-align
:
center
;
color
:
#0EB8D9
;
font-size
:
14px
;
transition
:
all
.3s
ease
0s
;
letter-spacing
:
0
}
.header-area
,
.header-area
.main-nav
.logo
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.box
.token-payment
.radios
.form-radio
label
:hover
{
background
:
#0EB8D9
}
.box
.token-payment
.radios
.form-radio
label
:hover
i
{
color
:
#fff
}
@media
(
max-width
:
1200px
){
.box
.token
.countdown
li
{
padding-left
:
10px
;
padding-right
:
10px
}}
@media
(
max-width
:
991px
){
.box
.token
,
.box
.token
.countdown
{
overflow
:
hidden
}
.box
.token
.countdown
li
{
width
:
50%
;
float
:
left
;
padding
:
0
!important
}
.box
.token
.countdown
li
.seperator
{
display
:
none
}
.box
.token
.countdown
li
span
{
font-size
:
30px
}
.box
.token
.countdown
li
p
{
font-size
:
12px
}
.box
.token
.token-input
{
width
:
100%
}
.box
.token
.token-input
input
{
width
:
25%
}
.box
.token
.token-input
.fa-minus
,
.box
.token
.token-input
.fa-plus
{
left
:
25%
}
.box
.token
.token-input
button
{
font-size
:
12px
;
width
:
65%
;
left
:
35%
}
.box
.token-info
{
margin-bottom
:
30px
;
border-bottom
:
1px
solid
#CEE1F8
;
padding-bottom
:
20px
}
.box
.token-payment
{
margin
:
0
;
padding
:
40px
20px
}}
.header-area
{
position
:
fixed
;
top
:
0
;
left
:
0
;
right
:
0
;
z-index
:
100
;
height
:
100px
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.logo
{
float
:
left
;
margin-top
:
28px
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.logo
img
,
.header-area
.main-nav
.nav
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.logo
img
{
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.dark-logo
{
display
:
none
}
.header-area
.main-nav
.nav
{
float
:
right
;
margin-top
:
27px
;
transition
:
all
.3s
ease
0s
;
padding-top
:
5px
}
.header-area
.main-nav
.nav
li
{
margin-left
:
35px
}
.header-area
.main-nav
.nav
li
a
{
display
:
block
;
font-weight
:
600
;
font-size
:
14px
;
color
:
#FFF
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
height
:
36px
;
line-height
:
36px
;
border
:
transparent
}
.header-area
.main-nav
.nav
li
a
:hover
{
color
:
#fff
}
.header-area
.main-nav
.nav
li
a
.btn-nav-line
{
padding-left
:
25px
;
padding-right
:
25px
;
border
:
1px
solid
#FFF
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
line-height
:
34px
;
letter-spacing
:
.5px
;
background
:
#fff
;
color
:
#3B566E
}
.header-area
.main-nav
.nav
li
a
.btn-nav-line
:hover
{
background
:
#fff
;
color
:
#01405F
}
.header-area
.main-nav
.nav
li
a
.btn-nav-box
{
padding-left
:
25px
;
padding-right
:
25px
;
border
:
1px
solid
#FFF
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
line-height
:
34px
;
background
:
#fff
;
color
:
#3B566E
;
letter-spacing
:
.5px
}
.header-area
.main-nav
.nav
li
a
.btn-nav-box
:hover
{
background
:
0
0
;
color
:
#fff
}
.header-area
.main-nav
.menu-trigger
{
cursor
:
pointer
;
position
:
absolute
;
top
:
23px
;
width
:
32px
;
height
:
40px
;
text-indent
:
-9999em
;
z-index
:
99
;
right
:
40px
;
display
:
none
}
.header-area
.main-nav
.menu-trigger
span
,
.header-area
.main-nav
.menu-trigger
span
:after
,
.header-area
.main-nav
.menu-trigger
span
:before
{
-moz-transition
:
all
.4s
;
-o-transition
:
all
.4s
;
-webkit-transition
:
all
.4s
;
transition
:
all
.4s
;
background-color
:
#FFF
;
display
:
block
;
position
:
absolute
;
width
:
30px
;
height
:
2px
;
left
:
0
}
.header-area
.main-nav
.menu-trigger
span
:after
,
.header-area
.main-nav
.menu-trigger
span
:before
{
-moz-transition
:
all
.4s
;
-o-transition
:
all
.4s
;
-webkit-transition
:
all
.4s
;
transition
:
all
.4s
;
background-color
:
#CCC
;
display
:
block
;
position
:
absolute
;
height
:
2px
;
left
:
0
;
width
:
75%
;
content
:
""
}
.header-area
.main-nav
.lang
,
.header-area
.main-nav
.lang
.selected
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.menu-trigger
span
{
top
:
16px
}
.header-area
.main-nav
.menu-trigger
span
:before
{
-moz-transform-origin
:
33%
100%
;
-ms-transform-origin
:
33%
100%
;
-webkit-transform-origin
:
33%
100%
;
transform-origin
:
33%
100%
;
top
:
-10px
;
z-index
:
10
}
.header-area
.main-nav
.menu-trigger
span
:after
{
-moz-transform-origin
:
33%
0
;
-ms-transform-origin
:
33%
0
;
-webkit-transform-origin
:
33%
0
;
transform-origin
:
33%
0
;
top
:
10px
}
.header-area
.main-nav
.menu-trigger.active
span
,
.header-area
.main-nav
.menu-trigger.active
span
:after
,
.header-area
.main-nav
.menu-trigger.active
span
:before
{
background-color
:
transparent
;
width
:
100%
}
.header-area
.main-nav
.menu-trigger.active
span
:before
{
-moz-transform
:
translateY
(
6px
)
translateX
(
1px
)
rotate
(
45deg
);
-ms-transform
:
translateY
(
6px
)
translateX
(
1px
)
rotate
(
45deg
);
-webkit-transform
:
translateY
(
6px
)
translateX
(
1px
)
rotate
(
45deg
);
transform
:
translateY
(
6px
)
translateX
(
1px
)
rotate
(
45deg
);
background-color
:
#CCC
}
.header-area
.main-nav
.menu-trigger.active
span
:after
{
-moz-transform
:
translateY
(
-6px
)
translateX
(
1px
)
rotate
(
-45deg
);
-ms-transform
:
translateY
(
-6px
)
translateX
(
1px
)
rotate
(
-45deg
);
-webkit-transform
:
translateY
(
-6px
)
translateX
(
1px
)
rotate
(
-45deg
);
transform
:
translateY
(
-6px
)
translateX
(
1px
)
rotate
(
-45deg
);
background-color
:
#CCC
}
.header-area
.main-nav
.lang
{
float
:
right
;
margin-top
:
30px
;
margin-left
:
30px
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.selected
{
display
:
inline-block
;
height
:
36px
;
border
:
1px
solid
#fff
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
padding-left
:
15px
;
padding-right
:
15px
;
cursor
:
pointer
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.selected
img
,
.header-area
.main-nav
.lang
.selected
span
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
float
:
left
}
.header-area
.main-nav
.lang
.selected
img
{
margin-top
:
11px
;
margin-right
:
8px
;
transition
:
all
.3s
ease
0s
;
opacity
:
.7
}
.header-area
.main-nav
.lang
.selected
span
{
height
:
36px
;
line-height
:
35px
;
font-weight
:
400
;
font-size
:
12px
;
color
:
#fff
;
margin-right
:
5px
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
li
a
,
.header-area
.main-nav
.lang
.selected
i
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.selected
i
{
float
:
left
;
height
:
36px
;
line-height
:
35px
;
color
:
#fff
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
{
margin-top
:
8px
;
right
:
5px
;
display
:
none
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
);
position
:
absolute
}
.header-area
.main-nav
.lang
.flag-list
:before
{
content
:
''
;
position
:
absolute
;
top
:
-8px
;
left
:
0
;
right
:
0
;
margin
:
auto
;
width
:
0
;
height
:
0
;
border-left
:
10px
solid
transparent
;
border-right
:
10px
solid
transparent
;
border-bottom
:
8px
solid
#fff
}
.header-area
.main-nav
.lang
.flag-list
li
{
overflow
:
hidden
;
background
:
#fff
;
border-bottom
:
1px
solid
#CEE1F8
}
.header-area
.main-nav
.lang
.flag-list
li
:first-child
{
-webkit-border-radius
:
3px
3px
0
0
;
-moz-border-radius
:
3px
3px
0
0
;
border-radius
:
3px
3px
0
0
}
.header-area
.main-nav
.lang
.flag-list
li
:last-child
{
-webkit-border-radius
:
0
0
3px
3px
;
-moz-border-radius
:
0
0
3px
3px
;
border-radius
:
0
0
3px
3px
}
.header-area
.main-nav
.lang
.flag-list
li
a
{
display
:
block
;
overflow
:
hidden
;
padding-left
:
20px
;
padding-right
:
20px
;
background
:
#fff
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
li
a
img
,
.header-area
.main-nav
.lang
.flag-list
li
a
span
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
float
:
left
}
.header-area
.main-nav
.lang
.flag-list
li
a
:hover
{
background
:
#F3F8FF
}
.header-area
.main-nav
.lang
.flag-list
li
a
img
{
margin-top
:
7px
;
margin-right
:
7px
;
transition
:
all
.3s
ease
0s
;
box-shadow
:
0
1px
18px
0
rgba
(
0
,
0
,
0
,
.06
)}
.header-area
.main-nav
.lang
.flag-list
li
a
span
{
height
:
26px
;
line-height
:
26px
;
font-weight
:
600
;
font-size
:
12px
;
color
:
#6F8BA4
;
margin-right
:
5px
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
li
a
i
,
.welcome-area
.scroll-to
a
:before
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
li
a
i
{
float
:
left
;
height
:
26px
;
line-height
:
26px
;
color
:
#6F8BA4
;
transition
:
all
.3s
ease
0s
}
.header-area.header-sticky
{
background
:
#26272a
;
box-shadow
:
0
2px
28px
0
rgba
(
0
,
0
,
0
,
.6
)}
@media
(
max-width
:
1200px
){
.header-area
.main-nav
.nav
li
{
margin-left
:
15px
!important
}}
@media
(
max-width
:
991px
){
#crafted
{
height
:
80px
;
position
:
relative
;
background
:
#1b1d20
;
padding
:
10px
0
15px
}
.header-area
{
background
:
0
0
;
height
:
80px
;
box-shadow
:
0
2px
28px
0
rgba
(
0
,
0
,
0
,
.06
)}
.header-area
.container
{
padding
:
0
}
.header-area
.logo
{
margin-top
:
22px
!important
;
margin-left
:
30px
}
.header-area
.light-logo
{
display
:
none
!important
}
.header-area
.dark-logo
,
.header-area
.menu-trigger
{
display
:
block
!important
}
.header-area
.main-nav
{
overflow
:
hidden
}
.header-area
.main-nav
.nav
{
float
:
none
;
width
:
100%
;
margin-top
:
80px
!important
;
display
:
none
;
-webkit-transition
:
all
0s
ease
0s
;
-moz-transition
:
all
0s
ease
0s
;
-o-transition
:
all
0s
ease
0s
;
transition
:
all
0s
ease
0s
}
.header-area
.main-nav
.nav
li
{
width
:
100%
;
background
:
#fff
;
margin
:
0
!important
;
border-bottom
:
1px
solid
#f5f5f5
}
.header-area
.main-nav
.nav
li
a
{
height
:
50px
!important
;
line-height
:
50px
!important
;
padding
:
0
0
0
30px
!important
;
border
:
none
!important
;
background
:
#fff
!important
;
color
:
#3B566E
!important
}
.header-area
.main-nav
.nav
li
a
:hover
{
background
:
#f5f5f5
!important
}
.header-area
.main-nav
.lang
{
margin-top
:
22px
!important
;
margin-left
:
0
;
margin-right
:
80px
}
.header-area
.main-nav
.lang
.selected
{
border
:
1px
solid
#3B566E
}
.header-area
.main-nav
.lang
.selected
i
,
.header-area
.main-nav
.lang
.selected
span
{
color
:
#3B566E
}
.header-area
.main-nav
.lang
.flag-list
{
right
:
88px
}}
.features-elliptical
,
.features-line
{
padding-left
:
20px
;
padding-right
:
20px
;
text-align
:
center
}
@media
(
min-width
:
992px
){
.header-area
.main-nav
.nav
{
display
:
flex
!important
}}
.welcome-area
{
min-height
:
100vh
;
position
:
relative
}
.welcome-area.bg-top-right
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
background
:
url(../images/dark-top-right-bg.png)
top
right
no-repeat
;
z-index
:
3
}
.welcome-area.bg-bottom-center
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
background
:
url(../images/section-bg-bottom.png)
bottom
center
no-repeat
;
z-index
:
3
}
.welcome-area
:after
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
z-index
:
2
}
.welcome-area
canvas
{
width
:
100%
;
height
:
100%
;
position
:
absolute
;
left
:
0
;
top
:
0
;
z-index
:
4
}
.welcome-area
.header-token
{
position
:
absolute
;
width
:
100%
;
top
:
55.5%
;
left
:
0
;
z-index
:
5
;
-webkit-transform
:
translateY
(
-65%
);
transform
:
translateY
(
-65%
)}
.welcome-area
.header-token.basic
{
top
:
62%
}
.welcome-area
.header-token.text
{
top
:
60%
}
.welcome-area
.header-token
.box
{
margin-top
:
20px
}
.welcome-area
.header-token
h1
{
font-weight
:
400
;
font-size
:
36px
;
color
:
#FFF
;
line-height
:
46px
;
letter-spacing
:
.7px
;
margin-bottom
:
30px
}
.welcome-area
.header-token
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#fff
;
line-height
:
28px
;
letter-spacing
:
1px
;
margin-bottom
:
40px
}
.welcome-area
.scroll-to
{
position
:
absolute
;
width
:
100%
;
bottom
:
-30px
;
z-index
:
6
;
text-align
:
center
}
.welcome-area
.scroll-to
a
{
display
:
inline-block
;
width
:
60px
;
height
:
60px
;
background
:
#fff
;
margin
:
auto
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
position
:
relative
;
line-height
:
60px
;
font-size
:
24px
;
color
:
#0EB8D9
}
.welcome-area
.scroll-to
a
:before
{
content
:
''
;
position
:
absolute
;
left
:
-10px
;
top
:
-10px
;
width
:
80px
;
height
:
80px
;
background
:
#0EB8D9
;
opacity
:
.19
;
z-index
:
-1
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
box-shadow
:
0
1px
15px
1px
rgba
(
69
,
65
,
78
,
.7
);
transition
:
all
.3s
ease
0s
}
.features-elliptical
,
.features-elliptical.elliptical-bottom
:after
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.welcome-area
.scroll-to
a
:hover:before
{
width
:
90px
;
height
:
90px
;
left
:
-15px
;
top
:
-15px
}
@media
(
max-width
:
991px
){
.welcome-area
.header-token
{
position
:
relative
;
-webkit-transform
:
translateY
(
0
)
!important
;
transform
:
translateY
(
0
)
!important
;
padding-top
:
150px
}
.welcome-area
.header-token
.box
{
margin-top
:
90px
;
margin-bottom
:
100px
}
.welcome-area
.header-image
{
margin-top
:
60px
;
margin-bottom
:
90px
}}
.features-elliptical
{
margin-bottom
:
30px
;
transition
:
all
.3s
ease
0s
}
.features-elliptical.elliptical-bottom
{
position
:
relative
}
.features-elliptical.elliptical-bottom
:after
{
content
:
''
;
position
:
absolute
;
width
:
70%
;
height
:
32px
;
top
:
70px
;
left
:
70%
;
background
:
url(../images/elliptical-bottom.png)
center
center
no-repeat
;
transition
:
all
.3s
ease
0s
}
.features-elliptical
.icon
,
.features-elliptical.elliptical-top
:after
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.features-elliptical.elliptical-top
{
position
:
relative
}
.features-elliptical.elliptical-top
:after
{
content
:
''
;
position
:
absolute
;
width
:
70%
;
height
:
32px
;
top
:
0
;
left
:
70%
;
background
:
url(../images/elliptical-top.png)
center
center
no-repeat
;
transition
:
all
.3s
ease
0s
}
.features-elliptical
.icon
{
width
:
100px
;
height
:
100px
;
margin
:
auto
auto
36px
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
border
:
2px
dashed
#6F8BA4
;
transition
:
all
.3s
ease
0s
}
.features-line
,
.features-line.line
:after
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.features-elliptical
.icon
i
{
display
:
block
;
width
:
100px
;
height
:
100px
;
line-height
:
100px
;
color
:
#6F8BA4
;
font-size
:
50px
}
.features-elliptical
.features-title
{
font-weight
:
400
;
font-size
:
18px
;
color
:
#3B566E
;
letter-spacing
:
1.12px
;
margin-bottom
:
20px
}
.features-elliptical
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
line-height
:
28px
;
letter-spacing
:
1px
}
.features-elliptical
:hover
{
margin-top
:
-20px
;
padding-bottom
:
20px
}
.features-elliptical
:hover
.elliptical-bottom
:after
{
top
:
90px
}
.features-elliptical
:hover
.elliptical-top
:after
{
top
:
20px
}
.features-line
{
margin-bottom
:
30px
;
transition
:
all
.3s
ease
0s
}
.features-line.line
{
position
:
relative
}
.features-line.line
:after
{
content
:
''
;
position
:
absolute
;
width
:
70%
;
height
:
2px
;
top
:
50px
;
left
:
70%
;
transition
:
all
.3s
ease
0s
;
border
:
1px
dashed
#0EB8D9
}
.features-bordered
,
.features-line
.icon
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.features-line
.icon
{
width
:
100px
;
height
:
100px
;
margin
:
auto
auto
36px
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
transition
:
all
.3s
ease
0s
;
background
:
#0EB8D9
}
.features-line
.icon
i
{
display
:
block
;
width
:
100px
;
height
:
100px
;
line-height
:
100px
;
color
:
#fff
;
font-size
:
40px
}
.features-line
.features-title
{
font-weight
:
400
;
font-size
:
18px
;
color
:
#3B566E
;
letter-spacing
:
1.12px
;
margin-bottom
:
20px
}
.features-line
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
line-height
:
28px
;
letter-spacing
:
1px
}
.features-line
:hover
{
margin-top
:
-20px
;
padding-bottom
:
20px
}
.features-line
:hover:after
{
top
:
70px
}
.features-bordered
{
border
:
1px
solid
#CEE1F8
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
padding
:
30px
;
transition
:
all
.3s
ease
0s
;
overflow
:
hidden
;
margin-bottom
:
30px
}
.features-bordered
a
,
.features-shadow
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.features-bordered
:hover
{
border
:
1px
solid
#0EB8D9
}
.features-bordered
.icon
{
margin-bottom
:
25px
}
.features-bordered
.features-title
{
font-weight
:
400
;
font-size
:
18px
;
letter-spacing
:
1.12px
;
color
:
#3B566E
;
line-height
:
28px
;
margin-bottom
:
22px
}
.features-bordered
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
letter-spacing
:
1px
;
line-height
:
28px
;
margin-bottom
:
10px
}
.features-bordered
a
{
float
:
right
;
font-weight
:
400
;
font-size
:
14px
;
letter-spacing
:
.88px
;
color
:
#6F8BA4
;
transition
:
all
.3s
ease
0s
}
.features-bordered
a
i
{
margin-left
:
3px
}
.features-bordered
a
:hover
{
color
:
#01405F
}
.features-shadow
{
padding
:
30px
20px
;
text-align
:
center
;
margin-bottom
:
30px
;
transition
:
all
.3s
ease
0s
}
.roadmap-full
.roadmap-item-full
,
.roadmap-full
.roadmap-item-full
.status
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.features-shadow
.icon
{
margin-bottom
:
20px
}
.features-shadow
.icon
i
{
font-size
:
30px
;
color
:
#01405F
}
.features-shadow
.features-title
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#3B566E
;
letter-spacing
:
1.12px
;
margin-bottom
:
20px
;
line-height
:
26px
}
.features-shadow
p
{
font-weight
:
400
;
font-size
:
14px
;
color
:
#6F8BA4
;
line-height
:
26px
;
letter-spacing
:
1px
}
.features-shadow
:hover
{
background
:
#FFF
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
);
border-radius
:
4px
;
transform
:
scale
(
1.1
)}
@media
(
max-width
:
991px
){
.features-elliptical
{
padding
:
0
}
.features-elliptical
:after
,
.features-line
:after
{
display
:
none
}}
.roadmap-full
{
position
:
relative
;
border-bottom
:
1px
dashed
#CEE1F8
}
.roadmap-full
.roadmap-item-full
{
border-top
:
1px
dashed
#CEE1F8
;
padding-top
:
70px
;
padding-bottom
:
70px
;
position
:
relative
;
transition
:
all
.3s
ease
0s
}
.roadmap-full
.roadmap-item-full
:hover
{
background
:
#F3F8FF
}
.roadmap-full
.roadmap-item-full
:hover
.status
{
height
:
134px
}
.roadmap-full
.roadmap-item-full
.date
{
float
:
right
;
color
:
#3B566E
;
font-weight
:
400
;
font-size
:
18px
;
letter-spacing
:
.78px
}
.roadmap-full
.roadmap-item-full
.status
{
position
:
absolute
;
left
:
0
;
right
:
0
;
top
:
-100px
;
width
:
2px
;
height
:
124px
;
background
:
#CEE1F8
;
margin
:
auto
;
z-index
:
2
;
transition
:
all
.3s
ease
0s
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot
span
,
.roadmap-modern-wrapper
.roadmap-modern
.status
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.roadmap-full
.roadmap-item-full
.status.complate
,
.roadmap-full
.roadmap-item-full
.status.complate
:before
{
background
:
#0EB8D9
}
.roadmap-full
.roadmap-item-full
.status
:before
{
content
:
''
;
position
:
absolute
;
width
:
18px
;
height
:
18px
;
bottom
:
0
;
left
:
-8px
;
background
:
#CEE1F8
;
box-shadow
:
0
1px
18px
10px
#F3F8FF
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.roadmap-full
.roadmap-item-full
.status
:after
{
content
:
''
;
position
:
absolute
;
width
:
66px
;
height
:
66px
;
bottom
:
-24px
;
left
:
-32px
;
border
:
1px
solid
#CEE1F8
;
z-index
:
1
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.roadmap-full
.roadmap-item-full
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
line-height
:
28px
;
letter-spacing
:
.69px
}
.roadmap-modern-wrapper
.roadmap-modern
{
background
:
#FFF
;
border-radius
:
4px
;
padding
:
30px
;
border
:
1px
solid
#CEE1F8
;
position
:
relative
;
overflow
:
hidden
;
min-height
:
220px
}
.roadmap-modern-wrapper
.roadmap-modern
.status
{
position
:
absolute
;
left
:
40px
;
top
:
0
;
width
:
2px
;
height
:
29px
;
background
:
#CEE1F8
;
z-index
:
2
;
transition
:
all
.3s
ease
0s
}
.roadmap-modern-wrapper
.roadmap-modern
.status.complate
,
.roadmap-modern-wrapper
.roadmap-modern
.status.complate
:before
{
background
:
#0EB8D9
}
.roadmap-modern-wrapper
.roadmap-modern
.status
:before
{
content
:
''
;
position
:
absolute
;
width
:
10px
;
height
:
10px
;
bottom
:
0
;
left
:
-4px
;
background
:
#CEE1F8
;
box-shadow
:
0
1px
18px
10px
#F3F8FF
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.team-round
.profile
,
.team-square
{
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
)}
.roadmap-modern-wrapper
.roadmap-modern
.status
:after
{
content
:
''
;
position
:
absolute
;
width
:
24px
;
height
:
24px
;
bottom
:
-7px
;
left
:
-11px
;
border
:
1px
solid
#CEE1F8
;
z-index
:
1
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.roadmap-modern-wrapper
.roadmap-modern
.date
{
float
:
left
;
width
:
100%
;
margin-top
:
-17px
;
padding-left
:
40px
;
font-weight
:
400
;
font-size
:
18px
;
color
:
#3B566E
;
margin-bottom
:
20px
}
.roadmap-modern-wrapper
.roadmap-modern
p
{
font-weight
:
400
;
font-size
:
15px
;
color
:
#6F8BA4
;
letter-spacing
:
.6
;
line-height
:
27px
}
.roadmap-modern-wrapper
.owl-dots
{
margin-top
:
30px
!important
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot
{
outline
:
0
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot
span
{
width
:
13px
;
height
:
13px
;
border
:
1px
solid
#0EB8D9
;
background
:
0
0
;
transition
:
all
.3s
ease
0s
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot
span
,
.team-round
.profile
.img
.social
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot.active
span
{
background
:
#0EB8D9
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot.active
:hover
span
{
transform
:
scale
(
1
);
background
:
#0EB8D9
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot
:hover
span
{
transform
:
scale
(
1.2
);
background
:
0
0
}
.roadmap-lux-wrapper
.roadmap-lux
.header
{
position
:
relative
;
width
:
74px
;
height
:
38px
;
border-radius
:
4px
4px
0
0
;
margin-left
:
20px
;
background
:
#59dbf4
}
.roadmap-lux-wrapper
.roadmap-lux
.header.complate
{
background
:
#0EB8D9
}
.roadmap-lux-wrapper
.roadmap-lux
.header.complate
.date
{
float
:
left
;
font-weight
:
400
;
font-size
:
12px
;
color
:
#fff
;
margin-top
:
5px
}
.roadmap-lux-wrapper
.roadmap-lux
.header.complate
i
{
float
:
left
;
width
:
30px
;
height
:
38px
;
text-align
:
center
;
line-height
:
38px
;
font-size
:
12px
;
color
:
#053e49
}
.roadmap-lux-wrapper
.roadmap-lux
.header
.date
{
color
:
#6F8BA4
;
margin-top
:
5px
;
float
:
left
;
font-weight
:
400
;
font-size
:
12px
}
.roadmap-lux-wrapper
.roadmap-lux
.header
i
{
float
:
left
;
width
:
30px
;
height
:
38px
;
text-align
:
center
;
line-height
:
38px
;
font-size
:
12px
;
color
:
#11cbf0
}
.roadmap-lux-wrapper
.roadmap-lux
.text
{
background
:
#FFF
;
border-radius
:
4px
;
padding
:
30px
;
border
:
1px
solid
#CEE1F8
;
position
:
relative
;
min-height
:
195px
}
.roadmap-lux-wrapper
.roadmap-lux
.text
p
{
font-weight
:
400
;
font-size
:
15px
;
color
:
#6F8BA4
;
letter-spacing
:
.6
;
line-height
:
27px
}
.team-round
.team-name
,
.team-square
.team-name
{
letter-spacing
:
1px
;
line-height
:
30px
;
text-align
:
center
}
.roadmap-lux-wrapper
.owl-dots
{
margin-top
:
30px
!important
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot
{
outline
:
0
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot
span
{
width
:
13px
;
height
:
13px
;
border
:
1px
solid
#0EB8D9
;
background
:
0
0
;
transition
:
all
.3s
ease
0s
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot.active
span
{
background
:
#0EB8D9
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot.active
:hover
span
{
transform
:
scale
(
1
);
background
:
#0EB8D9
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot
:hover
span
{
transform
:
scale
(
1.2
);
background
:
0
0
}
@media
(
max-width
:
768px
){
.roadmap-full
.roadmap-item-full
:hover
.status
{
height
:
60px
}
.roadmap-full
.roadmap-item-full
.date
{
float
:
none
;
text-align
:
center
;
margin-top
:
10px
;
margin-bottom
:
10px
}
.roadmap-full
.roadmap-item-full
.status
{
height
:
60px
;
top
:
-130px
}
.roadmap-full
.roadmap-item-full
p
{
text-align
:
center
}}
.team-round
{
margin-bottom
:
30px
}
.team-round
.profile
{
margin
:
auto
auto
100px
;
background
:
#fff
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
width
:
180px
;
height
:
180px
;
position
:
relative
;
text-align
:
center
;
padding-top
:
10px
}
.team-round
.profile
.img
,
.team-round
.profile
.img
img
{
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
overflow
:
hidden
}
.team-round
.profile
:before
{
content
:
''
;
position
:
absolute
;
left
:
0
;
right
:
0
;
margin
:
auto
;
bottom
:
-89px
;
width
:
3px
;
height
:
89px
;
background
:
url(../images/team.png)
}
.team-round
.profile
.img
{
position
:
relative
;
width
:
160px
;
height
:
160px
;
border-radius
:
100px
;
margin-left
:
10px
}
.team-round
.profile
.img
img
{
width
:
160px
;
height
:
160px
;
border-radius
:
100px
}
.team-round
.profile
.img
.social
{
content
:
''
;
position
:
absolute
;
width
:
160px
;
height
:
160px
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
top
:
0
;
left
:
-160px
;
background-image
:
linear-gradient
(
134deg
,
#0EB8D9
0
,
#2CDDC9
100%
);
opacity
:
.83
;
text-align
:
center
;
transition
:
all
.3s
ease
0s
}
.faq
.card
.card-header
,
.team-square
.profile
.img
.social
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.team-round
.profile
.img
.social
li
{
display
:
inline-block
;
margin-top
:
67px
;
margin-left
:
3px
;
margin-right
:
3px
}
.team-round
.profile
.img
.social
li
a
{
font-size
:
18px
;
color
:
#fff
}
.team-round
.team-name
{
font-weight
:
500
;
font-size
:
16px
;
color
:
#3B566E
}
.team-round
span
{
display
:
block
;
text-align
:
center
;
font-weight
:
400
;
font-size
:
12px
;
color
:
#6F8BA4
}
.team-round
:hover
.profile
.img
.social
{
left
:
0
}
.team-square
{
background
:
#fff
;
padding
:
10px
}
.parallax
:before
,
.team-square
.profile
.img
.social
{
height
:
100%
;
background-image
:
linear-gradient
(
134deg
,
#0EB8D9
0
,
#2CDDC9
100%
);
width
:
100%
;
content
:
''
}
.team-square
.profile
{
position
:
relative
;
overflow
:
hidden
;
margin-bottom
:
10px
}
.team-square
.profile
.img
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
}
.team-square
.profile
.img
img
{
width
:
100%
;
height
:
100%
;
overflow
:
hidden
}
.team-square
.profile
.img
.social
{
position
:
absolute
;
bottom
:
-999px
;
opacity
:
.83
;
text-align
:
center
;
transition
:
all
.3s
ease
0s
}
.team-square
.profile
.img
.social
li
{
display
:
inline-block
;
margin-top
:
40%
;
margin-left
:
3px
;
margin-right
:
3px
}
.team-square
.profile
.img
.social
li
a
{
font-size
:
18px
;
color
:
#fff
}
.team-square
.team-name
{
font-weight
:
500
;
font-size
:
16px
;
color
:
#3B566E
}
.team-square
span
{
display
:
block
;
text-align
:
center
;
font-weight
:
400
;
font-size
:
12px
;
color
:
#6F8BA4
}
.team-square
:hover
.profile
.img
.social
{
bottom
:
0
}
.parallax
{
min-height
:
440px
;
position
:
relative
;
overflow
:
hidden
}
.parallax
:before
{
position
:
absolute
;
top
:
0
;
left
:
0
;
z-index
:
2
;
opacity
:
.77
}
.parallax
.parallax-content
{
min-height
:
440px
;
position
:
absolute
;
width
:
100%
;
left
:
0
;
top
:
0
;
z-index
:
3
;
text-align
:
center
}
.parallax
.parallax-content
.section-title
{
font-weight
:
400
;
font-size
:
30px
;
color
:
#fff
;
text-align
:
center
;
line-height
:
46px
;
letter-spacing
:
1.29px
;
margin-top
:
100px
;
margin-bottom
:
30px
}
.parallax
.parallax-content
p
{
text-align
:
center
;
font-weight
:
400
;
font-size
:
16px
;
color
:
#fff
;
line-height
:
26px
;
letter-spacing
:
1px
;
margin-bottom
:
50px
}
.faq
{
background
:
#FFF
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.02
);
border-radius
:
4px
}
.faq
.card
{
border
:
none
;
background
:
0
0
;
border-bottom
:
1px
dashed
#CEE1F8
}
.faq
.card
.card-header
{
padding
:
0
;
border
:
none
;
background
:
0
0
;
min-height
:
70px
;
transition
:
all
.3s
ease
0s
}
.block-explorer-wrapper
.search
.input-wrapper
.input
input
,
.faq
.card
.card-header
.faq-title
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.faq
.card
.card-header
:hover
{
background
:
#F3F8FF
;
padding-left
:
10px
}
.faq
.card
.card-header
.faq-title
{
min-height
:
70px
;
line-height
:
70px
;
width
:
100%
;
text-align
:
left
;
padding
:
0
30px
;
font-weight
:
400
;
font-size
:
16px
;
letter-spacing
:
1px
;
color
:
#3B566E
;
text-decoration
:
none
!important
;
transition
:
all
.3s
ease
0s
;
cursor
:
pointer
}
.faq
.card
.card-header
.faq-title
.badge
{
display
:
inline-block
;
width
:
20px
;
height
:
20px
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
text-align
:
center
;
background
:
#0EB8D9
;
color
:
#fff
;
font-size
:
12px
;
margin-right
:
10px
}
.faq
.card
.card-body
{
padding
:
30px
30px
16px
35px
;
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
line-height
:
28px
;
letter-spacing
:
1px
;
border-top
:
1px
solid
#F3F8FF
}
.faq
.card
.card-body
p
{
margin-bottom
:
14px
}
@media
(
max-width
:
991px
){
.faq
.card
.card-header
.faq-title
{
line-height
:
26px
;
margin-top
:
10px
}}
.block-explorer-wrapper
{
min-height
:
360px
;
position
:
relative
}
.block-explorer-wrapper.bg-top-right
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
background
:
url(../images/dark-top-right-bg.png)
top
right
no-repeat
;
z-index
:
3
}
.block-explorer-wrapper.bg-bottom-center
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
background
:
url(../images/section-bg-bottom.png)
bottom
center
no-repeat
;
z-index
:
3
}
.block-explorer-wrapper
:after
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
background
:
url(/images/prodnews-hero.png)
fixed
#1b1d20
;
background-size
:
cover
;
z-index
:
2
}
.block-explorer-wrapper
canvas
{
width
:
100%
;
height
:
100%
;
position
:
absolute
;
left
:
0
;
top
:
0
;
z-index
:
4
}
.block-explorer-wrapper
.block-explorer
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
z-index
:
5
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
top
:
50%
}
.block-explorer-wrapper
.block-explorer
h1
{
font-weight
:
400
;
font-size
:
36px
;
color
:
#FFF
;
line-height
:
46px
;
letter-spacing
:
.7px
;
margin-bottom
:
20px
}
.block-explorer-wrapper
.block-explorer
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#D5D8F3
;
line-height
:
28px
;
letter-spacing
:
1px
}
.block-explorer-wrapper
.block-explorer
p
a
{
color
:
#D5D8F3
}
.block-explorer-wrapper
.search
{
position
:
absolute
;
width
:
100%
;
bottom
:
-60px
;
z-index
:
6
}
.block-explorer-wrapper
.search
.input-wrapper
{
padding
:
40px
;
background
:
#fff
;
box-shadow
:
0
0
34px
0
rgba
(
63
,
66
,
87
,
.1
);
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
}
.block-explorer-wrapper
.search
.input-wrapper
.input
{
height
:
50px
;
position
:
relative
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
}
.block-explorer-wrapper
.search
.input-wrapper
.input
input
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
outline
:
0
;
border
:
none
;
border
:
1px
solid
#e6ecf5
;
padding-left
:
20px
;
padding-right
:
20px
;
transition
:
all
.3s
ease
0s
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;
z-index
:
1
}
.block-explorer-features
.item
,
.block-explorer-features
.item
.title
.icon
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.block-explorer-wrapper
.search
.input-wrapper
.input
input
:focus
{
padding-left
:
30px
;
border
:
1px
solid
#747FEB
}
.block-explorer-wrapper
.search
.input-wrapper
.input
button
{
position
:
absolute
;
right
:
7px
;
height
:
36px
;
line-height
:
36px
;
text-align
:
center
;
padding
:
0
;
z-index
:
2
;
width
:
36px
;
top
:
7px
;
border
:
none
;
background
:
#929292
;
color
:
#fff
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;
outline
:
0
;
cursor
:
pointer
}
.block-explorer-features
{
padding-top
:
130px
}
.block-explorer-features
.item
{
border
:
1px
solid
#CEE1F8
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
transition
:
all
.3s
ease
0s
;
overflow
:
hidden
;
margin-bottom
:
30px
;
background
:
#fff
}
.block-explorer-features
.item
:hover
.title
.icon
{
height
:
37px
}
.block-explorer-features
.item
.title
{
height
:
50px
;
border-bottom
:
1px
solid
#CEE1F8
;
background
:
#F3F8FF
}
.block-explorer-features
.item
.title
.icon
{
position
:
absolute
;
left
:
50px
;
top
:
0
;
width
:
2px
;
height
:
32px
;
background
:
#747FEB
;
z-index
:
2
;
transition
:
all
.3s
ease
0s
}
.block-explorer-features
.item
.title
.icon
:before
{
content
:
''
;
position
:
absolute
;
width
:
10px
;
height
:
10px
;
bottom
:
0
;
left
:
-4px
;
background
:
#747FEB
;
box-shadow
:
0
1px
18px
10px
#F3F8FF
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.block-explorer-features
.item
.title
.icon
:after
{
content
:
''
;
position
:
absolute
;
width
:
24px
;
height
:
24px
;
bottom
:
-7px
;
left
:
-11px
;
border
:
1px
solid
#CEE1F8
;
z-index
:
1
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.block-explorer-features
.item
.title
h5
{
float
:
left
;
width
:
100%
;
padding-left
:
60px
;
font-weight
:
400
;
font-size
:
16px
;
color
:
#3B566E
;
margin-top
:
16px
}
.block-explorer-features
.item
.text
{
padding
:
20px
;
text-align
:
center
}
.block-explorer-features
.item
.text
span
{
display
:
inline-block
;
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
letter-spacing
:
1px
;
height
:
30px
;
line-height
:
30px
}
.block-explorer-features
.item
.text
span
a
{
color
:
#6F8BA4
}
.block-explorer-features
.item
.text
span
i
.green
{
color
:
#23A236
}
.block-explorer-section
{
padding-top
:
130px
}
.block-explorer-section
.table-latests
{
background
:
#fff
;
border
:
1px
solid
#CEE1F8
}
.block-explorer-section
.table-latests.table-detail
td
{
padding
:
10px
30px
}
.block-explorer-section
.table-latests.table-detail
strong
{
font-weight
:
600
;
font-size
:
14px
;
color
:
#3B566E
;
letter-spacing
:
1px
}
.block-explorer-section
.table-latests
td
{
padding
:
15px
;
border-top
:
1px
solid
#CEE1F8
}
.block-explorer-section
.table-latests
thead
{
font-weight
:
600
;
font-size
:
14px
;
color
:
#3B566E
;
letter-spacing
:
1px
}
.block-explorer-section
.table-latests
tbody
{
font-weight
:
400
;
font-size
:
14px
;
color
:
#3B566E
;
letter-spacing
:
.78px
}
.block-explorer-section
.table-latests
tbody
a
{
color
:
#256592
}
.block-explorer-section
.table-latests
tbody
.table-progress
{
width
:
200px
;
height
:
15px
;
position
:
relative
;
background
:
#D7DEE4
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
margin-top
:
5px
}
.block-explorer-section
.table-latests
tbody
.table-progress
.progress-line
{
position
:
absolute
;
width
:
0%
;
height
:
15px
;
background
:
#747FEB
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.block-explorer-section
.table-latests
tbody
.table-progress
span
{
position
:
absolute
;
font-weight
:
700
;
font-size
:
10px
;
color
:
#fff
;
left
:
10px
;
top
:
-1px
}
.block-explorer-section
.table-latests
tbody
span
.red
{
color
:
#c7254e
}
.block-explorer-section
.table-latests
tbody
span
.green
{
color
:
#23A236
}
.block-explorer-section
.qr
{
border
:
1px
solid
#CEE1F8
;
background
:
#fff
}
.qr
img
{
width
:
250px
;
border
:
20px
solid
#fff
}
@media
(
max-width
:
991px
){
.block-explorer-wrapper
.block-explorer
{
position
:
relative
;
-webkit-transform
:
translateY
(
0
)
!important
;
transform
:
translateY
(
0
)
!important
;
padding-top
:
120px
}}
footer
.footer-top
{
height
:
440px
;
background
:
#F7F9FB
}
footer
.footer-top
.contact
{
margin-top
:
90px
}
footer
.footer-top
.contact
.section-title
{
font-weight
:
500
;
font-size
:
18px
;
color
:
#3B566E
;
letter-spacing
:
.77px
;
line-height
:
46px
;
margin-bottom
:
10px
}
footer
.footer-top
.contact
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
line-height
:
28px
;
letter-spacing
:
1px
;
margin-bottom
:
20px
}
footer
.footer-top
.contact
ul
.list
li
{
overflow
:
hidden
}
footer
.footer-top
.contact
ul
.list
li
i
{
float
:
left
;
height
:
40px
;
line-height
:
40px
;
width
:
30px
;
font-size
:
16px
;
color
:
#0EB8D9
}
footer
.footer-top
.contact
ul
.list
li
a
,
footer
.footer-top
.contact
ul
.list
li
span
{
float
:
left
;
height
:
40px
;
line-height
:
40px
;
font-weight
:
400
;
font-size
:
16px
;
color
:
#3B566E
;
letter-spacing
:
.69px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
footer
.footer-top
.contact
ul
.list
li
a
:hover
,
footer
.footer-top
.contact
ul
.list
li
span
:hover
{
padding-left
:
10px
}
footer
.footer-top
.contact
.social
{
float
:
left
;
margin-top
:
20px
}
footer
.footer-top
.contact
.social
li
{
float
:
left
;
margin-right
:
15px
}
footer
.footer-top
.contact
.social
li
a
{
font-size
:
22px
;
color
:
#0EB8D9
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
footer
.footer-top
.contact-form
{
background
:
#FFF
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
);
border-radius
:
4px
;
padding
:
40px
;
margin-top
:
100px
;
position
:
relative
;
z-index
:
2
}
footer
.footer-top
.contact-form
.section-title
{
font-weight
:
500
;
font-size
:
18px
;
color
:
#3B566E
;
letter-spacing
:
.77px
;
margin-bottom
:
30px
}
footer
.footer-top
.contact-form
.form-element
input
,
footer
.footer-top
.contact-form
.form-element
textarea
{
width
:
100%
;
height
:
46px
;
border
:
1px
solid
#CEE1F8
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
outline
:
0
;
padding-left
:
20px
;
padding-right
:
20px
;
margin-bottom
:
24px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
footer
.footer-top
.contact-form
.form-element
input
:focus
,
footer
.footer-top
.contact-form
.form-element
textarea
:focus
{
padding-left
:
30px
;
border
:
1px
solid
#0EB8D9
}
footer
.footer-top
.contact-form
.form-element
textarea
{
height
:
120px
;
padding
:
20px
;
resize
:
none
}
footer
.footer-top
.contact-form
.form-element
button
{
width
:
100%
}
footer
.footer-top
.contact-form
.form-element
button
:hover
{
border
:
1px
solid
#01405F
;
color
:
#01405F
}
footer
.footer-bottom
{
padding-top
:
80px
;
background-image
:
linear-gradient
(
134deg
,
#0EB8D9
0
,
#2CDDC9
100%
);
position
:
relative
}
footer
.footer-bottom.slim
{
padding-top
:
20px
}
footer
.footer-bottom.slim
.copyright
{
text-align
:
center
;
margin-top
:
0
;
margin-bottom
:
20px
}
footer
.footer-bottom
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background
:
url(../images/section-bg-bottom.png)
center
bottom
no-repeat
;
top
:
0
;
left
:
0
}
footer
.footer-bottom
.copyright
{
font-weight
:
400
;
font-size
:
14px
;
line-height
:
24px
;
color
:
#F3F8FF
;
letter-spacing
:
1.7px
;
text-align
:
left
;
margin-top
:
-15px
;
margin-bottom
:
50px
}
@media
(
max-width
:
991px
){
footer
.footer-top
{
height
:
auto
;
padding-top
:
100px
;
padding-bottom
:
100px
}
footer
.footer-top
.contact
{
margin-top
:
0
}
footer
.footer-bottom
{
padding-top
:
40px
}
footer
.footer-bottom
.copyright
{
margin
:
0
0
30px
;
text-align
:
center
}}
h2
,
img
.qr
{
margin-bottom
:
20px
}
.logo
{
font-size
:
20pt
;
color
:
#fff
;
font-weight
:
700
}
.logo
.text-muted
{
color
:
#EEE
!important
}
.logo
img
{
height
:
33px
;
vertical-align
:
middle
;
margin-right
:
5px
}
a
,
a
:active
,
a
:focus
,
a
:hover
{
color
:
inherit
}
header
.nav
a
{
display
:
inline-block
;
position
:
relative
;
color
:
#0087ca
}
header
.nav
a
::after
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
transform
:
scaleX
(
0
);
height
:
2px
;
bottom
:
0
;
left
:
0
;
background-color
:
#FFF
;
transform-origin
:
bottom
right
;
transition
:
transform
.25s
ease-out
}
header
.nav
.active
a
::after
,
header
.nav
a
:hover::after
{
transform
:
scaleX
(
1
);
transform-origin
:
bottom
left
}
img
.qr
{
border
:
10px
solid
#fff
;
width
:
250px
}
h2
{
color
:
#fff
}
.extra.small
{
font-size
:
9pt
!important
;
color
:
#AAA
}
.form-control
,
.form-control
:focus
{
color
:
#FFF
;
border
:
1px
solid
#343a40
!important
}
.input-group-lg
.form-control
{
font-size
:
12pt
}
.input-group-lg
.btn-success
{
font-size
:
14pt
!important
}
.btn-success
{
background
:
#12abab
;
border-color
:
#12abab
}
.btn-success
:active
,
.btn-success
:focus
,
.btn-success
:hover
{
background
:
#1ae4ff
;
border-color
:
#1ae4ff
}
.text-success
{
color
:
#1ae4ff
!important
}
.input-group-text
{
border-color
:
transparent
!important
}
.input-group-text.bg-dark
{
background-color
:
#555
!important
;
border
:
0
;
font-size
:
12pt
!important
}
.click-edit
{
border-bottom
:
1px
dotted
#EEE
;
cursor
:
pointer
}
#nprogress
.bar
{
background
:
#fff
}
#nprogress
.spinner-icon
{
border-top-color
:
#fff
;
border-left-color
:
#fff
}
.change-success
{
color
:
#7cfc00
!important
}
.change-danger
{
color
:
#ff4500
!important
}
[
contenteditable
=
true
]
{
white-space
:
nowrap
;
overflow
:
hidden
}
[
contenteditable
=
true
]
br
{
display
:
none
}
[
contenteditable
=
true
]
*
{
display
:
inline
;
white-space
:
nowrap
}
@media
(
min-width
:
1200px
){
.container
{
max-width
:
1250px
}}
@import
url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700)
;
#crafted
,
.loading-wrapper
{
position
:
fixed
;
width
:
100%
}
.left-text
ul
li
,
.loading-wrapper
{
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.loading
,
.shadow-inset
{
right
:
0
;
bottom
:
0
;
left
:
0
;
top
:
0
}
.center-heading
,
.center-text
{
text-align
:
center
}
a
,
abbr
,
acronym
,
address
,
applet
,
article
,
aside
,
b
,
big
,
blockquote
,
body
,
center
,
cite
,
code
,
dd
,
del
,
dfn
,
div
,
div
pre
,
dl
,
dt
,
em
,
figcaption
,
figure
,
font
,
footer
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
header
,
html
,
i
,
iframe
,
img
,
ins
,
kbd
,
li
,
nav
,
object
,
ol
,
p
,
q
,
s
,
samp
,
section
,
small
,
span
,
strike
,
strong
,
sub
,
sup
,
tt
,
u
,
ul
,
var
{
margin
:
0
;
padding
:
0
;
border
:
0
;
outline
:
0
}
#crafted
{
bottom
:
0
;
color
:
#EEE
;
z-index
:
999
;
padding
:
20px
0
}
.clearfix
:after
{
content
:
"."
;
display
:
block
;
clear
:
both
;
visibility
:
hidden
;
line-height
:
0
;
height
:
0
}
.clearfix
{
display
:
inline-block
}
.loading
,
article
,
aside
,
footer
,
header
,
hgroup
,
html
[
xmlns
]
.clearfix
,
nav
,
section
{
display
:
block
}
*
html
.clearfix
{
height
:
1%
}
li
,
ul
{
padding
:
0
;
margin
:
0
;
list-style
:
none
}
*
{
box-sizing
:
border-box
}
body
,
html
{
font-family
:
Raleway
,
sans-serif
;
font-weight
:
400
;
font-size
:
16px
;
-ms-text-size-adjust
:
100%
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
height
:
100vh
}
.shadow-inset
{
position
:
fixed
;
background
:
url(/images/prodnews-hero.png)
fixed
#1b1d20
;
background-size
:
cover
;
box-shadow
:
inset
0
0
10em
rgba
(
0
,
0
,
0
,
.6
)}
a
{
text-decoration
:
none
!important
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
margin-top
:
0
;
margin-bottom
:
0
}
ul
{
margin-bottom
:
0
}
.loading-wrapper
{
height
:
100%
;
color
:
#fff
;
font-size
:
16px
;
z-index
:
99999
;
-webkit-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.loading
,
.loading
>
div
{
position
:
absolute
;
width
:
50px
;
height
:
50px
}
.loading
{
margin
:
auto
}
.loading
>
div
{
background-color
:
#fff
;
border-radius
:
100%
;
opacity
:
0
;
-webkit-animation
:
loading
1s
0s
linear
infinite
;
animation
:
loading
1s
0s
linear
infinite
}
.loading
>
div
:nth-child
(
2
)
{
-webkit-animation-delay
:
.33333s
;
animation-delay
:
.33333s
}
.loading
>
div
:nth-child
(
3
)
{
-webkit-animation-delay
:
.66666s
;
animation-delay
:
.66666s
}
@-webkit-keyframes
loading
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
5
%
{
opacity
:
1
}
100
%
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
);
opacity
:
0
}}
@keyframes
loading
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
)}
5
%
{
opacity
:
1
}
100
%
{
opacity
:
0
}}
::selection
{
background
:
#0EB8D9
;
color
:
#fff
}
::-moz-selection
{
background
:
#0EB8D9
;
color
:
#fff
}
.m-bottom-100
{
margin-bottom
:
100px
}
.m-bottom-60
{
margin-bottom
:
60px
}
.m-bottom-70
{
margin-bottom
:
70px
}
.m-bottom-30
{
margin-bottom
:
30px
}
.m-bottom-0
{
margin-bottom
:
0
!important
}
.table-striped
tbody
tr
:nth-of-type
(
odd
)
{
background
:
#F3F8FF
}
.table
td
,
.table
th
,
.table
thead
th
{
border-top-color
:
transparent
;
border-bottom-color
:
transparent
}
.section
{
padding-top
:
100px
;
padding-bottom
:
100px
}
.bg-bottom
{
background
:
url(../images/section-bg.png)
center
bottom
no-repeat
;
background-size
:
cover
}
.bg-top
{
background
:
url(../images/section-bg.png)
center
top
no-repeat
}
.left-heading.light
.section-title
{
color
:
#fff
}
.center-heading
.section-title
,
.left-heading
.section-title
{
font-size
:
30px
;
color
:
#3B566E
;
letter-spacing
:
1.3px
;
line-height
:
40px
;
font-weight
:
400
}
.left-heading
.section-title
{
margin-bottom
:
20px
}
.center-heading
.section-title
{
margin-bottom
:
30px
}
.center-heading.colored
.section-title
{
color
:
#fff
}
.left-text
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
line-height
:
28px
;
letter-spacing
:
1px
;
margin-bottom
:
50px
}
.left-text
p
,
.left-text
ul
{
margin-bottom
:
30px
}
.left-text.light
{
color
:
#fff
}
.left-text
p
.dark
{
color
:
#3B566E
}
.left-text
ul
{
color
:
#fff
;
font-weight
:
600
;
font-size
:
14px
;
letter-spacing
:
1.18px
}
.left-text
ul
li
{
height
:
32px
;
line-height
:
32px
;
position
:
relative
;
padding-left
:
30px
;
-webkit-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.left-text
ul
li
:before
{
position
:
absolute
;
left
:
0
;
content
:
"\f178"
;
font-family
:
FontAwesome
;
height
:
38px
;
line-height
:
38px
}
.left-text
ul
li
:hover
{
padding-left
:
40px
}
.btn-secondary-box
,
.btn-secondary-line
,
.btn-white-line
{
padding-left
:
30px
;
padding-right
:
30px
}
.center-text
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#EEE
;
line-height
:
28px
;
letter-spacing
:
1px
;
margin-bottom
:
50px
}
.box
,
.center-text
p
{
margin-bottom
:
30px
}
.center-text.colored
{
color
:
#fff
}
.gradient
{
background-image
:
linear-gradient
(
134deg
,
#0EB8D9
0
,
#2CDDC9
100%
);
position
:
relative
}
.gradient
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background
:
url(../images/section-bg-top.png)
center
top
no-repeat
;
top
:
0
;
left
:
0
}
.align-self-center
{
-ms-flex-item-align
:
center
!important
;
align-self
:
center
!important
}
@media
(
max-width
:
991px
){
.mobile-bottom-fix
{
margin-bottom
:
60px
}
#countdown
{
font-size
:
1.7rem
}
[
data-target
=
"#participate-modal"
]
{
margin-bottom
:
10px
}
#crafted
p
{
color
:
#fff
}}
.btn-secondary-box
{
display
:
inline-block
;
height
:
46px
;
line-height
:
45px
;
text-align
:
center
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
position
:
relative
;
border
:
1px
solid
#01405F
;
background
:
#01405F
;
font-weight
:
500
;
font-size
:
14px
;
color
:
#fff
;
letter-spacing
:
.5px
;
text-transform
:
uppercase
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
outline
:
0
!important
;
cursor
:
pointer
}
.btn-secondary-box
:focus
,
.btn-secondary-box
:hover
{
border
:
1px
solid
#fff
;
background
:
0
0
;
color
:
#fff
}
.btn-primary-line
,
.btn-secondary-line
{
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
height
:
46px
;
line-height
:
45px
;
font-size
:
14px
;
letter-spacing
:
.5px
;
outline
:
0
!important
;
cursor
:
pointer
;
display
:
inline-block
;
position
:
relative
;
font-weight
:
500
;
text-align
:
center
;
text-transform
:
uppercase
}
.btn-secondary-line
{
border-radius
:
100px
;
border
:
1px
solid
#01405F
;
color
:
#01405F
;
transition
:
all
.3s
ease
0s
}
.btn-secondary-line
:hover
{
background
:
#01405F
;
color
:
#fff
}
.btn-primary-line
{
width
:
100%
;
border-radius
:
100px
;
border
:
1px
solid
#0EB8D9
;
color
:
#0EB8D9
;
transition
:
all
.3s
ease
0s
}
.box
.token-progress
ul
.progress-active
,
.btn-white-line
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.btn-primary-line
:hover
{
background
:
#0EB8D9
;
color
:
#fff
}
.btn-white-line
{
display
:
inline-block
;
height
:
46px
;
line-height
:
45px
;
text-align
:
center
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
position
:
relative
;
border
:
1px
solid
#fff
;
font-weight
:
500
;
font-size
:
14px
;
color
:
#fff
;
letter-spacing
:
.5px
;
text-transform
:
uppercase
;
transition
:
all
.3s
ease
0s
;
outline
:
0
!important
;
cursor
:
pointer
}
.btn-white-line
:hover
{
background
:
#fff
;
color
:
#3B566E
}
.app-download
{
display
:
inline-block
;
margin-right
:
10px
}
.box
{
background
:
#fff
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
padding
:
40px
;
position
:
relative
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
)}
.box
:after
,
.box
:before
{
content
:
''
;
background
:
#fff
;
margin
:
auto
;
border-radius
:
0
0
4px
4px
;
position
:
absolute
;
left
:
0
;
right
:
0
}
.box
:before
{
width
:
96%
;
height
:
12px
;
opacity
:
.59
;
bottom
:
-11px
;
z-index
:
2
}
.box
:after
{
width
:
92%
;
height
:
20px
;
opacity
:
.27
;
bottom
:
-20px
;
z-index
:
1
}
.box
.token
.title
{
display
:
block
;
text-align
:
center
;
font-weight
:
500
;
font-size
:
16px
;
letter-spacing
:
1.4px
;
color
:
#0EB8D9
;
margin-bottom
:
20px
}
.box
.token
.countdown
{
text-align
:
center
;
margin-bottom
:
40px
}
.box
.token
.countdown
li
{
display
:
inline-block
;
padding-left
:
20px
;
padding-right
:
20px
}
.box
.token
.countdown
li
.seperator
{
border-left
:
1px
solid
#CEE1F8
;
height
:
52px
;
padding
:
0
}
.box
.token
.countdown
li
span
{
font-weight
:
300
;
font-size
:
40px
;
color
:
#5A6066
;
letter-spacing
:
3.5px
}
.box
.token
.countdown
li
p
{
font-weight
:
500
;
font-size
:
12px
;
color
:
#BCBED4
;
text-transform
:
uppercase
;
margin-bottom
:
0
}
.box
.token
.token-input
{
border
:
1px
solid
#0EB8D9
;
height
:
46px
;
overflow
:
hidden
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
position
:
relative
;
margin
:
auto
}
.box
.token
.token-input
input
{
position
:
absolute
;
left
:
0
;
top
:
0
;
height
:
46px
;
width
:
25%
;
outline
:
0
;
border
:
none
;
padding-left
:
20px
;
font-weight
:
500
;
font-size
:
16px
;
letter-spacing
:
2.07px
;
color
:
#5A6066
}
.box
.token
.token-input
.fa-minus
,
.box
.token
.token-input
.fa-plus
{
width
:
10%
;
border
:
1px
solid
#0EB8D9
;
left
:
25%
;
line-height
:
24px
;
background
:
#E6EEF2
;
font-size
:
7px
;
position
:
absolute
;
text-align
:
center
;
cursor
:
pointer
}
.box
.token
.token-input
.fa-plus
{
height
:
24px
;
top
:
-1px
;
color
:
#0EB8D9
}
.box
.token
.token-input
.fa-minus
{
height
:
23px
;
top
:
22px
;
color
:
#0EB8D9
}
.box
.token
.token-input
button
{
position
:
absolute
;
width
:
65%
;
top
:
0
;
left
:
35%
;
height
:
46px
;
background
:
0
0
;
border
:
none
;
outline
:
0
;
font-weight
:
500
;
font-size
:
12px
;
letter-spacing
:
.5px
;
color
:
#0EB8D9
;
cursor
:
pointer
}
.box
.token-progress
{
border-bottom
:
1px
solid
#f5f5f5
;
height
:
100px
;
margin-bottom
:
20px
;
margin-top
:
10px
}
.box
.token-progress
ul
{
position
:
relative
;
height
:
5px
;
background
:
#D7DEE4
;
-webkit-border-radius
:
5px
;
-moz-border-radius
:
5px
;
border-radius
:
5px
}
.box
.token-progress
ul
.progress-active
{
position
:
absolute
;
height
:
5px
;
background
:
#0EB8D9
;
-webkit-border-radius
:
5px
;
-moz-border-radius
:
5px
;
border-radius
:
5px
;
width
:
0%
;
transition
:
all
.3s
ease
0s
;
padding-top
:
0
}
.box
.token-progress
ul
li
.item
:after
,
.box
.token-progress
ul
li
.item
:before
{
content
:
''
;
position
:
absolute
;
background
:
#D7DEE4
}
.box
.token-progress
ul
li
.item
{
position
:
absolute
;
padding-top
:
27px
}
.box
.token-progress
ul
li
.item
:before
{
width
:
16px
;
height
:
16px
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
top
:
-6px
}
.box
.token-progress
ul
li
.item
:after
{
width
:
30px
;
height
:
30px
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
top
:
-13px
;
left
:
-7px
;
opacity
:
.44
}
.box
.token-info
.item
span
,
.box
.token-info
.item
strong
{
letter-spacing
:
1.22px
;
height
:
38px
;
line-height
:
38px
;
float
:
left
}
.box
.token-progress
ul
li
.item.complate
:after
,
.box
.token-progress
ul
li
.item.complate
:before
{
background
:
#0EB8D9
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.box
.token-progress
ul
li
.item.complate
:hover:after
,
.box
.token-progress
ul
li
.item.complate
:hover:before
{
transform
:
scale
(
1.2
)}
.box
.token-progress
ul
li
.item
strong
{
display
:
block
;
font-weight
:
500
;
font-size
:
14px
;
color
:
#3B566E
;
margin-bottom
:
2px
;
padding-left
:
3px
}
.box
.token-progress
ul
li
.item
span
{
display
:
block
;
font-weight
:
500
;
font-size
:
12px
;
color
:
#BCBED4
;
padding-left
:
3px
}
.box
.token-info
.item
{
overflow
:
hidden
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.box
.token-payment
.radios
.form-radio
label
,
.box
.token-payment
.radios
.form-radio
label
i
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.box
.token-info
.item
strong
{
width
:
35%
;
font-weight
:
400
;
font-size
:
14px
;
color
:
#3B566E
}
.box
.token-info
.item
span
{
width
:
65%
;
font-weight
:
400
;
font-size
:
14px
;
color
:
#6F8BA4
}
.box
.token-info
.item
:hover
{
padding-left
:
10px
}
.box
.token-payment
{
border
:
1px
solid
#D6D6F3
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
position
:
relative
;
padding
:
40px
30px
}
.box
.token-payment
span
{
position
:
absolute
;
background
:
#fff
;
font-weight
:
400
;
font-size
:
14px
;
color
:
#A7A7E5
;
letter-spacing
:
1.24px
;
padding-left
:
10px
;
padding-right
:
10px
;
top
:
-11px
;
left
:
30px
}
.box
.token-payment
.radios
{
overflow
:
hidden
;
text-align
:
center
;
margin-bottom
:
20px
}
.box
.token-payment
.radios
.form-radio
{
display
:
inline-block
;
width
:
32px
;
height
:
32px
;
border
:
1px
solid
#0EB8D9
;
position
:
relative
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
overflow
:
hidden
;
margin-right
:
5px
;
margin-left
:
5px
}
.box
.token-payment
.radios
.form-radio
input
:checked
+
label
{
background
:
#0EB8D9
}
.box
.token-payment
.radios
.form-radio
input
:checked
+
label
i
{
color
:
#fff
}
.box
.token-payment
.radios
.form-radio
label
{
background
:
#fff
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
transition
:
all
.3s
ease
0s
;
cursor
:
pointer
}
.box
.token-payment
.radios
.form-radio
label
i
{
display
:
block
;
width
:
32px
;
height
:
32px
;
line-height
:
30px
;
text-align
:
center
;
color
:
#0EB8D9
;
font-size
:
14px
;
transition
:
all
.3s
ease
0s
;
letter-spacing
:
0
}
.header-area
,
.header-area
.main-nav
.logo
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.box
.token-payment
.radios
.form-radio
label
:hover
{
background
:
#0EB8D9
}
.box
.token-payment
.radios
.form-radio
label
:hover
i
{
color
:
#fff
}
@media
(
max-width
:
1200px
){
.box
.token
.countdown
li
{
padding-left
:
10px
;
padding-right
:
10px
}}
@media
(
max-width
:
991px
){
.box
.token
,
.box
.token
.countdown
{
overflow
:
hidden
}
.box
.token
.countdown
li
{
width
:
50%
;
float
:
left
;
padding
:
0
!important
}
.box
.token
.countdown
li
.seperator
{
display
:
none
}
.box
.token
.countdown
li
span
{
font-size
:
30px
}
.box
.token
.countdown
li
p
{
font-size
:
12px
}
.box
.token
.token-input
{
width
:
100%
}
.box
.token
.token-input
input
{
width
:
25%
}
.box
.token
.token-input
.fa-minus
,
.box
.token
.token-input
.fa-plus
{
left
:
25%
}
.box
.token
.token-input
button
{
font-size
:
12px
;
width
:
65%
;
left
:
35%
}
.box
.token-info
{
margin-bottom
:
30px
;
border-bottom
:
1px
solid
#CEE1F8
;
padding-bottom
:
20px
}
.box
.token-payment
{
margin
:
0
;
padding
:
40px
20px
}}
.header-area
{
position
:
fixed
;
top
:
0
;
left
:
0
;
right
:
0
;
z-index
:
100
;
height
:
100px
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.logo
{
float
:
left
;
margin-top
:
28px
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.logo
img
,
.header-area
.main-nav
.nav
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.logo
img
{
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.dark-logo
{
display
:
none
}
.header-area
.main-nav
.nav
{
float
:
right
;
margin-top
:
27px
;
transition
:
all
.3s
ease
0s
;
padding-top
:
5px
}
.header-area
.main-nav
.nav
li
{
margin-left
:
35px
}
.header-area
.main-nav
.nav
li
a
{
display
:
block
;
font-weight
:
600
;
font-size
:
14px
;
color
:
#FFF
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
height
:
36px
;
line-height
:
36px
;
border
:
transparent
}
.header-area
.main-nav
.nav
li
a
:hover
{
color
:
#fff
}
.header-area
.main-nav
.nav
li
a
.btn-nav-line
{
padding-left
:
25px
;
padding-right
:
25px
;
border
:
1px
solid
#FFF
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
line-height
:
34px
;
letter-spacing
:
.5px
;
background
:
#fff
;
color
:
#3B566E
}
.header-area
.main-nav
.nav
li
a
.btn-nav-line
:hover
{
background
:
#fff
;
color
:
#01405F
}
.header-area
.main-nav
.nav
li
a
.btn-nav-box
{
padding-left
:
25px
;
padding-right
:
25px
;
border
:
1px
solid
#FFF
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
line-height
:
34px
;
background
:
#fff
;
color
:
#3B566E
;
letter-spacing
:
.5px
}
.header-area
.main-nav
.nav
li
a
.btn-nav-box
:hover
{
background
:
0
0
;
color
:
#fff
}
.header-area
.main-nav
.menu-trigger
{
cursor
:
pointer
;
position
:
absolute
;
top
:
23px
;
width
:
32px
;
height
:
40px
;
text-indent
:
-9999em
;
z-index
:
99
;
right
:
40px
;
display
:
none
}
.header-area
.main-nav
.menu-trigger
span
,
.header-area
.main-nav
.menu-trigger
span
:after
,
.header-area
.main-nav
.menu-trigger
span
:before
{
-moz-transition
:
all
.4s
;
-o-transition
:
all
.4s
;
-webkit-transition
:
all
.4s
;
transition
:
all
.4s
;
background-color
:
#FFF
;
display
:
block
;
position
:
absolute
;
width
:
30px
;
height
:
2px
;
left
:
0
}
.header-area
.main-nav
.menu-trigger
span
:after
,
.header-area
.main-nav
.menu-trigger
span
:before
{
-moz-transition
:
all
.4s
;
-o-transition
:
all
.4s
;
-webkit-transition
:
all
.4s
;
transition
:
all
.4s
;
background-color
:
#CCC
;
display
:
block
;
position
:
absolute
;
height
:
2px
;
left
:
0
;
width
:
75%
;
content
:
""
}
.header-area
.main-nav
.lang
,
.header-area
.main-nav
.lang
.selected
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.menu-trigger
span
{
top
:
16px
}
.header-area
.main-nav
.menu-trigger
span
:before
{
-moz-transform-origin
:
33%
100%
;
-ms-transform-origin
:
33%
100%
;
-webkit-transform-origin
:
33%
100%
;
transform-origin
:
33%
100%
;
top
:
-10px
;
z-index
:
10
}
.header-area
.main-nav
.menu-trigger
span
:after
{
-moz-transform-origin
:
33%
0
;
-ms-transform-origin
:
33%
0
;
-webkit-transform-origin
:
33%
0
;
transform-origin
:
33%
0
;
top
:
10px
}
.header-area
.main-nav
.menu-trigger.active
span
,
.header-area
.main-nav
.menu-trigger.active
span
:after
,
.header-area
.main-nav
.menu-trigger.active
span
:before
{
background-color
:
transparent
;
width
:
100%
}
.header-area
.main-nav
.menu-trigger.active
span
:before
{
-moz-transform
:
translateY
(
6px
)
translateX
(
1px
)
rotate
(
45deg
);
-ms-transform
:
translateY
(
6px
)
translateX
(
1px
)
rotate
(
45deg
);
-webkit-transform
:
translateY
(
6px
)
translateX
(
1px
)
rotate
(
45deg
);
transform
:
translateY
(
6px
)
translateX
(
1px
)
rotate
(
45deg
);
background-color
:
#CCC
}
.header-area
.main-nav
.menu-trigger.active
span
:after
{
-moz-transform
:
translateY
(
-6px
)
translateX
(
1px
)
rotate
(
-45deg
);
-ms-transform
:
translateY
(
-6px
)
translateX
(
1px
)
rotate
(
-45deg
);
-webkit-transform
:
translateY
(
-6px
)
translateX
(
1px
)
rotate
(
-45deg
);
transform
:
translateY
(
-6px
)
translateX
(
1px
)
rotate
(
-45deg
);
background-color
:
#CCC
}
.header-area
.main-nav
.lang
{
float
:
right
;
margin-top
:
30px
;
margin-left
:
30px
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.selected
{
display
:
inline-block
;
height
:
36px
;
border
:
1px
solid
#fff
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
padding-left
:
15px
;
padding-right
:
15px
;
cursor
:
pointer
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.selected
img
,
.header-area
.main-nav
.lang
.selected
span
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
float
:
left
}
.header-area
.main-nav
.lang
.selected
img
{
margin-top
:
11px
;
margin-right
:
8px
;
transition
:
all
.3s
ease
0s
;
opacity
:
.7
}
.header-area
.main-nav
.lang
.selected
span
{
height
:
36px
;
line-height
:
35px
;
font-weight
:
400
;
font-size
:
12px
;
color
:
#fff
;
margin-right
:
5px
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
li
a
,
.header-area
.main-nav
.lang
.selected
i
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.selected
i
{
float
:
left
;
height
:
36px
;
line-height
:
35px
;
color
:
#fff
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
{
margin-top
:
8px
;
right
:
5px
;
display
:
none
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
);
position
:
absolute
}
.header-area
.main-nav
.lang
.flag-list
:before
{
content
:
''
;
position
:
absolute
;
top
:
-8px
;
left
:
0
;
right
:
0
;
margin
:
auto
;
width
:
0
;
height
:
0
;
border-left
:
10px
solid
transparent
;
border-right
:
10px
solid
transparent
;
border-bottom
:
8px
solid
#fff
}
.header-area
.main-nav
.lang
.flag-list
li
{
overflow
:
hidden
;
background
:
#fff
;
border-bottom
:
1px
solid
#CEE1F8
}
.header-area
.main-nav
.lang
.flag-list
li
:first-child
{
-webkit-border-radius
:
3px
3px
0
0
;
-moz-border-radius
:
3px
3px
0
0
;
border-radius
:
3px
3px
0
0
}
.header-area
.main-nav
.lang
.flag-list
li
:last-child
{
-webkit-border-radius
:
0
0
3px
3px
;
-moz-border-radius
:
0
0
3px
3px
;
border-radius
:
0
0
3px
3px
}
.header-area
.main-nav
.lang
.flag-list
li
a
{
display
:
block
;
overflow
:
hidden
;
padding-left
:
20px
;
padding-right
:
20px
;
background
:
#fff
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
li
a
img
,
.header-area
.main-nav
.lang
.flag-list
li
a
span
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
float
:
left
}
.header-area
.main-nav
.lang
.flag-list
li
a
:hover
{
background
:
#F3F8FF
}
.header-area
.main-nav
.lang
.flag-list
li
a
img
{
margin-top
:
7px
;
margin-right
:
7px
;
transition
:
all
.3s
ease
0s
;
box-shadow
:
0
1px
18px
0
rgba
(
0
,
0
,
0
,
.06
)}
.header-area
.main-nav
.lang
.flag-list
li
a
span
{
height
:
26px
;
line-height
:
26px
;
font-weight
:
600
;
font-size
:
12px
;
color
:
#6F8BA4
;
margin-right
:
5px
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
li
a
i
,
.welcome-area
.scroll-to
a
:before
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
li
a
i
{
float
:
left
;
height
:
26px
;
line-height
:
26px
;
color
:
#6F8BA4
;
transition
:
all
.3s
ease
0s
}
.header-area.header-sticky
{
background
:
#26272a
;
box-shadow
:
0
2px
28px
0
rgba
(
0
,
0
,
0
,
.6
)}
@media
(
max-width
:
1200px
){
.header-area
.main-nav
.nav
li
{
margin-left
:
15px
!important
}}
@media
(
max-width
:
991px
){
#crafted
{
height
:
80px
;
position
:
relative
;
background
:
#1b1d20
;
padding
:
10px
0
15px
}
.header-area
{
background
:
0
0
;
height
:
80px
;
box-shadow
:
0
2px
28px
0
rgba
(
0
,
0
,
0
,
.06
)}
.header-area
.container
{
padding
:
0
}
.header-area
.logo
{
margin-top
:
22px
!important
;
margin-left
:
30px
}
.header-area
.light-logo
{
display
:
none
!important
}
.header-area
.dark-logo
,
.header-area
.menu-trigger
{
display
:
block
!important
}
.header-area
.main-nav
{
overflow
:
hidden
}
.header-area
.main-nav
.nav
{
float
:
none
;
width
:
100%
;
margin-top
:
80px
!important
;
display
:
none
;
-webkit-transition
:
all
0s
ease
0s
;
-moz-transition
:
all
0s
ease
0s
;
-o-transition
:
all
0s
ease
0s
;
transition
:
all
0s
ease
0s
}
.header-area
.main-nav
.nav
li
{
width
:
100%
;
background
:
#fff
;
margin
:
0
!important
;
border-bottom
:
1px
solid
#f5f5f5
}
.header-area
.main-nav
.nav
li
a
{
height
:
50px
!important
;
line-height
:
50px
!important
;
padding
:
0
0
0
30px
!important
;
border
:
none
!important
;
background
:
#fff
!important
;
color
:
#3B566E
!important
}
.header-area
.main-nav
.nav
li
a
:hover
{
background
:
#f5f5f5
!important
}
.header-area
.main-nav
.lang
{
margin-top
:
22px
!important
;
margin-left
:
0
;
margin-right
:
80px
}
.header-area
.main-nav
.lang
.selected
{
border
:
1px
solid
#3B566E
}
.header-area
.main-nav
.lang
.selected
i
,
.header-area
.main-nav
.lang
.selected
span
{
color
:
#3B566E
}
.header-area
.main-nav
.lang
.flag-list
{
right
:
88px
}}
.features-elliptical
,
.features-line
{
padding-left
:
20px
;
padding-right
:
20px
;
text-align
:
center
}
@media
(
min-width
:
992px
){
.header-area
.main-nav
.nav
{
display
:
flex
!important
}}
.welcome-area
{
min-height
:
100vh
;
position
:
relative
}
.welcome-area.bg-top-right
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
background
:
url(../images/dark-top-right-bg.png)
top
right
no-repeat
;
z-index
:
3
}
.welcome-area.bg-bottom-center
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
background
:
url(../images/section-bg-bottom.png)
bottom
center
no-repeat
;
z-index
:
3
}
.welcome-area
:after
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
z-index
:
2
}
.welcome-area
canvas
{
width
:
100%
;
height
:
100%
;
position
:
absolute
;
left
:
0
;
top
:
0
;
z-index
:
4
}
.welcome-area
.header-token
{
position
:
absolute
;
width
:
100%
;
top
:
55.5%
;
left
:
0
;
z-index
:
5
;
-webkit-transform
:
translateY
(
-65%
);
transform
:
translateY
(
-65%
)}
.welcome-area
.header-token.basic
{
top
:
62%
}
.welcome-area
.header-token.text
{
top
:
60%
}
.welcome-area
.header-token
.box
{
margin-top
:
20px
}
.welcome-area
.header-token
h1
{
font-weight
:
400
;
font-size
:
36px
;
color
:
#FFF
;
line-height
:
46px
;
letter-spacing
:
.7px
;
margin-bottom
:
30px
}
.welcome-area
.header-token
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#fff
;
line-height
:
28px
;
letter-spacing
:
1px
;
margin-bottom
:
40px
}
.welcome-area
.scroll-to
{
position
:
absolute
;
width
:
100%
;
bottom
:
-30px
;
z-index
:
6
;
text-align
:
center
}
.welcome-area
.scroll-to
a
{
display
:
inline-block
;
width
:
60px
;
height
:
60px
;
background
:
#fff
;
margin
:
auto
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
position
:
relative
;
line-height
:
60px
;
font-size
:
24px
;
color
:
#0EB8D9
}
.welcome-area
.scroll-to
a
:before
{
content
:
''
;
position
:
absolute
;
left
:
-10px
;
top
:
-10px
;
width
:
80px
;
height
:
80px
;
background
:
#0EB8D9
;
opacity
:
.19
;
z-index
:
-1
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
box-shadow
:
0
1px
15px
1px
rgba
(
69
,
65
,
78
,
.7
);
transition
:
all
.3s
ease
0s
}
.features-elliptical
,
.features-elliptical.elliptical-bottom
:after
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.welcome-area
.scroll-to
a
:hover:before
{
width
:
90px
;
height
:
90px
;
left
:
-15px
;
top
:
-15px
}
@media
(
max-width
:
991px
){
.welcome-area
.header-token
{
position
:
relative
;
-webkit-transform
:
translateY
(
0
)
!important
;
transform
:
translateY
(
0
)
!important
;
padding-top
:
150px
}
.welcome-area
.header-token
.box
{
margin-top
:
90px
;
margin-bottom
:
100px
}
.welcome-area
.header-image
{
margin-top
:
60px
;
margin-bottom
:
90px
}}
.features-elliptical
{
margin-bottom
:
30px
;
transition
:
all
.3s
ease
0s
}
.features-elliptical.elliptical-bottom
{
position
:
relative
}
.features-elliptical.elliptical-bottom
:after
{
content
:
''
;
position
:
absolute
;
width
:
70%
;
height
:
32px
;
top
:
70px
;
left
:
70%
;
background
:
url(../images/elliptical-bottom.png)
center
center
no-repeat
;
transition
:
all
.3s
ease
0s
}
.features-elliptical
.icon
,
.features-elliptical.elliptical-top
:after
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.features-elliptical.elliptical-top
{
position
:
relative
}
.features-elliptical.elliptical-top
:after
{
content
:
''
;
position
:
absolute
;
width
:
70%
;
height
:
32px
;
top
:
0
;
left
:
70%
;
background
:
url(../images/elliptical-top.png)
center
center
no-repeat
;
transition
:
all
.3s
ease
0s
}
.features-elliptical
.icon
{
width
:
100px
;
height
:
100px
;
margin
:
auto
auto
36px
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
border
:
2px
dashed
#6F8BA4
;
transition
:
all
.3s
ease
0s
}
.features-line
,
.features-line.line
:after
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.features-elliptical
.icon
i
{
display
:
block
;
width
:
100px
;
height
:
100px
;
line-height
:
100px
;
color
:
#6F8BA4
;
font-size
:
50px
}
.features-elliptical
.features-title
{
font-weight
:
400
;
font-size
:
18px
;
color
:
#3B566E
;
letter-spacing
:
1.12px
;
margin-bottom
:
20px
}
.features-elliptical
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
line-height
:
28px
;
letter-spacing
:
1px
}
.features-elliptical
:hover
{
margin-top
:
-20px
;
padding-bottom
:
20px
}
.features-elliptical
:hover
.elliptical-bottom
:after
{
top
:
90px
}
.features-elliptical
:hover
.elliptical-top
:after
{
top
:
20px
}
.features-line
{
margin-bottom
:
30px
;
transition
:
all
.3s
ease
0s
}
.features-line.line
{
position
:
relative
}
.features-line.line
:after
{
content
:
''
;
position
:
absolute
;
width
:
70%
;
height
:
2px
;
top
:
50px
;
left
:
70%
;
transition
:
all
.3s
ease
0s
;
border
:
1px
dashed
#0EB8D9
}
.features-bordered
,
.features-line
.icon
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.features-line
.icon
{
width
:
100px
;
height
:
100px
;
margin
:
auto
auto
36px
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
transition
:
all
.3s
ease
0s
;
background
:
#0EB8D9
}
.features-line
.icon
i
{
display
:
block
;
width
:
100px
;
height
:
100px
;
line-height
:
100px
;
color
:
#fff
;
font-size
:
40px
}
.features-line
.features-title
{
font-weight
:
400
;
font-size
:
18px
;
color
:
#3B566E
;
letter-spacing
:
1.12px
;
margin-bottom
:
20px
}
.features-line
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
line-height
:
28px
;
letter-spacing
:
1px
}
.features-line
:hover
{
margin-top
:
-20px
;
padding-bottom
:
20px
}
.features-line
:hover:after
{
top
:
70px
}
.features-bordered
{
border
:
1px
solid
#CEE1F8
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
padding
:
30px
;
transition
:
all
.3s
ease
0s
;
overflow
:
hidden
;
margin-bottom
:
30px
}
.features-bordered
a
,
.features-shadow
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.features-bordered
:hover
{
border
:
1px
solid
#0EB8D9
}
.features-bordered
.icon
{
margin-bottom
:
25px
}
.features-bordered
.features-title
{
font-weight
:
400
;
font-size
:
18px
;
letter-spacing
:
1.12px
;
color
:
#3B566E
;
line-height
:
28px
;
margin-bottom
:
22px
}
.features-bordered
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
letter-spacing
:
1px
;
line-height
:
28px
;
margin-bottom
:
10px
}
.features-bordered
a
{
float
:
right
;
font-weight
:
400
;
font-size
:
14px
;
letter-spacing
:
.88px
;
color
:
#6F8BA4
;
transition
:
all
.3s
ease
0s
}
.features-bordered
a
i
{
margin-left
:
3px
}
.features-bordered
a
:hover
{
color
:
#01405F
}
.features-shadow
{
padding
:
30px
20px
;
text-align
:
center
;
margin-bottom
:
30px
;
transition
:
all
.3s
ease
0s
}
.roadmap-full
.roadmap-item-full
,
.roadmap-full
.roadmap-item-full
.status
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.features-shadow
.icon
{
margin-bottom
:
20px
}
.features-shadow
.icon
i
{
font-size
:
30px
;
color
:
#01405F
}
.features-shadow
.features-title
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#3B566E
;
letter-spacing
:
1.12px
;
margin-bottom
:
20px
;
line-height
:
26px
}
.features-shadow
p
{
font-weight
:
400
;
font-size
:
14px
;
color
:
#6F8BA4
;
line-height
:
26px
;
letter-spacing
:
1px
}
.features-shadow
:hover
{
background
:
#FFF
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
);
border-radius
:
4px
;
transform
:
scale
(
1.1
)}
@media
(
max-width
:
991px
){
.features-elliptical
{
padding
:
0
}
.features-elliptical
:after
,
.features-line
:after
{
display
:
none
}}
.roadmap-full
{
position
:
relative
;
border-bottom
:
1px
dashed
#CEE1F8
}
.roadmap-full
.roadmap-item-full
{
border-top
:
1px
dashed
#CEE1F8
;
padding-top
:
70px
;
padding-bottom
:
70px
;
position
:
relative
;
transition
:
all
.3s
ease
0s
}
.roadmap-full
.roadmap-item-full
:hover
{
background
:
#F3F8FF
}
.roadmap-full
.roadmap-item-full
:hover
.status
{
height
:
134px
}
.roadmap-full
.roadmap-item-full
.date
{
float
:
right
;
color
:
#3B566E
;
font-weight
:
400
;
font-size
:
18px
;
letter-spacing
:
.78px
}
.roadmap-full
.roadmap-item-full
.status
{
position
:
absolute
;
left
:
0
;
right
:
0
;
top
:
-100px
;
width
:
2px
;
height
:
124px
;
background
:
#CEE1F8
;
margin
:
auto
;
z-index
:
2
;
transition
:
all
.3s
ease
0s
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot
span
,
.roadmap-modern-wrapper
.roadmap-modern
.status
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.roadmap-full
.roadmap-item-full
.status.complate
,
.roadmap-full
.roadmap-item-full
.status.complate
:before
{
background
:
#0EB8D9
}
.roadmap-full
.roadmap-item-full
.status
:before
{
content
:
''
;
position
:
absolute
;
width
:
18px
;
height
:
18px
;
bottom
:
0
;
left
:
-8px
;
background
:
#CEE1F8
;
box-shadow
:
0
1px
18px
10px
#F3F8FF
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.roadmap-full
.roadmap-item-full
.status
:after
{
content
:
''
;
position
:
absolute
;
width
:
66px
;
height
:
66px
;
bottom
:
-24px
;
left
:
-32px
;
border
:
1px
solid
#CEE1F8
;
z-index
:
1
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.roadmap-full
.roadmap-item-full
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
line-height
:
28px
;
letter-spacing
:
.69px
}
.roadmap-modern-wrapper
.roadmap-modern
{
background
:
#FFF
;
border-radius
:
4px
;
padding
:
30px
;
border
:
1px
solid
#CEE1F8
;
position
:
relative
;
overflow
:
hidden
;
min-height
:
220px
}
.roadmap-modern-wrapper
.roadmap-modern
.status
{
position
:
absolute
;
left
:
40px
;
top
:
0
;
width
:
2px
;
height
:
29px
;
background
:
#CEE1F8
;
z-index
:
2
;
transition
:
all
.3s
ease
0s
}
.roadmap-modern-wrapper
.roadmap-modern
.status.complate
,
.roadmap-modern-wrapper
.roadmap-modern
.status.complate
:before
{
background
:
#0EB8D9
}
.roadmap-modern-wrapper
.roadmap-modern
.status
:before
{
content
:
''
;
position
:
absolute
;
width
:
10px
;
height
:
10px
;
bottom
:
0
;
left
:
-4px
;
background
:
#CEE1F8
;
box-shadow
:
0
1px
18px
10px
#F3F8FF
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.team-round
.profile
,
.team-square
{
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
)}
.roadmap-modern-wrapper
.roadmap-modern
.status
:after
{
content
:
''
;
position
:
absolute
;
width
:
24px
;
height
:
24px
;
bottom
:
-7px
;
left
:
-11px
;
border
:
1px
solid
#CEE1F8
;
z-index
:
1
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.roadmap-modern-wrapper
.roadmap-modern
.date
{
float
:
left
;
width
:
100%
;
margin-top
:
-17px
;
padding-left
:
40px
;
font-weight
:
400
;
font-size
:
18px
;
color
:
#3B566E
;
margin-bottom
:
20px
}
.roadmap-modern-wrapper
.roadmap-modern
p
{
font-weight
:
400
;
font-size
:
15px
;
color
:
#6F8BA4
;
letter-spacing
:
.6
;
line-height
:
27px
}
.roadmap-modern-wrapper
.owl-dots
{
margin-top
:
30px
!important
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot
{
outline
:
0
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot
span
{
width
:
13px
;
height
:
13px
;
border
:
1px
solid
#0EB8D9
;
background
:
0
0
;
transition
:
all
.3s
ease
0s
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot
span
,
.team-round
.profile
.img
.social
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot.active
span
{
background
:
#0EB8D9
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot.active
:hover
span
{
transform
:
scale
(
1
);
background
:
#0EB8D9
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot
:hover
span
{
transform
:
scale
(
1.2
);
background
:
0
0
}
.roadmap-lux-wrapper
.roadmap-lux
.header
{
position
:
relative
;
width
:
74px
;
height
:
38px
;
border-radius
:
4px
4px
0
0
;
margin-left
:
20px
;
background
:
#59dbf4
}
.roadmap-lux-wrapper
.roadmap-lux
.header.complate
{
background
:
#0EB8D9
}
.roadmap-lux-wrapper
.roadmap-lux
.header.complate
.date
{
float
:
left
;
font-weight
:
400
;
font-size
:
12px
;
color
:
#fff
;
margin-top
:
5px
}
.roadmap-lux-wrapper
.roadmap-lux
.header.complate
i
{
float
:
left
;
width
:
30px
;
height
:
38px
;
text-align
:
center
;
line-height
:
38px
;
font-size
:
12px
;
color
:
#053e49
}
.roadmap-lux-wrapper
.roadmap-lux
.header
.date
{
color
:
#6F8BA4
;
margin-top
:
5px
;
float
:
left
;
font-weight
:
400
;
font-size
:
12px
}
.roadmap-lux-wrapper
.roadmap-lux
.header
i
{
float
:
left
;
width
:
30px
;
height
:
38px
;
text-align
:
center
;
line-height
:
38px
;
font-size
:
12px
;
color
:
#11cbf0
}
.roadmap-lux-wrapper
.roadmap-lux
.text
{
background
:
#FFF
;
border-radius
:
4px
;
padding
:
30px
;
border
:
1px
solid
#CEE1F8
;
position
:
relative
;
min-height
:
195px
}
.roadmap-lux-wrapper
.roadmap-lux
.text
p
{
font-weight
:
400
;
font-size
:
15px
;
color
:
#6F8BA4
;
letter-spacing
:
.6
;
line-height
:
27px
}
.team-round
.team-name
,
.team-square
.team-name
{
letter-spacing
:
1px
;
line-height
:
30px
;
text-align
:
center
}
.roadmap-lux-wrapper
.owl-dots
{
margin-top
:
30px
!important
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot
{
outline
:
0
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot
span
{
width
:
13px
;
height
:
13px
;
border
:
1px
solid
#0EB8D9
;
background
:
0
0
;
transition
:
all
.3s
ease
0s
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot.active
span
{
background
:
#0EB8D9
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot.active
:hover
span
{
transform
:
scale
(
1
);
background
:
#0EB8D9
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot
:hover
span
{
transform
:
scale
(
1.2
);
background
:
0
0
}
@media
(
max-width
:
768px
){
.roadmap-full
.roadmap-item-full
:hover
.status
{
height
:
60px
}
.roadmap-full
.roadmap-item-full
.date
{
float
:
none
;
text-align
:
center
;
margin-top
:
10px
;
margin-bottom
:
10px
}
.roadmap-full
.roadmap-item-full
.status
{
height
:
60px
;
top
:
-130px
}
.roadmap-full
.roadmap-item-full
p
{
text-align
:
center
}}
.team-round
{
margin-bottom
:
30px
}
.team-round
.profile
{
margin
:
auto
auto
100px
;
background
:
#fff
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
width
:
180px
;
height
:
180px
;
position
:
relative
;
text-align
:
center
;
padding-top
:
10px
}
.team-round
.profile
.img
,
.team-round
.profile
.img
img
{
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
overflow
:
hidden
}
.team-round
.profile
:before
{
content
:
''
;
position
:
absolute
;
left
:
0
;
right
:
0
;
margin
:
auto
;
bottom
:
-89px
;
width
:
3px
;
height
:
89px
;
background
:
url(../images/team.png)
}
.team-round
.profile
.img
{
position
:
relative
;
width
:
160px
;
height
:
160px
;
border-radius
:
100px
;
margin-left
:
10px
}
.team-round
.profile
.img
img
{
width
:
160px
;
height
:
160px
;
border-radius
:
100px
}
.team-round
.profile
.img
.social
{
content
:
''
;
position
:
absolute
;
width
:
160px
;
height
:
160px
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
top
:
0
;
left
:
-160px
;
background-image
:
linear-gradient
(
134deg
,
#0EB8D9
0
,
#2CDDC9
100%
);
opacity
:
.83
;
text-align
:
center
;
transition
:
all
.3s
ease
0s
}
.faq
.card
.card-header
,
.team-square
.profile
.img
.social
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.team-round
.profile
.img
.social
li
{
display
:
inline-block
;
margin-top
:
67px
;
margin-left
:
3px
;
margin-right
:
3px
}
.team-round
.profile
.img
.social
li
a
{
font-size
:
18px
;
color
:
#fff
}
.team-round
.team-name
{
font-weight
:
500
;
font-size
:
16px
;
color
:
#3B566E
}
.team-round
span
{
display
:
block
;
text-align
:
center
;
font-weight
:
400
;
font-size
:
12px
;
color
:
#6F8BA4
}
.team-round
:hover
.profile
.img
.social
{
left
:
0
}
.team-square
{
background
:
#fff
;
padding
:
10px
}
.parallax
:before
,
.team-square
.profile
.img
.social
{
height
:
100%
;
background-image
:
linear-gradient
(
134deg
,
#0EB8D9
0
,
#2CDDC9
100%
);
width
:
100%
;
content
:
''
}
.team-square
.profile
{
position
:
relative
;
overflow
:
hidden
;
margin-bottom
:
10px
}
.team-square
.profile
.img
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
overflow
:
hidden
}
.team-square
.profile
.img
img
{
width
:
100%
;
height
:
100%
;
overflow
:
hidden
}
.team-square
.profile
.img
.social
{
position
:
absolute
;
bottom
:
-999px
;
opacity
:
.83
;
text-align
:
center
;
transition
:
all
.3s
ease
0s
}
.team-square
.profile
.img
.social
li
{
display
:
inline-block
;
margin-top
:
40%
;
margin-left
:
3px
;
margin-right
:
3px
}
.team-square
.profile
.img
.social
li
a
{
font-size
:
18px
;
color
:
#fff
}
.team-square
.team-name
{
font-weight
:
500
;
font-size
:
16px
;
color
:
#3B566E
}
.team-square
span
{
display
:
block
;
text-align
:
center
;
font-weight
:
400
;
font-size
:
12px
;
color
:
#6F8BA4
}
.team-square
:hover
.profile
.img
.social
{
bottom
:
0
}
.parallax
{
min-height
:
440px
;
position
:
relative
;
overflow
:
hidden
}
.parallax
:before
{
position
:
absolute
;
top
:
0
;
left
:
0
;
z-index
:
2
;
opacity
:
.77
}
.parallax
.parallax-content
{
min-height
:
440px
;
position
:
absolute
;
width
:
100%
;
left
:
0
;
top
:
0
;
z-index
:
3
;
text-align
:
center
}
.parallax
.parallax-content
.section-title
{
font-weight
:
400
;
font-size
:
30px
;
color
:
#fff
;
text-align
:
center
;
line-height
:
46px
;
letter-spacing
:
1.29px
;
margin-top
:
100px
;
margin-bottom
:
30px
}
.parallax
.parallax-content
p
{
text-align
:
center
;
font-weight
:
400
;
font-size
:
16px
;
color
:
#fff
;
line-height
:
26px
;
letter-spacing
:
1px
;
margin-bottom
:
50px
}
.faq
{
background
:
#FFF
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.02
);
border-radius
:
4px
}
.faq
.card
{
border
:
none
;
background
:
0
0
;
border-bottom
:
1px
dashed
#CEE1F8
}
.faq
.card
.card-header
{
padding
:
0
;
border
:
none
;
background
:
0
0
;
min-height
:
70px
;
transition
:
all
.3s
ease
0s
}
.block-explorer-wrapper
.search
.input-wrapper
.input
input
,
.faq
.card
.card-header
.faq-title
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.faq
.card
.card-header
:hover
{
background
:
#F3F8FF
;
padding-left
:
10px
}
.faq
.card
.card-header
.faq-title
{
min-height
:
70px
;
line-height
:
70px
;
width
:
100%
;
text-align
:
left
;
padding
:
0
30px
;
font-weight
:
400
;
font-size
:
16px
;
letter-spacing
:
1px
;
color
:
#3B566E
;
text-decoration
:
none
!important
;
transition
:
all
.3s
ease
0s
;
cursor
:
pointer
}
.faq
.card
.card-header
.faq-title
.badge
{
display
:
inline-block
;
width
:
20px
;
height
:
20px
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
text-align
:
center
;
background
:
#0EB8D9
;
color
:
#fff
;
font-size
:
12px
;
margin-right
:
10px
}
.faq
.card
.card-body
{
padding
:
30px
30px
16px
35px
;
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
line-height
:
28px
;
letter-spacing
:
1px
;
border-top
:
1px
solid
#F3F8FF
}
.faq
.card
.card-body
p
{
margin-bottom
:
14px
}
@media
(
max-width
:
991px
){
.faq
.card
.card-header
.faq-title
{
line-height
:
26px
;
margin-top
:
10px
}}
.block-explorer-wrapper
{
min-height
:
360px
;
position
:
relative
}
.block-explorer-wrapper.bg-top-right
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
background
:
url(../images/dark-top-right-bg.png)
top
right
no-repeat
;
z-index
:
3
}
.block-explorer-wrapper.bg-bottom-center
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
background
:
url(../images/section-bg-bottom.png)
bottom
center
no-repeat
;
z-index
:
3
}
.block-explorer-wrapper
:after
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
background
:
url(/images/prodnews-hero.png)
fixed
#1b1d20
;
background-size
:
cover
;
z-index
:
2
}
.block-explorer-wrapper
canvas
{
width
:
100%
;
height
:
100%
;
position
:
absolute
;
left
:
0
;
top
:
0
;
z-index
:
4
}
.block-explorer-wrapper
.block-explorer
{
position
:
absolute
;
width
:
100%
;
left
:
0
;
z-index
:
5
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
top
:
50%
}
.block-explorer-wrapper
.block-explorer
h1
{
font-weight
:
400
;
font-size
:
36px
;
color
:
#FFF
;
line-height
:
46px
;
letter-spacing
:
.7px
;
margin-bottom
:
20px
}
.block-explorer-wrapper
.block-explorer
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#D5D8F3
;
line-height
:
28px
;
letter-spacing
:
1px
}
.block-explorer-wrapper
.block-explorer
p
a
{
color
:
#D5D8F3
}
.block-explorer-wrapper
.search
{
position
:
absolute
;
width
:
100%
;
bottom
:
-60px
;
z-index
:
6
}
.block-explorer-wrapper
.search
.input-wrapper
{
padding
:
40px
;
background
:
#fff
;
box-shadow
:
0
0
34px
0
rgba
(
63
,
66
,
87
,
.1
);
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
}
.block-explorer-wrapper
.search
.input-wrapper
.input
{
height
:
50px
;
position
:
relative
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
}
.block-explorer-wrapper
.search
.input-wrapper
.input
input
{
position
:
absolute
;
width
:
100%
;
height
:
100%
;
outline
:
0
;
border
:
none
;
border
:
1px
solid
#e6ecf5
;
padding-left
:
20px
;
padding-right
:
20px
;
transition
:
all
.3s
ease
0s
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;
z-index
:
1
}
.block-explorer-features
.item
,
.block-explorer-features
.item
.title
.icon
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
}
.block-explorer-wrapper
.search
.input-wrapper
.input
input
:focus
{
padding-left
:
30px
;
border
:
1px
solid
#747FEB
}
.block-explorer-wrapper
.search
.input-wrapper
.input
button
{
position
:
absolute
;
right
:
7px
;
height
:
36px
;
line-height
:
36px
;
text-align
:
center
;
padding
:
0
;
z-index
:
2
;
width
:
36px
;
top
:
7px
;
border
:
none
;
background
:
#929292
;
color
:
#fff
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;
outline
:
0
;
cursor
:
pointer
}
.block-explorer-features
{
padding-top
:
130px
}
.block-explorer-features
.item
{
border
:
1px
solid
#CEE1F8
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
transition
:
all
.3s
ease
0s
;
overflow
:
hidden
;
margin-bottom
:
30px
;
background
:
#fff
}
.block-explorer-features
.item
:hover
.title
.icon
{
height
:
37px
}
.block-explorer-features
.item
.title
{
height
:
50px
;
border-bottom
:
1px
solid
#CEE1F8
;
background
:
#F3F8FF
}
.block-explorer-features
.item
.title
.icon
{
position
:
absolute
;
left
:
50px
;
top
:
0
;
width
:
2px
;
height
:
32px
;
background
:
#747FEB
;
z-index
:
2
;
transition
:
all
.3s
ease
0s
}
.block-explorer-features
.item
.title
.icon
:before
{
content
:
''
;
position
:
absolute
;
width
:
10px
;
height
:
10px
;
bottom
:
0
;
left
:
-4px
;
background
:
#747FEB
;
box-shadow
:
0
1px
18px
10px
#F3F8FF
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.block-explorer-features
.item
.title
.icon
:after
{
content
:
''
;
position
:
absolute
;
width
:
24px
;
height
:
24px
;
bottom
:
-7px
;
left
:
-11px
;
border
:
1px
solid
#CEE1F8
;
z-index
:
1
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.block-explorer-features
.item
.title
h5
{
float
:
left
;
width
:
100%
;
padding-left
:
60px
;
font-weight
:
400
;
font-size
:
16px
;
color
:
#3B566E
;
margin-top
:
16px
}
.block-explorer-features
.item
.text
{
padding
:
20px
;
text-align
:
center
}
.block-explorer-features
.item
.text
span
{
display
:
inline-block
;
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
letter-spacing
:
1px
;
height
:
30px
;
line-height
:
30px
}
.block-explorer-features
.item
.text
span
a
{
color
:
#6F8BA4
}
.block-explorer-features
.item
.text
span
i
.green
{
color
:
#23A236
}
.block-explorer-section
{
padding-top
:
130px
}
.block-explorer-section
.table-latests
{
background
:
#fff
;
border
:
1px
solid
#CEE1F8
}
.block-explorer-section
.table-latests.table-detail
td
{
padding
:
10px
30px
}
.block-explorer-section
.table-latests.table-detail
strong
{
font-weight
:
600
;
font-size
:
14px
;
color
:
#3B566E
;
letter-spacing
:
1px
}
.block-explorer-section
.table-latests
td
{
padding
:
15px
;
border-top
:
1px
solid
#CEE1F8
}
.block-explorer-section
.table-latests
thead
{
font-weight
:
600
;
font-size
:
14px
;
color
:
#3B566E
;
letter-spacing
:
1px
}
.block-explorer-section
.table-latests
tbody
{
font-weight
:
400
;
font-size
:
14px
;
color
:
#3B566E
;
letter-spacing
:
.78px
}
.block-explorer-section
.table-latests
tbody
a
{
color
:
#256592
}
.block-explorer-section
.table-latests
tbody
.table-progress
{
width
:
200px
;
height
:
15px
;
position
:
relative
;
background
:
#D7DEE4
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
margin-top
:
5px
}
.block-explorer-section
.table-latests
tbody
.table-progress
.progress-line
{
position
:
absolute
;
width
:
0%
;
height
:
15px
;
background
:
#747FEB
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
}
.block-explorer-section
.table-latests
tbody
.table-progress
span
{
position
:
absolute
;
font-weight
:
700
;
font-size
:
10px
;
color
:
#fff
;
left
:
10px
;
top
:
-1px
}
.block-explorer-section
.table-latests
tbody
span
.red
{
color
:
#c7254e
}
.block-explorer-section
.table-latests
tbody
span
.green
{
color
:
#23A236
}
.block-explorer-section
.qr
{
border
:
1px
solid
#CEE1F8
;
background
:
#fff
}
.qr
img
{
width
:
250px
;
border
:
20px
solid
#fff
}
@media
(
max-width
:
991px
){
.block-explorer-wrapper
.block-explorer
{
position
:
relative
;
-webkit-transform
:
translateY
(
0
)
!important
;
transform
:
translateY
(
0
)
!important
;
padding-top
:
120px
}}
footer
.footer-top
{
height
:
440px
;
background
:
#F7F9FB
}
footer
.footer-top
.contact
{
margin-top
:
90px
}
footer
.footer-top
.contact
.section-title
{
font-weight
:
500
;
font-size
:
18px
;
color
:
#3B566E
;
letter-spacing
:
.77px
;
line-height
:
46px
;
margin-bottom
:
10px
}
footer
.footer-top
.contact
p
{
font-weight
:
400
;
font-size
:
16px
;
color
:
#6F8BA4
;
line-height
:
28px
;
letter-spacing
:
1px
;
margin-bottom
:
20px
}
footer
.footer-top
.contact
ul
.list
li
{
overflow
:
hidden
}
footer
.footer-top
.contact
ul
.list
li
i
{
float
:
left
;
height
:
40px
;
line-height
:
40px
;
width
:
30px
;
font-size
:
16px
;
color
:
#0EB8D9
}
footer
.footer-top
.contact
ul
.list
li
a
,
footer
.footer-top
.contact
ul
.list
li
span
{
float
:
left
;
height
:
40px
;
line-height
:
40px
;
font-weight
:
400
;
font-size
:
16px
;
color
:
#3B566E
;
letter-spacing
:
.69px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
footer
.footer-top
.contact
ul
.list
li
a
:hover
,
footer
.footer-top
.contact
ul
.list
li
span
:hover
{
padding-left
:
10px
}
footer
.footer-top
.contact
.social
{
float
:
left
;
margin-top
:
20px
}
footer
.footer-top
.contact
.social
li
{
float
:
left
;
margin-right
:
15px
}
footer
.footer-top
.contact
.social
li
a
{
font-size
:
22px
;
color
:
#0EB8D9
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
footer
.footer-top
.contact-form
{
background
:
#FFF
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
);
border-radius
:
4px
;
padding
:
40px
;
margin-top
:
100px
;
position
:
relative
;
z-index
:
2
}
footer
.footer-top
.contact-form
.section-title
{
font-weight
:
500
;
font-size
:
18px
;
color
:
#3B566E
;
letter-spacing
:
.77px
;
margin-bottom
:
30px
}
footer
.footer-top
.contact-form
.form-element
input
,
footer
.footer-top
.contact-form
.form-element
textarea
{
width
:
100%
;
height
:
46px
;
border
:
1px
solid
#CEE1F8
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
;
outline
:
0
;
padding-left
:
20px
;
padding-right
:
20px
;
margin-bottom
:
24px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
footer
.footer-top
.contact-form
.form-element
input
:focus
,
footer
.footer-top
.contact-form
.form-element
textarea
:focus
{
padding-left
:
30px
;
border
:
1px
solid
#0EB8D9
}
footer
.footer-top
.contact-form
.form-element
textarea
{
height
:
120px
;
padding
:
20px
;
resize
:
none
}
footer
.footer-top
.contact-form
.form-element
button
{
width
:
100%
}
footer
.footer-top
.contact-form
.form-element
button
:hover
{
border
:
1px
solid
#01405F
;
color
:
#01405F
}
footer
.footer-bottom
{
padding-top
:
80px
;
background-image
:
linear-gradient
(
134deg
,
#0EB8D9
0
,
#2CDDC9
100%
);
position
:
relative
}
footer
.footer-bottom.slim
{
padding-top
:
20px
}
footer
.footer-bottom.slim
.copyright
{
text-align
:
center
;
margin-top
:
0
;
margin-bottom
:
20px
}
footer
.footer-bottom
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
background
:
url(../images/section-bg-bottom.png)
center
bottom
no-repeat
;
top
:
0
;
left
:
0
}
footer
.footer-bottom
.copyright
{
font-weight
:
400
;
font-size
:
14px
;
line-height
:
24px
;
color
:
#F3F8FF
;
letter-spacing
:
1.7px
;
text-align
:
left
;
margin-top
:
-15px
;
margin-bottom
:
50px
}
@media
(
max-width
:
991px
){
footer
.footer-top
{
height
:
auto
;
padding-top
:
100px
;
padding-bottom
:
100px
}
footer
.footer-top
.contact
{
margin-top
:
0
}
footer
.footer-bottom
{
padding-top
:
40px
}
footer
.footer-bottom
.copyright
{
margin
:
0
0
30px
;
text-align
:
center
}}
h2
,
img
.qr
{
margin-bottom
:
20px
}
.logo
{
font-size
:
20pt
;
color
:
#fff
;
font-weight
:
700
}
.logo
.text-muted
{
color
:
#EEE
!important
}
.logo
img
{
height
:
33px
;
vertical-align
:
middle
;
margin-right
:
5px
}
a
,
a
:active
,
a
:focus
,
a
:hover
{
color
:
inherit
}
header
.nav
a
{
display
:
inline-block
;
position
:
relative
;
color
:
#0087ca
}
header
.nav
a
::after
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
transform
:
scaleX
(
0
);
height
:
2px
;
bottom
:
0
;
left
:
0
;
background-color
:
#FFF
;
transform-origin
:
bottom
right
;
transition
:
transform
.25s
ease-out
}
header
.nav
.active
a
::after
,
header
.nav
a
:hover::after
{
transform
:
scaleX
(
1
);
transform-origin
:
bottom
left
}
img
.qr
{
border
:
10px
solid
#fff
;
width
:
250px
}
h2
{
color
:
#fff
}
.extra.small
{
font-size
:
9pt
!important
;
color
:
#AAA
}
.form-control
,
.form-control
:focus
{
color
:
#FFF
;
border
:
1px
solid
#343a40
!important
}
.input-group-lg
.form-control
{
font-size
:
12pt
}
.input-group-lg
.btn-success
{
font-size
:
14pt
!important
}
.btn-success
{
background
:
#12abab
;
border-color
:
#12abab
}
.btn-success
:active
,
.btn-success
:focus
,
.btn-success
:hover
{
background
:
#1ae4ff
;
border-color
:
#1ae4ff
}
.text-success
{
color
:
#1ae4ff
!important
}
.input-group-text
{
border-color
:
transparent
!important
}
.input-group-text.bg-dark
{
background-color
:
#555
!important
;
border
:
0
;
font-size
:
12pt
!important
}
.click-edit
{
border-bottom
:
1px
dotted
#EEE
;
cursor
:
pointer
}
#nprogress
.bar
{
background
:
#fff
}
#nprogress
.spinner-icon
{
border-top-color
:
#fff
;
border-left-color
:
#fff
}
.change-success
{
color
:
#7cfc00
!important
}
.change-danger
{
color
:
#ff4500
!important
}
[
contenteditable
=
true
]
{
white-space
:
nowrap
;
overflow
:
hidden
}
[
contenteditable
=
true
]
br
{
display
:
none
}
[
contenteditable
=
true
]
*
{
display
:
inline
;
white-space
:
nowrap
}
@media
(
min-width
:
1200px
){
.container
{
max-width
:
1250px
}}
\ No newline at end of file
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment