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
9b7ec9a4
Commit
9b7ec9a4
authored
Nov 04, 2018
by
Clint.Network
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Adding API Block Explorer Endpoint
parent
44370321
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
51 additions
and
3 deletions
+51
-3
ApiController.cs
Stratis.Guru/Controllers/ApiController.cs
+48
-1
_Layout.cshtml
Stratis.Guru/Views/Shared/_Layout.cshtml
+1
-0
default.min.css
Stratis.Guru/wwwroot/css/default.min.css
+1
-1
default.min.js
Stratis.Guru/wwwroot/js/default.min.js
+1
-1
No files found.
Stratis.Guru/Controllers/ApiController.cs
View file @
9b7ec9a4
using
System
;
using
System.Security.Cryptography.X509Certificates
;
using
Microsoft.AspNetCore.Mvc
;
using
Microsoft.Extensions.Caching.Memory
;
using
Microsoft.Extensions.Options
;
using
NBitcoin
;
using
NBitcoin.Networks
;
using
Newtonsoft.Json
;
using
RestSharp
;
using
Stratis.Guru.Models
;
using
Stratis.Guru.Settings
;
using
RestClient
=
NBitcoin
.
RPC
.
RestClient
;
namespace
Stratis.Guru.Controllers
{
...
...
@@ -10,11 +17,13 @@ namespace Stratis.Guru.Controllers
[
ApiController
]
public
class
ApiController
:
ControllerBase
{
private
readonly
NakoApiSettings
_nakoApiSettings
;
private
readonly
IMemoryCache
_memoryCache
;
public
ApiController
(
IMemoryCache
memoryCache
)
public
ApiController
(
IMemoryCache
memoryCache
,
IOptions
<
NakoApiSettings
>
nakoApiSettings
)
{
_memoryCache
=
memoryCache
;
_nakoApiSettings
=
nakoApiSettings
.
Value
;
}
[
HttpGet
]
...
...
@@ -44,5 +53,43 @@ namespace Stratis.Guru.Controllers
return
null
;
}
}
[
HttpGet
]
[
Route
(
"create-address"
)]
public
ActionResult
<
object
>
CreateAddress
()
{
var
key
=
new
Key
();
return
new
{
PublicKey
=
key
.
PubKey
.
GetAddress
(
new
StratisMain
()).
ToString
(),
PrivateKey
=
key
.
GetWif
(
new
StratisMain
()).
ToString
()};
}
[
HttpGet
]
[
Route
(
"address/{address}"
)]
public
ActionResult
<
object
>
Address
(
string
address
)
{
var
endpointClient
=
new
RestSharp
.
RestClient
(
$"
{
_nakoApiSettings
.
Endpoint
}
query/address/
{
address
}
/transactions"
);
var
enpointRequest
=
new
RestRequest
(
Method
.
GET
);
var
endpointResponse
=
endpointClient
.
Execute
(
enpointRequest
);
return
JsonConvert
.
DeserializeObject
(
endpointResponse
.
Content
);
}
[
HttpGet
]
[
Route
(
"transaction/{transaction}"
)]
public
ActionResult
<
object
>
Transaction
(
string
transaction
)
{
var
endpointClient
=
new
RestSharp
.
RestClient
(
$"
{
_nakoApiSettings
.
Endpoint
}
query/transaction/
{
transaction
}
"
);
var
enpointRequest
=
new
RestRequest
(
Method
.
GET
);
var
endpointResponse
=
endpointClient
.
Execute
(
enpointRequest
);
return
JsonConvert
.
DeserializeObject
(
endpointResponse
.
Content
);
}
[
HttpGet
]
[
Route
(
"block/{block}"
)]
public
ActionResult
<
object
>
Block
(
string
block
)
{
var
endpointClient
=
new
RestSharp
.
RestClient
(
$"
{
_nakoApiSettings
.
Endpoint
}
query/block/index/
{
block
}
/transactions"
);
var
enpointRequest
=
new
RestRequest
(
Method
.
GET
);
var
endpointResponse
=
endpointClient
.
Execute
(
enpointRequest
);
return
JsonConvert
.
DeserializeObject
(
endpointResponse
.
Content
);
}
}
}
\ No newline at end of file
Stratis.Guru/Views/Shared/_Layout.cshtml
View file @
9b7ec9a4
...
...
@@ -45,6 +45,7 @@
<li><a
asp-action=
"Index"
asp-controller=
"BlockExplorer"
><i
class=
"fa fa-cube"
></i>
BLOCK EXPLORER
</a></li>
<li><a
asp-action=
"Vanity"
asp-controller=
"Home"
><i
class=
"fa fa-at"
></i>
VANITY
</a></li>
<li><a
asp-action=
"Generator"
asp-controller=
"Home"
><i
class=
"fa fa-qrcode"
></i>
ADDRESS GENERATOR
</a></li>
<li><a
asp-action=
"API"
asp-controller=
"Home"
><i
class=
"fa fa-book"
></i>
API
</a></li>
<li><a
asp-action=
"About"
asp-controller=
"Home"
><i
class=
"fa fa-info-circle"
></i>
ABOUT STRATIS.GURU
</a></li>
@*
<li><a
asp-action=
"Contact"
asp-controller=
"Home"
><i
class=
"fa fa-envelope"
></i>
CONTACT
</a></li>
*@
</ul>
...
...
Stratis.Guru/wwwroot/css/default.min.css
View file @
9b7ec9a4
@import
url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700")
;
html
,
body
,
div
,
span
,
applet
,
object
,
iframe
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
div
pre
,
a
,
abbr
,
acronym
,
address
,
big
,
cite
,
code
,
del
,
dfn
,
em
,
font
,
img
,
ins
,
kbd
,
q
,
s
,
samp
,
small
,
strike
,
strong
,
sub
,
sup
,
tt
,
var
,
b
,
u
,
i
,
center
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
figure
,
header
,
nav
,
section
,
article
,
aside
,
footer
,
figcaption
{
margin
:
0
;
padding
:
0
;
border
:
0
;
outline
:
0
}
#crafted
{
position
:
fixed
;
bottom
:
0
;
color
:
#eee
;
width
:
100%
;
z-index
:
999
;
padding
:
20px
0
}
.clearfix
:after
{
content
:
"."
;
display
:
block
;
clear
:
both
;
visibility
:
hidden
;
line-height
:
0
;
height
:
0
}
.clearfix
{
display
:
inline-block
}
html
[
xmlns
]
.clearfix
{
display
:
block
}
*
html
.clearfix
{
height
:
1%
}
ul
,
li
{
padding
:
0
;
margin
:
0
;
list-style
:
none
}
header
,
nav
,
section
,
article
,
aside
,
footer
,
hgroup
{
display
:
block
}
*
{
box-sizing
:
border-box
}
html
,
body
{
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
}
body
{
background-size
:
cover
;
background
:
#1b1d20
url("/images/prodnews-hero.png")
fixed
}
.shadow-inset
{
position
:
fixed
;
top
:
0
;
bottom
:
0
;
left
:
0
;
right
:
0
;
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
{
position
:
fixed
;
width
:
100%
;
height
:
100%
;
color
:
#fff
;
font-size
:
16px
;
z-index
:
99999
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.loading
{
left
:
0
;
top
:
0
;
right
:
0
;
bottom
:
0
;
display
:
block
;
position
:
absolute
;
margin
:
auto
;
width
:
50px
;
height
:
50px
}
.loading
>
div
{
background-color
:
#fff
;
width
:
10px
;
height
:
10px
;
border-radius
:
100%
;
-webkit-animation-fill-mode
:
both
;
animation-fill-mode
:
both
;
position
:
absolute
;
opacity
:
0
;
width
:
50px
;
height
:
50px
;
-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
:
rgba
(
95
,
96
,
99
,
.6
)}
.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)
;
background-position
:
center
bottom
;
background-repeat
:
no-repeat
;
background-size
:
cover
}
.bg-top
{
background
:
url(../images/section-bg.png)
;
background-position
:
center
top
;
background-repeat
:
no-repeat
}
.left-heading.light
.section-title
{
color
:
#fff
}
.left-heading
.section-title
{
font-weight
:
400
;
font-size
:
30px
;
color
:
#3b566e
;
letter-spacing
:
1.3px
;
line-height
:
40px
;
margin-bottom
:
20px
}
.center-heading
{
text-align
:
center
}
.center-heading
.section-title
{
font-weight
:
400
;
font-size
:
30px
;
color
:
#eee
;
letter-spacing
:
1.3px
;
line-height
:
40px
;
margin-bottom
:
20px
}
.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.light
{
color
:
#fff
}
.left-text
p
{
margin-bottom
:
30px
}
.left-text
p
.dark
{
color
:
#3b566e
}
.left-text
ul
{
color
:
#fff
;
font-weight
:
600
;
font-size
:
14px
;
letter-spacing
:
1.18px
;
margin-bottom
:
30px
}
.left-text
ul
li
{
height
:
32px
;
line-height
:
32px
;
position
:
relative
;
padding-left
:
30px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.left-text
ul
li
:before
{
position
:
absolute
;
left
:
0
;
content
:
""
;
font-family
:
FontAwesome
;
height
:
38px
;
line-height
:
38px
}
.left-text
ul
li
:hover
{
padding-left
:
40px
}
.center-text
{
text-align
:
center
;
font-weight
:
400
;
font-size
:
16px
;
color
:
#eee
;
line-height
:
28px
;
letter-spacing
:
1px
;
margin-bottom
:
50px
}
.center-text.colored
{
color
:
#fff
}
.center-text
p
{
margin-bottom
:
30px
}
.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
){
html
,
body
{
overflow-x
:
hidden
}
.mobile-bottom-fix
{
margin-bottom
:
60px
}}
.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
;
padding-left
:
30px
;
padding-right
:
30px
;
outline
:
none
!important
;
cursor
:
pointer
}
.btn-secondary-box
:hover
,
.btn-secondary-box
:focus
{
border
:
1px
solid
#fff
;
background
:
none
;
color
:
#fff
}
.btn-secondary-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
#01405f
;
font-weight
:
500
;
font-size
:
14px
;
color
:
#01405f
;
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
;
padding-left
:
30px
;
padding-right
:
30px
;
outline
:
none
!important
;
cursor
:
pointer
}
.btn-secondary-line
:hover
{
background
:
#01405f
;
color
:
#fff
}
.btn-primary-line
{
width
:
100%
;
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
#0eb8d9
;
font-weight
:
500
;
font-size
:
14px
;
color
:
#0eb8d9
;
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
:
none
!important
;
cursor
:
pointer
}
.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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
outline
:
none
!important
;
cursor
:
pointer
;
padding-left
:
30px
;
padding-right
:
30px
}
.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
);
margin-bottom
:
30px
}
.box
:before
{
content
:
''
;
position
:
absolute
;
width
:
96%
;
height
:
12px
;
background
:
#fff
;
opacity
:
.59
;
bottom
:
-11px
;
left
:
0
;
right
:
0
;
margin
:
auto
;
border-radius
:
0
0
4px
4px
;
z-index
:
2
}
.box
:after
{
content
:
''
;
position
:
absolute
;
width
:
92%
;
height
:
20px
;
background
:
#fff
;
opacity
:
.27
;
bottom
:
-20px
;
left
:
0
;
right
:
0
;
margin
:
auto
;
border-radius
:
0
0
4px
4px
;
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
:
none
;
border
:
none
;
padding-left
:
20px
;
font-weight
:
500
;
font-size
:
16px
;
letter-spacing
:
2.07px
;
color
:
#5a6066
}
.box
.token
.token-input
.fa-plus
{
position
:
absolute
;
width
:
10%
;
height
:
24px
;
border
:
1px
solid
#0eb8d9
;
left
:
25%
;
top
:
-1px
;
line-height
:
24px
;
text-align
:
center
;
background
:
#e6eef2
;
cursor
:
pointer
;
font-size
:
7px
;
color
:
#0eb8d9
}
.box
.token
.token-input
.fa-minus
{
position
:
absolute
;
width
:
10%
;
height
:
23px
;
border
:
1px
solid
#0eb8d9
;
left
:
25%
;
top
:
22px
;
line-height
:
24px
;
text-align
:
center
;
background
:
#e6eef2
;
cursor
:
pointer
;
font-size
:
7px
;
color
:
#0eb8d9
}
.box
.token
.token-input
button
{
position
:
absolute
;
width
:
65%
;
top
:
0
;
left
:
35%
;
height
:
46px
;
background
:
none
;
border
:
none
;
outline
:
none
;
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%
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
padding-top
:
0
}
.box
.token-progress
ul
li
.item
{
position
:
absolute
;
padding-top
:
27px
}
.box
.token-progress
ul
li
.item
:before
{
content
:
''
;
position
:
absolute
;
width
:
16px
;
height
:
16px
;
background
:
#d7dee4
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
top
:
-6px
}
.box
.token-progress
ul
li
.item
:after
{
content
:
''
;
position
:
absolute
;
width
:
30px
;
height
:
30px
;
background
:
#d7dee4
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
top
:
-13px
;
left
:
-7px
;
opacity
:
.44
}
.box
.token-progress
ul
li
.item.complate
:before
,
.box
.token-progress
ul
li
.item.complate
:after
{
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:before
,
.box
.token-progress
ul
li
.item.complate
:hover:after
{
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-info
.item
strong
{
float
:
left
;
width
:
35%
;
font-weight
:
400
;
font-size
:
14px
;
color
:
#3b566e
;
letter-spacing
:
1.22px
;
height
:
38px
;
line-height
:
38px
}
.box
.token-info
.item
span
{
float
:
left
;
width
:
65%
;
font-weight
:
400
;
font-size
:
14px
;
color
:
#6f8ba4
;
letter-spacing
:
1.22px
;
height
:
38px
;
line-height
:
38px
}
.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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
letter-spacing
:
0
}
.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
{
overflow
:
hidden
}
.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-plus
,
.box
.token
.token-input
.fa-minus
{
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.logo
{
float
:
left
;
margin-top
:
34px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.logo
img
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.dark-logo
{
display
:
none
}
.header-area
.main-nav
.nav
{
float
:
right
;
margin-top
:
30px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
:
none
;
color
:
#fff
}
.header-area
.main-nav
.menu-trigger
{
cursor
:
pointer
;
display
:
block
;
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
:before
,
.header-area
.main-nav
.menu-trigger
span
:after
{
-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
:before
,
.header-area
.main-nav
.menu-trigger
span
:after
{
-moz-transition
:
all
.4s
;
-o-transition
:
all
.4s
;
-webkit-transition
:
all
.4s
;
transition
:
all
.4s
;
background-color
:
#ccc
;
display
:
block
;
position
:
absolute
;
width
:
30px
;
height
:
2px
;
left
:
0
;
width
:
75%
}
.header-area
.main-nav
.menu-trigger
span
:before
,
.header-area
.main-nav
.menu-trigger
span
:after
{
content
:
""
}
.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
:before
,
.header-area
.main-nav
.menu-trigger.active
span
:after
{
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.selected
img
{
float
:
left
;
margin-top
:
11px
;
margin-right
:
8px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
opacity
:
.7
}
.header-area
.main-nav
.lang
.selected
span
{
float
:
left
;
height
:
36px
;
line-height
:
35px
;
font-weight
:
400
;
font-size
:
12px
;
color
:
#fff
;
margin-right
:
5px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.selected
i
{
float
:
left
;
height
:
36px
;
line-height
:
35px
;
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
}
.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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
li
a
:hover
{
background
:
#f3f8ff
}
.header-area
.main-nav
.lang
.flag-list
li
a
img
{
float
:
left
;
margin-top
:
7px
;
margin-right
:
7px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
{
float
:
left
;
height
:
26px
;
line-height
:
26px
;
font-weight
:
600
;
font-size
:
12px
;
color
:
#6f8ba4
;
margin-right
:
5px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
li
a
i
{
float
:
left
;
height
:
26px
;
line-height
:
26px
;
color
:
#6f8ba4
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area.header-sticky
{
background
:
rgba
(
33
,
37
,
41
,
1
);
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
:
transparent
;
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
{
display
:
block
!important
}
.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%
;
margin-left
:
15px
!important
;
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
!important
;
padding-left
:
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
span
,
.header-area
.main-nav
.lang
.selected
i
{
color
:
#3b566e
}
.header-area
.main-nav
.lang
.flag-list
{
right
:
88px
}}
@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
);
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
{
text-align
:
center
;
padding-left
:
20px
;
padding-right
:
20px
;
margin-bottom
:
30px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.features-elliptical
.icon
{
width
:
100px
;
height
:
100px
;
margin
:
auto
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
border
:
2px
dashed
#6f8ba4
;
margin-bottom
:
36px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
{
text-align
:
center
;
padding-left
:
20px
;
padding-right
:
20px
;
margin-bottom
:
30px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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%
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
border
:
1px
dashed
#0eb8d9
}
.features-line
.icon
{
width
:
100px
;
height
:
100px
;
margin
:
auto
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
margin-bottom
:
36px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
overflow
:
hidden
;
margin-bottom
:
30px
}
.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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.features-shadow
.icon
{
margin-bottom
:
20px
}
.features-shadow
.icon
i
{
color
:
#6f8ba4
;
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
{
display
:
none
}
.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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.roadmap-full
.roadmap-item-full
.status.complate
{
background
:
#0eb8d9
}
.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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.roadmap-modern-wrapper
.roadmap-modern
.status.complate
{
background
:
#0eb8d9
}
.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
}
.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
:
none
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot
span
{
width
:
13px
;
height
:
13px
;
border
:
1px
solid
#0eb8d9
;
background
:
none
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
:
none
}
.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
}
.roadmap-lux-wrapper
.owl-dots
{
margin-top
:
30px
!important
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot
{
outline
:
none
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot
span
{
width
:
13px
;
height
:
13px
;
border
:
1px
solid
#0eb8d9
;
background
:
none
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
:
none
}
@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
;
background
:
#fff
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
);
width
:
180px
;
height
:
180px
;
position
:
relative
;
text-align
:
center
;
padding-top
:
10px
;
margin-bottom
:
100px
}
.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
;
overflow
:
hidden
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
margin-left
:
10px
}
.team-round
.profile
.img
img
{
width
:
160px
;
height
:
160px
;
overflow
:
hidden
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
{
text-align
:
center
;
font-weight
:
500
;
font-size
:
16px
;
letter-spacing
:
1px
;
line-height
:
30px
;
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
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
);
padding
:
10px
}
.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
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
bottom
:
-999px
;
background-image
:
linear-gradient
(
134deg
,
#0eb8d9
0%
,
#2cddc9
100%
);
opacity
:
.83
;
text-align
:
center
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
{
text-align
:
center
;
font-weight
:
500
;
font-size
:
16px
;
letter-spacing
:
1px
;
line-height
:
30px
;
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
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
top
:
0
;
left
:
0
;
z-index
:
2
;
opacity
:
.77
;
background-image
:
linear-gradient
(
134deg
,
#0eb8d9
0%
,
#2cddc9
100%
)}
.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
:
none
;
border-bottom
:
1px
dashed
#cee1f8
}
.faq
.card
.card-header
{
padding
:
0
;
border
:
none
;
background
:
none
;
min-height
:
70px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
padding-left
:
30px
;
padding-right
:
30px
;
font-weight
:
400
;
font-size
:
16px
;
letter-spacing
:
1px
;
color
:
#3b566e
;
text-decoration
:
none
!important
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
padding-left
:
35px
;
padding-bottom
:
16px
;
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
;
z-index
:
3
}
.block-explorer-wrapper.bg-bottom-center
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
z-index
:
3
}
.block-explorer-wrapper
:after
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
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
:
#fff
;
line-height
:
28px
;
letter-spacing
:
1px
}
.block-explorer-wrapper
.block-explorer
p
a
{
color
:
#fff
}
.block-explorer-wrapper
.search
{
position
:
absolute
;
width
:
100%
;
bottom
:
-60px
;
z-index
:
6
}
.block-explorer-wrapper
.search
.input-wrapper
{
padding
:
40px
;
background
:
#44464a99
;
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
:
none
;
background
:
transparent
;
border
:
none
;
border
:
1px
solid
#0eb8d9
;
color
:
#fff
;
padding-left
:
20px
;
padding-right
:
20px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;
z-index
:
1
}
.block-explorer-wrapper
.search
.input-wrapper
.input
input
:focus
{
padding-left
:
30px
;
border
:
1px
solid
#0eb8d9
}
.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
:
#0eb8d9
;
color
:
#fff
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;
outline
:
none
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
:
#0eb8d9
;
z-index
:
2
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.block-explorer-features
.item
.title
.icon
:before
{
content
:
''
;
position
:
absolute
;
width
:
10px
;
height
:
10px
;
bottom
:
0
;
left
:
-4px
;
background
:
#0eb8d9
;
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
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
;
padding-bottom
:
70px
}
.block-explorer-section
.table-latests
{
background
:
#44464a99
;
border
:
0
}
.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
:
#eee
;
letter-spacing
:
1px
}
.block-explorer-section
.table-latests
td
{
padding
:
15px
15px
}
.block-explorer-section
.table-latests
thead
{
font-weight
:
600
;
font-size
:
14px
;
color
:
#eee
;
letter-spacing
:
1px
}
.block-explorer-section
.table-latests
tbody
{
font-weight
:
400
;
font-size
:
14px
;
color
:
#eee
;
letter-spacing
:
.78px
}
.block-explorer-section
.table-latests
tbody
a
:not
(
.copy-me
)
{
color
:
#eee
;
border-bottom
:
1px
dotted
#eee
}
.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
:
#0eb8d9
;
-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
:
#ff4500
}
.block-explorer-section
.table-latests
tbody
span
.green
{
color
:
#7cfc00
}
.block-explorer-section
.qr
{
padding-bottom
:
25px
}
.block-explorer-section
.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
:
none
;
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
;
margin-bottom
:
30px
;
text-align
:
center
}}
.logo
{
font-size
:
20pt
;
color
:
#fff
;
font-weight
:
bold
}
.logo
.text-muted
{
color
:
#eee
!important
}
.logo
img
{
height
:
33px
;
vertical-align
:
middle
;
margin-right
:
5px
}
a
,
a
:hover
,
a
:focus
,
a
:active
{
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
a
:hover::after
{
transform
:
scaleX
(
1
);
transform-origin
:
bottom
left
}
img
.qr
{
border
:
10px
solid
#fff
;
width
:
250px
;
margin-bottom
:
20px
}
h2
{
color
:
#fff
;
margin-bottom
:
20px
}
.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
:hover
,
.btn-success
:active
,
.btn-success
:focus
{
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
@import
url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700")
;
html
,
body
,
div
,
span
,
applet
,
object
,
iframe
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
div
pre
,
a
,
abbr
,
acronym
,
address
,
big
,
cite
,
code
,
del
,
dfn
,
em
,
font
,
img
,
ins
,
kbd
,
q
,
s
,
samp
,
small
,
strike
,
strong
,
sub
,
sup
,
tt
,
var
,
b
,
u
,
i
,
center
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
figure
,
header
,
nav
,
section
,
article
,
aside
,
footer
,
figcaption
{
margin
:
0
;
padding
:
0
;
border
:
0
;
outline
:
0
}
#crafted
{
position
:
fixed
;
bottom
:
0
;
color
:
#eee
;
width
:
100%
;
z-index
:
999
;
padding
:
20px
0
}
.clearfix
:after
{
content
:
"."
;
display
:
block
;
clear
:
both
;
visibility
:
hidden
;
line-height
:
0
;
height
:
0
}
.clearfix
{
display
:
inline-block
}
html
[
xmlns
]
.clearfix
{
display
:
block
}
*
html
.clearfix
{
height
:
1%
}
ul
,
li
{
padding
:
0
;
margin
:
0
;
list-style
:
none
}
header
,
nav
,
section
,
article
,
aside
,
footer
,
hgroup
{
display
:
block
}
*
{
box-sizing
:
border-box
}
html
,
body
{
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
}
body
{
background
:
#1b1d20
url("/images/prodnews-hero.png")
fixed
;
background-size
:
cover
}
.shadow-inset
{
position
:
fixed
;
top
:
0
;
bottom
:
0
;
left
:
0
;
right
:
0
;
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
{
position
:
fixed
;
width
:
100%
;
height
:
100%
;
color
:
#fff
;
font-size
:
16px
;
z-index
:
99999
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.loading
{
left
:
0
;
top
:
0
;
right
:
0
;
bottom
:
0
;
display
:
block
;
position
:
absolute
;
margin
:
auto
;
width
:
50px
;
height
:
50px
}
.loading
>
div
{
background-color
:
#fff
;
width
:
10px
;
height
:
10px
;
border-radius
:
100%
;
-webkit-animation-fill-mode
:
both
;
animation-fill-mode
:
both
;
position
:
absolute
;
opacity
:
0
;
width
:
50px
;
height
:
50px
;
-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
:
rgba
(
95
,
96
,
99
,
.6
)}
.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)
;
background-position
:
center
bottom
;
background-repeat
:
no-repeat
;
background-size
:
cover
}
.bg-top
{
background
:
url(../images/section-bg.png)
;
background-position
:
center
top
;
background-repeat
:
no-repeat
}
.left-heading.light
.section-title
{
color
:
#fff
}
.left-heading
.section-title
{
font-weight
:
400
;
font-size
:
30px
;
color
:
#3b566e
;
letter-spacing
:
1.3px
;
line-height
:
40px
;
margin-bottom
:
20px
}
.center-heading
{
text-align
:
center
}
.center-heading
.section-title
{
font-weight
:
400
;
font-size
:
30px
;
color
:
#eee
;
letter-spacing
:
1.3px
;
line-height
:
40px
;
margin-bottom
:
20px
}
.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.light
{
color
:
#fff
}
.left-text
p
{
margin-bottom
:
30px
}
.left-text
p
.dark
{
color
:
#3b566e
}
.left-text
ul
{
color
:
#fff
;
font-weight
:
600
;
font-size
:
14px
;
letter-spacing
:
1.18px
;
margin-bottom
:
30px
}
.left-text
ul
li
{
height
:
32px
;
line-height
:
32px
;
position
:
relative
;
padding-left
:
30px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.left-text
ul
li
:before
{
position
:
absolute
;
left
:
0
;
content
:
""
;
font-family
:
FontAwesome
;
height
:
38px
;
line-height
:
38px
}
.left-text
ul
li
:hover
{
padding-left
:
40px
}
.center-text
{
text-align
:
center
;
font-weight
:
400
;
font-size
:
16px
;
color
:
#eee
;
line-height
:
28px
;
letter-spacing
:
1px
;
margin-bottom
:
50px
}
.center-text.colored
{
color
:
#fff
}
.center-text
p
{
margin-bottom
:
30px
}
.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
){
html
,
body
{
overflow-x
:
hidden
}
.mobile-bottom-fix
{
margin-bottom
:
60px
}}
.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
;
padding-left
:
30px
;
padding-right
:
30px
;
outline
:
none
!important
;
cursor
:
pointer
}
.btn-secondary-box
:hover
,
.btn-secondary-box
:focus
{
border
:
1px
solid
#fff
;
background
:
none
;
color
:
#fff
}
.btn-secondary-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
#01405f
;
font-weight
:
500
;
font-size
:
14px
;
color
:
#01405f
;
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
;
padding-left
:
30px
;
padding-right
:
30px
;
outline
:
none
!important
;
cursor
:
pointer
}
.btn-secondary-line
:hover
{
background
:
#01405f
;
color
:
#fff
}
.btn-primary-line
{
width
:
100%
;
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
#0eb8d9
;
font-weight
:
500
;
font-size
:
14px
;
color
:
#0eb8d9
;
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
:
none
!important
;
cursor
:
pointer
}
.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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
outline
:
none
!important
;
cursor
:
pointer
;
padding-left
:
30px
;
padding-right
:
30px
}
.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
);
margin-bottom
:
30px
}
.box
:before
{
content
:
''
;
position
:
absolute
;
width
:
96%
;
height
:
12px
;
background
:
#fff
;
opacity
:
.59
;
bottom
:
-11px
;
left
:
0
;
right
:
0
;
margin
:
auto
;
border-radius
:
0
0
4px
4px
;
z-index
:
2
}
.box
:after
{
content
:
''
;
position
:
absolute
;
width
:
92%
;
height
:
20px
;
background
:
#fff
;
opacity
:
.27
;
bottom
:
-20px
;
left
:
0
;
right
:
0
;
margin
:
auto
;
border-radius
:
0
0
4px
4px
;
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
:
none
;
border
:
none
;
padding-left
:
20px
;
font-weight
:
500
;
font-size
:
16px
;
letter-spacing
:
2.07px
;
color
:
#5a6066
}
.box
.token
.token-input
.fa-plus
{
position
:
absolute
;
width
:
10%
;
height
:
24px
;
border
:
1px
solid
#0eb8d9
;
left
:
25%
;
top
:
-1px
;
line-height
:
24px
;
text-align
:
center
;
background
:
#e6eef2
;
cursor
:
pointer
;
font-size
:
7px
;
color
:
#0eb8d9
}
.box
.token
.token-input
.fa-minus
{
position
:
absolute
;
width
:
10%
;
height
:
23px
;
border
:
1px
solid
#0eb8d9
;
left
:
25%
;
top
:
22px
;
line-height
:
24px
;
text-align
:
center
;
background
:
#e6eef2
;
cursor
:
pointer
;
font-size
:
7px
;
color
:
#0eb8d9
}
.box
.token
.token-input
button
{
position
:
absolute
;
width
:
65%
;
top
:
0
;
left
:
35%
;
height
:
46px
;
background
:
none
;
border
:
none
;
outline
:
none
;
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%
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
padding-top
:
0
}
.box
.token-progress
ul
li
.item
{
position
:
absolute
;
padding-top
:
27px
}
.box
.token-progress
ul
li
.item
:before
{
content
:
''
;
position
:
absolute
;
width
:
16px
;
height
:
16px
;
background
:
#d7dee4
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
top
:
-6px
}
.box
.token-progress
ul
li
.item
:after
{
content
:
''
;
position
:
absolute
;
width
:
30px
;
height
:
30px
;
background
:
#d7dee4
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
top
:
-13px
;
left
:
-7px
;
opacity
:
.44
}
.box
.token-progress
ul
li
.item.complate
:before
,
.box
.token-progress
ul
li
.item.complate
:after
{
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:before
,
.box
.token-progress
ul
li
.item.complate
:hover:after
{
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-info
.item
strong
{
float
:
left
;
width
:
35%
;
font-weight
:
400
;
font-size
:
14px
;
color
:
#3b566e
;
letter-spacing
:
1.22px
;
height
:
38px
;
line-height
:
38px
}
.box
.token-info
.item
span
{
float
:
left
;
width
:
65%
;
font-weight
:
400
;
font-size
:
14px
;
color
:
#6f8ba4
;
letter-spacing
:
1.22px
;
height
:
38px
;
line-height
:
38px
}
.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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
letter-spacing
:
0
}
.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
{
overflow
:
hidden
}
.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-plus
,
.box
.token
.token-input
.fa-minus
{
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.logo
{
float
:
left
;
margin-top
:
34px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.logo
img
{
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.dark-logo
{
display
:
none
}
.header-area
.main-nav
.nav
{
float
:
right
;
margin-top
:
30px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
:
none
;
color
:
#fff
}
.header-area
.main-nav
.menu-trigger
{
cursor
:
pointer
;
display
:
block
;
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
:before
,
.header-area
.main-nav
.menu-trigger
span
:after
{
-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
:before
,
.header-area
.main-nav
.menu-trigger
span
:after
{
-moz-transition
:
all
.4s
;
-o-transition
:
all
.4s
;
-webkit-transition
:
all
.4s
;
transition
:
all
.4s
;
background-color
:
#ccc
;
display
:
block
;
position
:
absolute
;
width
:
30px
;
height
:
2px
;
left
:
0
;
width
:
75%
}
.header-area
.main-nav
.menu-trigger
span
:before
,
.header-area
.main-nav
.menu-trigger
span
:after
{
content
:
""
}
.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
:before
,
.header-area
.main-nav
.menu-trigger.active
span
:after
{
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.selected
img
{
float
:
left
;
margin-top
:
11px
;
margin-right
:
8px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
opacity
:
.7
}
.header-area
.main-nav
.lang
.selected
span
{
float
:
left
;
height
:
36px
;
line-height
:
35px
;
font-weight
:
400
;
font-size
:
12px
;
color
:
#fff
;
margin-right
:
5px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.selected
i
{
float
:
left
;
height
:
36px
;
line-height
:
35px
;
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
}
.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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
li
a
:hover
{
background
:
#f3f8ff
}
.header-area
.main-nav
.lang
.flag-list
li
a
img
{
float
:
left
;
margin-top
:
7px
;
margin-right
:
7px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
{
float
:
left
;
height
:
26px
;
line-height
:
26px
;
font-weight
:
600
;
font-size
:
12px
;
color
:
#6f8ba4
;
margin-right
:
5px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.header-area
.main-nav
.lang
.flag-list
li
a
i
{
float
:
left
;
height
:
26px
;
line-height
:
26px
;
color
:
#6f8ba4
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
:
transparent
;
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
{
display
:
block
!important
}
.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%
;
margin-left
:
15px
!important
;
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
!important
;
padding-left
:
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
span
,
.header-area
.main-nav
.lang
.selected
i
{
color
:
#3b566e
}
.header-area
.main-nav
.lang
.flag-list
{
right
:
88px
}}
@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
);
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
{
text-align
:
center
;
padding-left
:
20px
;
padding-right
:
20px
;
margin-bottom
:
30px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.features-elliptical
.icon
{
width
:
100px
;
height
:
100px
;
margin
:
auto
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
border
:
2px
dashed
#6f8ba4
;
margin-bottom
:
36px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
{
text-align
:
center
;
padding-left
:
20px
;
padding-right
:
20px
;
margin-bottom
:
30px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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%
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
border
:
1px
dashed
#0eb8d9
}
.features-line
.icon
{
width
:
100px
;
height
:
100px
;
margin
:
auto
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
margin-bottom
:
36px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
overflow
:
hidden
;
margin-bottom
:
30px
}
.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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.features-shadow
.icon
{
margin-bottom
:
20px
}
.features-shadow
.icon
i
{
color
:
#6f8ba4
;
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
{
display
:
none
}
.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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.roadmap-full
.roadmap-item-full
.status.complate
{
background
:
#0eb8d9
}
.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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.roadmap-modern-wrapper
.roadmap-modern
.status.complate
{
background
:
#0eb8d9
}
.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
}
.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
:
none
}
.roadmap-modern-wrapper
.owl-dots
.owl-dot
span
{
width
:
13px
;
height
:
13px
;
border
:
1px
solid
#0eb8d9
;
background
:
none
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
:
none
}
.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
}
.roadmap-lux-wrapper
.owl-dots
{
margin-top
:
30px
!important
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot
{
outline
:
none
}
.roadmap-lux-wrapper
.owl-dots
.owl-dot
span
{
width
:
13px
;
height
:
13px
;
border
:
1px
solid
#0eb8d9
;
background
:
none
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
:
none
}
@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
;
background
:
#fff
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
);
width
:
180px
;
height
:
180px
;
position
:
relative
;
text-align
:
center
;
padding-top
:
10px
;
margin-bottom
:
100px
}
.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
;
overflow
:
hidden
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
border-radius
:
100px
;
margin-left
:
10px
}
.team-round
.profile
.img
img
{
width
:
160px
;
height
:
160px
;
overflow
:
hidden
;
-webkit-border-radius
:
100px
;
-moz-border-radius
:
100px
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
{
text-align
:
center
;
font-weight
:
500
;
font-size
:
16px
;
letter-spacing
:
1px
;
line-height
:
30px
;
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
;
box-shadow
:
0
1px
18px
10px
rgba
(
0
,
0
,
0
,
.06
);
padding
:
10px
}
.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
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
bottom
:
-999px
;
background-image
:
linear-gradient
(
134deg
,
#0eb8d9
0%
,
#2cddc9
100%
);
opacity
:
.83
;
text-align
:
center
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
{
text-align
:
center
;
font-weight
:
500
;
font-size
:
16px
;
letter-spacing
:
1px
;
line-height
:
30px
;
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
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
top
:
0
;
left
:
0
;
z-index
:
2
;
opacity
:
.77
;
background-image
:
linear-gradient
(
134deg
,
#0eb8d9
0%
,
#2cddc9
100%
)}
.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
:
none
;
border-bottom
:
1px
dashed
#cee1f8
}
.faq
.card
.card-header
{
padding
:
0
;
border
:
none
;
background
:
none
;
min-height
:
70px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
padding-left
:
30px
;
padding-right
:
30px
;
font-weight
:
400
;
font-size
:
16px
;
letter-spacing
:
1px
;
color
:
#3b566e
;
text-decoration
:
none
!important
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
;
padding-left
:
35px
;
padding-bottom
:
16px
;
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
;
z-index
:
3
}
.block-explorer-wrapper.bg-bottom-center
:before
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
z-index
:
3
}
.block-explorer-wrapper
:after
{
content
:
''
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
left
:
0
;
top
:
0
;
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
:
#fff
;
line-height
:
28px
;
letter-spacing
:
1px
}
.block-explorer-wrapper
.block-explorer
p
a
{
color
:
#fff
}
.block-explorer-wrapper
.search
{
position
:
absolute
;
width
:
100%
;
bottom
:
-60px
;
z-index
:
6
}
.block-explorer-wrapper
.search
.input-wrapper
{
padding
:
40px
;
background
:
#44464a99
;
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
:
none
;
background
:
transparent
;
border
:
none
;
border
:
1px
solid
#0eb8d9
;
color
:
#fff
;
padding-left
:
20px
;
padding-right
:
20px
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;
z-index
:
1
}
.block-explorer-wrapper
.search
.input-wrapper
.input
input
:focus
{
padding-left
:
30px
;
border
:
1px
solid
#0eb8d9
}
.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
:
#0eb8d9
;
color
:
#fff
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
;
outline
:
none
;
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
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
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
:
#0eb8d9
;
z-index
:
2
;
-webkit-transition
:
all
.3s
ease
0s
;
-moz-transition
:
all
.3s
ease
0s
;
-o-transition
:
all
.3s
ease
0s
;
transition
:
all
.3s
ease
0s
}
.block-explorer-features
.item
.title
.icon
:before
{
content
:
''
;
position
:
absolute
;
width
:
10px
;
height
:
10px
;
bottom
:
0
;
left
:
-4px
;
background
:
#0eb8d9
;
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
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
;
padding-bottom
:
70px
}
.block-explorer-section
.table-latests
{
background
:
#44464a99
;
border
:
0
}
.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
:
#eee
;
letter-spacing
:
1px
}
.block-explorer-section
.table-latests
td
{
padding
:
15px
15px
}
.block-explorer-section
.table-latests
thead
{
font-weight
:
600
;
font-size
:
14px
;
color
:
#eee
;
letter-spacing
:
1px
}
.block-explorer-section
.table-latests
tbody
{
font-weight
:
400
;
font-size
:
14px
;
color
:
#eee
;
letter-spacing
:
.78px
}
.block-explorer-section
.table-latests
tbody
a
:not
(
.copy-me
)
{
color
:
#eee
;
border-bottom
:
1px
dotted
#eee
}
.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
:
#0eb8d9
;
-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
:
#ff4500
}
.block-explorer-section
.table-latests
tbody
span
.green
{
color
:
#7cfc00
}
.block-explorer-section
.qr
{
padding-bottom
:
25px
}
.block-explorer-section
.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
:
none
;
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
;
margin-bottom
:
30px
;
text-align
:
center
}}
.logo
{
font-size
:
20pt
;
color
:
#fff
;
font-weight
:
bold
}
.logo
.text-muted
{
color
:
#eee
!important
}
.logo
img
{
height
:
33px
;
vertical-align
:
middle
;
margin-right
:
5px
}
a
,
a
:hover
,
a
:focus
,
a
:active
{
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
a
:hover::after
{
transform
:
scaleX
(
1
);
transform-origin
:
bottom
left
}
img
.qr
{
border
:
10px
solid
#fff
;
width
:
250px
;
margin-bottom
:
20px
}
h2
{
color
:
#fff
;
margin-bottom
:
20px
}
.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
:hover
,
.btn-success
:active
,
.btn-success
:focus
{
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
Stratis.Guru/wwwroot/js/default.min.js
View file @
9b7ec9a4
(
function
(
n
){
"use strict"
;
function
t
(){}
n
(
document
).
ready
(
function
(){
if
(
NProgress
.
start
(),
$
(
'[data-toggle="tooltip"]'
).
tooltip
(),
$
(
".copy-me"
).
click
(
function
(){
$
(
this
).
parent
().
find
(
".to-copy"
).
select
();
document
.
execCommand
(
"copy"
)}),
t
(),
n
(
".menu-trigger"
).
length
&&
n
(
".menu-trigger"
).
click
(
function
(){
n
(
this
).
toggleClass
(
"active"
);
n
(
".header-area .nav"
).
slideToggle
(
200
)}),
n
(
"body"
).
click
(
function
(
t
){
var
i
=
t
.
target
;
if
(
!
n
(
i
).
parents
(
".flag-list"
).
length
&&!
n
(
i
).
hasClass
(
"flag-list"
)){
if
(
n
(
".flag-list"
).
css
(
"display"
)
===
"block"
){
n
(
".flag-list"
).
css
(
"display"
,
"none"
);
return
}(
n
(
i
).
hasClass
(
"selected"
)
||
n
(
i
).
parents
(
".selected"
).
length
)
&&
n
(
".flag-list"
).
css
(
"display"
,
"block"
)}}),
n
(
".countdown"
).
length
&&
n
(
".countdown"
).
downCount
({
date
:
"09/29/2018 12:00:00"
,
offset
:
10
}),
n
(
".token .token-input"
).
length
&&
(
n
(
".token .token-input .fa-plus"
).
click
(
function
(){
var
t
=
n
(
this
).
parent
().
find
(
"input"
).
val
(),
r
=
n
(
this
).
parent
().
find
(
"input"
).
data
(
"step"
),
i
;
t
==
""
&&
(
t
=
0
);
i
=
parseInt
(
t
,
10
)
+
parseInt
(
r
,
10
);
n
(
this
).
parent
().
find
(
"input"
).
val
(
i
)}),
n
(
".token .token-input .fa-minus"
).
click
(
function
(){
var
i
=
n
(
this
).
parent
().
find
(
"input"
).
val
(),
r
=
n
(
this
).
parent
().
find
(
"input"
).
data
(
"step"
),
t
;
i
==
""
&&
(
i
=
0
);
t
=
parseInt
(
i
,
10
)
-
parseInt
(
r
,
10
);
t
<=
0
&&
(
t
=
r
);
n
(
this
).
parent
().
find
(
"input"
).
val
(
t
)})),
window
.
sr
=
new
scrollReveal
,
n
(
"a[href*=#]:not([href=#])"
).
click
(
function
(){
var
t
,
i
;
if
(
location
.
pathname
.
replace
(
/^
\/
/
,
""
)
==
this
.
pathname
.
replace
(
/^
\/
/
,
""
)
&&
location
.
hostname
==
this
.
hostname
&&
(
t
=
n
(
this
.
hash
),
t
=
t
.
length
?
t
:
n
(
"[name="
+
this
.
hash
.
slice
(
1
)
+
"]"
),
t
.
length
))
return
i
=
n
(
window
).
width
(),
i
<
991
&&
(
n
(
".menu-trigger"
).
removeClass
(
"active"
),
n
(
".header-area .nav"
).
slideUp
(
200
)),
n
(
"html,body"
).
animate
({
scrollTop
:
t
.
offset
().
top
-
30
},
700
),
!
1
}),
n
(
".token-progress ul"
).
length
){
n
(
".token-progress ul"
).
find
(
".item"
).
each
(
function
(
t
){
n
(
".token-progress ul .item:eq("
+
[
t
]
+
")"
).
css
(
"left"
,
n
(
".token-progress ul .item:eq("
+
[
t
]
+
")"
).
data
(
"position"
))});
var
i
=
n
(
".token-progress ul .progress-active"
).
data
(
"progress"
);
n
(
".token-progress ul .progress-active"
).
css
(
"width"
,
i
)}
n
(
".table-progress"
).
length
&&
n
(
".table-latests"
).
find
(
".table-progress"
).
each
(
function
(
t
){
n
(
".table-progress:eq("
+
[
t
]
+
") .progress-line"
).
css
(
"width"
,
parseInt
(
n
(
".table-progress:eq("
+
[
t
]
+
") .progress-line"
).
data
(
"value"
),
10
)
+
parseInt
(
70
,
10
)
+
"%"
)});
n
(
".roadmap-modern-wrapper"
).
length
&&
n
(
".roadmap-modern-wrapper"
).
owlCarousel
({
loop
:
!
0
,
margin
:
30
,
nav
:
!
1
,
responsive
:{
0
:{
items
:
1
},
600
:{
items
:
2
},
1
e3
:{
items
:
3
}}});
n
(
".roadmap-lux-wrapper"
).
length
&&
n
(
".roadmap-lux-wrapper"
).
owlCarousel
({
loop
:
!
0
,
margin
:
30
,
nav
:
!
1
,
responsive
:{
0
:{
items
:
1
},
600
:{
items
:
2
},
1
e3
:{
items
:
3
}}})});
n
(
window
).
load
(
function
(){
n
(
".loading-wrapper"
).
animate
({
opacity
:
"0"
},
600
,
function
(){
setTimeout
(
function
(){
n
(
".loading-wrapper"
).
css
(
"visibility"
,
"hidden"
).
fadeOut
();
n
(
".parallax"
).
length
&&
n
(
".parallax"
).
parallax
({
imageSrc
:
"assets/images/parallax.jpg"
,
zIndex
:
"1"
})},
300
)})});
n
(
window
).
scroll
(
function
(){
alert
(
"ok"
)});
n
(
window
).
resize
(
function
(){
t
()})})(
jQuery
);
\ No newline at end of file
(
function
(
n
){
"use strict"
;
function
t
(){}
n
(
document
).
ready
(
function
(){
if
(
NProgress
.
start
(),
$
(
'[data-toggle="tooltip"]'
).
tooltip
(),
$
(
".copy-me"
).
click
(
function
(){
$
(
this
).
parent
().
find
(
".to-copy"
).
select
();
document
.
execCommand
(
"copy"
)}),
t
(),
n
(
".menu-trigger"
).
length
&&
n
(
".menu-trigger"
).
click
(
function
(){
n
(
this
).
toggleClass
(
"active"
);
n
(
".header-area .nav"
).
slideToggle
(
200
)}),
n
(
"body"
).
click
(
function
(
t
){
var
i
=
t
.
target
;
if
(
!
n
(
i
).
parents
(
".flag-list"
).
length
&&!
n
(
i
).
hasClass
(
"flag-list"
)){
if
(
n
(
".flag-list"
).
css
(
"display"
)
===
"block"
){
n
(
".flag-list"
).
css
(
"display"
,
"none"
);
return
}(
n
(
i
).
hasClass
(
"selected"
)
||
n
(
i
).
parents
(
".selected"
).
length
)
&&
n
(
".flag-list"
).
css
(
"display"
,
"block"
)}}),
n
(
".countdown"
).
length
&&
n
(
".countdown"
).
downCount
({
date
:
"09/29/2018 12:00:00"
,
offset
:
10
}),
n
(
".token .token-input"
).
length
&&
(
n
(
".token .token-input .fa-plus"
).
click
(
function
(){
var
t
=
n
(
this
).
parent
().
find
(
"input"
).
val
(),
r
=
n
(
this
).
parent
().
find
(
"input"
).
data
(
"step"
),
i
;
t
==
""
&&
(
t
=
0
);
i
=
parseInt
(
t
,
10
)
+
parseInt
(
r
,
10
);
n
(
this
).
parent
().
find
(
"input"
).
val
(
i
)}),
n
(
".token .token-input .fa-minus"
).
click
(
function
(){
var
i
=
n
(
this
).
parent
().
find
(
"input"
).
val
(),
r
=
n
(
this
).
parent
().
find
(
"input"
).
data
(
"step"
),
t
;
i
==
""
&&
(
i
=
0
);
t
=
parseInt
(
i
,
10
)
-
parseInt
(
r
,
10
);
t
<=
0
&&
(
t
=
r
);
n
(
this
).
parent
().
find
(
"input"
).
val
(
t
)})),
window
.
sr
=
new
scrollReveal
,
n
(
"a[href*=#]:not([href=#])"
).
click
(
function
(){
var
t
,
i
;
if
(
location
.
pathname
.
replace
(
/^
\/
/
,
""
)
==
this
.
pathname
.
replace
(
/^
\/
/
,
""
)
&&
location
.
hostname
==
this
.
hostname
&&
(
t
=
n
(
this
.
hash
),
t
=
t
.
length
?
t
:
n
(
"[name="
+
this
.
hash
.
slice
(
1
)
+
"]"
),
t
.
length
))
return
i
=
n
(
window
).
width
(),
i
<
991
&&
(
n
(
".menu-trigger"
).
removeClass
(
"active"
),
n
(
".header-area .nav"
).
slideUp
(
200
)),
n
(
"html,body"
).
animate
({
scrollTop
:
t
.
offset
().
top
-
30
},
700
),
!
1
}),
n
(
".token-progress ul"
).
length
){
n
(
".token-progress ul"
).
find
(
".item"
).
each
(
function
(
t
){
n
(
".token-progress ul .item:eq("
+
[
t
]
+
")"
).
css
(
"left"
,
n
(
".token-progress ul .item:eq("
+
[
t
]
+
")"
).
data
(
"position"
))});
var
i
=
n
(
".token-progress ul .progress-active"
).
data
(
"progress"
);
n
(
".token-progress ul .progress-active"
).
css
(
"width"
,
i
)}
n
(
".table-progress"
).
length
&&
n
(
".table-latests"
).
find
(
".table-progress"
).
each
(
function
(
t
){
n
(
".table-progress:eq("
+
[
t
]
+
") .progress-line"
).
css
(
"width"
,
parseInt
(
n
(
".table-progress:eq("
+
[
t
]
+
") .progress-line"
).
data
(
"value"
),
10
)
+
parseInt
(
70
,
10
)
+
"%"
)});
n
(
".roadmap-modern-wrapper"
).
length
&&
n
(
".roadmap-modern-wrapper"
).
owlCarousel
({
loop
:
!
0
,
margin
:
30
,
nav
:
!
1
,
responsive
:{
0
:{
items
:
1
},
600
:{
items
:
2
},
1
e3
:{
items
:
3
}}});
n
(
".roadmap-lux-wrapper"
).
length
&&
n
(
".roadmap-lux-wrapper"
).
owlCarousel
({
loop
:
!
0
,
margin
:
30
,
nav
:
!
1
,
responsive
:{
0
:{
items
:
1
},
600
:{
items
:
2
},
1
e3
:{
items
:
3
}}})});
n
(
window
).
load
(
function
(){
n
(
".loading-wrapper"
).
animate
({
opacity
:
"0"
},
600
,
function
(){
setTimeout
(
function
(){
n
(
".loading-wrapper"
).
css
(
"visibility"
,
"hidden"
).
fadeOut
();
n
(
".parallax"
).
length
&&
n
(
".parallax"
).
parallax
({
imageSrc
:
"assets/images/parallax.jpg"
,
zIndex
:
"1"
})},
300
)})});
n
(
window
).
scroll
(
function
(){
var
i
=
n
(
window
).
width
(),
t
;
i
<
9910
&&
(
t
=
n
(
window
).
scrollTop
(),
t
>=
30
?(
n
(
".header-area"
).
addClass
(
"header-sticky"
),
n
(
".header-area .dark-logo"
).
css
(
"display"
,
"block"
),
n
(
".header-area .light-logo"
).
css
(
"display"
,
"none"
)):(
n
(
".header-area"
).
removeClass
(
"header-sticky"
),
n
(
".header-area .dark-logo"
).
css
(
"display"
,
"none"
),
n
(
".header-area .light-logo"
).
css
(
"display"
,
"block"
)))});
n
(
window
).
resize
(
function
(){
t
()})})(
jQuery
);
\ 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