You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

4041 lines
80 KiB

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss*/
html {
font-family:sans-serif;
line-height:1.15;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}
body {
margin:0
}
article,aside,footer,header,nav,section {
display:block
}
h1 {
font-size:2em;
margin:0.67em 0
}
figcaption,figure {
display:block
}
figure {
margin:1em 40px
}
hr {
box-sizing:content-box;
height:0;
overflow:visible
}
main {
display:block
}
pre {
font-family:monospace, monospace;
font-size:1em
}
a {
background-color:transparent;
-webkit-text-decoration-skip:objects
}
a:active,a:hover {
outline-width:0
}
abbr[title] {
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted
}
b,strong {
font-weight:inherit
}
b,strong {
font-weight:bolder
}
code,kbd,samp {
font-family:monospace, monospace;
font-size:1em
}
dfn {
font-style:italic
}
mark {
background-color:#ff0;
color:#000
}
small {
font-size:80%
}
sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub {
bottom:-0.25em
}
sup {
top:-0.5em
}
audio,video {
display:inline-block
}
audio:not([controls]) {
display:none;
height:0
}
img {
border-style:none
}
svg:not(:root) {
overflow:hidden
}
button,input,optgroup,select,textarea {
font-family:sans-serif;
font-size:100%;
line-height:1.15;
margin:0
}
button {
overflow:visible
}
button,select {
text-transform:none
}
button,html [type="button"],[type="reset"],[type="submit"] {
-webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}
input {
overflow:visible
}
[type="checkbox"],[type="radio"] {
box-sizing:border-box;
padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
height:auto
}
[type="search"] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
fieldset {
border:1px solid #c0c0c0;
margin:0 2px;
padding:0.35em 0.625em 0.75em
}
legend {
box-sizing:border-box;
display:table;
max-width:100%;
padding:0;
color:inherit;
white-space:normal
}
progress {
display:inline-block;
vertical-align:baseline
}
textarea {
overflow:auto
}
details {
display:block
}
summary {
display:list-item
}
menu {
display:block
}
canvas {
display:inline-block
}
template {
display:none
}
[hidden] {
display:none
}
.slide-in-down.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:translateY(-100%);
transition-property:transform, opacity;
backface-visibility:hidden
}
.slide-in-down.mui-enter.mui-enter-active {
transform:translateY(0)
}
.slide-in-left.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:translateX(-100%);
transition-property:transform, opacity;
backface-visibility:hidden
}
.slide-in-left.mui-enter.mui-enter-active {
transform:translateX(0)
}
.slide-in-up.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:translateY(100%);
transition-property:transform, opacity;
backface-visibility:hidden
}
.slide-in-up.mui-enter.mui-enter-active {
transform:translateY(0)
}
.slide-in-right.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:translateX(100%);
transition-property:transform, opacity;
backface-visibility:hidden
}
.slide-in-right.mui-enter.mui-enter-active {
transform:translateX(0)
}
.slide-out-down.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:translateY(0);
transition-property:transform, opacity;
backface-visibility:hidden
}
.slide-out-down.mui-leave.mui-leave-active {
transform:translateY(100%)
}
.slide-out-right.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:translateX(0);
transition-property:transform, opacity;
backface-visibility:hidden
}
.slide-out-right.mui-leave.mui-leave-active {
transform:translateX(100%)
}
.slide-out-up.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:translateY(0);
transition-property:transform, opacity;
backface-visibility:hidden
}
.slide-out-up.mui-leave.mui-leave-active {
transform:translateY(-100%)
}
.slide-out-left.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:translateX(0);
transition-property:transform, opacity;
backface-visibility:hidden
}
.slide-out-left.mui-leave.mui-leave-active {
transform:translateX(-100%)
}
.fade-in.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
opacity:0;
transition-property:opacity
}
.fade-in.mui-enter.mui-enter-active {
opacity:1
}
.fade-out.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
opacity:1;
transition-property:opacity
}
.fade-out.mui-leave.mui-leave-active {
opacity:0
}
.hinge-in-from-top.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:perspective(2000px) rotateX(-90deg);
transform-origin:top;
transition-property:transform, opacity;
opacity:0
}
.hinge-in-from-top.mui-enter.mui-enter-active {
transform:perspective(2000px) rotate(0deg);
opacity:1
}
.hinge-in-from-right.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:perspective(2000px) rotateY(-90deg);
transform-origin:right;
transition-property:transform, opacity;
opacity:0
}
.hinge-in-from-right.mui-enter.mui-enter-active {
transform:perspective(2000px) rotate(0deg);
opacity:1
}
.hinge-in-from-bottom.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:perspective(2000px) rotateX(90deg);
transform-origin:bottom;
transition-property:transform, opacity;
opacity:0
}
.hinge-in-from-bottom.mui-enter.mui-enter-active {
transform:perspective(2000px) rotate(0deg);
opacity:1
}
.hinge-in-from-left.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:perspective(2000px) rotateY(90deg);
transform-origin:left;
transition-property:transform, opacity;
opacity:0
}
.hinge-in-from-left.mui-enter.mui-enter-active {
transform:perspective(2000px) rotate(0deg);
opacity:1
}
.hinge-in-from-middle-x.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:perspective(2000px) rotateX(-90deg);
transform-origin:center;
transition-property:transform, opacity;
opacity:0
}
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
transform:perspective(2000px) rotate(0deg);
opacity:1
}
.hinge-in-from-middle-y.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:perspective(2000px) rotateY(-90deg);
transform-origin:center;
transition-property:transform, opacity;
opacity:0
}
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
transform:perspective(2000px) rotate(0deg);
opacity:1
}
.hinge-out-from-top.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:perspective(2000px) rotate(0deg);
transform-origin:top;
transition-property:transform, opacity;
opacity:1
}
.hinge-out-from-top.mui-leave.mui-leave-active {
transform:perspective(2000px) rotateX(-90deg);
opacity:0
}
.hinge-out-from-right.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:perspective(2000px) rotate(0deg);
transform-origin:right;
transition-property:transform, opacity;
opacity:1
}
.hinge-out-from-right.mui-leave.mui-leave-active {
transform:perspective(2000px) rotateY(-90deg);
opacity:0
}
.hinge-out-from-bottom.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:perspective(2000px) rotate(0deg);
transform-origin:bottom;
transition-property:transform, opacity;
opacity:1
}
.hinge-out-from-bottom.mui-leave.mui-leave-active {
transform:perspective(2000px) rotateX(90deg);
opacity:0
}
.hinge-out-from-left.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:perspective(2000px) rotate(0deg);
transform-origin:left;
transition-property:transform, opacity;
opacity:1
}
.hinge-out-from-left.mui-leave.mui-leave-active {
transform:perspective(2000px) rotateY(90deg);
opacity:0
}
.hinge-out-from-middle-x.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:perspective(2000px) rotate(0deg);
transform-origin:center;
transition-property:transform, opacity;
opacity:1
}
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
transform:perspective(2000px) rotateX(-90deg);
opacity:0
}
.hinge-out-from-middle-y.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:perspective(2000px) rotate(0deg);
transform-origin:center;
transition-property:transform, opacity;
opacity:1
}
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
transform:perspective(2000px) rotateY(-90deg);
opacity:0
}
.scale-in-up.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:scale(.5);
transition-property:transform, opacity;
opacity:0
}
.scale-in-up.mui-enter.mui-enter-active {
transform:scale(1);
opacity:1
}
.scale-in-down.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:scale(1.5);
transition-property:transform, opacity;
opacity:0
}
.scale-in-down.mui-enter.mui-enter-active {
transform:scale(1);
opacity:1
}
.scale-out-up.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:scale(1);
transition-property:transform, opacity;
opacity:1
}
.scale-out-up.mui-leave.mui-leave-active {
transform:scale(1.5);
opacity:0
}
.scale-out-down.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:scale(1);
transition-property:transform, opacity;
opacity:1
}
.scale-out-down.mui-leave.mui-leave-active {
transform:scale(.5);
opacity:0
}
.spin-in.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:rotate(-.75turn);
transition-property:transform, opacity;
opacity:0
}
.spin-in.mui-enter.mui-enter-active {
transform:rotate(0);
opacity:1
}
.spin-out.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:rotate(0);
transition-property:transform, opacity;
opacity:1
}
.spin-out.mui-leave.mui-leave-active {
transform:rotate(.75turn);
opacity:0
}
.spin-in-ccw.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:rotate(.75turn);
transition-property:transform, opacity;
opacity:0
}
.spin-in-ccw.mui-enter.mui-enter-active {
transform:rotate(0);
opacity:1
}
.spin-out-ccw.mui-leave {
transition-duration:500ms;
transition-timing-function:linear;
transform:rotate(0);
transition-property:transform, opacity;
opacity:1
}
.spin-out-ccw.mui-leave.mui-leave-active {
transform:rotate(-.75turn);
opacity:0
}
.slow {
transition-duration:750ms !important
}
.fast {
transition-duration:250ms !important
}
.linear {
transition-timing-function:linear !important
}
.ease {
transition-timing-function:ease !important
}
.ease-in {
transition-timing-function:ease-in !important
}
.ease-out {
transition-timing-function:ease-out !important
}
.ease-in-out {
transition-timing-function:ease-in-out !important
}
.bounce-in {
transition-timing-function:cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}
.bounce-out {
transition-timing-function:cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}
.bounce-in-out {
transition-timing-function:cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}
.short-delay {
transition-delay:300ms !important
}
.long-delay {
transition-delay:700ms !important
}
.shake {
animation-name:shake-7
}
@keyframes shake-7 {
0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
transform:translateX(7%)
}
5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
transform:translateX(-7%)
}
}.spin-cw {
animation-name:spin-cw-1turn
}
@keyframes spin-cw-1turn {
0% {
transform:rotate(-1turn)
}
100% {
transform:rotate(0)
}
}.spin-ccw {
animation-name:spin-cw-1turn
}
@keyframes spin-cw-1turn {
0% {
transform:rotate(0)
}
100% {
transform:rotate(1turn)
}
}.wiggle {
animation-name:wiggle-7deg
}
@keyframes wiggle-7deg {
40%,50%,60% {
transform:rotate(7deg)
}
35%,45%,55%,65% {
transform:rotate(-7deg)
}
0%,30%,70%,100% {
transform:rotate(0)
}
}.shake,.spin-cw,.spin-ccw,.wiggle {
animation-duration:500ms
}
.infinite {
animation-iteration-count:infinite
}
.slow {
animation-duration:750ms !important
}
.fast {
animation-duration:250ms !important
}
.linear {
animation-timing-function:linear !important
}
.ease {
animation-timing-function:ease !important
}
.ease-in {
animation-timing-function:ease-in !important
}
.ease-out {
animation-timing-function:ease-out !important
}
.ease-in-out {
animation-timing-function:ease-in-out !important
}
.bounce-in {
animation-timing-function:cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}
.bounce-out {
animation-timing-function:cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}
.bounce-in-out {
animation-timing-function:cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}
.short-delay {
animation-delay:300ms !important
}
.long-delay {
animation-delay:700ms !important
}
@font-face {
font-family:'icomoon';
src:url("../fonts/icomoon.eot?hinku2");
src:url("../fonts/icomoon.eot?hinku2#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?hinku2") format("truetype"),url("../fonts/icomoon.woff?hinku2") format("woff"),url("../fonts/icomoon.svg?hinku2#icomoon") format("svg");
font-weight:normal;
font-style:normal
}
[class^="xg-icon-"],[class*=" xg-icon-"] {
font-family:'icomoon' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.xg-icon-arrow-next:before {
content:""
}
.xg-icon-arrow-pre:before {
content:""
}
.xg-icon-logo-csharp:before {
content:""
}
.xg-icon-logo-java:before {
content:""
}
.xg-icon-logo-php:before {
content:""
}
.xg-icon-logo-python:before {
content:""
}
.xg-icon-logo-restapi:before {
content:""
}
.xg-icon-logo_android:before {
content:""
}
.xg-icon-logo_apple:before {
content:""
}
.xg-icon-logo-csharp {
color:#953dac
}
.xg-icon-logo-java {
color:#e73846
}
.xg-icon-logo-php {
color:#388be9
}
.xg-icon-logo-python {
color:#4d689a
}
.xg-icon-logo-restapi {
color:#ffaa4e
}
.xg-icon-logo_android {
color:#87c643
}
.xg-icon-logo_apple {
color:#9e9fa1
}
body {
font-family:"microsoft yahei",\5b8b\4f53,PingFangSC-Regular,Arial,sans-serif;
font-size:14px;
min-width:1280px;
scrollbar-face-color:#fdfdfd;
scrollbar-highlight-color:#999999;
scrollbar-shadow-color:#999999;
scrollbar-3dlight-color:#fdfdfd;
scrollbar-arrow-color:#999999;
scrollbar-track-color:#fdfdfd;
scrollbar-darkshadow-color:#fdfdfd
}
::-webkit-scrollbar {
width:8px;
height:8px
}
::-webkit-scrollbar-thumb {
background:rgba(153,153,153,0.8);
border-radius:4px
}
::-webkit-scrollbar-thumb:hover {
background:#999999;
border-radius:4px
}
::-webkit-scrollbar-track-piece:decrement {
background:transparent
}
::-webkit-scrollbar-track-piece:increment {
background:transparent;
border-radius:0 0 4px 4px
}
h1,h2,h3,h4,h5,h6 {
font-weight:100
}
a {
text-decoration:none;
color:#08b2ff
}
* {
box-sizing:border-box
}
.hidden {
display:none
}
.logo-wrapper {
line-height:38px
}
.logo-wrapper .logo {
display:inline-block;
background-image:url(../images/logo.png);
background-size:100% 100%;
width:45px;
height:38px;
margin-right:10px;
vertical-align:middle
}
.logo-wrapper .text {
display:inline-block;
vertical-align:middle;
font-size:18px
}
.row {
max-width:120rem;
margin-right:auto;
margin-left:auto
}
.row::before,.row::after {
display:table;
content:' '
}
.row::after {
clear:both
}
.row.collapse>.column,.row.collapse>.columns {
padding-right:0;
padding-left:0
}
.row .row {
margin-right:-.625rem;
margin-left:-.625rem
}
@media print, screen and (min-width: 40em) {
.row .row {
margin-right:-.9375rem;
margin-left:-.9375rem
}
}@media print, screen and (min-width: 64em) {
.row .row {
margin-right:-.9375rem;
margin-left:-.9375rem
}
}.row .row.collapse {
margin-right:0;
margin-left:0
}
.row.expanded {
max-width:none
}
.row.expanded .row {
margin-right:auto;
margin-left:auto
}
.row:not(.expanded) .row {
max-width:none
}
.row.gutter-small>.column,.row.gutter-small>.columns {
padding-right:.625rem;
padding-left:.625rem
}
.row.gutter-medium>.column,.row.gutter-medium>.columns {
padding-right:.9375rem;
padding-left:.9375rem
}
.column,.columns {
width:100%;
float:left;
padding-right:.625rem;
padding-left:.625rem
}
@media print, screen and (min-width: 40em) {
.column,.columns {
padding-right:.9375rem;
padding-left:.9375rem
}
}.column.row.row,.row.row.columns {
float:none
}
.row .column.row.row,.row .row.row.columns {
margin-right:0;
margin-left:0;
padding-right:0;
padding-left:0
}
.small-1 {
width:8.33333%
}
.small-push-1 {
position:relative;
left:8.33333%
}
.small-pull-1 {
position:relative;
left:-8.33333%
}
.small-offset-0 {
margin-left:0%
}
.small-2 {
width:16.66667%
}
.small-push-2 {
position:relative;
left:16.66667%
}
.small-pull-2 {
position:relative;
left:-16.66667%
}
.small-offset-1 {
margin-left:8.33333%
}
.small-3 {
width:25%
}
.small-push-3 {
position:relative;
left:25%
}
.small-pull-3 {
position:relative;
left:-25%
}
.small-offset-2 {
margin-left:16.66667%
}
.small-4 {
width:33.33333%
}
.small-push-4 {
position:relative;
left:33.33333%
}
.small-pull-4 {
position:relative;
left:-33.33333%
}
.small-offset-3 {
margin-left:25%
}
.small-5 {
width:41.66667%
}
.small-push-5 {
position:relative;
left:41.66667%
}
.small-pull-5 {
position:relative;
left:-41.66667%
}
.small-offset-4 {
margin-left:33.33333%
}
.small-6 {
width:50%
}
.small-push-6 {
position:relative;
left:50%
}
.small-pull-6 {
position:relative;
left:-50%
}
.small-offset-5 {
margin-left:41.66667%
}
.small-7 {
width:58.33333%
}
.small-push-7 {
position:relative;
left:58.33333%
}
.small-pull-7 {
position:relative;
left:-58.33333%
}
.small-offset-6 {
margin-left:50%
}
.small-8 {
width:66.66667%
}
.small-push-8 {
position:relative;
left:66.66667%
}
.small-pull-8 {
position:relative;
left:-66.66667%
}
.small-offset-7 {
margin-left:58.33333%
}
.small-9 {
width:75%
}
.small-push-9 {
position:relative;
left:75%
}
.small-pull-9 {
position:relative;
left:-75%
}
.small-offset-8 {
margin-left:66.66667%
}
.small-10 {
width:83.33333%
}
.small-push-10 {
position:relative;
left:83.33333%
}
.small-pull-10 {
position:relative;
left:-83.33333%
}
.small-offset-9 {
margin-left:75%
}
.small-11 {
width:91.66667%
}
.small-push-11 {
position:relative;
left:91.66667%
}
.small-pull-11 {
position:relative;
left:-91.66667%
}
.small-offset-10 {
margin-left:83.33333%
}
.small-12 {
width:100%
}
.small-offset-11 {
margin-left:91.66667%
}
.small-up-1>.column,.small-up-1>.columns {
float:left;
width:100%
}
.small-up-1>.column:nth-of-type(1n),.small-up-1>.columns:nth-of-type(1n) {
clear:none
}
.small-up-1>.column:nth-of-type(1n+1),.small-up-1>.columns:nth-of-type(1n+1) {
clear:both
}
.small-up-1>.column:last-child,.small-up-1>.columns:last-child {
float:left
}
.small-up-2>.column,.small-up-2>.columns {
float:left;
width:50%
}
.small-up-2>.column:nth-of-type(1n),.small-up-2>.columns:nth-of-type(1n) {
clear:none
}
.small-up-2>.column:nth-of-type(2n+1),.small-up-2>.columns:nth-of-type(2n+1) {
clear:both
}
.small-up-2>.column:last-child,.small-up-2>.columns:last-child {
float:left
}
.small-up-3>.column,.small-up-3>.columns {
float:left;
width:33.33333%
}
.small-up-3>.column:nth-of-type(1n),.small-up-3>.columns:nth-of-type(1n) {
clear:none
}
.small-up-3>.column:nth-of-type(3n+1),.small-up-3>.columns:nth-of-type(3n+1) {
clear:both
}
.small-up-3>.column:last-child,.small-up-3>.columns:last-child {
float:left
}
.small-up-4>.column,.small-up-4>.columns {
float:left;
width:25%
}
.small-up-4>.column:nth-of-type(1n),.small-up-4>.columns:nth-of-type(1n) {
clear:none
}
.small-up-4>.column:nth-of-type(4n+1),.small-up-4>.columns:nth-of-type(4n+1) {
clear:both
}
.small-up-4>.column:last-child,.small-up-4>.columns:last-child {
float:left
}
.small-up-5>.column,.small-up-5>.columns {
float:left;
width:20%
}
.small-up-5>.column:nth-of-type(1n),.small-up-5>.columns:nth-of-type(1n) {
clear:none
}
.small-up-5>.column:nth-of-type(5n+1),.small-up-5>.columns:nth-of-type(5n+1) {
clear:both
}
.small-up-5>.column:last-child,.small-up-5>.columns:last-child {
float:left
}
.small-up-6>.column,.small-up-6>.columns {
float:left;
width:16.66667%
}
.small-up-6>.column:nth-of-type(1n),.small-up-6>.columns:nth-of-type(1n) {
clear:none
}
.small-up-6>.column:nth-of-type(6n+1),.small-up-6>.columns:nth-of-type(6n+1) {
clear:both
}
.small-up-6>.column:last-child,.small-up-6>.columns:last-child {
float:left
}
.small-up-7>.column,.small-up-7>.columns {
float:left;
width:14.28571%
}
.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n) {
clear:none
}
.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1) {
clear:both
}
.small-up-7>.column:last-child,.small-up-7>.columns:last-child {
float:left
}
.small-up-8>.column,.small-up-8>.columns {
float:left;
width:12.5%
}
.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n) {
clear:none
}
.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1) {
clear:both
}
.small-up-8>.column:last-child,.small-up-8>.columns:last-child {
float:left
}
.small-collapse>.column,.small-collapse>.columns {
padding-right:0;
padding-left:0
}
.small-collapse .row {
margin-right:0;
margin-left:0
}
.expanded.row .small-collapse.row {
margin-right:0;
margin-left:0
}
.small-uncollapse>.column,.small-uncollapse>.columns {
padding-right:.625rem;
padding-left:.625rem
}
.small-centered {
margin-right:auto;
margin-left:auto
}
.small-centered,.small-centered:last-child:not(:first-child) {
float:none;
clear:both
}
.small-uncentered,.small-push-0,.small-pull-0 {
position:static;
float:left;
margin-right:0;
margin-left:0
}
@media print, screen and (min-width: 40em) {
.medium-1 {
width:8.33333%
}
.medium-push-1 {
position:relative;
left:8.33333%
}
.medium-pull-1 {
position:relative;
left:-8.33333%
}
.medium-offset-0 {
margin-left:0%
}
.medium-2 {
width:16.66667%
}
.medium-push-2 {
position:relative;
left:16.66667%
}
.medium-pull-2 {
position:relative;
left:-16.66667%
}
.medium-offset-1 {
margin-left:8.33333%
}
.medium-3 {
width:25%
}
.medium-push-3 {
position:relative;
left:25%
}
.medium-pull-3 {
position:relative;
left:-25%
}
.medium-offset-2 {
margin-left:16.66667%
}
.medium-4 {
width:33.33333%
}
.medium-push-4 {
position:relative;
left:33.33333%
}
.medium-pull-4 {
position:relative;
left:-33.33333%
}
.medium-offset-3 {
margin-left:25%
}
.medium-5 {
width:41.66667%
}
.medium-push-5 {
position:relative;
left:41.66667%
}
.medium-pull-5 {
position:relative;
left:-41.66667%
}
.medium-offset-4 {
margin-left:33.33333%
}
.medium-6 {
width:50%
}
.medium-push-6 {
position:relative;
left:50%
}
.medium-pull-6 {
position:relative;
left:-50%
}
.medium-offset-5 {
margin-left:41.66667%
}
.medium-7 {
width:58.33333%
}
.medium-push-7 {
position:relative;
left:58.33333%
}
.medium-pull-7 {
position:relative;
left:-58.33333%
}
.medium-offset-6 {
margin-left:50%
}
.medium-8 {
width:66.66667%
}
.medium-push-8 {
position:relative;
left:66.66667%
}
.medium-pull-8 {
position:relative;
left:-66.66667%
}
.medium-offset-7 {
margin-left:58.33333%
}
.medium-9 {
width:75%
}
.medium-push-9 {
position:relative;
left:75%
}
.medium-pull-9 {
position:relative;
left:-75%
}
.medium-offset-8 {
margin-left:66.66667%
}
.medium-10 {
width:83.33333%
}
.medium-push-10 {
position:relative;
left:83.33333%
}
.medium-pull-10 {
position:relative;
left:-83.33333%
}
.medium-offset-9 {
margin-left:75%
}
.medium-11 {
width:91.66667%
}
.medium-push-11 {
position:relative;
left:91.66667%
}
.medium-pull-11 {
position:relative;
left:-91.66667%
}
.medium-offset-10 {
margin-left:83.33333%
}
.medium-12 {
width:100%
}
.medium-offset-11 {
margin-left:91.66667%
}
.medium-up-1>.column,.medium-up-1>.columns {
float:left;
width:100%
}
.medium-up-1>.column:nth-of-type(1n),.medium-up-1>.columns:nth-of-type(1n) {
clear:none
}
.medium-up-1>.column:nth-of-type(1n+1),.medium-up-1>.columns:nth-of-type(1n+1) {
clear:both
}
.medium-up-1>.column:last-child,.medium-up-1>.columns:last-child {
float:left
}
.medium-up-2>.column,.medium-up-2>.columns {
float:left;
width:50%
}
.medium-up-2>.column:nth-of-type(1n),.medium-up-2>.columns:nth-of-type(1n) {
clear:none
}
.medium-up-2>.column:nth-of-type(2n+1),.medium-up-2>.columns:nth-of-type(2n+1) {
clear:both
}
.medium-up-2>.column:last-child,.medium-up-2>.columns:last-child {
float:left
}
.medium-up-3>.column,.medium-up-3>.columns {
float:left;
width:33.33333%
}
.medium-up-3>.column:nth-of-type(1n),.medium-up-3>.columns:nth-of-type(1n) {
clear:none
}
.medium-up-3>.column:nth-of-type(3n+1),.medium-up-3>.columns:nth-of-type(3n+1) {
clear:both
}
.medium-up-3>.column:last-child,.medium-up-3>.columns:last-child {
float:left
}
.medium-up-4>.column,.medium-up-4>.columns {
float:left;
width:25%
}
.medium-up-4>.column:nth-of-type(1n),.medium-up-4>.columns:nth-of-type(1n) {
clear:none
}
.medium-up-4>.column:nth-of-type(4n+1),.medium-up-4>.columns:nth-of-type(4n+1) {
clear:both
}
.medium-up-4>.column:last-child,.medium-up-4>.columns:last-child {
float:left
}
.medium-up-5>.column,.medium-up-5>.columns {
float:left;
width:20%
}
.medium-up-5>.column:nth-of-type(1n),.medium-up-5>.columns:nth-of-type(1n) {
clear:none
}
.medium-up-5>.column:nth-of-type(5n+1),.medium-up-5>.columns:nth-of-type(5n+1) {
clear:both
}
.medium-up-5>.column:last-child,.medium-up-5>.columns:last-child {
float:left
}
.medium-up-6>.column,.medium-up-6>.columns {
float:left;
width:16.66667%
}
.medium-up-6>.column:nth-of-type(1n),.medium-up-6>.columns:nth-of-type(1n) {
clear:none
}
.medium-up-6>.column:nth-of-type(6n+1),.medium-up-6>.columns:nth-of-type(6n+1) {
clear:both
}
.medium-up-6>.column:last-child,.medium-up-6>.columns:last-child {
float:left
}
.medium-up-7>.column,.medium-up-7>.columns {
float:left;
width:14.28571%
}
.medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n) {
clear:none
}
.medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1) {
clear:both
}
.medium-up-7>.column:last-child,.medium-up-7>.columns:last-child {
float:left
}
.medium-up-8>.column,.medium-up-8>.columns {
float:left;
width:12.5%
}
.medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n) {
clear:none
}
.medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1) {
clear:both
}
.medium-up-8>.column:last-child,.medium-up-8>.columns:last-child {
float:left
}
.medium-collapse>.column,.medium-collapse>.columns {
padding-right:0;
padding-left:0
}
.medium-collapse .row {
margin-right:0;
margin-left:0
}
.expanded.row .medium-collapse.row {
margin-right:0;
margin-left:0
}
.medium-uncollapse>.column,.medium-uncollapse>.columns {
padding-right:.9375rem;
padding-left:.9375rem
}
.medium-centered {
margin-right:auto;
margin-left:auto
}
.medium-centered,.medium-centered:last-child:not(:first-child) {
float:none;
clear:both
}
.medium-uncentered,.medium-push-0,.medium-pull-0 {
position:static;
float:left;
margin-right:0;
margin-left:0
}
}@media print, screen and (min-width: 64em) {
.large-1 {
width:8.33333%
}
.large-push-1 {
position:relative;
left:8.33333%
}
.large-pull-1 {
position:relative;
left:-8.33333%
}
.large-offset-0 {
margin-left:0%
}
.large-2 {
width:16.66667%
}
.large-push-2 {
position:relative;
left:16.66667%
}
.large-pull-2 {
position:relative;
left:-16.66667%
}
.large-offset-1 {
margin-left:8.33333%
}
.large-3 {
width:25%
}
.large-push-3 {
position:relative;
left:25%
}
.large-pull-3 {
position:relative;
left:-25%
}
.large-offset-2 {
margin-left:16.66667%
}
.large-4 {
width:33.33333%
}
.large-push-4 {
position:relative;
left:33.33333%
}
.large-pull-4 {
position:relative;
left:-33.33333%
}
.large-offset-3 {
margin-left:25%
}
.large-5 {
width:41.66667%
}
.large-push-5 {
position:relative;
left:41.66667%
}
.large-pull-5 {
position:relative;
left:-41.66667%
}
.large-offset-4 {
margin-left:33.33333%
}
.large-6 {
width:50%
}
.large-push-6 {
position:relative;
left:50%
}
.large-pull-6 {
position:relative;
left:-50%
}
.large-offset-5 {
margin-left:41.66667%
}
.large-7 {
width:58.33333%
}
.large-push-7 {
position:relative;
left:58.33333%
}
.large-pull-7 {
position:relative;
left:-58.33333%
}
.large-offset-6 {
margin-left:50%
}
.large-8 {
width:66.66667%
}
.large-push-8 {
position:relative;
left:66.66667%
}
.large-pull-8 {
position:relative;
left:-66.66667%
}
.large-offset-7 {
margin-left:58.33333%
}
.large-9 {
width:75%
}
.large-push-9 {
position:relative;
left:75%
}
.large-pull-9 {
position:relative;
left:-75%
}
.large-offset-8 {
margin-left:66.66667%
}
.large-10 {
width:83.33333%
}
.large-push-10 {
position:relative;
left:83.33333%
}
.large-pull-10 {
position:relative;
left:-83.33333%
}
.large-offset-9 {
margin-left:75%
}
.large-11 {
width:91.66667%
}
.large-push-11 {
position:relative;
left:91.66667%
}
.large-pull-11 {
position:relative;
left:-91.66667%
}
.large-offset-10 {
margin-left:83.33333%
}
.large-12 {
width:100%
}
.large-offset-11 {
margin-left:91.66667%
}
.large-up-1>.column,.large-up-1>.columns {
float:left;
width:100%
}
.large-up-1>.column:nth-of-type(1n),.large-up-1>.columns:nth-of-type(1n) {
clear:none
}
.large-up-1>.column:nth-of-type(1n+1),.large-up-1>.columns:nth-of-type(1n+1) {
clear:both
}
.large-up-1>.column:last-child,.large-up-1>.columns:last-child {
float:left
}
.large-up-2>.column,.large-up-2>.columns {
float:left;
width:50%
}
.large-up-2>.column:nth-of-type(1n),.large-up-2>.columns:nth-of-type(1n) {
clear:none
}
.large-up-2>.column:nth-of-type(2n+1),.large-up-2>.columns:nth-of-type(2n+1) {
clear:both
}
.large-up-2>.column:last-child,.large-up-2>.columns:last-child {
float:left
}
.large-up-3>.column,.large-up-3>.columns {
float:left;
width:33.33333%
}
.large-up-3>.column:nth-of-type(1n),.large-up-3>.columns:nth-of-type(1n) {
clear:none
}
.large-up-3>.column:nth-of-type(3n+1),.large-up-3>.columns:nth-of-type(3n+1) {
clear:both
}
.large-up-3>.column:last-child,.large-up-3>.columns:last-child {
float:left
}
.large-up-4>.column,.large-up-4>.columns {
float:left;
width:25%
}
.large-up-4>.column:nth-of-type(1n),.large-up-4>.columns:nth-of-type(1n) {
clear:none
}
.large-up-4>.column:nth-of-type(4n+1),.large-up-4>.columns:nth-of-type(4n+1) {
clear:both
}
.large-up-4>.column:last-child,.large-up-4>.columns:last-child {
float:left
}
.large-up-5>.column,.large-up-5>.columns {
float:left;
width:20%
}
.large-up-5>.column:nth-of-type(1n),.large-up-5>.columns:nth-of-type(1n) {
clear:none
}
.large-up-5>.column:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1) {
clear:both
}
.large-up-5>.column:last-child,.large-up-5>.columns:last-child {
float:left
}
.large-up-6>.column,.large-up-6>.columns {
float:left;
width:16.66667%
}
.large-up-6>.column:nth-of-type(1n),.large-up-6>.columns:nth-of-type(1n) {
clear:none
}
.large-up-6>.column:nth-of-type(6n+1),.large-up-6>.columns:nth-of-type(6n+1) {
clear:both
}
.large-up-6>.column:last-child,.large-up-6>.columns:last-child {
float:left
}
.large-up-7>.column,.large-up-7>.columns {
float:left;
width:14.28571%
}
.large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n) {
clear:none
}
.large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1) {
clear:both
}
.large-up-7>.column:last-child,.large-up-7>.columns:last-child {
float:left
}
.large-up-8>.column,.large-up-8>.columns {
float:left;
width:12.5%
}
.large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n) {
clear:none
}
.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1) {
clear:both
}
.large-up-8>.column:last-child,.large-up-8>.columns:last-child {
float:left
}
.large-collapse>.column,.large-collapse>.columns {
padding-right:0;
padding-left:0
}
.large-collapse .row {
margin-right:0;
margin-left:0
}
.expanded.row .large-collapse.row {
margin-right:0;
margin-left:0
}
.large-uncollapse>.column,.large-uncollapse>.columns {
padding-right:.9375rem;
padding-left:.9375rem
}
.large-centered {
margin-right:auto;
margin-left:auto
}
.large-centered,.large-centered:last-child:not(:first-child) {
float:none;
clear:both
}
.large-uncentered,.large-push-0,.large-pull-0 {
position:static;
float:left;
margin-right:0;
margin-left:0
}
}.column-block {
margin-bottom:1.25rem
}
.column-block>:last-child {
margin-bottom:0
}
@media print, screen and (min-width: 40em) {
.column-block {
margin-bottom:1.875rem
}
.column-block>:last-child {
margin-bottom:0
}
}.float-left {
float:left !important
}
.float-right {
float:right !important
}
.float-center {
display:block;
margin-right:auto;
margin-left:auto
}
.clearfix::before,.clearfix::after {
display:table;
content:' '
}
.clearfix::after {
clear:both
}
.main-content {
background-color:#f4f6fb;
max-width:1920px;
margin:0 auto
}
.max-width-content {
max-width:1200px;
margin:0 auto
}
.fullscreen {
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
overflow:auto
}
.text-hide {
font:0/0 a !important;
color:transparent !important;
text-shadow:none !important;
background-color:transparent !important;
border:0 !important
}
.text-truncate {
max-width:100% !important;
overflow:hidden !important;
text-overflow:ellipsis;
white-space:nowrap !important
}
.text-nowrap {
white-space:nowrap !important
}
.text-wrap {
word-wrap:break-word !important
}
.text-lowercase {
text-transform:lowercase !important
}
.text-uppercase {
text-transform:uppercase !important
}
.text-capitalize {
text-transform:capitalize !important
}
.text-overline {
text-decoration:overline !important
}
.text-underline {
text-decoration:underline !important
}
.text-line-through {
text-decoration:line-through !important
}
.font-wide {
letter-spacing:.25rem
}
.font-normal {
font-weight:normal
}
.font-bold {
font-weight:bold
}
.font-italic {
font-style:italic !important
}
ul.list-disc {
list-style-type:disc !important
}
ul.list-circle {
list-style-type:circle !important
}
ul.list-square {
list-style-type:square !important
}
ol.list-decimal {
list-style-type:decimal !important
}
ol.list-lower-alpha {
list-style-type:lower-alpha !important
}
ol.list-lower-latin {
list-style-type:lower-latin !important
}
ol.list-lower-roman {
list-style-type:lower-roman !important
}
ol.list-upper-alpha {
list-style-type:upper-alpha !important
}
ol.list-upper-latin {
list-style-type:upper-latin !important
}
ol.list-upper-roman {
list-style-type:upper-roman !important
}
.rounded {
border-radius:5000px !important
}
.radius {
border-radius:.1875rem
}
.bordered {
border:.0625rem solid #cacaca
}
.shadow {
box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}
.arrow-down {
display:block;
width:0;
height:0;
border:inset .4375rem;
content:'';
border-bottom-width:0;
border-top-style:solid;
border-color:#0a0a0a transparent transparent
}
.arrow-up {
display:block;
width:0;
height:0;
border:inset .4375rem;
content:'';
border-top-width:0;
border-bottom-style:solid;
border-color:transparent transparent #0a0a0a
}
.arrow-right {
display:block;
width:0;
height:0;
border:inset .4375rem;
content:'';
border-right-width:0;
border-left-style:solid;
border-color:transparent transparent transparent #0a0a0a
}
.arrow-left {
display:block;
width:0;
height:0;
border:inset .4375rem;
content:'';
border-left-width:0;
border-right-style:solid;
border-color:transparent #0a0a0a transparent transparent
}
.separator-center {
text-align:center !important
}
.separator-center::before,.separator-center::after {
display:table;
content:' '
}
.separator-center::after {
clear:both
}
.separator-center::after {
position:relative !important;
width:3rem;
border-bottom:.125rem solid #08b2ff;
margin:1rem auto 0
}
.separator-left {
text-align:left !important
}
.separator-left::before,.separator-left::after {
display:table;
content:' '
}
.separator-left::after {
clear:both
}
.separator-left::after {
position:relative !important;
width:3rem;
border-bottom:.125rem solid #08b2ff;
margin:1rem auto 0;
margin-left:0 !important
}
.separator-right {
text-align:right !important
}
.separator-right::before,.separator-right::after {
display:table;
content:' '
}
.separator-right::after {
clear:both
}
.separator-right::after {
position:relative !important;
width:3rem;
border-bottom:.125rem solid #08b2ff;
margin:1rem auto 0;
margin-right:0 !important
}
.overflow-visible {
overflow:visible !important
}
.overflow-x-visible {
overflow-x:visible !important
}
.overflow-y-visible {
overflow-y:visible !important
}
.overflow-hidden {
overflow:hidden !important
}
.overflow-x-hidden {
overflow-x:hidden !important
}
.overflow-y-hidden {
overflow-y:hidden !important
}
.overflow-scroll {
overflow:scroll !important
}
.overflow-x-scroll {
overflow-x:scroll !important
}
.overflow-y-scroll {
overflow-y:scroll !important
}
.display-inline {
display:inline !important
}
.display-inline-block {
display:inline-block !important
}
.display-block {
display:block !important
}
.display-table {
display:table !important
}
.display-table-cell {
display:table-cell !important
}
.position-static {
position:static !important
}
.position-relative {
position:relative !important
}
.position-absolute {
position:absolute !important
}
.position-fixed {
position:fixed !important
}
.position-fixed-top {
position:fixed !important;
top:0rem !important;
right:0rem !important;
left:0rem !important;
z-index:975
}
.position-fixed-bottom {
position:fixed !important;
right:0rem !important;
bottom:0rem !important;
left:0rem !important;
z-index:975
}
.border-box {
box-sizing:border-box !important
}
.border-none {
border:none !important
}
.width-25 {
width:25% !important
}
.width-50 {
width:50% !important
}
.width-75 {
width:75% !important
}
.width-100 {
width:100% !important
}
.height-25 {
height:25% !important
}
.height-50 {
height:50% !important
}
.height-75 {
height:75% !important
}
.height-100 {
height:100% !important
}
.max-width-100 {
max-width:100% !important
}
.max-height-100 {
max-height:100% !important
}
.margin-0 {
margin-top:0rem !important;
margin-right:0rem !important;
margin-bottom:0rem !important;
margin-left:0rem !important
}
.padding-0 {
padding-top:0rem !important;
padding-right:0rem !important;
padding-bottom:0rem !important;
padding-left:0rem !important
}
.margin-top-0 {
margin-top:0rem !important
}
.padding-top-0 {
padding-top:0rem !important
}
.margin-right-0 {
margin-right:0rem !important
}
.padding-right-0 {
padding-right:0rem !important
}
.margin-bottom-0 {
margin-bottom:0rem !important
}
.padding-bottom-0 {
padding-bottom:0rem !important
}
.margin-left-0 {
margin-left:0rem !important
}
.padding-left-0 {
padding-left:0rem !important
}
.margin-horizontal-0 {
margin-right:0rem !important;
margin-left:0rem !important
}
.padding-horizontal-0 {
padding-right:0rem !important;
padding-left:0rem !important
}
.margin-vertical-0 {
margin-top:0rem !important;
margin-bottom:0rem !important
}
.padding-vertical-0 {
padding-top:0rem !important;
padding-bottom:0rem !important
}
.margin-1 {
margin-top:1rem !important;
margin-right:1rem !important;
margin-bottom:1rem !important;
margin-left:1rem !important
}
.padding-1 {
padding-top:1rem !important;
padding-right:1rem !important;
padding-bottom:1rem !important;
padding-left:1rem !important
}
.margin-top-1 {
margin-top:1rem !important
}
.padding-top-1 {
padding-top:1rem !important
}
.margin-right-1 {
margin-right:1rem !important
}
.padding-right-1 {
padding-right:1rem !important
}
.margin-bottom-1 {
margin-bottom:1rem !important
}
.padding-bottom-1 {
padding-bottom:1rem !important
}
.margin-left-1 {
margin-left:1rem !important
}
.padding-left-1 {
padding-left:1rem !important
}
.margin-horizontal-1 {
margin-right:1rem !important;
margin-left:1rem !important
}
.padding-horizontal-1 {
padding-right:1rem !important;
padding-left:1rem !important
}
.margin-vertical-1 {
margin-top:1rem !important;
margin-bottom:1rem !important
}
.padding-vertical-1 {
padding-top:1rem !important;
padding-bottom:1rem !important
}
.margin-2 {
margin-top:2rem !important;
margin-right:2rem !important;
margin-bottom:2rem !important;
margin-left:2rem !important
}
.padding-2 {
padding-top:2rem !important;
padding-right:2rem !important;
padding-bottom:2rem !important;
padding-left:2rem !important
}
.margin-top-2 {
margin-top:2rem !important
}
.padding-top-2 {
padding-top:2rem !important
}
.margin-right-2 {
margin-right:2rem !important
}
.padding-right-2 {
padding-right:2rem !important
}
.margin-bottom-2 {
margin-bottom:2rem !important
}
.padding-bottom-2 {
padding-bottom:2rem !important
}
.margin-left-2 {
margin-left:2rem !important
}
.padding-left-2 {
padding-left:2rem !important
}
.margin-horizontal-2 {
margin-right:2rem !important;
margin-left:2rem !important
}
.padding-horizontal-2 {
padding-right:2rem !important;
padding-left:2rem !important
}
.margin-vertical-2 {
margin-top:2rem !important;
margin-bottom:2rem !important
}
.padding-vertical-2 {
padding-top:2rem !important;
padding-bottom:2rem !important
}
.margin-3 {
margin-top:3rem !important;
margin-right:3rem !important;
margin-bottom:3rem !important;
margin-left:3rem !important
}
.padding-3 {
padding-top:3rem !important;
padding-right:3rem !important;
padding-bottom:3rem !important;
padding-left:3rem !important
}
.margin-top-3 {
margin-top:3rem !important
}
.padding-top-3 {
padding-top:3rem !important
}
.margin-right-3 {
margin-right:3rem !important
}
.padding-right-3 {
padding-right:3rem !important
}
.margin-bottom-3 {
margin-bottom:3rem !important
}
.padding-bottom-3 {
padding-bottom:3rem !important
}
.margin-left-3 {
margin-left:3rem !important
}
.padding-left-3 {
padding-left:3rem !important
}
.margin-horizontal-3 {
margin-right:3rem !important;
margin-left:3rem !important
}
.padding-horizontal-3 {
padding-right:3rem !important;
padding-left:3rem !important
}
.margin-vertical-3 {
margin-top:3rem !important;
margin-bottom:3rem !important
}
.padding-vertical-3 {
padding-top:3rem !important;
padding-bottom:3rem !important
}
.menu {
padding:0;
margin:0;
list-style:none;
position:relative
}
[data-whatinput='mouse'] .menu li {
outline:0
}
.menu a,.menu .button {
line-height:1;
text-decoration:none;
display:block;
padding:0.7rem 1rem
}
.menu input,.menu select,.menu a,.menu button {
margin-bottom:0
}
.menu input {
display:inline-block
}
.menu li,.menu.horizontal li {
display:inline-block
}
.menu.vertical li {
display:block
}
.menu.expanded {
display:table;
width:100%
}
.menu.expanded>li {
display:table-cell;
vertical-align:middle
}
.menu.simple li+li {
margin-left:1rem
}
.menu.simple a {
padding:0
}
@media print, screen and (min-width: 40em) {
.menu.medium-horizontal li {
display:inline-block
}
.menu.medium-vertical li {
display:block
}
.menu.medium-expanded {
display:table;
width:100%
}
.menu.medium-expanded>li {
display:table-cell;
vertical-align:middle
}
.menu.medium-simple {
display:table;
width:100%
}
.menu.medium-simple>li {
display:table-cell;
vertical-align:middle
}
}@media print, screen and (min-width: 64em) {
.menu.large-horizontal li {
display:inline-block
}
.menu.large-vertical li {
display:block
}
.menu.large-expanded {
display:table;
width:100%
}
.menu.large-expanded>li {
display:table-cell;
vertical-align:middle
}
.menu.large-simple {
display:table;
width:100%
}
.menu.large-simple>li {
display:table-cell;
vertical-align:middle
}
}.menu.nested {
margin-right:0;
margin-left:1rem
}
.menu.icons img,.menu.icons i,.menu.icons svg {
vertical-align:middle
}
.menu.icons img+span,.menu.icons i+span,.menu.icons svg+span {
vertical-align:middle
}
.menu.icon-top img,.menu.icon-top i,.menu.icon-top svg,.menu.icon-right img,.menu.icon-right i,.menu.icon-right svg,.menu.icon-bottom img,.menu.icon-bottom i,.menu.icon-bottom svg,.menu.icon-left img,.menu.icon-left i,.menu.icon-left svg {
vertical-align:middle
}
.menu.icon-top img+span,.menu.icon-top i+span,.menu.icon-top svg+span,.menu.icon-right img+span,.menu.icon-right i+span,.menu.icon-right svg+span,.menu.icon-bottom img+span,.menu.icon-bottom i+span,.menu.icon-bottom svg+span,.menu.icon-left img+span,.menu.icon-left i+span,.menu.icon-left svg+span {
vertical-align:middle
}
.menu.icon-left li a img,.menu.icon-left li a i,.menu.icon-left li a svg {
margin-right:.25rem;
display:inline-block
}
.menu.icon-right li a img,.menu.icon-right li a i,.menu.icon-right li a svg {
margin-left:.25rem;
display:inline-block
}
.menu.icon-top li a {
text-align:center
}
.menu.icon-top li a img,.menu.icon-top li a i,.menu.icon-top li a svg {
display:block;
margin:0 auto .25rem
}
.menu.icon-bottom li a {
text-align:center
}
.menu.icon-bottom li a img,.menu.icon-bottom li a i,.menu.icon-bottom li a svg {
display:block;
margin:.25rem auto 0
}
.menu .is-active>a {
background:#08b2ff;
color:#fefefe
}
.menu .active>a {
background:#08b2ff;
color:#fefefe
}
.menu.align-left {
text-align:left
}
.menu.align-right {
text-align:right
}
.menu.align-right .submenu li {
text-align:left
}
.menu.align-right.vertical .submenu li {
text-align:right
}
.menu.align-right .nested {
margin-right:1rem;
margin-left:0
}
.menu.align-center {
text-align:center
}
.menu.align-center .submenu li {
text-align:left
}
.menu .menu-text {
padding:0.7rem 1rem;
font-weight:bold;
line-height:1;
color:inherit
}
.menu-centered>.menu {
text-align:center
}
.menu-centered>.menu .submenu li {
text-align:left
}
.no-js [data-responsive-menu] ul {
display:none
}
.dropdown.menu>li.opens-left>.is-dropdown-submenu {
top:100%;
right:0;
left:auto
}
.dropdown.menu>li.opens-right>.is-dropdown-submenu {
top:100%;
right:auto;
left:0
}
.dropdown.menu>li.is-dropdown-submenu-parent>a {
position:relative;
padding-right:1.5rem
}
.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
display:block;
width:0;
height:0;
border:inset 6px;
content:'';
border-bottom-width:0;
border-top-style:solid;
border-color:#08b2ff transparent transparent;
right:5px;
left:auto;
margin-top:-3px
}
.dropdown.menu a {
padding:0.7rem 1rem
}
[data-whatinput='mouse'] .dropdown.menu a {
outline:0
}
.dropdown.menu .is-active>a {
background:rgba(0,0,0,0);
color:#08b2ff
}
.no-js .dropdown.menu ul {
display:none
}
.dropdown.menu .nested.is-dropdown-submenu {
margin-right:0;
margin-left:0
}
.dropdown.menu.vertical>li .is-dropdown-submenu {
top:0
}
.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
right:100%;
left:auto;
top:0
}
.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
right:auto;
left:100%
}
.dropdown.menu.vertical>li>a::after {
right:14px
}
.dropdown.menu.vertical>li.opens-left>a::after {
right:auto;
left:5px;
display:block;
width:0;
height:0;
border:inset 6px;
content:'';
border-left-width:0;
border-right-style:solid;
border-color:transparent #08b2ff transparent transparent
}
.dropdown.menu.vertical>li.opens-right>a::after {
display:block;
width:0;
height:0;
border:inset 6px;
content:'';
border-right-width:0;
border-left-style:solid;
border-color:transparent transparent transparent #08b2ff
}
@media print, screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
top:100%;
right:0;
left:auto
}
.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
top:100%;
right:auto;
left:0
}
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
position:relative;
padding-right:1.5rem
}
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
display:block;
width:0;
height:0;
border:inset 6px;
content:'';
border-bottom-width:0;
border-top-style:solid;
border-color:#08b2ff transparent transparent;
right:5px;
left:auto;
margin-top:-3px
}
.dropdown.menu.medium-vertical>li .is-dropdown-submenu {
top:0
}
.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
right:100%;
left:auto;
top:0
}
.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
right:auto;
left:100%
}
.dropdown.menu.medium-vertical>li>a::after {
right:14px
}
.dropdown.menu.medium-vertical>li.opens-left>a::after {
right:auto;
left:5px;
display:block;
width:0;
height:0;
border:inset 6px;
content:'';
border-left-width:0;
border-right-style:solid;
border-color:transparent #08b2ff transparent transparent
}
.dropdown.menu.medium-vertical>li.opens-right>a::after {
display:block;
width:0;
height:0;
border:inset 6px;
content:'';
border-right-width:0;
border-left-style:solid;
border-color:transparent transparent transparent #08b2ff
}
}@media print, screen and (min-width: 64em) {
.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
top:100%;
right:0;
left:auto
}
.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
top:100%;
right:auto;
left:0
}
.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
position:relative;
padding-right:1.5rem
}
.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
display:block;
width:0;
height:0;
border:inset 6px;
content:'';
border-bottom-width:0;
border-top-style:solid;
border-color:#08b2ff transparent transparent;
right:5px;
left:auto;
margin-top:-3px
}
.dropdown.menu.large-vertical>li .is-dropdown-submenu {
top:0
}
.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
right:100%;
left:auto;
top:0
}
.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
right:auto;
left:100%
}
.dropdown.menu.large-vertical>li>a::after {
right:14px
}
.dropdown.menu.large-vertical>li.opens-left>a::after {
right:auto;
left:5px;
display:block;
width:0;
height:0;
border:inset 6px;
content:'';
border-left-width:0;
border-right-style:solid;
border-color:transparent #08b2ff transparent transparent
}
.dropdown.menu.large-vertical>li.opens-right>a::after {
display:block;
width:0;
height:0;
border:inset 6px;
content:'';
border-right-width:0;
border-left-style:solid;
border-color:transparent transparent transparent #08b2ff
}
}.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top:100%;
right:0;
left:auto
}
.is-dropdown-menu.vertical {
width:100px
}
.is-dropdown-menu.vertical.align-right {
float:right
}
.is-dropdown-submenu-parent {
position:relative
}
.is-dropdown-submenu-parent a::after {
position:absolute;
top:50%;
right:5px;
left:auto;
margin-top:-6px
}
.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
top:100%;
left:auto
}
.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
right:100%;
left:auto
}
.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
right:auto;
left:100%
}
.is-dropdown-submenu {
position:absolute;
top:0;
left:100%;
z-index:1;
display:none;
min-width:100%;
border:none;
background:#fefefe
}
.dropdown .is-dropdown-submenu a {
padding:0.7rem 1rem
}
.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
right:14px
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
right:auto;
left:5px;
display:block;
width:0;
height:0;
border:inset 6px;
content:'';
border-left-width:0;
border-right-style:solid;
border-color:transparent #08b2ff transparent transparent
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
display:block;
width:0;
height:0;
border:inset 6px;
content:'';
border-right-width:0;
border-left-style:solid;
border-color:transparent transparent transparent #08b2ff
}
.is-dropdown-submenu>li {
width:100%
}
.is-dropdown-submenu.js-dropdown-active {
display:block
}
.top-menu-wrapper {
width:100%;
height:56px;
z-index:100;
background-color:#fff;
padding:0 1%
}
.top-menu-wrapper .menu li {
vertical-align:top
}
.top-menu-wrapper .top-bar {
padding:.5rem
}
.top-menu-wrapper .top-bar::before,.top-menu-wrapper .top-bar::after {
display:table;
content:' '
}
.top-menu-wrapper .top-bar::after {
clear:both
}
.top-menu-wrapper .top-bar,.top-menu-wrapper .top-bar ul {
background-color:rgba(0,0,0,0)
}
.top-menu-wrapper .top-bar input {
max-width:200px;
margin-right:1rem
}
.top-menu-wrapper .top-bar .input-group-field {
width:100%;
margin-right:0
}
.top-menu-wrapper .top-bar input.button {
width:auto
}
.top-menu-wrapper .top-bar .top-bar-left,.top-menu-wrapper .top-bar .top-bar-right {
width:100%
}
@media print, screen and (min-width: 40em) {
.top-menu-wrapper .top-bar .top-bar-left,.top-menu-wrapper .top-bar .top-bar-right {
width:auto
}
}@media screen and (max-width: 63.9375em) {
.top-menu-wrapper .top-bar.stacked-for-medium .top-bar-left,.top-menu-wrapper .top-bar.stacked-for-medium .top-bar-right {
width:100%
}
}@media screen and (max-width: 74.9375em) {
.top-menu-wrapper .top-bar.stacked-for-large .top-bar-left,.top-menu-wrapper .top-bar.stacked-for-large .top-bar-right {
width:100%
}
}.top-menu-wrapper .top-bar-title {
display:inline-block;
float:left;
padding:0.5rem 1rem 0.5rem 0
}
.top-menu-wrapper .top-bar-title .menu-icon {
bottom:2px
}
.top-menu-wrapper .top-bar-left {
float:left
}
.top-menu-wrapper .top-bar-right {
float:right
}
.top-menu-wrapper .top-bar {
background-color:transparent;
max-width:1200px;
margin:0 auto
}
.top-menu-wrapper a {
color:#333
}
.top-menu-wrapper a.active {
color:#08b2ff
}
.top-menu-wrapper a:hover {
color:#08b2ff
}
.top-menu-wrapper .login-button {
color:#08b2ff;
border:1px solid #08b2ff;
margin-left:40px;
border-radius:2px
}
.top-menu-wrapper .login-button:hover {
color:#fff;
background-color:#08b2ff
}
.top-menu-wrapper .login-user {
min-width:120px;
max-width:160px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.top-menu-wrapper .dropdown.menu .submenu {
background-color:#fff
}
.top-menu-wrapper .dropdown.menu .is-active>a {
color:#333
}
.top-menu-wrapper .dropdown.menu>li.is-dropdown-submenu-parent>a::after {
border-color:#333 transparent transparent
}
.top-menu-wrapper.index-menu {
position:absolute;
top:1%;
left:0;
background-color:transparent
}
.top-menu-wrapper.index-menu .logo-wrapper .logo {
background-image:url(../images/logo-white-2.png)
}
.top-menu-wrapper.index-menu .top-bar {
max-width:none
}
.top-menu-wrapper.index-menu a {
color:#fff
}
.top-menu-wrapper.index-menu a:hover {
color:#fff
}
.top-menu-wrapper.index-menu .login-button {
color:#fff;
border:1px solid #fff
}
.top-menu-wrapper.index-menu .login-button:hover {
background-color:#fff;
color:#08b2ff
}
.top-menu-wrapper.index-menu .dropdown.menu .submenu {
background-color:transparent
}
.top-menu-wrapper.index-menu .dropdown.menu .is-active>a {
color:#fff
}
.top-menu-wrapper.index-menu .dropdown.menu>li.is-dropdown-submenu-parent>a::after {
border-color:#fff transparent transparent
}
.top-menu-wrapper .error-page-menu {
border-bottom:1px solid #e5e5e5
}
.banner-wrapper {
width:100%;
line-height:0
}
.banner-wrapper .banner-content {
position:relative
}
.banner--background-1,.banner--background-2,.banner--background-3 {
background-size:cover;
width:100%;
height:100%;
position:absolute;
top:0;
z-index:0
}
.mui-enter.banner--background-1,.mui-enter.banner--background-2,.mui-enter.banner--background-3 {
transition-duration:500ms;
transition-timing-function:linear;
transition-duration:1s;
opacity:0;
transition-property:opacity
}
.mui-enter.mui-enter-active.banner--background-1,.mui-enter.mui-enter-active.banner--background-2,.mui-enter.mui-enter-active.banner--background-3 {
opacity:1
}
.banner--background-1 {
background-image:url(../images/banner-bg-1.jpg)
}
.banner--background-2 {
background-image:url(../images/banner-bg-2.jpg)
}
.banner--background-3 {
background-image:url(../images/banner-bg-3.jpg)
}
.banner--sides {
z-index:2;
position:relative
}
.banner--phone {
width:35%;
position:absolute;
bottom:0;
left:38%
}
.banner--phone img {
width:100%
}
.banner--notification {
width:60%;
position:absolute;
top:26%;
left:58%;
overflow:hidden;
transform:skew(-16deg, 0deg)
}
.banner--notification img {
position:absolute;
top:0;
left:0
}
.banner--notification img.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transform:translateX(100%);
transition-property:transform, opacity;
backface-visibility:hidden
}
.banner--notification img.mui-enter.mui-enter-active {
transform:translateX(0)
}
.banner--notification img:first-child {
position:relative
}
.banner--text-area {
width:40%;
position:absolute;
top:30%;
left:10%;
z-index:10;
line-height:1.2;
color:#fff
}
.banner--text-area .title {
font-size:42px;
letter-spacing:6px;
line-height:1;
margin:0 0 10px 0
}
.banner--text-area .subtitle {
font-size:26px;
letter-spacing:4px;
line-height:1;
margin:0 0 48px 0
}
.banner--text-area .details {
padding-left:18px;
font-size:16px;
letter-spacing:2px;
margin-bottom:64px
}
.banner--text-area .details li {
margin-bottom:10px
}
.banner--text-area .details li:last-child {
margin-bottom:0
}
.banner--text-area .index-button {
display:inline-block;
padding:16px 60px;
background:linear-gradient(90deg, #1cdbda, #08b2ff);
border-radius:32px;
color:#fff;
letter-spacing:2px;
font-size:18px
}
.banner--text-area .index-button:hover {
background:linear-gradient(90deg, #08b2ff, #9466fa)
}
.thin-top-banner-wrapper {
background-image:url(../images/support-bg.jpg);
background-size:cover;
height:280px;
padding-top:100px;
color:#fff
}
.thin-top-banner-wrapper .title {
margin:0 0 20px 0;
letter-spacing:2px;
font-size:24px
}
.thin-top-banner-wrapper .desc {
font-size:12px;
line-height:1.5;
letter-spacing:1px
}
.thin-top-banner-wrapper .button {
display:inline-block;
padding:10px 40px;
background:transparent;
border:1px solid #fff;
border-radius:20px;
color:#fff;
letter-spacing:2px;
line-height:1;
font-size:14px;
margin:30px 60px 0 0
}
.thin-top-banner-wrapper .button:hover {
border:1px solid #08b2ff;
background-color:#08b2ff
}
.function-wrapper {
position:relative;
background-color:#fff;
padding:120px 0;
overflow-x:hidden
}
.function-wrapper .function-content {
max-width:1200px
}
.function-wrapper .subtitle {
font-size:24px;
letter-spacing:3px;
color:#08b1ff;
margin:0;
padding:80px 0 100px 0
}
.function-wrapper .title {
font-size:32px;
letter-spacing:4px;
margin:0
}
.function-wrapper .divider {
width:50px;
border-top:3px solid #08b2ff;
margin-bottom:20px
}
.function-wrapper .desc {
font-size:16px;
letter-spacing:1px;
line-height:1.8;
color:#777777;
margin:0
}
.function-wrapper .control {
font-size:24px
}
.function-wrapper .control i {
color:#777777;
cursor:pointer
}
.function-wrapper .control i:hover {
color:#08b2ff
}
.function-wrapper .left .title-wrapper {
position:relative;
margin-bottom:30px
}
.function-wrapper .left .title {
position:absolute;
top:0;
left:0
}
.function-wrapper .left .title.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
transition-duration:1s;
opacity:0;
transition-property:opacity
}
.function-wrapper .left .title.mui-enter.mui-enter-active {
opacity:1
}
.function-wrapper .left .title.first {
position:relative
}
.function-wrapper .left .desc-wrapper {
position:relative;
margin-bottom:120px;
height:84px
}
.function-wrapper .left .desc {
position:absolute;
top:0;
left:0
}
.function-wrapper .left .desc.mui-enter {
transition-duration:500ms;
transition-timing-function:linear;
opacity:0;
transition-property:opacity
}
.function-wrapper .left .desc.mui-enter.mui-enter-active {
opacity:1
}
.function-wrapper .left .desc.first {
position:relative
}
.function-wrapper .right {
position:relative
}
.function-wrapper .function-iphone {
width:360px;
padding-top:16px;
position:relative;
z-index:3
}
.function-wrapper .function-screen {
position:absolute;
width:208px;
top:50%;
transform:translateY(-50%) translateX(30px);
transition:transform 1s;
z-index:1
}
.function-wrapper .carousel.present-screen-1 .screen-1 {
transform:translateY(-50%) translateX(-283px) scale(1.29);
z-index:2
}
.function-wrapper .carousel.present-screen-1 .screen-3 {
transform:translateY(-50%) translateX(290px)
}
.function-wrapper .carousel.present-screen-2 .screen-2 {
transform:translateY(-50%) translateX(-283px) scale(1.29);
z-index:2
}
.function-wrapper .carousel.present-screen-2 .screen-1 {
transform:translateY(-50%) translateX(290px)
}
.function-wrapper .carousel.present-screen-3 .screen-3 {
transform:translateY(-50%) translateX(-283px) scale(1.29);
z-index:2
}
.function-wrapper .carousel.present-screen-3 .screen-2 {
transform:translateY(-50%) translateX(290px)
}
.feature-wrapper {
position:relative;
background-color:#f4f6fb;
line-height:0
}
.feature-box {
position:absolute;
top:50%;
transform:translateY(-50%);
left:5%;
width:60%;
background-color:#fff;
line-height:1.15;
box-shadow:0 0 30px 0 rgba(0,0,0,0.1);
border-radius:4px;
overflow:hidden
}
.feature-item {
position:relative;
height:300px;
text-align:center
}
.feature-item .text-area {
display:none;
position:absolute;
width:100%;
height:100%;
padding:3rem 1.5rem;
color:#fff;
background-color:#9482e2;
transition:opacity 0.3s;
text-align:left
}
.feature-item .text-area .title {
margin:0 0 30px 0;
font-size:14px;
letter-spacing:2px
}
.feature-item .text-area .desc {
font-size:12px;
line-height:1.6;
letter-spacing:1px
}
.feature-item--icon {
margin-top:90px;
width:80px
}
.feature-item--title {
margin-top:20px;
font-size:16px;
letter-spacing:2px
}
.feature-backgroud {
position:relative
}
.feature-backgroud .text-area {
position:absolute;
top:28%;
width:100%;
text-align:center;
color:#fff
}
.feature-backgroud .title {
font-size:32px;
letter-spacing:5px;
margin:0 0 50px 0
}
.feature-backgroud .divider {
display:inline-block;
width:64px;
border-top:3px solid #9482e2;
margin-bottom:15px
}
.feature-backgroud .desc {
line-height:2;
letter-spacing:2px;
margin-bottom:120px;
font-size:16px
}
.feature-backgroud .feature-button {
display:inline-block;
padding:14px 50px;
background:transparent;
border:1px solid #fff;
border-radius:28px;
color:#fff;
letter-spacing:2px;
line-height:1.15;
font-size:16px
}
.feature-backgroud .feature-button:hover {
border:1px solid #9482e2;
background-color:#9482e2
}
.showcase-wrapper {
position:relative;
line-height:0;
margin-bottom:70px;
overflow:hidden
}
.showcase-wrapper .row>.showcase-item {
float:left;
width:12.5%
}
.showcase-wrapper .row>.showcase-item:nth-of-type(1n) {
clear:none
}
.showcase-wrapper .row>.showcase-item:nth-of-type(8n+1) {
clear:both
}
.showcase-wrapper .row>.showcase-item:last-child {
float:left
}
.showcase-wrapper .showcase-item {
position:relative;
transition:transform 0.5s
}
.showcase-wrapper .showcase-item .mask {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color:rgba(0,0,0,0.5);
transition:opacity 0.5s
}
.showcase-wrapper .showcase-item img {
width:100%
}
.showcase-wrapper .showcase-item:hover {
transform:scale(1.04);
z-index:3
}
.showcase-wrapper .showcase-item:hover .mask {
opacity:0
}
.showcase-wrapper .text-area {
position:absolute;
top:20%;
left:37.5%;
width:25%;
height:60%;
line-height:1;
text-align:center;
color:#fff
}
.showcase-wrapper .text-area .title {
font-size:1.6rem;
letter-spacing:5px;
margin:20% 0 30px 0
}
.showcase-wrapper .text-area .divider {
display:block;
width:4rem;
border-top:3px solid #42d182;
margin:0 auto 16% auto
}
.showcase-wrapper .text-area .showcase-button {
display:inline-block;
padding:14px 50px;
background:transparent;
border:1px solid #fff;
border-radius:28px;
color:#fff;
letter-spacing:2px;
line-height:1.15;
font-size:16px
}
.showcase-wrapper .text-area .showcase-button:hover {
border:1px solid #42d182;
background-color:#42d182
}
.sdk-wrapper {
position:relative;
color:#fff;
background-image:url(../images/sdk-bg.jpg);
background-size:cover;
height:100px;
margin-bottom:120px
}
.sdk-wrapper a {
color:#fff
}
.sdk-wrapper a:hover {
color:#42d182
}
.sdk-wrapper .sdk-content {
max-width:1200px
}
.sdk-wrapper .title-box {
background-color:#42d182;
position:absolute;
top:-8px;
padding:36px;
letter-spacing:4px;
font-size:16px;
line-height:1.4
}
.sdk-wrapper .links-wrapper {
padding:26px 0 0 180px
}
.sdk-wrapper .links-wrapper.left {
line-height:24px
}
.sdk-wrapper .links-wrapper.right {
line-height:48px
}
.news-wrapper {
background-color:#fff;
max-width:1200px;
margin-right:auto;
margin-left:auto;
box-shadow:0 0 30px 0 rgba(0,0,0,0.1);
padding:40px;
margin-bottom:-80px;
z-index:2;
position:relative
}
.news-wrapper .thumbnail-wrapper {
padding-right:20px
}
.news-wrapper .orbit {
position:relative
}
.news-wrapper .orbit-container {
position:relative;
height:0;
margin:0;
list-style:none;
overflow:hidden;
padding:0
}
.news-wrapper .orbit-slide {
width:100%
}
.news-wrapper .orbit-slide.no-motionui.is-active {
top:0;
left:0
}
.news-wrapper .product-news-wrapper {
padding-left:20px
}
.news-wrapper .title {
font-size:16px;
margin-bottom:46px
}
.news-wrapper .news-list {
margin:0;
list-style:none;
padding-left:10px;
border-left:2px solid #08b2ff
}
.news-wrapper .news-list a {
color:#777777
}
.news-wrapper .news-list a:hover {
color:#08b2ff
}
.news-wrapper .news-list li {
margin-bottom:20px
}
.news-wrapper .news-title {
float:left;
width:70%;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}
.support-wrapper {
background-image:url(../images/support-bg.jpg);
background-size:cover;
height:280px;
padding-top:120px
}
.support-wrapper .support-content {
max-width:1200px
}
.support-wrapper .title {
color:#fff;
font-size:16px;
letter-spacing:2px;
margin-bottom:20px
}
.support-wrapper .support-button {
display:inline-block;
text-align:center;
padding:10px 0;
width:140px;
background-color:rgba(255,255,255,0.2);
color:#fff
}
.footer-wrapper {
background-color:#25252c;
color:rgba(255,255,255,0.4);
padding:40px 0
}
.footer-wrapper .title {
margin-bottom:30px;
letter-spacing:2px;
font-size:16px;
color:#fff
}
.footer-wrapper ul {
margin:0;
padding:0;
list-style:none;
letter-spacing:1px
}
.footer-wrapper ul a {
font-size:12px;
color:rgba(255,255,255,0.4)
}
.footer-wrapper ul li {
margin-bottom:10px
}
.footer-wrapper .footer-content {
max-width:1200px;
margin:0 auto
}
.footer-wrapper .qrcode-wrapper {
text-align:right;
font-size:12px
}
.footer-wrapper .qrcode-wrapper img {
width:140px
}
.footer-wrapper .qrcode-wrapper .text {
display:inline-block;
width:140px;
text-align:center
}
.footer-wrapper .horizontal-list-wrapper a {
font-size:12px;
color:rgba(255,255,255,0.4)
}
.footer-wrapper .copyright {
text-align:center;
color:rgba(255,255,255,0.4);
margin-top:60px
}
.support-entries-wrapper {
position:fixed;
bottom:50px;
right:20px;
z-index:200
}
.support-entries-wrapper .qq {
display:block;
background-image:url(../images/support-qq.png);
background-size:100%;
height:56px;
width:56px
}
.sdk-download-page-wrapper {
padding-bottom:80px
}
.sdk-download-page-wrapper .thin-top-banner-wrapper {
background-image:url(../images/sdk-download-banner.jpg)
}
.sdk-download-page-wrapper .sdk-box-wrapper {
background-color:#fff;
box-shadow:0 0 30px 0 rgba(0,0,0,0.1);
max-width:1200px;
margin:-40px auto 0 auto;
padding:40px 40px 20px 40px
}
.sdk-download-page-wrapper .sdk-box-wrapper .title {
font-size:18px;
border-bottom:1px dashed #e5e5e5;
padding-bottom:20px;
margin-bottom:20px
}
.sdk-download-page-wrapper .sdk-box-wrapper .title .right-btn {
float:right;
font-size:14px;
line-height:22px
}
.sdk-download-page-wrapper .sdk-box-wrapper>.row>.columns {
padding-right:20px
}
.sdk-download-page-wrapper .sdk-box-wrapper>.row>.columns:nth-child(3n+3) {
padding-right:0
}
.sdk-download-page-wrapper .sdk-box {
border:1px solid #e5e5e5;
padding:20px;
position:relative;
margin-bottom:20px
}
.sdk-download-page-wrapper .sdk-box .right {
padding-left:60px;
margin-bottom:20px
}
.sdk-download-page-wrapper .sdk-box .foot {
line-height:30px
}
.sdk-download-page-wrapper .sdk-box--icon {
position:absolute;
font-size:40px
}
.sdk-download-page-wrapper .sdk-box--title {
font-size:16px;
margin-bottom:10px
}
.sdk-download-page-wrapper .sdk-box--tag {
font-size:12px;
background-color:#44b481;
color:#fff;
padding:0 4px;
border-radius:2px;
margin-left:5px
}
.sdk-download-page-wrapper .sdk-box--version {
display:inline-block;
width:80px
}
.sdk-download-page-wrapper .sdk-box--release {
display:inline-block;
color:#999999
}
.sdk-download-page-wrapper .sdk-box--desc {
border-bottom:1px dashed #e5e5e5;
padding-bottom:20px;
margin-bottom:20px;
line-height:1.5;
color:#777777
}
.sdk-download-page-wrapper .sdk-box--desc .scroll {
height:84px;
overflow-x:visible;
overflow-y:scroll
}
.sdk-download-page-wrapper .sdk-box--button {
display:inline-block;
padding:0 12px;
background:transparent;
border:1px solid #08b2ff;
border-radius:20px;
color:#08b2ff;
letter-spacing:2px;
line-height:24px
}
.sdk-download-page-wrapper .sdk-box--button:hover {
background-color:#08b2ff;
color:#fff
}
.sdk-download-page-wrapper .sdk-box.small .right {
margin-bottom:0
}
.sdk-download-page-wrapper .sdk-box.small .sdk-box--button {
position:absolute;
right:20px;
top:28px
}
.sdk-download-page-wrapper .button-group {
margin-bottom:1rem;
font-size:0;
text-align:center
}
.sdk-download-page-wrapper .button-group::before,.sdk-download-page-wrapper .button-group::after {
display:table;
content:' '
}
.sdk-download-page-wrapper .button-group::after {
clear:both
}
.sdk-download-page-wrapper .button-group .button {
margin:0;
margin-right:0;
margin-bottom:0;
font-size:0.9rem
}
.sdk-download-page-wrapper .button-group .button:last-child {
margin-right:0
}
.sdk-download-page-wrapper .button-group .button {
display:inline-block;
vertical-align:middle;
margin:0 0 1rem 0;
font-family:inherit;
padding:0.85em 1em;
-webkit-appearance:none;
border:1px solid transparent;
border-radius:0;
transition:background-color 0.25s ease-out,color 0.25s ease-out;
font-size:0.9rem;
line-height:1;
text-align:center;
cursor:pointer;
border:1px solid #2a3139;
color:#2a3139;
border-color:#d7d7d7;
min-width:100px
}
[data-whatinput='mouse'] .sdk-download-page-wrapper .button-group .button {
outline:0
}
.sdk-download-page-wrapper .button-group .button,.sdk-download-page-wrapper .button-group .button:hover,.sdk-download-page-wrapper .button-group .button:focus {
background-color:transparent
}
.sdk-download-page-wrapper .button-group .button.disabled,.sdk-download-page-wrapper .button-group .button.disabled:hover,.sdk-download-page-wrapper .button-group .button.disabled:focus,.sdk-download-page-wrapper .button-group .button[disabled],.sdk-download-page-wrapper .button-group .button[disabled]:hover,.sdk-download-page-wrapper .button-group .button[disabled]:focus {
background-color:transparent
}
.sdk-download-page-wrapper .button-group .button:hover,.sdk-download-page-wrapper .button-group .button:focus {
border-color:#15191d;
color:#15191d
}
.sdk-download-page-wrapper .button-group .button:hover.disabled,.sdk-download-page-wrapper .button-group .button:hover[disabled],.sdk-download-page-wrapper .button-group .button:focus.disabled,.sdk-download-page-wrapper .button-group .button:focus[disabled] {
border:1px solid #2a3139;
color:#2a3139
}
.sdk-download-page-wrapper .button-group .button:last-child {
border-left:0
}
.sdk-download-page-wrapper .button-group .button:hover {
color:#08b2ff;
border-color:#d7d7d7
}
.sdk-download-page-wrapper .button-group .button.is-active {
border-color:#08b2ff;
background-color:#08b2ff;
color:#fff
}
.sdk-download-page-wrapper .sdk-dialog-wrapper {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.4)
}
.sdk-download-page-wrapper .sdk-dialog {
position:relative;
top:10%;
width:680px;
margin:0 auto;
height:60%;
overflow:auto;
background:#fff
}
.sdk-download-page-wrapper .sdk-dialog--title {
position:relative;
padding:0 20px;
line-height:55px;
font-size:16px;
background-color:#f5f5f5;
margin-bottom:20px
}
.sdk-download-page-wrapper .sdk-dialog--close {
float:right;
font-size:24px;
color:#a2a2a2
}
.sdk-download-page-wrapper .sdk-dialog--close:hover {
color:#08b2ff
}
.sdk-download-page-wrapper .sdk-dialog--content {
padding:0 40px 20px 40px
}
.sdk-download-page-wrapper .sdk-history {
overflow:hidden
}
.sdk-download-page-wrapper .sdk-history .year {
position:relative
}
.sdk-download-page-wrapper .sdk-history h2 {
float:left;
margin:0 14px 0 0;
font-size:18px
}
.sdk-download-page-wrapper .sdk-history .timeline {
border-left:1px solid #e5e5e5;
float:left;
width:480px;
padding-bottom:80px
}
.sdk-download-page-wrapper .sdk-history dl {
margin:0;
padding-bottom:30px
}
.sdk-download-page-wrapper .sdk-history .sdk-date {
margin:0 0 0 -5px;
color:#08b2ff
}
.sdk-download-page-wrapper .sdk-history .sdk-date .dot {
display:block;
float:left;
margin:1px 10px 0 -3px;
width:15px;
height:15px;
border:3px solid #fff;
border-radius:50%;
background-color:#08b2ff
}
.sdk-download-page-wrapper .sdk-history .list {
font-size:12px;
overflow:hidden;
line-height:25px;
margin-left:0
}
.sdk-download-page-wrapper .sdk-history .text {
list-style:none;
padding-left:20px;
margin:10px 0
}
.product-page-wrapper {
padding-bottom:80px
}
.product-page-wrapper .thin-top-banner-wrapper {
background-image:url(../images/product-banner.jpg)
}
.product-page-wrapper .product-intro-wrapper {
background-color:#fff;
box-shadow:0 0 30px 0 rgba(0,0,0,0.1);
max-width:1200px;
margin:-40px auto 0 auto;
padding:40px;
text-align:center
}
.product-page-wrapper .product-intro-wrapper .section {
padding:60px 20px
}
.product-page-wrapper .product-intro-wrapper .title {
font-weight:bold;
font-size:24px;
margin:70px 0 30px 0;
letter-spacing:2px
}
.product-page-wrapper .product-intro-wrapper .desc {
font-size:16px;
line-height:1.8;
letter-spacing:1px;
margin:0
}
.product-page-wrapper .product-intro-wrapper .left {
text-align:right;
padding-right:20px
}
.product-page-wrapper .product-intro-wrapper .left .title,.product-page-wrapper .product-intro-wrapper .left .desc {
padding-right:40px
}
.product-page-wrapper .product-intro-wrapper .right {
text-align:left;
padding-left:20px
}
.product-page-wrapper .product-intro-wrapper .right .title,.product-page-wrapper .product-intro-wrapper .right .desc {
padding-left:40px
}
.product-page-wrapper .product-intro-wrapper .button {
display:inline-block;
padding:18px 80px;
background:#08b2ff;
border-radius:36px;
color:#fff;
letter-spacing:2px;
line-height:1;
font-size:20px
}
.product-page-wrapper .product-intro-wrapper .button:hover {
background-color:#18cff5
}
.rule-page-wrapper .rule-wrapper {
padding:40px 0;
max-width:1200px;
margin:0 auto
}
.rule-page-wrapper .rule-wrapper h2 {
text-align:center
}
.aisee-page-wrapper {
padding:40px 0
}
.aisee-page-wrapper .button-group {
margin-bottom:1rem;
font-size:0;
text-align:center
}
.aisee-page-wrapper .button-group::before,.aisee-page-wrapper .button-group::after {
display:table;
content:' '
}
.aisee-page-wrapper .button-group::after {
clear:both
}
.aisee-page-wrapper .button-group .button {
margin:0;
margin-right:0;
margin-bottom:0;
font-size:0.9rem
}
.aisee-page-wrapper .button-group .button:last-child {
margin-right:0
}
.aisee-page-wrapper .button-group .button {
display:inline-block;
vertical-align:middle;
margin:0 0 1rem 0;
font-family:inherit;
padding:0.85em 1em;
-webkit-appearance:none;
border:1px solid transparent;
border-radius:0;
transition:background-color 0.25s ease-out,color 0.25s ease-out;
font-size:0.9rem;
line-height:1;
text-align:center;
cursor:pointer;
border:1px solid #2a3139;
color:#2a3139;
border-color:#d7d7d7;
min-width:100px
}
[data-whatinput='mouse'] .aisee-page-wrapper .button-group .button {
outline:0
}
.aisee-page-wrapper .button-group .button,.aisee-page-wrapper .button-group .button:hover,.aisee-page-wrapper .button-group .button:focus {
background-color:transparent
}
.aisee-page-wrapper .button-group .button.disabled,.aisee-page-wrapper .button-group .button.disabled:hover,.aisee-page-wrapper .button-group .button.disabled:focus,.aisee-page-wrapper .button-group .button[disabled],.aisee-page-wrapper .button-group .button[disabled]:hover,.aisee-page-wrapper .button-group .button[disabled]:focus {
background-color:transparent
}
.aisee-page-wrapper .button-group .button:hover,.aisee-page-wrapper .button-group .button:focus {
border-color:#15191d;
color:#15191d
}
.aisee-page-wrapper .button-group .button:hover.disabled,.aisee-page-wrapper .button-group .button:hover[disabled],.aisee-page-wrapper .button-group .button:focus.disabled,.aisee-page-wrapper .button-group .button:focus[disabled] {
border:1px solid #2a3139;
color:#2a3139
}
.aisee-page-wrapper .button-group .button:last-child {
border-left:0
}
.aisee-page-wrapper .button-group .button:hover {
color:#08b2ff;
border-color:#d7d7d7
}
.aisee-page-wrapper .button-group .button.is-active {
border-color:#08b2ff;
background-color:#08b2ff;
color:#fff
}
.aisee-page-wrapper .iframe-wrapper {
box-shadow:0 0 30px 0 rgba(0,0,0,0.1)
}
.login-page-wrapper {
position:relative;
width:100%;
height:100%;
padding-top:8%;
background-image:url(../images/login-bg.jpg);
background-size:cover
}
.login-page-wrapper .logo-wrapper {
margin-bottom:60px
}
.login-page-wrapper .logo-wrapper .logo {
background-image:url(../images/logo-white.png)
}
.login-page-wrapper .logo-wrapper .text {
font-size:24px
}
.login-page-wrapper .intro-wrapper {
color:#fff
}
.login-page-wrapper .intro-wrapper a {
color:#fff
}
.login-page-wrapper .intro-wrapper a:hover {
color:#fff
}
.login-page-wrapper .intro-wrapper .title {
font-size:26px;
letter-spacing:4px;
line-height:1;
margin:0 0 36px 0
}
.login-page-wrapper .intro-wrapper .details {
padding-left:18px;
font-size:16px;
letter-spacing:2px;
margin-bottom:64px
}
.login-page-wrapper .intro-wrapper .details li {
margin-bottom:10px
}
.login-page-wrapper .intro-wrapper .details li:last-child {
margin-bottom:0
}
.login-page-wrapper .login-wrapper .login-box {
position:relative;
vertical-align:middle;
background-color:#fff;
padding:20px
}
.login-page-wrapper .login-wrapper .login-box .iframe-wrapper {
max-width:800px;
height:460px;
margin:0 auto
}
.login-page-wrapper .copyright {
width:100%;
position:absolute;
bottom:40px;
text-align:center;
color:rgba(255,255,255,0.3)
}
.active-email-page-wrapper {
position:relative;
width:100%;
height:100%;
background-image:url(../images/login-bg.jpg);
background-size:cover
}
.active-email-page-wrapper .logo-wrapper {
margin:20px 0 0 60px
}
.active-email-page-wrapper .logo-wrapper .logo {
background-image:url("../images/logo.png");
display:inline-block;
background-size:100% 100%;
width:45px;
height:38px;
margin-right:10px;
vertical-align:middle
}
.active-email-page-wrapper .logo-wrapper .text {
display:inline-block;
vertical-align:middle;
font-size:18px;
color:#2a3139
}
.active-email-page-wrapper .centre-box-wrapper {
max-width:700px;
margin:0 auto;
position:relative;
top:40%;
transform:translateY(-50%);
background-color:#fff;
padding:40px 20px;
box-shadow:0 10px 20px #d8e0e6
}
.active-email-page-wrapper .centre-box-wrapper .head-tips {
font-size:16px;
text-align:center;
margin-bottom:40px;
line-height:1.5
}
.active-email-page-wrapper .centre-box-wrapper .icon-info {
background-image:url("../images/icon-info.svg");
background-size:100% 100%;
width:45px;
height:45px;
margin:0 auto 20px auto
}
.active-email-page-wrapper .centre-box-wrapper .icon-success {
background-image:url("../images/icon-tick.svg");
background-size:100% 100%;
width:45px;
height:45px;
margin:0 auto 20px auto
}
.active-email-page-wrapper .copyright {
width:100%;
position:absolute;
bottom:40px;
text-align:center;
color:rgba(255,255,255,0.3)
}
.error-page-wrapper {
background-color:#fff;
text-align:center
}
.error-page-wrapper .error-img {
margin-top:5%;
width:428px
}
.error-page-wrapper .error-tips {
margin-top:36px;
font-size:16px;
color:#878e9b
}
.error-page-wrapper .error-button {
display:inline-block;
vertical-align:middle;
margin:0 0 1rem 0;
font-family:inherit;
padding:0.85em 1em;
-webkit-appearance:none;
border:1px solid transparent;
border-radius:0;
transition:background-color 0.25s ease-out,color 0.25s ease-out;
font-size:0.9rem;
line-height:1;
text-align:center;
cursor:pointer;
background-color:#08b2ff;
color:#fff
}
[data-whatinput='mouse'] .error-page-wrapper .error-button {
outline:0
}
.error-page-wrapper .error-button:hover,.error-page-wrapper .error-button:focus {
background-color:#2dbeff;
color:#fff
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}