5165 lines
948 KiB
HTML
5165 lines
948 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<meta charset=utf-8>
|
||
|
|
<meta name=viewport content="width=device-width">
|
||
|
|
<meta http-equiv=X-UA-Compatible content="IE=edge">
|
||
|
|
<title>404 Error — 点亮</title>
|
||
|
|
<meta name=description content="很抱歉，你要找的页面似乎不存在.">
|
||
|
|
<style>
|
||
|
|
@charset "UTF-8";
|
||
|
|
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border: 0;
|
||
|
|
font-size: 100%;
|
||
|
|
font: inherit;
|
||
|
|
vertical-align:baseline
|
||
|
|
}
|
||
|
|
|
||
|
|
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
line-height:1
|
||
|
|
}
|
||
|
|
|
||
|
|
ol, ul {
|
||
|
|
list-style:none
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote, q {
|
||
|
|
quotes:none
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote:after, blockquote:before, q:after, q:before {
|
||
|
|
content: '';
|
||
|
|
content:none
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
border-collapse: collapse;
|
||
|
|
border-spacing:0
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
box-sizing:border-box
|
||
|
|
}
|
||
|
|
|
||
|
|
body, html {
|
||
|
|
height:100%
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
color: #2e3c43;
|
||
|
|
font-family: "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-size: 20px;
|
||
|
|
line-height: 32px;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-webkit-text-rendering: optimizeLegibility;
|
||
|
|
text-rendering:optimizeLegibility
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: #1785fb;
|
||
|
|
text-decoration:none
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover {
|
||
|
|
text-decoration:underline
|
||
|
|
}
|
||
|
|
|
||
|
|
strong {
|
||
|
|
font-weight:600
|
||
|
|
}
|
||
|
|
|
||
|
|
em {
|
||
|
|
font-style:italic
|
||
|
|
}
|
||
|
|
|
||
|
|
abbr {
|
||
|
|
border-bottom:1px dotted #ddd
|
||
|
|
}
|
||
|
|
|
||
|
|
button {
|
||
|
|
border: 0;
|
||
|
|
cursor: pointer;
|
||
|
|
font-family: "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
margin: 0;
|
||
|
|
outline:0
|
||
|
|
}
|
||
|
|
|
||
|
|
iframe, img {
|
||
|
|
max-width: 100%;
|
||
|
|
vertical-align:bottom
|
||
|
|
}
|
||
|
|
|
||
|
|
code, pre {
|
||
|
|
border: 1px solid rgba(46, 60, 67, .1);
|
||
|
|
border-radius: 4px;
|
||
|
|
font-family: 'PT Mono', monospace
|
||
|
|
}
|
||
|
|
|
||
|
|
code {
|
||
|
|
padding:1px 5px
|
||
|
|
}
|
||
|
|
|
||
|
|
pre {
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 24px;
|
||
|
|
overflow-x: auto;
|
||
|
|
padding: 16px;
|
||
|
|
-moz-tab-size: 2;
|
||
|
|
-o-tab-size: 2;
|
||
|
|
tab-size: 2;
|
||
|
|
white-space:pre-wrap
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
pre {
|
||
|
|
font-size:16px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
pre > code {
|
||
|
|
border: 0;
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right:0
|
||
|
|
}
|
||
|
|
|
||
|
|
input {
|
||
|
|
outline:0
|
||
|
|
}
|
||
|
|
|
||
|
|
sup {
|
||
|
|
font-size: 85%;
|
||
|
|
position: relative;
|
||
|
|
top:-6px
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
max-width: 980px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding:0 10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-wrap: wrap;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
-ms-flex: 1;
|
||
|
|
flex:1
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid.grid--center {
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items:center
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid.grid--space {
|
||
|
|
-ms-flex-pack: justify;
|
||
|
|
justify-content:space-between
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid.grid--out {
|
||
|
|
margin-right: -10px;
|
||
|
|
margin-left:-10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid.grid--column {
|
||
|
|
-ms-flex-direction: column;
|
||
|
|
flex-direction:column
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell {
|
||
|
|
padding-right: 10px;
|
||
|
|
padding-left:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col1 {
|
||
|
|
-ms-flex: 0 0 8.3334%;
|
||
|
|
flex: 0 0 8.3334%;
|
||
|
|
max-width:8.3334%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col2 {
|
||
|
|
-ms-flex: 0 0 16.6667%;
|
||
|
|
flex: 0 0 16.6667%;
|
||
|
|
max-width:16.6667%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col3 {
|
||
|
|
-ms-flex: 0 0 25%;
|
||
|
|
flex: 0 0 25%;
|
||
|
|
max-width:25%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col4 {
|
||
|
|
-ms-flex: 0 0 33.3334%;
|
||
|
|
flex: 0 0 33.3334%;
|
||
|
|
max-width:33.3334%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col5 {
|
||
|
|
-ms-flex: 0 0 41.6665%;
|
||
|
|
flex: 0 0 41.6665%;
|
||
|
|
max-width:41.6665%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col6 {
|
||
|
|
-ms-flex: 0 0 50%;
|
||
|
|
flex: 0 0 50%;
|
||
|
|
max-width:50%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col7 {
|
||
|
|
-ms-flex: 0 0 58.3331%;
|
||
|
|
flex: 0 0 58.3331%;
|
||
|
|
max-width:58.3331%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col8 {
|
||
|
|
-ms-flex: 0 0 66.6666%;
|
||
|
|
flex: 0 0 66.6666%;
|
||
|
|
max-width:66.6666%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col9 {
|
||
|
|
-ms-flex: 0 0 75%;
|
||
|
|
flex: 0 0 75%;
|
||
|
|
max-width:75%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col10 {
|
||
|
|
-ms-flex: 0 0 83.333%;
|
||
|
|
flex: 0 0 83.333%;
|
||
|
|
max-width:83.333%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col11 {
|
||
|
|
-ms-flex: 0 0 91.6666%;
|
||
|
|
flex: 0 0 91.6666%;
|
||
|
|
max-width:91.6666%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col12 {
|
||
|
|
-ms-flex: 0 0 100%;
|
||
|
|
flex: 0 0 100%;
|
||
|
|
max-width:100%
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.grid-cell--col1--tablet {
|
||
|
|
-ms-flex: 0 0 8.3334%;
|
||
|
|
flex: 0 0 8.3334%;
|
||
|
|
max-width:8.3334%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col2--tablet {
|
||
|
|
-ms-flex: 0 0 16.6667%;
|
||
|
|
flex: 0 0 16.6667%;
|
||
|
|
max-width:16.6667%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col3--tablet {
|
||
|
|
-ms-flex: 0 0 25%;
|
||
|
|
flex: 0 0 25%;
|
||
|
|
max-width:25%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col4--tablet {
|
||
|
|
-ms-flex: 0 0 33.3334%;
|
||
|
|
flex: 0 0 33.3334%;
|
||
|
|
max-width:33.3334%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col5--tablet {
|
||
|
|
-ms-flex: 0 0 41.6665%;
|
||
|
|
flex: 0 0 41.6665%;
|
||
|
|
max-width:41.6665%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col6--tablet {
|
||
|
|
-ms-flex: 0 0 50%;
|
||
|
|
flex: 0 0 50%;
|
||
|
|
max-width:50%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col7--tablet {
|
||
|
|
-ms-flex: 0 0 58.3331%;
|
||
|
|
flex: 0 0 58.3331%;
|
||
|
|
max-width:58.3331%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col8--tablet {
|
||
|
|
-ms-flex: 0 0 66.6666%;
|
||
|
|
flex: 0 0 66.6666%;
|
||
|
|
max-width:66.6666%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col9--tablet {
|
||
|
|
-ms-flex: 0 0 75%;
|
||
|
|
flex: 0 0 75%;
|
||
|
|
max-width:75%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col10--tablet {
|
||
|
|
-ms-flex: 0 0 83.333%;
|
||
|
|
flex: 0 0 83.333%;
|
||
|
|
max-width:83.333%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col11--tablet {
|
||
|
|
-ms-flex: 0 0 91.6666%;
|
||
|
|
flex: 0 0 91.6666%;
|
||
|
|
max-width:91.6666%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col12--tablet {
|
||
|
|
-ms-flex: 0 0 100%;
|
||
|
|
flex: 0 0 100%;
|
||
|
|
max-width:100%
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.grid-cell--col1--mobile {
|
||
|
|
-ms-flex: 0 0 8.3334%;
|
||
|
|
flex: 0 0 8.3334%;
|
||
|
|
max-width:8.3334%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col2--mobile {
|
||
|
|
-ms-flex: 0 0 16.6667%;
|
||
|
|
flex: 0 0 16.6667%;
|
||
|
|
max-width:16.6667%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col3--mobile {
|
||
|
|
-ms-flex: 0 0 25%;
|
||
|
|
flex: 0 0 25%;
|
||
|
|
max-width:25%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col4--mobile {
|
||
|
|
-ms-flex: 0 0 33.3334%;
|
||
|
|
flex: 0 0 33.3334%;
|
||
|
|
max-width:33.3334%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col5--mobile {
|
||
|
|
-ms-flex: 0 0 41.6665%;
|
||
|
|
flex: 0 0 41.6665%;
|
||
|
|
max-width:41.6665%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col6--mobile {
|
||
|
|
-ms-flex: 0 0 50%;
|
||
|
|
flex: 0 0 50%;
|
||
|
|
max-width:50%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col7--mobile {
|
||
|
|
-ms-flex: 0 0 58.3331%;
|
||
|
|
flex: 0 0 58.3331%;
|
||
|
|
max-width:58.3331%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col8--mobile {
|
||
|
|
-ms-flex: 0 0 66.6666%;
|
||
|
|
flex: 0 0 66.6666%;
|
||
|
|
max-width:66.6666%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col9--mobile {
|
||
|
|
-ms-flex: 0 0 75%;
|
||
|
|
flex: 0 0 75%;
|
||
|
|
max-width:75%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col10--mobile {
|
||
|
|
-ms-flex: 0 0 83.333%;
|
||
|
|
flex: 0 0 83.333%;
|
||
|
|
max-width:83.333%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col11--mobile {
|
||
|
|
-ms-flex: 0 0 91.6666%;
|
||
|
|
flex: 0 0 91.6666%;
|
||
|
|
max-width:91.6666%
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-cell--col12--mobile {
|
||
|
|
-ms-flex: 0 0 100%;
|
||
|
|
flex: 0 0 100%;
|
||
|
|
max-width:100%
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.button {
|
||
|
|
display: inline-block;
|
||
|
|
border-radius: 4px;
|
||
|
|
font: 600 12px/16px Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
min-width: 140px;
|
||
|
|
padding: 16px 26px;
|
||
|
|
text-align: center;
|
||
|
|
text-transform: uppercase;
|
||
|
|
letter-spacing: 1px;
|
||
|
|
white-space: nowrap;
|
||
|
|
position: relative;
|
||
|
|
overflow:hidden
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:hover {
|
||
|
|
text-decoration:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.button > span {
|
||
|
|
position:relative
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-jade {
|
||
|
|
background-color: #11a2b8;
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-jade:after {
|
||
|
|
content: '';
|
||
|
|
background:rgba(159, 235, 246, .24)
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-jadeOutline {
|
||
|
|
border: 2px solid #11a2b8;
|
||
|
|
color: #11a2b8;
|
||
|
|
padding:14px 24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-jadeOutline:after {
|
||
|
|
content: '';
|
||
|
|
background:rgba(17, 162, 184, .08)
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:before {
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
width:100%
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:after {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
top: -66%;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
border-radius: 50%;
|
||
|
|
transform: scale(2) translateX(-75%) translateY(75%);
|
||
|
|
transform-origin: center center;
|
||
|
|
opacity: 0;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content:center
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-emerald {
|
||
|
|
background-color: #2aac02;
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-emerald:after {
|
||
|
|
content: '';
|
||
|
|
background:rgba(155, 253, 125, .24)
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-emeraldOutline {
|
||
|
|
border: 2px solid #2aac02;
|
||
|
|
color: #2aac02;
|
||
|
|
padding:14px 24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-emeraldOutline:after {
|
||
|
|
content: '';
|
||
|
|
background:rgba(42, 172, 2, .08)
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:before {
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
width:100%
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:after {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
top: -66%;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
border-radius: 50%;
|
||
|
|
transform: scale(2) translateX(-75%) translateY(75%);
|
||
|
|
transform-origin: center center;
|
||
|
|
opacity: 0;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content:center
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-baseGrey {
|
||
|
|
background-color: #2e3c43;
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-baseGrey:after {
|
||
|
|
content: '';
|
||
|
|
background:rgba(141, 164, 176, .24)
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-baseGreyOutline {
|
||
|
|
border: 2px solid #2e3c43;
|
||
|
|
color: #2e3c43;
|
||
|
|
padding:14px 24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-baseGreyOutline:after {
|
||
|
|
content: '';
|
||
|
|
background:rgba(46, 60, 67, .08)
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:before {
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
width:100%
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:after {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
top: -66%;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
border-radius: 50%;
|
||
|
|
transform: scale(2) translateX(-75%) translateY(75%);
|
||
|
|
transform-origin: center center;
|
||
|
|
opacity: 0;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content:center
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-white {
|
||
|
|
background-color: #fff;
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-white:after {
|
||
|
|
content: '';
|
||
|
|
background:rgba(255, 255, 255, .24)
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-whiteOutline {
|
||
|
|
border: 2px solid #fff;
|
||
|
|
color: #fff;
|
||
|
|
padding:14px 24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-whiteOutline:after {
|
||
|
|
content: '';
|
||
|
|
background:rgba(255, 255, 255, .08)
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:before {
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
width:100%
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:after {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
top: -66%;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
border-radius: 50%;
|
||
|
|
transform: scale(2) translateX(-75%) translateY(75%);
|
||
|
|
transform-origin: center center;
|
||
|
|
opacity: 0;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content:center
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-opal {
|
||
|
|
background-color: #FD5A00;
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-opal:after {
|
||
|
|
content: '';
|
||
|
|
background:rgba(255, 221, 202, .24)
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-opalOutline {
|
||
|
|
border: 2px solid #FD5A00;
|
||
|
|
color: #FD5A00;
|
||
|
|
padding:14px 24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-opalOutline:after {
|
||
|
|
content: '';
|
||
|
|
background:rgba(253, 90, 0, .08)
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:before {
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
width:100%
|
||
|
|
}
|
||
|
|
|
||
|
|
.button:after {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
top: -66%;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
border-radius: 50%;
|
||
|
|
transform: scale(2) translateX(-75%) translateY(75%);
|
||
|
|
transform-origin: center center;
|
||
|
|
opacity: 0;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content:center
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-negative {
|
||
|
|
color: #fff;
|
||
|
|
border:2px solid #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.button.is-negative:after {
|
||
|
|
background:rgba(255, 255, 255, .16)
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink {
|
||
|
|
font: 600 12px/16px Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
text-transform: uppercase;
|
||
|
|
overflow: hidden;
|
||
|
|
display: inline-block;
|
||
|
|
letter-spacing:1px
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink svg {
|
||
|
|
transform: translate3d(0, 0, 0);
|
||
|
|
transition: transform 300ms ease-in;
|
||
|
|
margin-right:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink.is-jade {
|
||
|
|
color:#11a2b8
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink.is-jade .buttonLink-media {
|
||
|
|
fill:#11a2b8
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink.is-emerald {
|
||
|
|
color:#2aac02
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink.is-emerald .buttonLink-media {
|
||
|
|
fill:#2aac02
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink.is-baseGrey {
|
||
|
|
color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink.is-baseGrey .buttonLink-media {
|
||
|
|
fill:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink.is-white {
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink.is-white .buttonLink-media {
|
||
|
|
fill:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink.is-opal {
|
||
|
|
color:#FD5A00
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink.is-opal .buttonLink-media {
|
||
|
|
fill:#FD5A00
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink:hover {
|
||
|
|
text-decoration:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink:hover svg {
|
||
|
|
transform:translate3d(4px, 0, 0)
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonLink.buttonLink--large {
|
||
|
|
font: 600 16px/24px Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--small {
|
||
|
|
min-width: 120px;
|
||
|
|
padding: 8px 12px;
|
||
|
|
letter-spacing:1px
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--small.is-jadeOutline {
|
||
|
|
padding:6px 10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--small.is-emeraldOutline {
|
||
|
|
padding:6px 10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--small.is-baseGreyOutline {
|
||
|
|
padding:6px 10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--small.is-whiteOutline {
|
||
|
|
padding:6px 10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--small.is-opalOutline {
|
||
|
|
padding:6px 10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.button--large {
|
||
|
|
font: 600 16px/24px Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif
|
||
|
|
}
|
||
|
|
|
||
|
|
.text {
|
||
|
|
font-family: "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-weight:400
|
||
|
|
}
|
||
|
|
|
||
|
|
.text.is-semibold {
|
||
|
|
font-weight:600
|
||
|
|
}
|
||
|
|
|
||
|
|
.title {
|
||
|
|
font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-weight: 600;
|
||
|
|
color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.title.is-regular {
|
||
|
|
font-weight:400
|
||
|
|
}
|
||
|
|
|
||
|
|
.title.is-bold {
|
||
|
|
font-weight:700
|
||
|
|
}
|
||
|
|
|
||
|
|
.textCode {
|
||
|
|
font-family: "Overpass Mono", monospace
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-jumbo {
|
||
|
|
font-size: 80px;
|
||
|
|
line-height:96px
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.is-jumbo {
|
||
|
|
font-size: 48px;
|
||
|
|
line-height:56px
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-jumbo.is-jumbo--mobile {
|
||
|
|
font-size: 80px;
|
||
|
|
line-height:96px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-display {
|
||
|
|
font-size: 64px;
|
||
|
|
line-height:80px
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.is-display {
|
||
|
|
font-size: 40px;
|
||
|
|
line-height:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-display.is-display--mobile {
|
||
|
|
font-size: 64px;
|
||
|
|
line-height:80px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-title {
|
||
|
|
font-size: 48px;
|
||
|
|
line-height:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.is-title {
|
||
|
|
font-size: 32px;
|
||
|
|
line-height:40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-title.is-title--mobile {
|
||
|
|
font-size: 48px;
|
||
|
|
line-height:64px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-subheader {
|
||
|
|
font-size: 32px;
|
||
|
|
line-height:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.is-subheader {
|
||
|
|
font-size: 20px;
|
||
|
|
line-height:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-subheader.is-subheader--mobile {
|
||
|
|
font-size: 32px;
|
||
|
|
line-height:48px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-body {
|
||
|
|
font-size: 20px;
|
||
|
|
line-height:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.is-body {
|
||
|
|
font-size: 16px;
|
||
|
|
line-height:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-body.is-body--mobile {
|
||
|
|
font-size: 20px;
|
||
|
|
line-height:32px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-subtitle {
|
||
|
|
font-size: 20px;
|
||
|
|
line-height:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.is-subtitle {
|
||
|
|
font-size: 16px;
|
||
|
|
line-height:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-subtitle.is-subtitle--mobile {
|
||
|
|
font-size: 20px;
|
||
|
|
line-height:32px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-caption {
|
||
|
|
font-size: 16px;
|
||
|
|
line-height:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.is-caption {
|
||
|
|
font-size: 12px;
|
||
|
|
line-height:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-caption.is-caption--mobile {
|
||
|
|
font-size: 16px;
|
||
|
|
line-height:24px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-small {
|
||
|
|
font-size: 12px;
|
||
|
|
line-height:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-ellipsis {
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow:ellipsis
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-ellipsis.is-ellipsis--link {
|
||
|
|
display: inline-block;
|
||
|
|
max-width: calc(100% - 24px);
|
||
|
|
padding-right:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Header {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-direction: column;
|
||
|
|
flex-direction: column;
|
||
|
|
position:relative
|
||
|
|
}
|
||
|
|
|
||
|
|
.Header--short {
|
||
|
|
min-height:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.Header-background {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.Header-background--cover {
|
||
|
|
background-size: cover;
|
||
|
|
background-position:center
|
||
|
|
}
|
||
|
|
|
||
|
|
.Header-inner {
|
||
|
|
padding:80px 0 96px
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.Header-inner {
|
||
|
|
padding:48px 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.circle-content {
|
||
|
|
opacity: 0;
|
||
|
|
z-index: 2;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content:center
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.circle-content {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.box, .button {
|
||
|
|
position: relative;
|
||
|
|
overflow:hidden
|
||
|
|
}
|
||
|
|
|
||
|
|
.box .circle-content > svg, .button .circle-content > svg {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
transform: translateX(-50%) translateY(-50%);
|
||
|
|
opacity:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.box:hover, .button:hover {
|
||
|
|
cursor:pointer
|
||
|
|
}
|
||
|
|
|
||
|
|
.box:hover .circle-content, .button:hover .circle-content {
|
||
|
|
animation:showText 500ms both 200ms
|
||
|
|
}
|
||
|
|
|
||
|
|
.box:hover:after, .button:hover:after {
|
||
|
|
animation: showCircle 350ms ease-out forwards;
|
||
|
|
cursor:pointer
|
||
|
|
}
|
||
|
|
|
||
|
|
.box:before, .button:before {
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
width:100%
|
||
|
|
}
|
||
|
|
|
||
|
|
.box:after, .button:after {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
top: -66%;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
border-radius: 50%;
|
||
|
|
transform: scale(2) translateX(-75%) translateY(75%);
|
||
|
|
transform-origin: center center;
|
||
|
|
opacity: 0;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content:center
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.box:after, .button:after {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.box {
|
||
|
|
pointer-events:none
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--linkActive {
|
||
|
|
pointer-events:all
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes fadeIn {
|
||
|
|
0% {
|
||
|
|
opacity:0
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity:1
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes fadeOutDown {
|
||
|
|
0% {
|
||
|
|
opacity:1
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 0;
|
||
|
|
transform:translate3d(0, 100%, 0)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes showText {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform:translate3d(0, -20px, 0)
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
transform:none
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes showCircle {
|
||
|
|
0% {
|
||
|
|
transform: scale(2) translateX(-75%) translateY(70%);
|
||
|
|
opacity:0
|
||
|
|
}
|
||
|
|
|
||
|
|
99% {
|
||
|
|
transform: scale(2) translateX(0) translateY(0);
|
||
|
|
opacity:1
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
transform: scale(2) translateX(0) translateY(0);
|
||
|
|
opacity: 1;
|
||
|
|
top:0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgCartoRed {
|
||
|
|
background:#f24440
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtCartoRed {
|
||
|
|
color:#f24440
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgNavyBlue {
|
||
|
|
background:#162745
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtNavyBlue {
|
||
|
|
color:#162745
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgSolutionsRed {
|
||
|
|
background:#ff583e
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtSolutionsRed {
|
||
|
|
color:#ff583e
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgJade {
|
||
|
|
background:#11a2b8
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtJade {
|
||
|
|
color:#11a2b8
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgBuilderBlue {
|
||
|
|
background:#1785fb
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtBuilderBlue {
|
||
|
|
color:#1785fb
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgEngineBlue {
|
||
|
|
background:#2e51e8
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtEngineBlue {
|
||
|
|
color:#2e51e8
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgLDSBlue {
|
||
|
|
background:#3d33cc
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtLDSBlue {
|
||
|
|
color:#3d33cc
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgGuidesPurple {
|
||
|
|
background:#7d21f5
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtGuidesPurple {
|
||
|
|
color:#7d21f5
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgTutorialsPurple {
|
||
|
|
background:#6e00dc
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtTutorialsPurple {
|
||
|
|
color:#6e00dc
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgDocsPurple {
|
||
|
|
background:#5300cc
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtDocsPurple {
|
||
|
|
color:#5300cc
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgEmerald {
|
||
|
|
background:#2aac02
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtEmerald {
|
||
|
|
color:#2aac02
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgBaseGrey {
|
||
|
|
background:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtBaseGrey {
|
||
|
|
color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgWhite {
|
||
|
|
background:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtWhite {
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgOpal {
|
||
|
|
background:#FD5A00
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtOpal {
|
||
|
|
color:#FD5A00
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgTypo1 {
|
||
|
|
background:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtTypo1 {
|
||
|
|
color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgTypo2 {
|
||
|
|
background:#828a8f
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtTypo2 {
|
||
|
|
color:#828a8f
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgTypo3 {
|
||
|
|
background:#babec0
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtTypo3 {
|
||
|
|
color:#babec0
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgTypo4 {
|
||
|
|
background:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtTypo4 {
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgLightGrey {
|
||
|
|
background:rgba(46, 60, 67, .02)
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtLightGrey {
|
||
|
|
color:rgba(46, 60, 67, .02)
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgSoftBlue {
|
||
|
|
background:#f2f6f9
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtSoftBlue {
|
||
|
|
color:#f2f6f9
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-bgSoftGray {
|
||
|
|
background:#f9f9f9
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-txtSoftGray {
|
||
|
|
color:#f9f9f9
|
||
|
|
}
|
||
|
|
|
||
|
|
.Footer-container {
|
||
|
|
padding-top: 96px;
|
||
|
|
background-color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.Footer-container .FooterElement {
|
||
|
|
margin-bottom:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Footer-container .FooterElement:last-child {
|
||
|
|
margin-bottom:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.Footer-container .FooterLink {
|
||
|
|
color: #828a8f;
|
||
|
|
transition:color .2s ease
|
||
|
|
}
|
||
|
|
|
||
|
|
.Footer-container .FooterLink:hover {
|
||
|
|
color: #2e3c43;
|
||
|
|
text-decoration:underline
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.Footer-container {
|
||
|
|
padding-top:64px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.Footer-social {
|
||
|
|
padding-top: 64px;
|
||
|
|
padding-bottom:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.Footer-social {
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
height: 100px;
|
||
|
|
margin-top: 40px;
|
||
|
|
border-top:1px solid #f9f9f9
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.Footer-social .Footer-icon:hover {
|
||
|
|
text-decoration:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.Footer-social .Footer-icon path:hover {
|
||
|
|
fill:#1785fb
|
||
|
|
}
|
||
|
|
|
||
|
|
.box {
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content:center
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgCartoRed {
|
||
|
|
background:#f24440
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgNavyBlue {
|
||
|
|
background:#162745
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgSolutionsRed {
|
||
|
|
background:#ff583e
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgJade {
|
||
|
|
background:#11a2b8
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgBuilderBlue {
|
||
|
|
background:#1785fb
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgEngineBlue {
|
||
|
|
background:#2e51e8
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgLDSBlue {
|
||
|
|
background:#3d33cc
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgGuidesPurple {
|
||
|
|
background:#7d21f5
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgTutorialsPurple {
|
||
|
|
background:#6e00dc
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgDocsPurple {
|
||
|
|
background:#5300cc
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgEmerald {
|
||
|
|
background:#2aac02
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgBaseGrey {
|
||
|
|
background:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgWhite {
|
||
|
|
background:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgOpal {
|
||
|
|
background:#FD5A00
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgTypo1 {
|
||
|
|
background:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgTypo2 {
|
||
|
|
background:#828a8f
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgTypo3 {
|
||
|
|
background:#babec0
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgTypo4 {
|
||
|
|
background:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgLightGrey {
|
||
|
|
background:rgba(46, 60, 67, .02)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgSoftBlue {
|
||
|
|
background:#f2f6f9
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgSoftGray {
|
||
|
|
background:#f9f9f9
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--bgWhite {
|
||
|
|
border:1px solid rgba(46, 60, 67, .2)
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.box.box--bgWhite {
|
||
|
|
border:0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.box:before {
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
width: 0;
|
||
|
|
padding-top:100%
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--auto:before {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.box .circle-content > p {
|
||
|
|
font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
font-weight: 600;
|
||
|
|
font-size: 20px;
|
||
|
|
line-height: 32px;
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationCartoRed:after {
|
||
|
|
background:rgba(242, 68, 64, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationNavyBlue:after {
|
||
|
|
background:rgba(22, 39, 69, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationSolutionsRed:after {
|
||
|
|
background:rgba(255, 88, 62, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationJade:after {
|
||
|
|
background:rgba(17, 162, 184, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationBuilderBlue:after {
|
||
|
|
background:rgba(23, 133, 251, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationEngineBlue:after {
|
||
|
|
background:rgba(46, 81, 232, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationLDSBlue:after {
|
||
|
|
background:rgba(61, 51, 204, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationGuidesPurple:after {
|
||
|
|
background:rgba(125, 33, 245, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationTutorialsPurple:after {
|
||
|
|
background:rgba(110, 0, 220, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationDocsPurple:after {
|
||
|
|
background:rgba(83, 0, 204, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationEmerald:after {
|
||
|
|
background:rgba(42, 172, 2, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationBaseGrey:after {
|
||
|
|
background:rgba(46, 60, 67, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationWhite:after {
|
||
|
|
background:rgba(255, 255, 255, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationOpal:after {
|
||
|
|
background:rgba(253, 90, 0, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationTypo1:after {
|
||
|
|
background:rgba(46, 60, 67, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationTypo2:after {
|
||
|
|
background:rgba(130, 138, 143, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationTypo3:after {
|
||
|
|
background:rgba(186, 190, 192, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationTypo4:after {
|
||
|
|
background:rgba(255, 255, 255, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationLightGrey:after {
|
||
|
|
background:rgba(46, 60, 67, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationSoftBlue:after {
|
||
|
|
background:rgba(242, 246, 249, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box-animationSoftGray:after {
|
||
|
|
background:rgba(249, 249, 249, .92)
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.is-download .circle-content > p {
|
||
|
|
animation:fadeOutDown 500ms both
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.is-download .circle-content > svg {
|
||
|
|
animation:fadeIn 300ms both 200ms
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.box {
|
||
|
|
box-shadow: 0 1px 24px 0 rgba(0, 0, 0, .16);
|
||
|
|
pointer-events:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.box.box--linkActive {
|
||
|
|
pointer-events:all
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.box-content {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
padding:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar {
|
||
|
|
padding: 16px 0;
|
||
|
|
z-index:300
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar .Navbar-button {
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar .Navbar-buttonFixed {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-inner {
|
||
|
|
z-index: 2;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display:flex
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-header {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display:flex
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-collapse {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
width: 100%;
|
||
|
|
-ms-flex-pack: justify;
|
||
|
|
justify-content: space-between;
|
||
|
|
position:relative
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-collapseStatic {
|
||
|
|
-ms-flex-pack: end;
|
||
|
|
justify-content:flex-end
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-list {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
list-style:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-item {
|
||
|
|
margin-right: calc(12px + 1vw);
|
||
|
|
padding:12px 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-item:last-of-type {
|
||
|
|
margin-right:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-link {
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-link:not(.button):hover {
|
||
|
|
text-decoration:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-icon {
|
||
|
|
vertical-align:middle
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.Navbar-collapse {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-header {
|
||
|
|
-ms-flex-pack: justify;
|
||
|
|
justify-content: space-between;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
width:100%
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.NavbarMobile {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
background-color: rgba(46, 60, 67, .96);
|
||
|
|
z-index: 1000;
|
||
|
|
text-align: center;
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.NavbarMobile.is-active {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-direction: column;
|
||
|
|
flex-direction: column;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content: center;
|
||
|
|
animation:fade-and-scale-in 200ms ease-out
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.NavbarMobile .NavbarMobile-header {
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-pack: justify;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding:16px 20px 0 16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.NavbarMobile .NavbarMobile-collapse {
|
||
|
|
width: 100%;
|
||
|
|
display: block;
|
||
|
|
-ms-flex: 1;
|
||
|
|
flex: 1;
|
||
|
|
margin-top:68px
|
||
|
|
}
|
||
|
|
|
||
|
|
.NavbarMobile .Navbar-item {
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 24px;
|
||
|
|
padding: 16px 0;
|
||
|
|
margin:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.NavbarMobile .Navbar-subitem {
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 16px;
|
||
|
|
padding:8px 0
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.NavbarMobile .Navbar-subitem {
|
||
|
|
height:48px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.NavbarMobile .NavbarMobile-list {
|
||
|
|
padding:0 0 16px 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.NavbarMobile .NavbarMobile--tablet {
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
|
||
|
|
.NavbarMobile .NavbarMobile--tabletList {
|
||
|
|
padding: 0 10%;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-wrap: wrap;
|
||
|
|
flex-wrap:wrap
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.NavbarMobile .NavbarMobile--tabletList {
|
||
|
|
padding:0 5%
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.NavbarMobile .NavbarMobile--tabletList .Navbar-subitem {
|
||
|
|
text-align: right;
|
||
|
|
-ms-flex: 50%;
|
||
|
|
flex: 50%;
|
||
|
|
max-width: 50%;
|
||
|
|
padding-right: 20px;
|
||
|
|
padding-left:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.NavbarMobile .NavbarMobile--tabletList .Navbar-subitem {
|
||
|
|
padding-right: 10px;
|
||
|
|
padding-left:10px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.NavbarMobile .NavbarMobile--tabletList .Navbar-subitem:nth-child(even) {
|
||
|
|
text-align:left
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--fixed {
|
||
|
|
position: fixed;
|
||
|
|
top: -80px;
|
||
|
|
z-index: 300;
|
||
|
|
width: 100%;
|
||
|
|
border-bottom: 1px solid #eee;
|
||
|
|
background: #fff;
|
||
|
|
opacity: 0;
|
||
|
|
transition: all .3s ease;
|
||
|
|
transform:translate3d(0, 0, 0)
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--fixed.is-active {
|
||
|
|
top: 0;
|
||
|
|
opacity:1
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.Navbar--fixed.is-active {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar.Navbar--fixed.is-active {
|
||
|
|
top: 0;
|
||
|
|
opacity:1
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.Navbar.Navbar--fixed.is-active {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar.Navbar--fixed.is-active .Navbar-link {
|
||
|
|
color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar.Navbar--fixed.is-active .Navbar-icon polygon {
|
||
|
|
fill:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar.Navbar--fixed.is-active .Navbar-button {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar.Navbar--fixed.is-active .Navbar-buttonFixed {
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--positive .Navbar, .Navbar.u-positive {
|
||
|
|
display: block;
|
||
|
|
top: 0;
|
||
|
|
opacity:1
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--positive .Navbar .Navbar-link, .Navbar.u-positive .Navbar-link {
|
||
|
|
color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--positive .Navbar .Navbar-icon polygon, .Navbar.u-positive .Navbar-icon polygon {
|
||
|
|
fill:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--positive .Navbar .Navbar-button, .Navbar.u-positive .Navbar-button {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--positive .Navbar .Navbar-buttonFixed, .Navbar.u-positive .Navbar-buttonFixed {
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.Navbar--positive .Navbar .Navbar-link, .Navbar.u-positive .Navbar-link {
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--positive .Navbar .Navbar-icon polygon, .Navbar.u-positive .Navbar-icon polygon {
|
||
|
|
fill:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--positive .Navbar .Navbar-buttonMenu span, .Navbar.u-positive .Navbar-buttonMenu span {
|
||
|
|
background:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--positive .Navbar .Navbar-buttonMenu.open span, .Navbar.u-positive .Navbar-buttonMenu.open span {
|
||
|
|
background:#fff
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.Navbar-buttonMenu {
|
||
|
|
width: 46px;
|
||
|
|
height: 40px;
|
||
|
|
position: relative;
|
||
|
|
transform: rotate(0);
|
||
|
|
transition: 250ms ease-in-out;
|
||
|
|
cursor: pointer;
|
||
|
|
border: 12px solid transparent;
|
||
|
|
display: block;
|
||
|
|
margin-right:-12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-buttonMenu span {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
height: 2px;
|
||
|
|
width: 100%;
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 2px;
|
||
|
|
opacity: 1;
|
||
|
|
left: 0;
|
||
|
|
transform: rotate(0);
|
||
|
|
transition:250ms ease-in-out
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-buttonMenu span:nth-child(1) {
|
||
|
|
top:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-buttonMenu span:nth-child(2), .Navbar-buttonMenu span:nth-child(3) {
|
||
|
|
top: 50%;
|
||
|
|
margin-top:-1px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-buttonMenu span:nth-child(4) {
|
||
|
|
top: 100%;
|
||
|
|
margin-top:-1px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-buttonMenu.open span:nth-child(1) {
|
||
|
|
top: 50%;
|
||
|
|
width: 0;
|
||
|
|
left: 50%;
|
||
|
|
margin-top:-1px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-buttonMenu.open span:nth-child(2) {
|
||
|
|
transform:rotate(45deg)
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-buttonMenu.open span:nth-child(3) {
|
||
|
|
transform:rotate(-45deg)
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-buttonMenu.open span:nth-child(4) {
|
||
|
|
top: 50%;
|
||
|
|
width: 0;
|
||
|
|
left: 50%;
|
||
|
|
margin-top:-1px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-header .Logo {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items:center
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar .Logo--negative {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display:flex
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar .Logo--positive {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--positive .Navbar .Logo--positive, .Navbar.Navbar--fixed.is-active .Logo--positive, .Navbar.u-positive .Logo--positive {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display:flex
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--positive .Navbar .Logo--negative, .Navbar.Navbar--fixed.is-active .Logo--negative, .Navbar.u-positive .Logo--negative {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--scroll--vertical {
|
||
|
|
overflow-y: scroll;
|
||
|
|
-webkit-overflow-scrolling:touch
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--userAvatar {
|
||
|
|
width: 36px;
|
||
|
|
height: 36px;
|
||
|
|
border-radius: 50%;
|
||
|
|
overflow: hidden;
|
||
|
|
background-color:rgba(0, 0, 0, .08)
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--userAvatar img {
|
||
|
|
min-width: 100%;
|
||
|
|
min-height: 100%;
|
||
|
|
-o-object-fit: cover;
|
||
|
|
object-fit:cover
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-height--44 {
|
||
|
|
height:44px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar--show-animation {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
opacity: 1;
|
||
|
|
pointer-events: all;
|
||
|
|
transition:opacity 300ms
|
||
|
|
}
|
||
|
|
|
||
|
|
.User-element--hide {
|
||
|
|
opacity: 0;
|
||
|
|
pointer-events:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.Navbar-container {
|
||
|
|
min-height:76px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown {
|
||
|
|
position:relative
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-inner {
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
top: 100%;
|
||
|
|
width: 224px;
|
||
|
|
right: -114px;
|
||
|
|
background: #fff;
|
||
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
|
||
|
|
border-radius: 4px;
|
||
|
|
transition: all .3s;
|
||
|
|
z-index: 30;
|
||
|
|
transition: all 2s ease;
|
||
|
|
padding:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-inner:before {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -14px;
|
||
|
|
top: -15px;
|
||
|
|
border: 8px solid transparent;
|
||
|
|
border-bottom:8px solid rgba(210, 210, 210, .2)
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-inner:after {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -12px;
|
||
|
|
top: -11px;
|
||
|
|
border: 6px solid transparent;
|
||
|
|
border-bottom:6px solid #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-inner.Dropdown-inner--userMenu {
|
||
|
|
right: 0;
|
||
|
|
padding: 0;
|
||
|
|
top:53px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-inner.Dropdown-inner--userMenu:before {
|
||
|
|
left: unset;
|
||
|
|
right:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-inner.Dropdown-inner--userMenu:after {
|
||
|
|
left: unset;
|
||
|
|
right:14px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--loggedUser {
|
||
|
|
padding:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--loggedUser.Dropdown--userLinks {
|
||
|
|
background-color: #f9f9f9;
|
||
|
|
border-radius:0 0 4px 4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-item {
|
||
|
|
line-height: 20px;
|
||
|
|
font-size: 13px;
|
||
|
|
margin-bottom:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-item:last-child {
|
||
|
|
margin-bottom:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-item.is-active .Dropdown-link {
|
||
|
|
color: #2e3c43;
|
||
|
|
border-radius:3px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-itemExtra {
|
||
|
|
border-top: 1px solid rgba(186, 190, 192, .24);
|
||
|
|
padding-top:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link {
|
||
|
|
display: inline-block;
|
||
|
|
color: #2e3c43;
|
||
|
|
transition:color .2s ease
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link.is-active {
|
||
|
|
color:rgba(46, 60, 67, .6)
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link.is-active:hover {
|
||
|
|
color:rgba(46, 60, 67, .6)
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link:hover {
|
||
|
|
text-decoration:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link:hover .Dropdown-link--solutions, .Dropdown-link:hover.Dropdown-link--solutions {
|
||
|
|
color:#f24440
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link:hover .Dropdown-link--data-streams, .Dropdown-link:hover.Dropdown-link--data-streams {
|
||
|
|
color:#3D2ACC
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link:hover .Dropdown-link--spatial-data, .Dropdown-link:hover.Dropdown-link--spatial-data {
|
||
|
|
color:#3148DC
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link:hover .Dropdown-link--cartography, .Dropdown-link:hover.Dropdown-link--cartography {
|
||
|
|
color:#2466EB
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link:hover .Dropdown-link--development, .Dropdown-link:hover.Dropdown-link--development {
|
||
|
|
color:#1785FB
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link:hover .Dropdown-link--industries, .Dropdown-link:hover.Dropdown-link--industries {
|
||
|
|
color:#ff583e
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link:hover .Dropdown-link--resources, .Dropdown-link:hover.Dropdown-link--resources {
|
||
|
|
color:#5300CC
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link:hover .Dropdown-link--developers, .Dropdown-link:hover.Dropdown-link--developers {
|
||
|
|
color:#7D21F5
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link:hover .Dropdown-link--help, .Dropdown-link:hover.Dropdown-link--help {
|
||
|
|
color:#6E00DC
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-link:hover .Dropdown-link--blog, .Dropdown-link:hover.Dropdown-link--blog {
|
||
|
|
color:#2aac02
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--2columns {
|
||
|
|
width: 392px;
|
||
|
|
right: -198px;
|
||
|
|
padding:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new {
|
||
|
|
width: 400px;
|
||
|
|
display: block;
|
||
|
|
opacity: 0;
|
||
|
|
transition: all .2s ease-in-out;
|
||
|
|
pointer-events:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new.Dropdown--center {
|
||
|
|
right: 50%;
|
||
|
|
transform:translateX(50%)
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new.Dropdown--platform {
|
||
|
|
width: 780px;
|
||
|
|
transform:translateX(75%)
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new.Dropdown--platform:before {
|
||
|
|
left:25%
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new.Dropdown--platform:after {
|
||
|
|
left:25%
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new.Dropdown--industries {
|
||
|
|
width:468px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new.Dropdown--resources {
|
||
|
|
width:604px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new .tree {
|
||
|
|
padding: 0;
|
||
|
|
list-style: none;
|
||
|
|
color: #ddd;
|
||
|
|
position:relative
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new .tree:before {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
width: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
border-left:1px solid
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new .tree li {
|
||
|
|
padding: 0 30px;
|
||
|
|
line-height: 2em;
|
||
|
|
font-weight: 700;
|
||
|
|
position:relative
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new .tree li:before {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
width: 26px;
|
||
|
|
height: 0;
|
||
|
|
border-top: 1px solid;
|
||
|
|
margin-top: -1px;
|
||
|
|
position: absolute;
|
||
|
|
top: 1em;
|
||
|
|
left:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new .tree li:last-child:before {
|
||
|
|
background: #fff;
|
||
|
|
height: auto;
|
||
|
|
top: 1em;
|
||
|
|
bottom:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new:before {
|
||
|
|
content: '';
|
||
|
|
margin-left: 0;
|
||
|
|
transform:translateX(-50%)
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new:after {
|
||
|
|
content: '';
|
||
|
|
margin-left: 0;
|
||
|
|
transform:translateX(-50%)
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown:hover .Dropdown--new {
|
||
|
|
opacity: 1;
|
||
|
|
pointer-events:all
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown--new.Dropdown-new--click-activated {
|
||
|
|
opacity: 1;
|
||
|
|
display: none;
|
||
|
|
pointer-events:unset
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-innerHighlight {
|
||
|
|
margin: 0 -24px -24px;
|
||
|
|
padding: 24px;
|
||
|
|
border-radius:0 0 4px 4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-divisor {
|
||
|
|
position: relative;
|
||
|
|
color: #babec0;
|
||
|
|
margin-bottom:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-divisor span {
|
||
|
|
background-color: #fff;
|
||
|
|
padding-right:6px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Dropdown-divisor:after {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
height: 6px;
|
||
|
|
border-top: 1px solid rgba(186, 190, 192, .24);
|
||
|
|
z-index:-1
|
||
|
|
}
|
||
|
|
|
||
|
|
.Section {
|
||
|
|
position: relative;
|
||
|
|
padding: 96px 0;
|
||
|
|
background: #fff;
|
||
|
|
overflow:hidden
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.Section {
|
||
|
|
padding:48px 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.Section {
|
||
|
|
padding:48px 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.Section--short {
|
||
|
|
padding:48px 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.Section--noPaddingBottom {
|
||
|
|
padding-bottom:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.Section--noPadding {
|
||
|
|
padding:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.Section--preOveflow {
|
||
|
|
padding-bottom:144px
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.Section--preOveflow {
|
||
|
|
padding-bottom:96px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
max-width: 980px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding:0 10px
|
||
|
|
}
|
||
|
|
|
||
|
|
:focus {
|
||
|
|
outline:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.input {
|
||
|
|
border: 1px solid rgba(46, 60, 67, .16);
|
||
|
|
border-radius: 4px;
|
||
|
|
padding: 12px;
|
||
|
|
width: 100%;
|
||
|
|
transition: border 150ms ease-in;
|
||
|
|
font: 12px/16px "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.input:hover {
|
||
|
|
border:1px solid #1785fb
|
||
|
|
}
|
||
|
|
|
||
|
|
.input:focus {
|
||
|
|
border:1px solid #2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.input.is-disabled {
|
||
|
|
border: 1px solid rgba(46, 60, 67, .08);
|
||
|
|
background:rgba(46, 60, 67, .04)
|
||
|
|
}
|
||
|
|
|
||
|
|
.input.is-error {
|
||
|
|
border:1px solid #f24440
|
||
|
|
}
|
||
|
|
|
||
|
|
.input.is-error:focus {
|
||
|
|
border:1px solid #2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.select {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
-moz-appearance: none;
|
||
|
|
appearance: none;
|
||
|
|
background: 0 0;
|
||
|
|
border: 1px solid rgba(46, 60, 67, .16);
|
||
|
|
border-radius: 4px;
|
||
|
|
padding: 12px;
|
||
|
|
width: 100%;
|
||
|
|
transition: border 150ms ease-in;
|
||
|
|
font: 12px/16px "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
|
|
color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.select:hover {
|
||
|
|
border:1px solid #1785fb
|
||
|
|
}
|
||
|
|
|
||
|
|
.select:focus {
|
||
|
|
border:1px solid #2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.radio {
|
||
|
|
position:relative
|
||
|
|
}
|
||
|
|
|
||
|
|
.radio .radio-decoration {
|
||
|
|
pointer-events: none;
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
overflow: hidden;
|
||
|
|
border: 1px solid rgba(46, 60, 67, .16);
|
||
|
|
border-radius: 50%;
|
||
|
|
position: relative;
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
|
||
|
|
.radio .radio-decoration:after {
|
||
|
|
content: '';
|
||
|
|
display: block;
|
||
|
|
border-radius: 50%;
|
||
|
|
position: absolute;
|
||
|
|
top: calc(50% - 3px);
|
||
|
|
left:calc(50% - 3px)
|
||
|
|
}
|
||
|
|
|
||
|
|
.radio .radio-input {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
-moz-appearance: none;
|
||
|
|
appearance: none;
|
||
|
|
background: 0 0;
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
cursor: pointer;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border-radius:50%
|
||
|
|
}
|
||
|
|
|
||
|
|
.radio .radio-input.is-error + .radio-decoration {
|
||
|
|
border:1px solid #f24440
|
||
|
|
}
|
||
|
|
|
||
|
|
.radio .radio-input:hover + .radio-decoration {
|
||
|
|
border:1px solid #1785fb
|
||
|
|
}
|
||
|
|
|
||
|
|
.radio .radio-input:hover + .radio-decoration:after {
|
||
|
|
background: #1785fb;
|
||
|
|
width: 6px;
|
||
|
|
height: 6px;
|
||
|
|
opacity: 0;
|
||
|
|
animation: radioIn 300ms;
|
||
|
|
animation-fill-mode:forwards
|
||
|
|
}
|
||
|
|
|
||
|
|
.radio .radio-input:checked + .radio-decoration {
|
||
|
|
border:1px solid #1785fb
|
||
|
|
}
|
||
|
|
|
||
|
|
.radio .radio-input:checked + .radio-decoration:before {
|
||
|
|
content: '';
|
||
|
|
display: block;
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
opacity: 1;
|
||
|
|
background: #1785fb;
|
||
|
|
animation: radioIn 600ms;
|
||
|
|
animation-fill-mode: forwards;
|
||
|
|
position: absolute;
|
||
|
|
top: calc(50% - 8px);
|
||
|
|
left: calc(50% - 8px);
|
||
|
|
border-radius:50%
|
||
|
|
}
|
||
|
|
|
||
|
|
.radio .radio-input:checked + .radio-decoration:after {
|
||
|
|
width: 6px;
|
||
|
|
height: 6px;
|
||
|
|
opacity: 1;
|
||
|
|
background:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.radio .radio-input:checked:hover + .radio-decoration:after {
|
||
|
|
background: #fff;
|
||
|
|
opacity: 1;
|
||
|
|
animation:initial
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox {
|
||
|
|
position:relative
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox .checkbox-decoration {
|
||
|
|
pointer-events: none;
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
overflow: hidden;
|
||
|
|
border: 1px solid rgba(46, 60, 67, .16);
|
||
|
|
border-radius: 3px;
|
||
|
|
position: relative;
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox .checkbox-check {
|
||
|
|
stroke-width: 2;
|
||
|
|
stroke: #fff;
|
||
|
|
transform-origin: 50% 50%;
|
||
|
|
stroke-dasharray: 48;
|
||
|
|
stroke-dashoffset:48
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox .checkbox-decorationMedia {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
position: relative;
|
||
|
|
transform:translateX(1px) translateY(3px)
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox .checkbox-input {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
-moz-appearance: none;
|
||
|
|
appearance: none;
|
||
|
|
background: 0 0;
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
cursor: pointer;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border-radius:3px
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox .checkbox-input.is-error + .checkbox-decoration {
|
||
|
|
border:1px solid #f24440
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox .checkbox-input:hover + .checkbox-decoration {
|
||
|
|
border:1px solid #1785fb
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox .checkbox-input:checked + .checkbox-decoration {
|
||
|
|
border:1px solid #1785fb
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox .checkbox-input:checked + .checkbox-decoration:before {
|
||
|
|
content: '';
|
||
|
|
display: block;
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
opacity: 1;
|
||
|
|
background: #1785fb;
|
||
|
|
animation: radioIn 300ms;
|
||
|
|
animation-fill-mode: forwards;
|
||
|
|
position: absolute;
|
||
|
|
top: calc(50% - 8px);
|
||
|
|
left: calc(50% - 8px);
|
||
|
|
border-radius:3px
|
||
|
|
}
|
||
|
|
|
||
|
|
.checkbox .checkbox-input:checked + .checkbox-decoration .checkbox-check {
|
||
|
|
animation:stroke .3s cubic-bezier(.65, 0, .45, 1)300ms forwards
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes stroke {
|
||
|
|
100% {
|
||
|
|
stroke-dashoffset:0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes radioIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
transform:scale3d(.3, .3, .3)
|
||
|
|
}
|
||
|
|
|
||
|
|
to {
|
||
|
|
opacity: 1;
|
||
|
|
transform:scale3d(1, 1, 1)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-text] {
|
||
|
|
position: relative;
|
||
|
|
cursor:pointer
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-text]:after, [tooltip-text]:before {
|
||
|
|
position: absolute;
|
||
|
|
visibility: hidden;
|
||
|
|
opacity: 0;
|
||
|
|
transition: opacity .4s ease-in-out, visibility .2s ease-in-out, transform .3s ease-in;
|
||
|
|
transform: translate3d(0, 0, 0);
|
||
|
|
pointer-events:none
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-text]:hover:after, [tooltip-text]:hover:before {
|
||
|
|
visibility: visible;
|
||
|
|
opacity:1
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-text]:before {
|
||
|
|
content: "";
|
||
|
|
border: 6px solid transparent;
|
||
|
|
background:0 0
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-text]:after {
|
||
|
|
content: attr(tooltip-text);
|
||
|
|
padding: 8px;
|
||
|
|
width: 120px;
|
||
|
|
background-color: #2e3c43;
|
||
|
|
text-align: center;
|
||
|
|
font: 12px/16px 'Open Sans';
|
||
|
|
color: #fff;
|
||
|
|
border-radius:3px
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-text]:after, [tooltip-text]:before {
|
||
|
|
bottom: 100%;
|
||
|
|
left:50%
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-text]:before {
|
||
|
|
margin-left: -6px;
|
||
|
|
margin-bottom: -12px;
|
||
|
|
border-top-color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-text]:after {
|
||
|
|
margin-left:-60px
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-text]:hover:after, [tooltip-text]:hover:before {
|
||
|
|
transform:translateY(-12px)
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-position=left]:after, [tooltip-position=left]:before {
|
||
|
|
right: 100%;
|
||
|
|
bottom: 50%;
|
||
|
|
left:auto
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-position=left]:before {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: -12px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
border-top-color: transparent;
|
||
|
|
border-left-color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-position=left]:hover:after, [tooltip-position=left]:hover:before {
|
||
|
|
transform:translateX(-12px)
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-position=bottom]:after, [tooltip-position=bottom]:before {
|
||
|
|
top: 100%;
|
||
|
|
bottom: auto;
|
||
|
|
left:50%
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-position=bottom]:before {
|
||
|
|
margin-top: -12px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
border-top-color: transparent;
|
||
|
|
border-bottom-color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-position=bottom]:hover:after, [tooltip-position=bottom]:hover:before {
|
||
|
|
transform:translateY(12px)
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-position=right]:after, [tooltip-position=right]:before {
|
||
|
|
bottom: 50%;
|
||
|
|
left:100%
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-position=right]:before {
|
||
|
|
margin-bottom: 0;
|
||
|
|
margin-left: -12px;
|
||
|
|
border-top-color: transparent;
|
||
|
|
border-right-color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-position=right]:hover:after, [tooltip-position=right]:hover:before {
|
||
|
|
transform:translateX(12px)
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-position=left]:before, [tooltip-position=right]:before {
|
||
|
|
top:3px
|
||
|
|
}
|
||
|
|
|
||
|
|
[tooltip-position=left]:after, [tooltip-position=right]:after {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-bottom:-16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
border-bottom:1px solid rgba(46, 60, 67, .16)
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.no-border {
|
||
|
|
border-bottom:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-purple .tab-navigationAction {
|
||
|
|
color:#FD5A00
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-purple .tab-navigationAction:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
border-bottom:4px solid #FD5A00
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-purple .tab-navigationAction.is-active {
|
||
|
|
border-bottom: 4px solid #5300cc;
|
||
|
|
color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-purple .tab-navigationAction.no-underline {
|
||
|
|
border-bottom:unset
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-red .tab-navigationAction {
|
||
|
|
color:#11a2b8
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-red .tab-navigationAction:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
border-bottom:4px solid #11a2b8
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-red .tab-navigationAction.is-active {
|
||
|
|
border-bottom: 4px solid #ff583e;
|
||
|
|
color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-red .tab-navigationAction.no-underline {
|
||
|
|
border-bottom:unset
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-white .tab-navigationAction {
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-white .tab-navigationAction:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
border-bottom:4px solid #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-white .tab-navigationAction.is-active {
|
||
|
|
border-bottom: 4px solid #fff;
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-white .tab-navigationAction.no-underline {
|
||
|
|
border-bottom:unset
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-emerald .tab-navigationAction {
|
||
|
|
color:#2aac02
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-emerald .tab-navigationAction:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
border-bottom:4px solid #2aac02
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-emerald .tab-navigationAction.is-active {
|
||
|
|
border-bottom: 4px solid #7d21f5;
|
||
|
|
color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigation.is-emerald .tab-navigationAction.no-underline {
|
||
|
|
border-bottom:unset
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigationItem {
|
||
|
|
margin-right: 24px;
|
||
|
|
font:400 16px/24px Montserrat
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigationItem:last-child {
|
||
|
|
margin-right:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-navigationAction {
|
||
|
|
display: block;
|
||
|
|
padding-bottom: 12px;
|
||
|
|
margin-bottom: -1px;
|
||
|
|
border-bottom: 4px solid transparent;
|
||
|
|
transition:border 300ms ease-in
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-content {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-content.is-active {
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-group {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
border: 1px solid rgba(46, 60, 67, .16);
|
||
|
|
border-radius: 4px;
|
||
|
|
overflow:hidden
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-groupAction {
|
||
|
|
padding: 12px 44px;
|
||
|
|
border-left: 1px solid rgba(46, 60, 67, .16);
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
font: 600 12px/16px Montserrat;
|
||
|
|
display: inline-block;
|
||
|
|
color:#2e3c43
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-groupAction.is-active {
|
||
|
|
background: #5300cc;
|
||
|
|
color: #fff;
|
||
|
|
border:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-groupAction:hover {
|
||
|
|
text-decoration:none
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.button-groupAction.button-groupAction--mobile {
|
||
|
|
padding:12px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-groupItem {
|
||
|
|
-ms-flex: 1;
|
||
|
|
flex:1
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-groupItem:first-child .button-groupAction {
|
||
|
|
border-left:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.container-grid {
|
||
|
|
max-width: 940px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 0;
|
||
|
|
display: -ms-grid;
|
||
|
|
display: grid;
|
||
|
|
grid-gap: 20px;
|
||
|
|
box-sizing:border-box
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--1-11 {
|
||
|
|
-ms-grid-columns: minmax(20px, calc(60px * 1 + 20px * 0)) 1fr;
|
||
|
|
grid-template-columns:minmax(20px, calc(60px * 1 + 20px * 0))1fr
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--2-10 {
|
||
|
|
-ms-grid-columns: minmax(20px, calc(60px * 2 + 20px * 1)) 1fr;
|
||
|
|
grid-template-columns:minmax(20px, calc(60px * 2 + 20px * 1))1fr
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--3-9 {
|
||
|
|
-ms-grid-columns: minmax(20px, calc(60px * 3 + 20px * 2)) 1fr;
|
||
|
|
grid-template-columns:minmax(20px, calc(60px * 3 + 20px * 2))1fr
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--4-8 {
|
||
|
|
-ms-grid-columns: minmax(20px, calc(60px * 4 + 20px * 3)) 1fr;
|
||
|
|
grid-template-columns:minmax(20px, calc(60px * 4 + 20px * 3))1fr
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--5-7 {
|
||
|
|
-ms-grid-columns: minmax(20px, calc(60px * 5 + 20px * 4)) 1fr;
|
||
|
|
grid-template-columns:minmax(20px, calc(60px * 5 + 20px * 4))1fr
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--6-6 {
|
||
|
|
-ms-grid-columns: minmax(20px, calc(60px * 6 + 20px * 5)) 1fr;
|
||
|
|
grid-template-columns:minmax(20px, calc(60px * 6 + 20px * 5))1fr
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--7-5 {
|
||
|
|
-ms-grid-columns: minmax(20px, calc(60px * 7 + 20px * 6)) 1fr;
|
||
|
|
grid-template-columns:minmax(20px, calc(60px * 7 + 20px * 6))1fr
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--8-4 {
|
||
|
|
-ms-grid-columns: minmax(20px, calc(60px * 8 + 20px * 7)) 1fr;
|
||
|
|
grid-template-columns:minmax(20px, calc(60px * 8 + 20px * 7))1fr
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--9-3 {
|
||
|
|
-ms-grid-columns: minmax(20px, calc(60px * 9 + 20px * 8)) 1fr;
|
||
|
|
grid-template-columns:minmax(20px, calc(60px * 9 + 20px * 8))1fr
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--10-2 {
|
||
|
|
-ms-grid-columns: minmax(20px, calc(60px * 10 + 20px * 9)) 1fr;
|
||
|
|
grid-template-columns:minmax(20px, calc(60px * 10 + 20px * 9))1fr
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--11-1 {
|
||
|
|
-ms-grid-columns: minmax(20px, calc(60px * 11 + 20px * 10)) 1fr;
|
||
|
|
grid-template-columns:minmax(20px, calc(60px * 11 + 20px * 10))1fr
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--3x4 {
|
||
|
|
:-ms-grid-columns(minmax(1px, 319px))[3];
|
||
|
|
grid-template-columns:repeat(3, minmax(1px, 319px))
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--4x3 {
|
||
|
|
:-ms-grid-columns(minmax(1px, 239px))[4];
|
||
|
|
grid-template-columns:repeat(4, minmax(1px, 239px))
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--6x2 {
|
||
|
|
:-ms-grid-columns(minmax(1px, 159px))[6];
|
||
|
|
grid-template-columns:repeat(6, minmax(1px, 159px))
|
||
|
|
}
|
||
|
|
|
||
|
|
.container--12x1 {
|
||
|
|
:-ms-grid-columns(minmax(1px, 79px))[12];
|
||
|
|
grid-template-columns:repeat(12, minmax(1px, 79px))
|
||
|
|
}
|
||
|
|
|
||
|
|
.Cards {
|
||
|
|
border-radius: 4px;
|
||
|
|
padding: 16px;
|
||
|
|
border:1px solid rgba(46, 60, 67, .12)
|
||
|
|
}
|
||
|
|
|
||
|
|
.Cards .Cards-media {
|
||
|
|
margin-bottom:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Cards.is-full {
|
||
|
|
padding:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.Cards.is-full .Cards-media {
|
||
|
|
margin-bottom: 0;
|
||
|
|
border-top-left-radius: 4px;
|
||
|
|
border-top-right-radius:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.Cards.is-full .Cards-text {
|
||
|
|
padding:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.mobile {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.mobile {
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.tablet {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.tablet {
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.desktop {
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.desktop {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.desktopTablet {
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.desktopTablet {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.mobile--flex {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.mobile--flex {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display:flex
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.tablet--flex {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.tablet--flex {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display:flex
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.desktop--flex {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display:flex
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.desktop--flex {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.desktopTablet--flex {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display:flex
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.desktopTablet--flex {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--0--n {
|
||
|
|
margin-top:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--0 {
|
||
|
|
margin-top:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--0 {
|
||
|
|
margin-right:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--0 {
|
||
|
|
margin-bottom:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--0--n {
|
||
|
|
margin-left:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--0 {
|
||
|
|
margin-left:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--4--n {
|
||
|
|
margin-top:-4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--4 {
|
||
|
|
margin-top:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--4 {
|
||
|
|
margin-right:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--4 {
|
||
|
|
margin-bottom:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--4--n {
|
||
|
|
margin-left:-4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--4 {
|
||
|
|
margin-left:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--8--n {
|
||
|
|
margin-top:-8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--8 {
|
||
|
|
margin-top:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--8 {
|
||
|
|
margin-right:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--8 {
|
||
|
|
margin-bottom:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--8--n {
|
||
|
|
margin-left:-8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--8 {
|
||
|
|
margin-left:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--10--n {
|
||
|
|
margin-top:-10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--10 {
|
||
|
|
margin-top:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--10 {
|
||
|
|
margin-right:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--10 {
|
||
|
|
margin-bottom:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--10--n {
|
||
|
|
margin-left:-10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--10 {
|
||
|
|
margin-left:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--12--n {
|
||
|
|
margin-top:-12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--12 {
|
||
|
|
margin-top:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--12 {
|
||
|
|
margin-right:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--12 {
|
||
|
|
margin-bottom:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--12--n {
|
||
|
|
margin-left:-12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--12 {
|
||
|
|
margin-left:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--16--n {
|
||
|
|
margin-top:-16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--16 {
|
||
|
|
margin-top:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--16 {
|
||
|
|
margin-right:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--16 {
|
||
|
|
margin-bottom:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--16--n {
|
||
|
|
margin-left:-16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--16 {
|
||
|
|
margin-left:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--20--n {
|
||
|
|
margin-top:-20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--20 {
|
||
|
|
margin-top:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--20 {
|
||
|
|
margin-right:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--20 {
|
||
|
|
margin-bottom:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--20--n {
|
||
|
|
margin-left:-20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--20 {
|
||
|
|
margin-left:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--24--n {
|
||
|
|
margin-top:-24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--24 {
|
||
|
|
margin-top:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--24 {
|
||
|
|
margin-right:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--24 {
|
||
|
|
margin-bottom:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--24--n {
|
||
|
|
margin-left:-24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--24 {
|
||
|
|
margin-left:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--28--n {
|
||
|
|
margin-top:-28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--28 {
|
||
|
|
margin-top:28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--28 {
|
||
|
|
margin-right:28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--28 {
|
||
|
|
margin-bottom:28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--28--n {
|
||
|
|
margin-left:-28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--28 {
|
||
|
|
margin-left:28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--32--n {
|
||
|
|
margin-top:-32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--32 {
|
||
|
|
margin-top:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--32 {
|
||
|
|
margin-right:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--32 {
|
||
|
|
margin-bottom:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--32--n {
|
||
|
|
margin-left:-32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--32 {
|
||
|
|
margin-left:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--36--n {
|
||
|
|
margin-top:-36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--36 {
|
||
|
|
margin-top:36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--36 {
|
||
|
|
margin-right:36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--36 {
|
||
|
|
margin-bottom:36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--36--n {
|
||
|
|
margin-left:-36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--36 {
|
||
|
|
margin-left:36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--40--n {
|
||
|
|
margin-top:-40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--40 {
|
||
|
|
margin-top:40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--40 {
|
||
|
|
margin-right:40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--40 {
|
||
|
|
margin-bottom:40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--40--n {
|
||
|
|
margin-left:-40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--40 {
|
||
|
|
margin-left:40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--48--n {
|
||
|
|
margin-top:-48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--48 {
|
||
|
|
margin-top:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--48 {
|
||
|
|
margin-right:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--48 {
|
||
|
|
margin-bottom:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--48--n {
|
||
|
|
margin-left:-48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--48 {
|
||
|
|
margin-left:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--60--n {
|
||
|
|
margin-top:-60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--60 {
|
||
|
|
margin-top:60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--60 {
|
||
|
|
margin-right:60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--60 {
|
||
|
|
margin-bottom:60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--60--n {
|
||
|
|
margin-left:-60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--60 {
|
||
|
|
margin-left:60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--64--n {
|
||
|
|
margin-top:-64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--64 {
|
||
|
|
margin-top:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--64 {
|
||
|
|
margin-right:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--64 {
|
||
|
|
margin-bottom:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--64--n {
|
||
|
|
margin-left:-64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--64 {
|
||
|
|
margin-left:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--72--n {
|
||
|
|
margin-top:-72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--72 {
|
||
|
|
margin-top:72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--72 {
|
||
|
|
margin-right:72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--72 {
|
||
|
|
margin-bottom:72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--72--n {
|
||
|
|
margin-left:-72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--72 {
|
||
|
|
margin-left:72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--80--n {
|
||
|
|
margin-top:-80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--80 {
|
||
|
|
margin-top:80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--80 {
|
||
|
|
margin-right:80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--80 {
|
||
|
|
margin-bottom:80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--80--n {
|
||
|
|
margin-left:-80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--80 {
|
||
|
|
margin-left:80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--96--n {
|
||
|
|
margin-top:-96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--96 {
|
||
|
|
margin-top:96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--96 {
|
||
|
|
margin-right:96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--96 {
|
||
|
|
margin-bottom:96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--96--n {
|
||
|
|
margin-left:-96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--96 {
|
||
|
|
margin-left:96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--100--n {
|
||
|
|
margin-top:-100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--100 {
|
||
|
|
margin-top:100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--100 {
|
||
|
|
margin-right:100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--100 {
|
||
|
|
margin-bottom:100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--100--n {
|
||
|
|
margin-left:-100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--100 {
|
||
|
|
margin-left:100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--120--n {
|
||
|
|
margin-top:-120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--120 {
|
||
|
|
margin-top:120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--120 {
|
||
|
|
margin-right:120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--120 {
|
||
|
|
margin-bottom:120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--120--n {
|
||
|
|
margin-left:-120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--120 {
|
||
|
|
margin-left:120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--128--n {
|
||
|
|
margin-top:-128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--128 {
|
||
|
|
margin-top:128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--128 {
|
||
|
|
margin-right:128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--128 {
|
||
|
|
margin-bottom:128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--128--n {
|
||
|
|
margin-left:-128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--128 {
|
||
|
|
margin-left:128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--140--n {
|
||
|
|
margin-top:-140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--140 {
|
||
|
|
margin-top:140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--140 {
|
||
|
|
margin-right:140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--140 {
|
||
|
|
margin-bottom:140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--140--n {
|
||
|
|
margin-left:-140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--140 {
|
||
|
|
margin-left:140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--148--n {
|
||
|
|
margin-top:-148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--148 {
|
||
|
|
margin-top:148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--148 {
|
||
|
|
margin-right:148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--148 {
|
||
|
|
margin-bottom:148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--148--n {
|
||
|
|
margin-left:-148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--148 {
|
||
|
|
margin-left:148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--152--n {
|
||
|
|
margin-top:-152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--152 {
|
||
|
|
margin-top:152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--152 {
|
||
|
|
margin-right:152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--152 {
|
||
|
|
margin-bottom:152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--152--n {
|
||
|
|
margin-left:-152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--152 {
|
||
|
|
margin-left:152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--240--n {
|
||
|
|
margin-top:-240px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--240 {
|
||
|
|
margin-top:240px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--240 {
|
||
|
|
margin-right:240px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--240 {
|
||
|
|
margin-bottom:240px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--240--n {
|
||
|
|
margin-left:-240px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--240 {
|
||
|
|
margin-left:240px
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.u-hide--tablet {
|
||
|
|
display:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--0--tablet {
|
||
|
|
margin-top:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--0--tablet {
|
||
|
|
margin-right:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--0--tablet {
|
||
|
|
margin-bottom:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--0--tablet {
|
||
|
|
margin-left:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--4--tablet {
|
||
|
|
margin-top:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--4--tablet {
|
||
|
|
margin-right:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--4--tablet {
|
||
|
|
margin-bottom:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--4--tablet {
|
||
|
|
margin-left:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--8--tablet {
|
||
|
|
margin-top:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--8--tablet {
|
||
|
|
margin-right:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--8--tablet {
|
||
|
|
margin-bottom:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--8--tablet {
|
||
|
|
margin-left:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--10--tablet {
|
||
|
|
margin-top:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--10--tablet {
|
||
|
|
margin-right:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--10--tablet {
|
||
|
|
margin-bottom:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--10--tablet {
|
||
|
|
margin-left:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--12--tablet {
|
||
|
|
margin-top:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--12--tablet {
|
||
|
|
margin-right:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--12--tablet {
|
||
|
|
margin-bottom:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--12--tablet {
|
||
|
|
margin-left:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--16--tablet {
|
||
|
|
margin-top:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--16--tablet {
|
||
|
|
margin-right:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--16--tablet {
|
||
|
|
margin-bottom:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--16--tablet {
|
||
|
|
margin-left:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--20--tablet {
|
||
|
|
margin-top:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--20--tablet {
|
||
|
|
margin-right:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--20--tablet {
|
||
|
|
margin-bottom:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--20--tablet {
|
||
|
|
margin-left:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--24--tablet {
|
||
|
|
margin-top:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--24--tablet {
|
||
|
|
margin-right:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--24--tablet {
|
||
|
|
margin-bottom:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--24--tablet {
|
||
|
|
margin-left:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--28--tablet {
|
||
|
|
margin-top:28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--28--tablet {
|
||
|
|
margin-right:28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--28--tablet {
|
||
|
|
margin-bottom:28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--28--tablet {
|
||
|
|
margin-left:28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--32--tablet {
|
||
|
|
margin-top:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--32--tablet {
|
||
|
|
margin-right:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--32--tablet {
|
||
|
|
margin-bottom:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--32--tablet {
|
||
|
|
margin-left:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--36--tablet {
|
||
|
|
margin-top:36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--36--tablet {
|
||
|
|
margin-right:36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--36--tablet {
|
||
|
|
margin-bottom:36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--36--tablet {
|
||
|
|
margin-left:36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--40--tablet {
|
||
|
|
margin-top:40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--40--tablet {
|
||
|
|
margin-right:40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--40--tablet {
|
||
|
|
margin-bottom:40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--40--tablet {
|
||
|
|
margin-left:40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--48--tablet {
|
||
|
|
margin-top:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--48--tablet {
|
||
|
|
margin-right:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--48--tablet {
|
||
|
|
margin-bottom:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--48--tablet {
|
||
|
|
margin-left:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--60--tablet {
|
||
|
|
margin-top:60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--60--tablet {
|
||
|
|
margin-right:60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--60--tablet {
|
||
|
|
margin-bottom:60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--60--tablet {
|
||
|
|
margin-left:60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--64--tablet {
|
||
|
|
margin-top:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--64--tablet {
|
||
|
|
margin-right:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--64--tablet {
|
||
|
|
margin-bottom:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--64--tablet {
|
||
|
|
margin-left:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--72--tablet {
|
||
|
|
margin-top:72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--72--tablet {
|
||
|
|
margin-right:72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--72--tablet {
|
||
|
|
margin-bottom:72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--72--tablet {
|
||
|
|
margin-left:72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--80--tablet {
|
||
|
|
margin-top:80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--80--tablet {
|
||
|
|
margin-right:80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--80--tablet {
|
||
|
|
margin-bottom:80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--80--tablet {
|
||
|
|
margin-left:80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--96--tablet {
|
||
|
|
margin-top:96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--96--tablet {
|
||
|
|
margin-right:96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--96--tablet {
|
||
|
|
margin-bottom:96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--96--tablet {
|
||
|
|
margin-left:96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--100--tablet {
|
||
|
|
margin-top:100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--100--tablet {
|
||
|
|
margin-right:100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--100--tablet {
|
||
|
|
margin-bottom:100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--100--tablet {
|
||
|
|
margin-left:100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--120--tablet {
|
||
|
|
margin-top:120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--120--tablet {
|
||
|
|
margin-right:120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--120--tablet {
|
||
|
|
margin-bottom:120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--120--tablet {
|
||
|
|
margin-left:120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--128--tablet {
|
||
|
|
margin-top:128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--128--tablet {
|
||
|
|
margin-right:128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--128--tablet {
|
||
|
|
margin-bottom:128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--128--tablet {
|
||
|
|
margin-left:128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--140--tablet {
|
||
|
|
margin-top:140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--140--tablet {
|
||
|
|
margin-right:140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--140--tablet {
|
||
|
|
margin-bottom:140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--140--tablet {
|
||
|
|
margin-left:140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--148--tablet {
|
||
|
|
margin-top:148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--148--tablet {
|
||
|
|
margin-right:148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--148--tablet {
|
||
|
|
margin-bottom:148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--148--tablet {
|
||
|
|
margin-left:148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--152--tablet {
|
||
|
|
margin-top:152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--152--tablet {
|
||
|
|
margin-right:152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--152--tablet {
|
||
|
|
margin-bottom:152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--152--tablet {
|
||
|
|
margin-left:152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--240--tablet {
|
||
|
|
margin-top:240px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--240--tablet {
|
||
|
|
margin-right:240px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--240--tablet {
|
||
|
|
margin-bottom:240px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--240--tablet {
|
||
|
|
margin-left:240px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.u-tspace--0--mobile {
|
||
|
|
margin-top:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--0--mobile {
|
||
|
|
margin-right:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--0--mobile {
|
||
|
|
margin-bottom:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--0--mobile {
|
||
|
|
margin-left:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--4--mobile {
|
||
|
|
margin-top:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--4--mobile {
|
||
|
|
margin-right:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--4--mobile {
|
||
|
|
margin-bottom:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--4--mobile {
|
||
|
|
margin-left:4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--8--mobile {
|
||
|
|
margin-top:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--8--mobile {
|
||
|
|
margin-right:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--8--mobile {
|
||
|
|
margin-bottom:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--8--mobile {
|
||
|
|
margin-left:8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--10--mobile {
|
||
|
|
margin-top:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--10--mobile {
|
||
|
|
margin-right:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--10--mobile {
|
||
|
|
margin-bottom:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--10--mobile {
|
||
|
|
margin-left:10px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--12--mobile {
|
||
|
|
margin-top:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--12--mobile {
|
||
|
|
margin-right:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--12--mobile {
|
||
|
|
margin-bottom:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--12--mobile {
|
||
|
|
margin-left:12px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--16--mobile {
|
||
|
|
margin-top:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--16--mobile {
|
||
|
|
margin-right:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--16--mobile {
|
||
|
|
margin-bottom:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--16--mobile {
|
||
|
|
margin-left:16px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--20--mobile {
|
||
|
|
margin-top:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--20--mobile {
|
||
|
|
margin-right:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--20--mobile {
|
||
|
|
margin-bottom:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--20--mobile {
|
||
|
|
margin-left:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--24--mobile {
|
||
|
|
margin-top:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--24--mobile {
|
||
|
|
margin-right:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--24--mobile {
|
||
|
|
margin-bottom:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--24--mobile {
|
||
|
|
margin-left:24px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--28--mobile {
|
||
|
|
margin-top:28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--28--mobile {
|
||
|
|
margin-right:28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--28--mobile {
|
||
|
|
margin-bottom:28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--28--mobile {
|
||
|
|
margin-left:28px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--32--mobile {
|
||
|
|
margin-top:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--32--mobile {
|
||
|
|
margin-right:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--32--mobile {
|
||
|
|
margin-bottom:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--32--mobile {
|
||
|
|
margin-left:32px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--36--mobile {
|
||
|
|
margin-top:36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--36--mobile {
|
||
|
|
margin-right:36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--36--mobile {
|
||
|
|
margin-bottom:36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--36--mobile {
|
||
|
|
margin-left:36px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--40--mobile {
|
||
|
|
margin-top:40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--40--mobile {
|
||
|
|
margin-right:40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--40--mobile {
|
||
|
|
margin-bottom:40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--40--mobile {
|
||
|
|
margin-left:40px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--48--mobile {
|
||
|
|
margin-top:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--48--mobile {
|
||
|
|
margin-right:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--48--mobile {
|
||
|
|
margin-bottom:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--48--mobile {
|
||
|
|
margin-left:48px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--60--mobile {
|
||
|
|
margin-top:60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--60--mobile {
|
||
|
|
margin-right:60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--60--mobile {
|
||
|
|
margin-bottom:60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--60--mobile {
|
||
|
|
margin-left:60px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--64--mobile {
|
||
|
|
margin-top:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--64--mobile {
|
||
|
|
margin-right:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--64--mobile {
|
||
|
|
margin-bottom:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--64--mobile {
|
||
|
|
margin-left:64px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--72--mobile {
|
||
|
|
margin-top:72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--72--mobile {
|
||
|
|
margin-right:72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--72--mobile {
|
||
|
|
margin-bottom:72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--72--mobile {
|
||
|
|
margin-left:72px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--80--mobile {
|
||
|
|
margin-top:80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--80--mobile {
|
||
|
|
margin-right:80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--80--mobile {
|
||
|
|
margin-bottom:80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--80--mobile {
|
||
|
|
margin-left:80px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--96--mobile {
|
||
|
|
margin-top:96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--96--mobile {
|
||
|
|
margin-right:96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--96--mobile {
|
||
|
|
margin-bottom:96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--96--mobile {
|
||
|
|
margin-left:96px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--100--mobile {
|
||
|
|
margin-top:100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--100--mobile {
|
||
|
|
margin-right:100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--100--mobile {
|
||
|
|
margin-bottom:100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--100--mobile {
|
||
|
|
margin-left:100px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--120--mobile {
|
||
|
|
margin-top:120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--120--mobile {
|
||
|
|
margin-right:120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--120--mobile {
|
||
|
|
margin-bottom:120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--120--mobile {
|
||
|
|
margin-left:120px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--128--mobile {
|
||
|
|
margin-top:128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--128--mobile {
|
||
|
|
margin-right:128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--128--mobile {
|
||
|
|
margin-bottom:128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--128--mobile {
|
||
|
|
margin-left:128px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--140--mobile {
|
||
|
|
margin-top:140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--140--mobile {
|
||
|
|
margin-right:140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--140--mobile {
|
||
|
|
margin-bottom:140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--140--mobile {
|
||
|
|
margin-left:140px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--148--mobile {
|
||
|
|
margin-top:148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--148--mobile {
|
||
|
|
margin-right:148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--148--mobile {
|
||
|
|
margin-bottom:148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--148--mobile {
|
||
|
|
margin-left:148px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--152--mobile {
|
||
|
|
margin-top:152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--152--mobile {
|
||
|
|
margin-right:152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--152--mobile {
|
||
|
|
margin-bottom:152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--152--mobile {
|
||
|
|
margin-left:152px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-tspace--240--mobile {
|
||
|
|
margin-top:240px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-rspace--240--mobile {
|
||
|
|
margin-right:240px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-vspace--240--mobile {
|
||
|
|
margin-bottom:240px
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-lspace--240--mobile {
|
||
|
|
margin-left:240px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-inner {
|
||
|
|
position: relative;
|
||
|
|
z-index: 2;
|
||
|
|
width: 980px;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
padding-right: 20px;
|
||
|
|
padding-left:20px
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 980px) {
|
||
|
|
.u-inner {
|
||
|
|
max-width: 100%;
|
||
|
|
padding-right: 32px;
|
||
|
|
padding-left:32px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.u-inner {
|
||
|
|
padding-right: 24px;
|
||
|
|
padding-left:24px
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-negative {
|
||
|
|
color:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-flex {
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display:flex
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-block {
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-linkBlue:hover {
|
||
|
|
color: #1785fb;
|
||
|
|
text-decoration: none;
|
||
|
|
cursor:pointer
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-pointer {
|
||
|
|
cursor:pointer
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-default {
|
||
|
|
cursor:default
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container {
|
||
|
|
-ms-touch-action: auto;
|
||
|
|
touch-action: auto;
|
||
|
|
overflow: hidden !important;
|
||
|
|
-ms-overflow-style:none
|
||
|
|
}
|
||
|
|
|
||
|
|
@supports (-ms-overflow-style: none) {
|
||
|
|
.ps-container {
|
||
|
|
overflow:auto !important
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
|
||
|
|
.ps-container {
|
||
|
|
overflow:auto !important
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
|
||
|
|
display: block;
|
||
|
|
background-color:transparent
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
|
||
|
|
background-color: #eee;
|
||
|
|
opacity:.9
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||
|
|
background-color: #999;
|
||
|
|
height:11px
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
|
||
|
|
background-color: #eee;
|
||
|
|
opacity:.9
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||
|
|
background-color: #999;
|
||
|
|
width:11px
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container > .ps-scrollbar-x-rail {
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
opacity: 0;
|
||
|
|
transition: background-color .2s linear, opacity .2s linear;
|
||
|
|
bottom: 0;
|
||
|
|
height:15px
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||
|
|
position: absolute;
|
||
|
|
background-color: #aaa;
|
||
|
|
border-radius: 6px;
|
||
|
|
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||
|
|
bottom: 2px;
|
||
|
|
height:6px
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
|
||
|
|
height:11px
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container > .ps-scrollbar-y-rail {
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
opacity: 0;
|
||
|
|
transition: background-color .2s linear, opacity .2s linear;
|
||
|
|
right: 0;
|
||
|
|
width:15px
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||
|
|
position: absolute;
|
||
|
|
background-color: #aaa;
|
||
|
|
border-radius: 6px;
|
||
|
|
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
|
||
|
|
right: 2px;
|
||
|
|
width:6px
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
|
||
|
|
width:11px
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
|
||
|
|
background-color: #eee;
|
||
|
|
opacity:.9
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
|
||
|
|
background-color: #999;
|
||
|
|
height:11px
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
|
||
|
|
background-color: #eee;
|
||
|
|
opacity:.9
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
|
||
|
|
background-color: #999;
|
||
|
|
width:11px
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
|
||
|
|
opacity:.6
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container:hover > .ps-scrollbar-x-rail:hover {
|
||
|
|
background-color: #eee;
|
||
|
|
opacity:.9
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
|
||
|
|
background-color:#999
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container:hover > .ps-scrollbar-y-rail:hover {
|
||
|
|
background-color: #eee;
|
||
|
|
opacity:.9
|
||
|
|
}
|
||
|
|
|
||
|
|
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
|
||
|
|
background-color:#999
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container {
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
z-index:1
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-no-flexbox .swiper-slide {
|
||
|
|
float:left
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-vertical > .swiper-wrapper {
|
||
|
|
-ms-flex-direction: column;
|
||
|
|
flex-direction:column
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-wrapper {
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
z-index: 1;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
transition-property: transform;
|
||
|
|
box-sizing:content-box
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-android .swiper-slide, .swiper-wrapper {
|
||
|
|
transform:translate3d(0, 0, 0)
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-multirow > .swiper-wrapper {
|
||
|
|
-webkit-box-lines: multiple;
|
||
|
|
-moz-box-lines: multiple;
|
||
|
|
-ms-flex-wrap: wrap;
|
||
|
|
flex-wrap:wrap
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-free-mode > .swiper-wrapper {
|
||
|
|
transition-timing-function: ease-out;
|
||
|
|
margin:0 auto
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-slide {
|
||
|
|
-webkit-flex-shrink: 0;
|
||
|
|
-ms-flex: 0 0 auto;
|
||
|
|
-ms-flex-negative: 0;
|
||
|
|
flex-shrink: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
position:relative
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
|
||
|
|
height:auto
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-autoheight .swiper-wrapper {
|
||
|
|
-ms-flex-align: start;
|
||
|
|
align-items: flex-start;
|
||
|
|
transition-property:transform, height
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container .swiper-notification {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
pointer-events: none;
|
||
|
|
opacity: 0;
|
||
|
|
z-index:-1000
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-wp8-horizontal {
|
||
|
|
-ms-touch-action: pan-y;
|
||
|
|
touch-action:pan-y
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-wp8-vertical {
|
||
|
|
-ms-touch-action: pan-x;
|
||
|
|
touch-action:pan-x
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-button-next, .swiper-button-prev {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
width: 27px;
|
||
|
|
height: 44px;
|
||
|
|
margin-top: -22px;
|
||
|
|
z-index: 10;
|
||
|
|
cursor: pointer;
|
||
|
|
background-size: 27px 44px;
|
||
|
|
background-position: center;
|
||
|
|
background-repeat:no-repeat
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
|
||
|
|
opacity: .35;
|
||
|
|
cursor: auto;
|
||
|
|
pointer-events:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
|
||
|
|
left: 10px;
|
||
|
|
right:auto
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
|
||
|
|
right: 10px;
|
||
|
|
left:auto
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-pagination {
|
||
|
|
position: absolute;
|
||
|
|
text-align: center;
|
||
|
|
transition: 300ms;
|
||
|
|
transform: translate3d(0, 0, 0);
|
||
|
|
z-index:10
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-pagination.swiper-pagination-hidden {
|
||
|
|
opacity:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
|
||
|
|
bottom: 10px;
|
||
|
|
left: 0;
|
||
|
|
width:100%
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-pagination-bullet {
|
||
|
|
width: 8px;
|
||
|
|
height: 8px;
|
||
|
|
display: inline-block;
|
||
|
|
border-radius: 100%;
|
||
|
|
background: #000;
|
||
|
|
opacity:.2
|
||
|
|
}
|
||
|
|
|
||
|
|
button.swiper-pagination-bullet {
|
||
|
|
border: none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
box-shadow: none;
|
||
|
|
-moz-appearance: none;
|
||
|
|
-ms-appearance: none;
|
||
|
|
-webkit-appearance: none;
|
||
|
|
appearance:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-pagination-clickable .swiper-pagination-bullet {
|
||
|
|
cursor:pointer
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-pagination-white .swiper-pagination-bullet {
|
||
|
|
background:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-pagination-bullet-active {
|
||
|
|
opacity: 1;
|
||
|
|
background:#007aff
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-pagination-white .swiper-pagination-bullet-active {
|
||
|
|
background:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-pagination-black .swiper-pagination-bullet-active {
|
||
|
|
background:#000
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-vertical > .swiper-pagination-bullets {
|
||
|
|
right: 10px;
|
||
|
|
top: 50%;
|
||
|
|
transform:translate3d(0, -50%, 0)
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
|
||
|
|
margin: 5px 0;
|
||
|
|
display:block
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
|
||
|
|
margin:0 5px
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-pagination-progress {
|
||
|
|
background: rgba(0, 0, 0, .25);
|
||
|
|
position:absolute
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-pagination-progress .swiper-pagination-progressbar {
|
||
|
|
background: #007aff;
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
transform: scale(0);
|
||
|
|
transform-origin:left top
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
|
||
|
|
transform-origin:right top
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-horizontal > .swiper-pagination-progress {
|
||
|
|
width: 100%;
|
||
|
|
height: 4px;
|
||
|
|
left: 0;
|
||
|
|
top:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-vertical > .swiper-pagination-progress {
|
||
|
|
width: 4px;
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
top:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-pagination-progress.swiper-pagination-white {
|
||
|
|
background:rgba(255, 255, 255, .5)
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
|
||
|
|
background:#fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
|
||
|
|
background:#000
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-3d {
|
||
|
|
-o-perspective: 1200px;
|
||
|
|
perspective:1200px
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
|
||
|
|
transform-style:preserve-3d
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
pointer-events: none;
|
||
|
|
z-index:10
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-3d .swiper-slide-shadow-left {
|
||
|
|
background-image:linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-3d .swiper-slide-shadow-right {
|
||
|
|
background-image:linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-3d .swiper-slide-shadow-top {
|
||
|
|
background-image:linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-3d .swiper-slide-shadow-bottom {
|
||
|
|
background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
|
||
|
|
-ms-perspective:1200px
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-cube, .swiper-container-flip {
|
||
|
|
overflow:visible
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
|
||
|
|
pointer-events: none;
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
backface-visibility: hidden;
|
||
|
|
z-index:1
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
|
||
|
|
pointer-events:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
|
||
|
|
pointer-events:auto
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
|
||
|
|
z-index: 0;
|
||
|
|
-webkit-backface-visibility: hidden;
|
||
|
|
backface-visibility:hidden
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-cube .swiper-slide {
|
||
|
|
visibility: hidden;
|
||
|
|
transform-origin: 0 0;
|
||
|
|
width: 100%;
|
||
|
|
height:100%
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-cube.swiper-container-rtl .swiper-slide {
|
||
|
|
transform-origin:100% 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
|
||
|
|
pointer-events: auto;
|
||
|
|
visibility:visible
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-cube .swiper-cube-shadow {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background: #000;
|
||
|
|
opacity: .6;
|
||
|
|
filter: blur(50px);
|
||
|
|
z-index:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
|
||
|
|
transition-timing-function:ease-out
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-fade .swiper-slide {
|
||
|
|
pointer-events: none;
|
||
|
|
transition-property:opacity
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-fade .swiper-slide .swiper-slide {
|
||
|
|
pointer-events:none
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
|
||
|
|
pointer-events:auto
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-zoom-container {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
text-align:center
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
|
||
|
|
max-width: 100%;
|
||
|
|
max-height: 100%;
|
||
|
|
-o-object-fit: contain;
|
||
|
|
object-fit:contain
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-scrollbar {
|
||
|
|
border-radius: 10px;
|
||
|
|
position: relative;
|
||
|
|
-ms-touch-action: none;
|
||
|
|
background:rgba(0, 0, 0, .1)
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-horizontal > .swiper-scrollbar {
|
||
|
|
position: absolute;
|
||
|
|
left: 1%;
|
||
|
|
bottom: 3px;
|
||
|
|
z-index: 50;
|
||
|
|
height: 5px;
|
||
|
|
width:98%
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-container-vertical > .swiper-scrollbar {
|
||
|
|
position: absolute;
|
||
|
|
right: 3px;
|
||
|
|
top: 1%;
|
||
|
|
z-index: 50;
|
||
|
|
width: 5px;
|
||
|
|
height:98%
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-scrollbar-drag {
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
position: relative;
|
||
|
|
background: rgba(0, 0, 0, .5);
|
||
|
|
border-radius: 10px;
|
||
|
|
left: 0;
|
||
|
|
top:0
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-scrollbar-cursor-drag {
|
||
|
|
cursor:move
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-lazy-preloader {
|
||
|
|
width: 42px;
|
||
|
|
height: 42px;
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
margin-left: -21px;
|
||
|
|
margin-top: -21px;
|
||
|
|
z-index: 10;
|
||
|
|
transform-origin: 50%;
|
||
|
|
animation:swiper-preloader-spin 1s steps(12, end)infinite
|
||
|
|
}
|
||
|
|
|
||
|
|
.swiper-lazy-preloader:after {
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60) '%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60) '%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60) '%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}body,html{height:100%}body{color:#2e3c43;font-family:"Open sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:20px;line-height:32px;-webkit-font-smoothing:antialia
|
||
|
|
</style>
|
||
|
|
<body>
|
||
|
|
<div class="Header Section--full100">
|
||
|
|
<nav class="Navbar js-Navbar">
|
||
|
|
<div class="Navbar-inner u-inner">
|
||
|
|
<div class=Navbar-header>
|
||
|
|
<a href="/">
|
||
|
|
<svg width="92px" height="36px" viewBox="0 0 92 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||
|
|
<g id="Carto-Framework" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||
|
|
<g transform="translate(-162.000000, -282.000000)" >
|
||
|
|
<g transform="translate(162.000000, 282.000000)">
|
||
|
|
<path d="M74,36 C83.9411255,36 92,27.9411255 92,18 C92,8.0588745 83.9411255,0 74,0 C64.0588745,0 56,8.0588745 56,18 C56,27.9411255 64.0588745,36 74,36 Z" id="halo" fill-opacity="0.200000018" fill="#FFFFFF"></path>
|
||
|
|
<path d="m2.18002,12.66472l8.62353,0l0,2.38605l-5.12022,0l0,1.93914l4.37337,0l0,2.24214l-4.37337,0l0,4.53729l-3.50331,0l0,-11.10463l0,0.00001zm22.70606,9.27153l-3.97299,0l-0.54667,1.8331l-3.5649,0l4.24248,-11.10464l3.80359,0l4.24246,11.10464l-3.6496,0l-0.55437,-1.8331zm-0.73147,-2.4012l-1.24734,-3.99192l-1.23963,3.99192l2.48697,0zm10.70241,0.56054l3.3185,-0.20453c0.07188,0.53024 0.21817,0.93422 0.4389,1.21197c0.35933,0.44944 0.8726,0.67416 1.53991,0.67416c0.4979,0 0.88161,-0.11487 1.1511,-0.34465c0.26947,-0.22977 0.40423,-0.49614 0.40423,-0.79914c0,-0.28785 -0.12831,-0.54539 -0.38498,-0.77263c-0.25667,-0.22723 -0.85208,-0.44187 -1.7863,-0.64386c-1.52965,-0.33833 -2.62042,-0.78778 -3.27232,-1.34831c-0.65703,-0.56054 -0.98555,-1.27507 -0.98555,-2.14367c0,-0.57064 0.16809,-1.10971 0.50432,-1.61722c0.3362,-0.50751 0.84183,-0.90645 1.51682,-1.19681c0.675,-0.29038 1.60021,-0.43556 2.7757,-0.43556c1.44239,0 2.54213,0.26385 3.29927,0.79153c0.75713,0.5277 1.20753,1.36727 1.35125,2.51861l-3.2877,0.18937c-0.08727,-0.49993 -0.27078,-0.86353 -0.55052,-1.09077c-0.27975,-0.22724 -0.66602,-0.34086 -1.15879,-0.34086c-0.40552,0 -0.71094,0.08457 -0.91625,0.25376c-0.20534,0.16918 -0.30798,0.37497 -0.30798,0.61737c0,0.17676 0.08467,0.33581 0.25408,0.47722c0.16425,0.14645 0.55437,0.28277 1.17034,0.40904c1.52453,0.32318 2.61657,0.65017 3.27617,0.98093c0.65959,0.33075 1.13954,0.74107 1.43981,1.23091c0.30029,0.48982 0.45043,1.03772 0.45043,1.64372c0,0.71203 -0.20019,1.3685 -0.60056,1.96944c-0.40038,0.60094 -0.95988,1.05667 -1.67851,1.36726c-0.71863,0.31057 -1.62463,0.46585 -2.71796,0.46585c-1.91978,0 -3.24922,-0.3636 -3.98838,-1.09077c-0.73917,-0.72719 -1.1575,-1.6513 -1.25502,-2.77237l0,0.00002l-0.00001,-0.00001zm16.46169,-7.43087l10.60232,0l0,2.74207l-3.55719,0l0,8.36256l-3.4879,0l0,-8.36256l-3.55722,0l0,-2.74207l0,0l-0.00002,0l0.00001,0z" id="logotype" fill="#FFFFFF"></path>
|
||
|
|
<ellipse id="svg_3" ry="5.8843" rx="5.98124" cy="17.88506" cx="74.14399" stroke="null" fill="#162945"></ellipse>
|
||
|
|
</g>
|
||
|
|
</g>
|
||
|
|
</g>
|
||
|
|
</svg>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="Navbar-collapse Navbar-collapseStatic">
|
||
|
|
<ul class=Navbar-list>
|
||
|
|
<li class=Navbar-item>
|
||
|
|
<a href=/login class="Navbar-link title is-regular is-small js-Action--NAVlogin">
|
||
|
|
<span>登录</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<div class="Section Section--vcenter bgNavy">
|
||
|
|
<div class=u-inner>
|
||
|
|
<div class=Grid>
|
||
|
|
<div class="Grid-inner Grid-inner--hcenter u-txt--center">
|
||
|
|
<div class="Grid-cell Grid-cell--col8 Grid-cell--col12--mobile">
|
||
|
|
<div class="Compass u-valign u-vspace--20">
|
||
|
|
<div class="Compass-inner u-malign">
|
||
|
|
<svg width=59px height=59px viewBox="0 0 59 59" version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink xmlns:sketch=http://www.bohemiancoding.com/sketch/ns>
|
||
|
|
<g id=Geocoder-API stroke=none stroke-width=1 fill=none fill-rule=evenodd sketch:type=MSPage>
|
||
|
|
<g id=404 sketch:type=MSArtboardGroup transform="translate(-16.000000, -15.000000)" fill=#FFFFFF>
|
||
|
|
<g id=planet sketch:type=MSLayerGroup transform="translate(15.000000, 15.000000)">
|
||
|
|
<path d="M58.4890909,1.47545455 C54.1118182,-2.89363636 41.8936364,5.50909091 36.2918182,9.78272727 C34.4509091,9.27545455 32.5254545,8.98363636 30.5263636,8.98363636 C18.4963636,8.98363636 8.70818182,18.7718182 8.70818182,30.8018182 C8.70818182,32.9372727 9.03,34.9963636 9.60545455,36.9518182 C5.1,43.14 -1.35818182,53.4818182 2.56363636,57.4009091 C3.40090909,58.2381818 4.55454545,58.6227273 5.96181818,58.6227273 C9.88363636,58.6227273 15.7772727,55.6090909 22.2163636,50.9645455 C24.78,52.0254545 27.5836364,52.6172727 30.5263636,52.6172727 C42.5563636,52.6172727 52.3445455,42.8290909 52.3445455,30.7990909 C52.3445455,27.9736364 51.7881818,25.2818182 50.8063636,22.7972727 C52.62,20.3809091 54.2318182,18.03 55.56,15.8154545 C59.8581818,8.65636364 60.8454545,3.82909091 58.4890909,1.47545455 L58.4890909,1.47545455 Z M29.1627273,14.4381818 C29.1627273,16.6936364 27.3272727,18.5290909 25.0718182,18.5290909 C23.7736364,18.5290909 22.6118182,18.0654545 21.8863636,17.2554545 C21.2345455,16.5327273 20.9345455,15.5318182 20.9536364,14.3127273 C23.1436364,13.0336364 25.6036364,12.18 28.23,11.8636364 C28.8190909,12.5863636 29.1627273,13.4890909 29.1627273,14.4381818 L29.1627273,14.4381818 Z M18.4118182,16.0609091 C18.7036364,17.4327273 19.2845455,18.4418182 19.8572727,19.08 C21.1009091,20.4627273 23.0018182,21.2563636 25.0718182,21.2563636 C28.83,21.2563636 31.89,18.1990909 31.89,14.4381818 C31.89,13.5027273 31.6881818,12.5918182 31.3254545,11.7518182 C38.5063636,12.0490909 44.6618182,16.3254545 47.6590909,22.4345455 C44.4327273,26.5936364 40.5818182,30.9518182 36.3109091,35.2227273 C31.1236364,40.4072727 26.2390909,44.5909091 21.9081818,47.8145455 C15.7036364,44.6590909 11.4327273,38.2254545 11.4327273,30.8018182 C11.4354545,24.87 14.1545455,19.5654545 18.4118182,16.0609091 L18.4118182,16.0609091 Z M4.49181818,55.4727273 C3.37090909,54.3545455 4.23272727,49.3445455 10.7727273,40.0036364 C12.6463636,44.0045455 15.6872727,47.34 19.4672727,49.5763636 C11.6045455,55.0363636 5.98090909,56.9618182 4.49181818,55.4727273 L4.49181818,55.4727273 Z M49.6172727,30.8018182 C49.6172727,41.3263636 41.0536364,49.8927273 30.5263636,49.8927273 C28.5409091,49.8927273 26.6290909,49.5872727 24.8290909,49.0254545 C29.28,45.5918182 33.8972727,41.4927273 38.2390909,37.1509091 C42.1581818,33.2318182 45.7309091,29.2363636 48.8154545,25.3663636 C49.3336364,27.0927273 49.6172727,28.9145455 49.6172727,30.8018182 L49.6172727,30.8018182 Z M49.4727273,20.0209091 C47.1709091,15.9954545 43.6363636,12.7772727 39.3763636,10.8763636 C49.6772727,3.28909091 55.3609091,2.20090909 56.5609091,3.40363636 C57.5045455,4.34727273 57.1936364,7.79454545 53.22,14.4163636 C52.1509091,16.2027273 50.88,18.0872727 49.4727273,20.0209091 L49.4727273,20.0209091 Z" id=Shape sketch:type=MSShapeGroup></path>
|
||
|
|
<path d="M22.3445455,40.3472727 C26.1027273,40.3472727 29.1627273,37.29 29.1627273,33.5290909 C29.1627273,29.7681818 26.1027273,26.7109091 22.3445455,26.7109091 C18.5863636,26.7109091 15.5263636,29.7681818 15.5263636,33.5290909 C15.5263636,37.29 18.5863636,40.3472727 22.3445455,40.3472727 L22.3445455,40.3472727 Z M22.3445455,29.4381818 C24.6,29.4381818 26.4354545,31.2736364 26.4354545,33.5290909 C26.4354545,35.7845455 24.6,37.62 22.3445455,37.62 C20.0890909,37.62 18.2536364,35.7845455 18.2536364,33.5290909 C18.2536364,31.2736364 20.0890909,29.4381818 22.3445455,29.4381818 L22.3445455,29.4381818 Z" id=Shape sketch:type=MSShapeGroup></path>
|
||
|
|
<circle id=Oval sketch:type=MSShapeGroup cx=35.9809091 cy=22.62 r=2.72727273></circle>
|
||
|
|
</g>
|
||
|
|
</g>
|
||
|
|
</g>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<h1 class="title3 u-negative">404 Error</h1>
|
||
|
|
<p class="p1 u-negative u-vspace--24">很抱歉，你要找的页面似乎不存在.</p>
|
||
|
|
<a class="NewButton NewButton--green" href="/">
|
||
|
|
<span>返回首页</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script>
|
||
|
|
(function(i, s, o, g, r, a, m) {
|
||
|
|
i['GoogleAnalyticsObject'] = r;
|
||
|
|
i[r] = i[r] || function() {
|
||
|
|
(i[r].q = i[r].q || []).push(arguments)
|
||
|
|
}, i[r].l = 1 * new Date();
|
||
|
|
a = s.createElement(o), m = s.getElementsByTagName(o)[0];
|
||
|
|
a.async = 1;
|
||
|
|
a.src = g;
|
||
|
|
m.parentNode.insertBefore(a, m)
|
||
|
|
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
|
||
|
|
ga('create', 'UA-20934186-25 ', 'cartodb.com');
|
||
|
|
ga('send', 'pageview');
|
||
|
|
</script>
|
||
|
|
<script type=text/javascript>
|
||
|
|
(function(d, s, i, r) {
|
||
|
|
if (d.getElementById(i)) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var n = d.createElement(s),
|
||
|
|
e = d.getElementsByTagName(s)[0];
|
||
|
|
n.id = i;
|
||
|
|
n.src = '//js.hs-analytics.net/analytics/' + (Math.ceil(new Date() / r) * r) + '/474999.js';
|
||
|
|
e.parentNode.insertBefore(n, e);
|
||
|
|
})(document, "script", "hs-analytics", 300000);
|
||
|
|
</script>
|
||
|
|
<script async src=https://platform.twitter.com/widgets.js charset=utf-8></script>
|
||
|
|
<script>
|
||
|
|
(function(i, s, o, g, r, a, m) {
|
||
|
|
i['GoogleAnalyticsObject'] = r;
|
||
|
|
i[r] = i[r] || function() {
|
||
|
|
(i[r].q = i[r].q || []).push(arguments)
|
||
|
|
}, i[r].l = 1 * new Date();
|
||
|
|
a = s.createElement(o), m = s.getElementsByTagName(o)[0];
|
||
|
|
a.async = 1;
|
||
|
|
a.src = g;
|
||
|
|
m.parentNode.insertBefore(a, m)
|
||
|
|
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
|
||
|
|
var user_id = docCookies.getItem('hubspotutk');
|
||
|
|
ga('create', 'UA-20934186-25', 'auto');
|
||
|
|
ga('set', 'userId', user_id);
|
||
|
|
ga('send', 'pageview');
|
||
|
|
</script>
|
||
|
|
<script type=text/javascript>
|
||
|
|
/*<![CDATA[ */
|
||
|
|
var google_conversion_id = 976168062;
|
||
|
|
var google_custom_params = window.google_tag_params;
|
||
|
|
var google_remarketing_only = true; /*]]> */
|
||
|
|
</script>
|
||
|
|
<div style=display:none>
|
||
|
|
<script type=text/javascript src=//www.googleadservices.com/pagead/conversion.js></script>
|
||
|
|
</div>
|
||
|
|
<noscript>
|
||
|
|
<div style="display:inline;">
|
||
|
|
<img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/976168062/?value=0&guid=ON&script=0"/>
|
||
|
|
</div>
|
||
|
|
</noscript>
|
||
|
|
<script type=text/javascript>
|
||
|
|
(function(d, s, i, r) {
|
||
|
|
if (d.getElementById(i)) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var n = d.createElement(s),
|
||
|
|
e = d.getElementsByTagName(s)[0];
|
||
|
|
n.id = i;
|
||
|
|
n.src = '//js.hs-analytics.net/analytics/' + (Math.ceil(new Date() / r) * r) + '/474999.js';
|
||
|
|
e.parentNode.insertBefore(n, e);
|
||
|
|
})(document, "script", "hs-analytics", 300000);
|
||
|
|
</script>
|
||
|
|
<script>
|
||
|
|
!function(f, b, e, v, n, t, s) {
|
||
|
|
if (f.fbq)
|
||
|
|
return;
|
||
|
|
n = f.fbq = function() {
|
||
|
|
n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments)
|
||
|
|
};
|
||
|
|
if (!f._fbq)
|
||
|
|
f._fbq = n;
|
||
|
|
n.push = n;
|
||
|
|
n.loaded = !0;
|
||
|
|
n.version = '2.0';
|
||
|
|
n.queue = [];
|
||
|
|
t = b.createElement(e);
|
||
|
|
t.async = !0;
|
||
|
|
t.src = v;
|
||
|
|
s = b.getElementsByTagName(e)[0];
|
||
|
|
s.parentNode.insertBefore(t, s)
|
||
|
|
}(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
|
||
|
|
fbq('init', '273642683065267');
|
||
|
|
fbq('track', 'PageView');
|
||
|
|
</script>
|
||
|
|
<noscript>
|
||
|
|
<img height="1" width="1" src="https://www.facebook.com/tr?id=273642683065267&ev=PageView&noscript=1"/>
|
||
|
|
</noscript>
|
||
|
|
|