<!DOCTYPE html>
<html ⚡ lang="id">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="theme-color" content="#0d152b">
<meta name="robots" content="Index, Follow">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Receh88 🛩️ Situs Permainan Online Terbaik Uang Asli</title>
<link rel="canonical" href="https://mindyourotbusiness.com/" />
<link rel="amphtml" href="https://mindyourotbusiness.pages.dev/amp"/>
<link rel="icon" type="image/x-icon" href="https://cdn.robotaset.com/assets/tpl/4d49497d7/images/favicon.ico">
<link href="https://mindyourotbusiness.com/" rel="dns-prefetch">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<meta name="description"
content="Receh88 situs slot online paling top di indonesia saat ini yang memberikan kemenangan sangat tinggi dan menerima semua jenis deposit yang anda inginkan." />
<meta name="google-site-verification" content="Bt0ORYRa9w-b8LX3c0S0XJvTHu-9yKCmkKsWAYeElTQ" />
<meta name="keywords" content="Receh88." />
<meta name="google" content="notranslate">
<meta name="robots" content="Index, Follow" />
<meta name="rating" content="general" />
<meta name="geo.region" content="id_ID" />
<meta name="googlebot" content="Index, Follow">
<meta name="geo.country" content="id" />
<meta name="language" content="Id-ID" />
<meta name="geo.placename" content="Indonesia" />
<meta name="author" content="Receh88" />
<meta name="copyright" content="Receh88" />
<meta name="publisher" content="Receh88" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="id_ID" />
<meta property="og:title" content="Receh88 🛩️ Situs Permainan Online Terbaik Uang Asli" />
<meta property="og:description"
content="Receh88 situs slot online paling top di indonesia saat ini yang memberikan kemenangan sangat tinggi dan menerima semua jenis deposit yang anda inginkan." />
<meta property="og:url" content="https://mindyourotbusiness.com/">
<meta property="og:site_name" content="Receh88" />
<meta property="og:image" content="https://rmpicture.xyz/landing/receh88/receh88gacor2.png" />
<meta property="og:image:alt" content="Receh88" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@Receh88">
<meta name="twitter:creator" content="@Receh88">
<meta name="twitter:domain" content="https://mindyourotbusiness.com/">
<meta name="twitter:title" content="Receh88 🛩️ Situs Permainan Online Terbaik Uang Asli" />
<meta name="twitter:description"
content="Receh88 situs slot online paling top di indonesia saat ini yang memberikan kemenangan sangat tinggi dan menerima semua jenis deposit yang anda inginkan." />
<meta name="twitter:image" content="https://rmpicture.xyz/landing/receh88/receh88gacor2.png" />
<link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js">
<link rel="preconnect" href="https://fonts.gstatic.com">
<style amp-boilerplate>
body {
-webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
animation: -amp-start 8s steps(1, end) 0s 1 normal both
}
@-webkit-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-moz-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-ms-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-o-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
</style><noscript>
<style amp-boilerplate>
body {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none
}
</style>
</noscript>
<style amp-custom>
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,
main,
nav,
section,
summary {
display: block
}
audio,
canvas,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden] {
display: none
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
a:focus {
outline: thin dotted
}
a:active,
a:hover {
outline: 0
}
h1 {
font-size: 2em;
margin: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
hr {
box-sizing: content-box;
height: 0
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0
}
button,
input {
line-height: normal
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
.clearfix::after {
content: "";
display: table;
clear: both
}
body {
padding-top: 70px;
color: #778bc5;
line-height: 1;
font-size: 16px;
font-weight: 400;
font-family: Rubik, sans-serif;
background-color: #0d152b;
-webkit-font-smoothing: antialiased
}
body::after {
overflow: hidden;
position: absolute;
width: 0;
height: 0;
font-family: "Material Icons";
content: "\e86f"
}
hr {
border-top: 1px solid #1c3055;
border-bottom: none;
margin: 30px 0
}
button,
input:not(.no-custom-style):not([type=checkbox]):not([type=radio]),
select:not(.no-custom-style),
textarea:not(.no-custom-style) {
display: inline-block;
line-height: 24px;
padding: 0;
margin: 0;
outline: 0;
border: none;
box-shadow: none;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
input:not(.no-custom-style):not([type=checkbox]):not([type=radio]),
select:not(.no-custom-style),
textarea:not(.no-custom-style) {
color: #4a5669;
padding: 12px 15px;
background-color: #fff;
border: 2px solid #e6e9ee;
border-radius: 6px;
transition: color .2s, border-color .2s
}
input:not(.no-custom-style):not([type=checkbox]):not([type=radio]):focus,
select:not(.no-custom-style):focus,
textarea:not(.no-custom-style):focus {
border-color: #391d00
}
button:disabled,
input:not(.no-custom-style):not([type=checkbox]):not([type=radio]):disabled,
select:not(.no-custom-style):disabled,
textarea:not(.no-custom-style):disabled {
cursor: not-allowed;
color: #a0abbc;
background: #f0f2f5
}
a {
color: #2567e5;
text-decoration: none;
transition: color .2s, background-color .2s
}
a:active,
a:focus {
outline: 0
}
a:hover {
text-decoration: underline
}
h1,
h2,
h3,
h4,
h5 {
color: #ffd500;
font-weight: bold
}
h1 {
font-size: 38px;
line-height: 48px
}
h2 {
font-size: 32px;
line-height: 42px
}
h3 {
font-size: 24px;
line-height: 34px
}
h4 {
font-size: 20px;
line-height: 30px
}
h5 {
font-size: 16px;
line-height: 26px
}
p {
color: #fff;
line-height: 26px
}
small {
font-size: 87.5%;
line-height: 87.5%
}
em {
font-style: italic
}
strong {
font-weight: 700
}
iframe,
img,
video {
display: inline-block;
max-width: 100%
}
.text-margin-left {
margin-left: 1em
}
.text-margin-right {
margin-right: 1em
}
.text-align-left {
text-align: left
}
.text-align-right {
text-align: right
}
.text-align-center {
text-align: center
}
.text-break-all {
word-break: break-all
}
.text-color-dark {
color: #4a5669
}
.text-color-light {
color: #fff
}
.text-color-gray {
color: #a0abbc
}
.text-color-primary {
color: #391d00
}
.text-color-secondary {
color: #f1983b
}
.text-color-success {
color: #00b75a
}
.text-color-warning {
color: #ffd500
}
.text-color-error {
color: #cd3100
}
ul.list-style-icon,
ul.list-style-nav,
ul.list-style-none {
list-style-type: none
}
ul.list-style-nav {
overflow: hidden;
background-color: #fff;
border: 2px solid #e6e9ee;
border-radius: 12px
}
ul.list-style-nav>li {
transition: background-color .2s
}
ul.list-style-nav>li:not(:last-of-type) {
border-bottom: 1px solid #e6e9ee
}
ul.list-style-nav>li:hover {
background-color: #f0f2f5
}
ul.list-style-nav>li a:hover {
color: #a0abbc;
text-decoration: none
}
ul.list-style-nav>li>a {
display: block;
padding: 10px 15px
}
ul.list-style-nav>li ul {
margin: 8px 0 24px 34px;
list-style-type: none;
font-size: 14px
}
ul.list-style-icon li {
position: relative;
padding-left: 26px
}
ul.list-style-icon li .fa,
ul.list-style-icon li .fab,
ul.list-style-icon li .fal,
ul.list-style-icon li .far,
ul.list-style-icon li .fas,
ul.list-style-icon li .material-icons {
position: absolute;
left: 0;
width: 20px;
height: 28px;
line-height: 28px;
text-align: center
}
ul.list-style-icon li .svg-inline--fa {
position: absolute;
top: 6px;
left: 0;
width: 20px
}
table {
position: relative;
overflow: hidden;
width: 100%;
max-width: 100%;
color: #4a5669;
text-align: center;
background-color: #2567e5;
border: 2px solid #e6e9ee;
border-collapse: separate;
border-radius: 12px
}
table.table-layout-fixed {
table-layout: fixed
}
table.table-has-caption {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
table caption {
padding: 15px;
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 24px;
text-transform: uppercase;
background: linear-gradient(90deg, rgb(0, 0, 0), rgb(0 15 57) 100%);
border-top-left-radius: 12px;
border-top-right-radius: 12px
}
table tr td,
table tr th {
padding: 15px;
line-height: 24px;
vertical-align: middle;
border-bottom: 1px solid #e6e9ee
}
table thead tr th {
color: #a0abbc;
background-color: #f0f2f5;
border-bottom: 2px solid #e6e9ee
}
table tr:last-of-type:not(:first-of-type) td,
table tr:last-of-type:not(:first-of-type) th {
border-bottom: none
}
table tfoot tr td,
table tfoot tr th {
border: none
}
table tfoot tr:first-of-type td,
table tfoot tr:first-of-type th {
border-top: 2px solid #e6e9ee
}
table tr td .button,
table tr td button,
table tr th .button,
table tr th button {
width: 100%
}
table tr .highlight {
color: #391d00;
font-size: 20px;
font-weight: 700
}
table tr .responsive-th {
display: none;
overflow: hidden;
position: absolute;
left: 4%;
width: 44%;
color: #a0abbc;
font-size: 16px;
text-overflow: ellipsis;
text-align: right;
white-space: nowrap
}
form {
position: relative;
width: 100%
}
form label {
cursor: pointer;
line-height: 28px;
padding: 0 15px 0 15px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
form label:first-child {
display: inline-block
}
form fieldset {
padding: 30px;
border: 2px solid #e6e9ee;
border-radius: 12px
}
form fieldset legend {
padding: 0 15px;
font-size: 14px;
font-weight: 700;
font-weight: 700;
text-transform: uppercase
}
form input[type=file] {
line-height: 1
}
form input[type=checkbox],
form input[type=radio] {
margin-left: 15px;
margin-right: -5px;
cursor: pointer
}
form textarea {
resize: vertical
}
form.form-full-width input:not(.no-custom-style):not([type=checkbox]):not([type=radio]),
form.form-full-width select:not(.no-custom-style),
form.form-full-width textarea:not(.no-custom-style) {
width: 100%
}
form .form-row {
position: relative
}
form .form-row:not(:first-child) {
margin-top: 30px
}
form .form-row.form-error,
form .form-row.form-success {
padding: 12px 15px;
color: #fff;
text-align: center;
background-color: #00b75a;
border-radius: 6px
}
form .form-row.form-error {
background-color: #11ff00
}
form .form-row.form-error ul,
form .form-row.form-success ul {
margin: 0;
list-style-type: none
}
form .checkbox-style,
form .radio-style {
display: inline-block;
position: relative;
overflow: hidden;
width: 16px;
height: 16px;
text-align: left;
margin: -2px -2px 0 15px;
vertical-align: middle;
background-color: #fff;
border: 2px solid #e6e9ee;
border-radius: 4px;
transition: border-color .2s
}
form .radio-style {
border-radius: 10px
}
form .checkbox-style.focus,
form .radio-style.focus {
border-color: #391d00
}
form .checkbox-style.disabled,
form .radio-style.disabled {
background-color: #f0f2f5
}
form .checkbox-style .checkbox-style-icon,
form .checkbox-style i,
form .radio-style .radio-style-icon {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
font-size: 14px;
color: #4a5669;
cursor: pointer
}
form .checkbox-style .svg-inline--fa {
width: 12px
}
form .radio-style .radio-style-icon::after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 8px;
height: 8px;
background-color: #4a5669;
border-radius: 4px
}
form .checkbox-style.disabled .svg-inline--fa,
form .checkbox-style.disabled i,
form .radio-style.disabled .radio-style-icon {
color: #a0abbc;
cursor: not-allowed
}
form .checkbox-style:not(.active) .svg-inline--fa,
form .checkbox-style:not(.active) i,
form .radio-style:not(.active) .radio-style-icon {
opacity: 0
}
form .checkbox-style input[type=checkbox],
form .radio-style input[type=radio] {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
opacity: 0;
border: 0;
width: 16px;
height: 16px
}
form .checkbox-style-block .checkbox-style,
form .radio-style-block .radio-style {
position: absolute;
top: 5px;
left: 15px;
margin: 0
}
form .checkbox-style-block label,
form .radio-style-block label {
display: inline-block;
padding-left: 52px
}
form .search-style,
form .select-style {
display: inline-block;
position: relative
}
form.form-full-width .search-style,
form.form-full-width .select-style {
width: 100%
}
form .search-style i,
form .select-style i {
position: absolute;
top: 10px;
right: 10px;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
cursor: pointer;
color: #a0abbc
}
form .search-style .svg-inline--fa,
form .select-style .svg-inline--fa {
position: absolute;
top: 18px;
right: 10px;
width: 32px;
cursor: pointer;
color: #a0abbc
}
form .select-style .svg-inline--fa {
top: 19px
}
form .search-style input,
form .select-style input {
padding-right: 48px
}
form .select-style input.focus {
border-color: #391d00
}
form .select-style select {
position: absolute;
z-index: 1;
top: 0;
left: 0;
opacity: 0;
width: 100%;
cursor: pointer
}
form .select-style select:disabled {
cursor: not-allowed
}
.button,
button {
display: inline-block;
padding: 14px 15px;
cursor: pointer;
color: #fff;
line-height: 1;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
border: 2px solid #ffd500;
background: radial-gradient(circle 55px, #000 0%, #000000 100%);
;
border-radius: 6px;
box-sizing: border-box;
text-shadow: -1px 6px 3px rgba(0, 0, 0, .75);
transition: color .2s
}
.button.button-primary,
.button.button-secondary,
button.button-primary,
button.button-secondary {
padding: 12px 15px;
border: none
}
.button.button-primary,
button.button-primary {
color: #fff;
background: linear-gradient(90deg, rgb(0 0 0), rgb(0 15 57) 100%)
}
.button.button-secondary,
button.button-secondary {
color: #fff;
background: radial-gradient(circle 55px, #000 0%, #000000 100%);
border: 2px solid #ffd500
}
.button.button-small,
button.button-small {
padding: 8px 14px;
border-radius: 4px
}
.button.button-primary.button-small,
.button.button-secondary.button-small,
button.button-primary.button-small,
button.button-secondary.button-small {
padding: 10px 16px
}
.button.button-large,
button.button-large {
font-size: 21px;
letter-spacing: 1px;
padding: 18px 22px;
border-radius: 8px
}
.button.button-full-width,
button.button-full-width {
width: 100%
}
.button:hover,
button:hover {
color: #a0abbc;
text-decoration: none
}
.button.button-primary:hover,
button.button-primary:hover {
color: rgba(255, 255, 255, .85)
}
.button.button-secondary:hover,
button.button-secondary:hover {
color: rgba(255, 255, 255, .85)
}
.button:active,
.button:focus,
button:active,
button:focus {
background-image: linear-gradient(rgba(74, 86, 105, .1) 0, rgba(74, 86, 105, .1) 100%)
}
.large-margin-bottom {
margin-bottom: 60px
}
ul.tags {
display: flex;
flex-wrap: wrap;
margin-left: 0;
margin-bottom: -8px;
list-style-type: none
}
ul.tags.align-center {
justify-content: center
}
ul.tags.align-left {
justify-content: flex-start
}
ul.tags.align-right {
justify-content: flex-end
}
ul.tags li {
margin: 0 8px 8px 0
}
ul.tags li a {
display: block;
color: #fff;
padding: 4px 8px;
line-height: 20px;
font-size: 14px;
font-weight: 700;
white-space: nowrap;
background: linear-gradient(90deg, rgb(0 0 0), rgb(0 15 57) 100%);
border-radius: 4px
}
ul.tags li a:hover {
color: rgba(255, 255, 255, .6);
text-decoration: none
}
.material-icons {
font-size: inherit;
line-height: inherit;
vertical-align: top
}
.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left,
.icon-left {
margin-right: .5em
}
.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right,
.icon-right {
margin-left: .5em
}
.icon-feature {
height: 64px;
line-height: 64px;
font-size: 64px;
color: #391d00
}
.icon-feature-large {
height: 256px;
line-height: 256px;
font-size: 256px;
color: #391d00;
text-shadow: 8px 8px 0 rgba(74, 86, 105, .1)
}
svg.icon-feature-large {
filter: drop-shadow(8px 8px 0 rgba(74, 86, 105, .1))
}
.icon-feature-inline {
margin-top: -4px;
margin-right: 12px;
vertical-align: middle;
font-size: 150%;
color: #391d00
}
.feature-box {
position: relative;
display: block
}
.feature-box:hover {
text-decoration: none
}
.feature-box .feature-header {
position: relative;
overflow: hidden;
background-color: #e6e9ee;
border-top-left-radius: 12px;
border-top-right-radius: 12px
}
.feature-box .feature-header:only-child {
border-radius: 12px
}
.feature-box .feature-header iframe,
.feature-box .feature-header img,
.feature-box .feature-header svg,
.feature-box .feature-header video {
display: block;
width: 100%
}
.feature-box .feature-header .icon-feature,
.feature-box .feature-header .icon-feature-large {
display: block;
padding: 30px 0;
text-align: center
}
.feature-box .feature-header .feature-header-title,
.feature-box .feature-header .feature-header-title-hover {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 30px;
text-decoration: none;
color: #fff;
background-repeat: repeat-x;
background-position: center top;
background-image: linear-gradient(rgba(44, 54, 69, .8) 50%, rgba(44, 54, 69, .4) 100%)
}
.feature-box .feature-header .feature-header-title-hover {
opacity: 0;
transition: opacity .3s
}
.feature-box .feature-header .feature-header-title-hover:hover {
opacity: 1
}
.feature-box .feature-header .feature-header-title p,
.feature-box .feature-header .feature-header-title-hover p {
font-size: 14px;
line-height: 24px
}
.feature-box .feature-header .feature-header-title p:not(:first-child),
.feature-box .feature-header .feature-header-title-hover p:not(:first-child) {
margin-top: 12px
}
.feature-box .feature-content {
padding: 28px;
color: #4a5669;
background-color: #fff;
border: 2px solid #eeeee6;
border-top-width: 0;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px
}
.feature-box .feature-content:only-child {
border-top-width: 2px;
border-radius: 12px
}
.feature-box.feature-box-no-border-radius .feature-content,
.feature-box.feature-box-no-border-radius .feature-header {
border-radius: 0
}
.blog-article:not(:first-child) {
padding-top: 50px;
margin-top: 60px;
border-top: 2px solid #e6e9ee
}
.blog-article.blog-article-center {
max-width: 708px;
margin-left: auto;
margin-right: auto
}
.blog-article.blog-article-center .blog-article-header {
text-align: center
}
.blog-article .blog-article-header ul {
margin: 4px -10px 0 -10px;
list-style-type: none
}
.blog-article .blog-article-header ul li {
display: inline-block;
margin: 0 10px;
color: #a0abbc
}
.blog-article .blog-article-header ul li img {
width: 24px;
height: 24px;
margin-right: .5em;
vertical-align: middle;
border-radius: 12px
}
.blog-article .blog-article-content {
margin-top: 50px
}
.pagination {
display: flex;
margin: 0;
justify-content: center;
list-style-type: none
}
.pagination:not(:first-child) {
margin-top: 60px
}
.pagination>li {
margin: 0 6px
}
.pagination>li.hidden {
visibility: hidden
}
.pagination>li:first-of-type {
margin-left: 0
}
.pagination>li:last-of-type {
margin-right: 0
}
.pagination>li.directional-left:first-of-type {
margin-right: auto
}
.pagination>li.directional-right:last-of-type {
margin-left: auto
}
.pagination>li a {
display: block;
min-width: 16px;
height: 36px;
line-height: 36px;
padding: 0 10px;
text-align: center;
text-decoration: none;
background-color: #fff;
background-clip: padding-box;
border: 2px solid #e6e9ee;
border-radius: 6px
}
.pagination>li.active a {
border-color: #391d00
}
.pagination>li.directional a {
height: 40px;
line-height: 40px;
padding: 0 12px;
background-color: transparent;
border: none
}
.pagination>li:not(.active) a:hover {
background-color: #f0f2f5
}
.tab-group {
position: relative
}
.tab-group.tab-group-switch-style {
text-align: center
}
.tab-group>a {
position: absolute;
top: -60px;
left: 0;
width: 0;
height: 0;
visibility: hidden
}
.tab-group>ul {
margin: 0;
list-style-type: none
}
.tab-group.tab-group-switch-style>ul {
padding: 6px;
display: inline-block;
background-color: #fff;
border: 2px solid #e6e9ee;
border-radius: 30px
}
.tab-group .tab-item .tab-item-title,
.tab-group>ul li {
padding: 10px 28px;
cursor: pointer;
color: #391d00;
font-size: 14px;
font-weight: 700;
line-height: 24px;
text-transform: uppercase;
background-color: #fff;
background-clip: padding-box;
border: 2px solid #e6e9ee;
border-bottom-width: 0;
transition: color .2s, background-color .2s;
user-select: none
}
.tab-group.tab-group-title-lowercase .tab-item .tab-item-title,
.tab-group.tab-group-title-lowercase>ul li {
text-transform: none
}
.tab-group>ul li {
position: relative;
display: inline-block;
border-top-left-radius: 6px;
border-top-right-radius: 6px
}
.tab-group.tab-group-switch-style>ul li {
padding: 8px 20px;
border: none;
border-radius: 22px
}
.tab-group .tab-item:first-of-type .tab-item-title {
border-top-left-radius: 12px;
border-top-right-radius: 12px
}
.tab-group .tab-item.active .tab-item-title,
.tab-group:not(.tab-group-switch-style)>ul li.active {
color: #4a5669;
transition: color .2s
}
.tab-group.tab-group-switch-style>ul li.active {
color: #fff;
background: linear-gradient(90deg, rgb(0 0 0), rgb(0 15 57) 100%)
}
.tab-group:not(.tab-group-switch-style)>ul li.active::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -2px;
height: 2px;
background-color: #fff
}
.tab-group:not(.tab-group-switch-style)>ul li:not(:first-of-type) {
margin-left: 10px
}
.tab-group.tab-group-switch-style>ul li:not(:first-of-type) {
margin-left: 6px
}
.tab-group .tab-item:not(.active) .tab-item-title:hover,
.tab-group>ul li:not(.active):hover {
background-color: #f0f2f5
}
.tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner {
padding: 58px;
background-color: #fff;
border: 2px solid #e6e9ee;
border-top-right-radius: 12px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px
}
.tab-group.tab-group-collapse-style .tab-item .tab-item-inner {
padding: 28px;
border-bottom-width: 0;
border-radius: 0
}
.tab-group.tab-group-switch-style .tab-item .tab-item-inner {
margin-top: 60px;
text-align: left
}
.tab-group .tab-item:not(.active):last-of-type .tab-item-title,
.tab-group.tab-group-collapse-style .tab-item.active:last-of-type .tab-item-inner {
border-bottom-width: 2px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px
}
.tab-group .tab-item:not(.active) .tab-item-inner,
.tab-group.tab-group-collapse-style>ul,
.tab-group:not(.tab-group-collapse-style) .tab-item .tab-item-title {
display: none
}
.iframe-overlay {
cursor: pointer
}
#nav-overlay {
position: absolute;
z-index: 1001;
top: 0;
left: 0;
width: 100%;
padding: 30px 0
}
#nav-overlay .logo {
float: none
}
#nav-overlay:not(.nav-overlay-light):not(.nav-overlay-gray):not(.nav-overlay-dark) .logo {
color: #fff
}
#nav-overlay nav ul {
list-style-type: none
}
#nav-overlay nav .nav-primary {
margin-top: 30px;
padding: 20px 25px;
border: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 12px
}
#nav-overlay.nav-overlay-gray nav .nav-primary,
#nav-overlay.nav-overlay-light nav .nav-primary {
background-color: #fff;
border-color: #e6e9ee
}
#nav-overlay.nav-overlay-dark nav .nav-primary {
border-color: #3a4659
}
#nav-overlay nav .nav-primary>li {
padding: 10px 0;
line-height: 20px
}
#nav-overlay nav .nav-primary>li a:not(.button) {
color: #fff
}
#nav-overlay.nav-overlay-dark nav .nav-primary>li a:not(.button),
#nav-overlay.nav-overlay-gray nav .nav-primary>li a:not(.button),
#nav-overlay.nav-overlay-light nav .nav-primary>li a:not(.button) {
color: #391d00
}
#nav-overlay nav .nav-primary>li>a:not(.button) {
font-size: 18px;
font-weight: 700;
text-transform: uppercase
}
#nav-overlay:not(.nav-overlay-light):not(.nav-overlay-gray):not(.nav-overlay-dark) nav .nav-primary>li>a.button.button-primary {
padding: 16px 20px;
border: 2px solid rgba(255, 255, 255, .2)
}
#nav-overlay:not(.nav-overlay-light):not(.nav-overlay-gray) nav .nav-primary>li>a.button:not(.button-primary) {
padding: 18px 22px;
border: none
}
#nav-overlay nav .nav-primary>li a:not(.button):hover {
color: rgba(255, 255, 255, .6);
text-decoration: none
}
#nav-overlay.nav-overlay-gray nav .nav-primary>li a:not(.button):hover,
#nav-overlay.nav-overlay-light nav .nav-primary>li a:not(.button):hover {
color: #a0abbc
}
#nav-overlay.nav-overlay-dark nav .nav-primary>li a:not(.button):hover {
color: #667791
}
#nav-overlay nav .nav-primary>li ul {
padding: 20px 0 10px 0
}
#nav-overlay nav .nav-primary>li ul li {
padding: 5px 0;
font-size: 14px;
line-height: 20px
}
#nav-overlay nav .nav-primary>li ul li ul {
padding: 20px 0 15px 30px
}
#nav-overlay nav .nav-primary>li ul li:last-of-type,
#nav-overlay nav .nav-primary>li ul li:last-of-type ul,
#nav-overlay nav .nav-primary>li:last-of-type ul {
padding-bottom: 0
}
#nav-overlay nav .nav-secondary {
padding: 20px 25px
}
#nav-overlay nav .nav-secondary li {
padding: 5px 0;
font-size: 14px;
line-height: 20px
}
#nav-overlay nav .nav-secondary li a {
color: rgba(255, 255, 255, .6)
}
#nav-overlay.nav-overlay-gray nav .nav-secondary li a,
#nav-overlay.nav-overlay-light nav .nav-secondary li a {
color: #a0abbc
}
#nav-overlay.nav-overlay-dark nav .nav-secondary li a {
color: #667791
}
#nav-overlay nav .nav-secondary li a:hover {
color: #fff;
text-decoration: none
}
#nav-overlay.nav-overlay-gray nav .nav-secondary li a:hover,
#nav-overlay.nav-overlay-light nav .nav-secondary li a:hover {
color: #4a5669
}
#nav-overlay nav .nav-secondary li a i {
width: 20px;
text-align: center
}
#nav-overlay-close,
#nav-overlay-open {
position: absolute;
top: 0;
right: 0;
width: 36px;
height: 36px;
margin-top: 10px;
font-size: 24px;
line-height: 36px;
text-align: center;
cursor: pointer;
color: #fff;
border: 2px solid rgba(255, 238, 0, 0.2);
border-radius: 6px;
user-select: none
}
#nav-overlay-close.nav-overlay-gray,
#nav-overlay-close.nav-overlay-light,
#nav-overlay-open.nav-overlay-gray,
#nav-overlay-open.nav-overlay-light {
color: #391d00;
background-color: #fff;
border-color: #e6e9ee
}
#nav-overlay-close.nav-overlay-dark,
#nav-overlay-open.nav-overlay-dark {
color: #391d00;
border-color: #3a4659
}
#nav-overlay-background {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-bottom: 100%;
background-color: #0d152b
}
#nav-overlay-background.nav-overlay-light {
background-color: #fff
}
#nav-overlay-background.nav-overlay-gray {
background-color: #f0f2f5
}
#nav-overlay-background.nav-overlay-dark {
background-color: #2c3645
}
#nav-overlay-background:not(.nav-overlay-visible),
#nav-overlay-close:not(.nav-overlay-visible),
#nav-overlay-open:not(.nav-overlay-visible),
#nav-overlay:not(.nav-overlay-visible) {
display: none
}
.group {
display: flex;
margin-left: -10px;
margin-right: -10px;
margin-bottom: -20px;
flex-wrap: wrap;
align-items: center
}
.group.align-center {
justify-content: center
}
.group.align-left {
justify-content: flex-start
}
.group.align-right {
justify-content: flex-end
}
.group.space-between {
justify-content: space-between
}
.group>* {
margin: 0 10px 20px 10px
}
.group>.group-stretch {
flex: 1
}
#content>.content-row .content-header+.column-row,
.column-row {
display: flex;
flex-wrap: wrap;
margin: -20px
}
.column-row.column-row-flex-width {
justify-content: space-between
}
.column-row:not(:first-child) {
margin-top: 30px
}
.column-row.align-center,
.column-row.align-center-bottom,
.column-row.align-center-center,
.column-row.align-center-top {
align-items: center;
justify-content: center
}
.column-row.align-left-bottom,
.column-row.align-left-center,
.column-row.align-left-top {
align-items: flex-start;
justify-content: flex-start
}
.column-row.align-right-bottom,
.column-row.align-right-center,
.column-row.align-right-top {
align-items: flex-start;
justify-content: flex-end
}
.column-row.align-center-top {
align-items: flex-start
}
.column-row.align-left-center,
.column-row.align-right-center {
align-items: center
}
.column-row.align-center-bottom,
.column-row.align-left-bottom,
.column-row.align-right-bottom {
align-items: flex-end
}
.column-row>.column-12-5,
.column-row>.column-20,
.column-row>.column-25,
.column-row>.column-30,
.column-row>.column-33,
.column-row>.column-40,
.column-row>.column-50,
.column-row>.column-60,
.column-row>.column-66,
.column-row>.column-70,
.column-row>.column-75,
.column-row>.column-80,
.column-row>.column-flex {
padding: 20px;
box-sizing: border-box
}
.column-row>.column-12-5 {
width: 12.5%
}
.column-row>.column-20 {
width: 20%
}
.column-row>.column-25 {
width: 25%
}
.column-row>.column-30 {
width: 30%
}
.column-row>.column-33 {
width: 33.33%
}
.column-row>.column-40 {
width: 40%
}
.column-row>.column-50 {
width: 50%
}
.column-row>.column-60 {
width: 60%
}
.column-row>.column-66 {
width: 66.66%
}
.column-row>.column-70 {
width: 70%
}
.column-row>.column-75 {
width: 75%
}
.column-row>.column-80 {
width: 80%
}
.container {
position: relative;
width: 1024px;
margin: 0 auto
}
.container.container-full-width {
width: auto;
margin: 0 60px;
flex-basis: 100%
}
.container::after {
content: "";
display: table;
clear: both
}
#header {
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 60px;
padding: 5px 0;
background: linear-gradient(90deg, rgb(0 0 0), rgb(0 0 0) 100%);
transition: transform .4s, box-shadow .4s
}
#header.header-static {
position: absolute
}
#header.header-light {
background-color: #fff
}
#header.header-gray {
background-color: #f0f2f5
}
#header.header-dark {
background-color: #2c3645
}
#header.header-dynamic.headroom--pinned.headroom--top {
transition: box-shadow .4s
}
#header.header-dynamic.headroom--pinned {
transform: translate3d(0, 0, 0)
}
#header.header-dynamic.headroom--unpinned {
transform: translate3d(0, -100%, 0)
}
#header.header-dynamic.headroom--disabled {
transform: translate3d(0, 0, 0)
}
#header.header-shadow,
#header.header-shadow-scroll.active {
box-shadow: 0 16px 32px rgba(44, 54, 69, .05)
}
#header.header-shadow-scroll.active.headroom--unpinned,
#header.header-shadow.headroom--unpinned {
box-shadow: none
}
#header .logo,
#nav-overlay .logo {
float: left;
display: flex;
align-items: center;
max-width: 25%;
height: 50px;
line-height: 50px;
padding: 5px 0;
text-decoration: none
}
#header .logo img,
#nav-overlay .logo img {
display: block;
max-width: 100%;
max-height: 100%
}
#header .logo .logo-text,
#nav-overlay .logo .logo-text {
font-size: 32px;
font-weight: 700;
white-space: nowrap
}
#header .logo .logo-text small,
#nav-overlay .logo .logo-text small {
font-size: 50%;
line-height: 50%;
color: rgba(255, 255, 255, .6)
}
#header.header-gray .logo .logo-text small,
#header.header-light .logo .logo-text small,
#nav-overlay.nav-overlay-gray .logo .logo-text small,
#nav-overlay.nav-overlay-light .logo .logo-text small {
color: #a0abbc
}
#header.header-dark .logo .logo-text small,
#nav-overlay.nav-overlay-dark .logo .logo-text small {
color: #667791
}
#header:not(.header-nav-overlay) .logo .logo-text.logo-text-baseline {
padding-top: 16px
}
#header .logo.logo-center {
float: none;
margin: 0 auto;
justify-content: center
}
#header nav {
float: right;
width: 75%
}
#header.header-nav-overlay nav {
display: none
}
#header nav ul {
list-style-type: none
}
#header nav .nav-primary {
float: left;
margin-top: 15px
}
#header nav .nav-primary>li {
position: relative;
float: left
}
#header nav .nav-primary>li:not(:last-of-type) {
margin-right: 15px
}
#header nav .nav-primary>li.button-follows {
margin-right: 10px
}
#header nav .nav-primary>li>a {
display: block;
height: 32px;
line-height: 32px;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
padding: 0 10px
}
#header:not(.header-light):not(.header-gray):not(.header-dark) .logo,
#header:not(.header-light):not(.header-gray):not(.header-dark) nav .nav-primary>li>a:not(.button) {
color: #fff
}
#header nav .nav-primary>li>a:hover:not(.button) {
color: #a0abbc;
text-decoration: none
}
#header.header-dark nav .nav-primary>li>a:hover:not(.button) {
color: #667791
}
#header:not(.header-light):not(.header-gray):not(.header-dark) nav .nav-primary>li>a:hover:not(.button) {
color: rgba(255, 255, 255, .6)
}
#header nav .nav-primary>li>a.button {
padding: 0 16px;
border-radius: 4px
}
#header.header-gray nav .nav-primary>li>a.button:not(.button-primary):not(.button-secondary),
#header.header-light nav .nav-primary>li>a.button:not(.button-primary):not(.button-secondary),
#header:not(.header-light):not(.header-gray):not(.header-dark) nav .nav-primary>li>a.button.button-primary {
line-height: 28px;
padding: 0 14px
}
#header:not(.header-light):not(.header-gray):not(.header-dark) nav .nav-primary>li>a.button.button-primary {
border: 2px solid rgba(255, 255, 255, .2)
}
#header:not(.header-light):not(.header-gray) nav .nav-primary>li>a.button:not(.button-primary) {
border: none
}
#header nav .nav-primary>li ul,
#header.header-dynamic.headroom--unpinned nav .nav-primary>li ul {
display: none;
position: absolute;
padding: 10px;
margin: 10px 0 0 -20px;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 0 0 2px rgba(74, 86, 105, .1), 0 15px 30px rgba(74, 86, 105, .1)
}
#header nav .nav-primary>li>ul.nav-button {
margin-left: 0
}
#header nav .nav-primary>li:hover>ul {
display: block;
animation: nav-primary-down .2s
}
#header nav .nav-primary>li>ul::before {
position: absolute;
content: "";
top: -10px;
left: 0;
right: 0;
height: 10px
}
#header nav .nav-primary>li ul li {
position: relative;
line-height: 26px;
white-space: nowrap
}
#header nav .nav-primary>li ul li a {
display: block;
padding: 4px 10px;
font-size: 15px;
border-radius: 4px
}
#header nav .nav-primary>li ul li a:hover {
color: #a0abbc;
text-decoration: none;
background-color: #f0f2f5
}
#header nav .nav-primary>li ul li ul {
top: -20px;
left: 100%;
margin-left: 20px
}
#header nav .nav-primary>li ul li:hover ul {
display: block;
animation: nav-primary-right .2s
}
#header nav .nav-primary>li ul li ul::before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: -20px;
width: 20px
}
#header nav .nav-primary>li>ul.nav-left {
right: 0;
margin: 10px -20px 0 0
}
#header nav .nav-primary>li>ul.nav-left.nav-button {
margin-right: 0
}
#header nav .nav-primary>li ul.nav-left li a {
text-align: right
}
#header nav .nav-primary>li ul li ul.nav-left {
left: auto;
right: 100%;
margin-right: 20px
}
#header nav .nav-primary>li ul li ul.nav-left::before {
left: auto;
right: -20px
}
#header nav .nav-primary>li ul li:hover ul.nav-left {
display: block;
animation: nav-primary-left .2s
}
@keyframes nav-primary-down {
0% {
opacity: 0;
transform: translateY(-10px)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes nav-primary-right {
0% {
opacity: 0;
transform: translateX(-10px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes nav-primary-left {
0% {
opacity: 0;
transform: translateX(10px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
#header nav .nav-secondary {
float: right;
margin-top: 10px
}
#header nav .nav-secondary li {
float: left
}
#header nav .nav-secondary li:not(:last-of-type) {
margin-right: 15px
}
#header nav .nav-secondary li a {
display: block;
font-size: 14px;
color: #fff;
padding: 14px
}
#header nav .nav-secondary li a.button {
text-shadow: 1px 1px 2px #000;
background-image: linear-gradient(0deg, #000, #000000)
}
#header.header-gray nav .nav-secondary li a,
#header.header-light nav .nav-secondary li a {
color: #a0abbc
}
#header.header-dark nav .nav-secondary li a {
color: #667791
}
#header nav .nav-secondary li a:hover {
color: #fff;
text-decoration: none
}
#header.header-gray nav .nav-secondary li a:hover,
#header.header-light nav .nav-secondary li a:hover {
color: #4a5669
}
#content>.content-row {
background: #391d00;
background: -moz-radial-gradient(bottom, circle cover, #391d00 0, #0d152b 50%);
background: -webkit-radial-gradient(bottom, circle cover, #391d00 0, #0d152b 50%);
background: linear-gradient(180deg, rgb(0 0 0), rgb(0 0 0) 100%);
position: relative;
overflow: hidden;
padding: 60px 0
}
#content>.content-row.content-row-full-height,
#content>.content-row.content-row-half-height {
display: flex;
align-items: center;
box-sizing: border-box
}
#content>.content-row.content-row-border-top {
border-top: 2px solid #e6e9ee
}
#content>.content-row.content-row-border-bottom {
border-bottom: 2px solid #e6e9ee
}
#content>.content-row.content-row-slide-bg {
background: #0d152b;
background: -moz-linear-gradient(left, #0d152b 0, #132c63 25%, #132c63 75%, #0d152b 100%);
padding: 20px 0
}
#content>.content-row.content-row-split-left::after,
#content>.content-row.content-row-split-right::after {
content: "";
top: 0;
bottom: 0;
height: auto;
position: absolute;
background-color: #fff
}
#content>.content-row.content-row-split-left::after {
left: 0;
right: 50%
}
#content>.content-row.content-row-split-right::after {
left: 50%;
right: 0
}
#content>.content-row.content-row-split-left .container,
#content>.content-row.content-row-split-right .container {
box-sizing: border-box
}
#content>.content-row.content-row-split-left .container:not(.container-full-width) {
padding-right: 700px
}
#content>.content-row.content-row-split-right .container:not(.container-full-width) {
padding-left: 700px
}
#content>.content-row.content-row-split-left .container.container-full-width,
#content>.content-row.content-row-split-right .container.container-full-width {
flex-basis: 50%;
width: 50%;
margin: 0;
padding: 0 60px
}
#content>.content-row.content-row-split-right .container.container-full-width {
margin-left: auto
}
#content>.content-row .container {
z-index: 3
}
#content>.content-row ol,
#content>.content-row ul {
line-height: 28px
}
#content>.content-row ol,
#content>.content-row ul:not(.list-style-nav):not(.list-style-none):not(.list-style-icon) {
margin-left: 20px
}
#content>.content-row ol li ol,
#content>.content-row ol li ul,
#content>.content-row ul li ol,
#content>.content-row ul li ul {
margin: 15px 20px
}
#content>.content-row ol li:last-child ol,
#content>.content-row ol li:last-child ul,
#content>.content-row ul li:last-child ol,
#content>.content-row ul li:last-child ul {
margin-bottom: 0
}
#content>.content-row h1:not(:first-child),
#content>.content-row h2:not(:first-child) {
margin-top: 25px
}
#content>.content-row h3:not(:first-child),
#content>.content-row h4:not(:first-child),
#content>.content-row h5:not(:first-child) {
margin-top: 15px
}
#content>.content-row .feature-box:not(:first-child),
#content>.content-row .tab-group:not(:first-child),
#content>.content-row address:not(:first-child),
#content>.content-row blockquote:not(:first-child),
#content>.content-row dl:not(:first-child),
#content>.content-row iframe:not(:first-child),
#content>.content-row ol:not(:first-child),
#content>.content-row p:not(:first-child),
#content>.content-row pre:not(:first-child),
#content>.content-row table:not(:first-child),
#content>.content-row ul:not(:first-child) {
margin-top: 10px
}
#content>.content-row .content-header {
max-width: 720px;
margin: 0 auto 30px auto;
text-align: center
}
#content>.content-row .content-header:only-child {
margin-bottom: 0
}
#content>.content-row .content-header mark {
background-color: rgba(74, 86, 105, .1)
}
#content>.content-row .content-header.content-header-align-left,
#content>.content-row .content-header.content-header-large.content-header-align-left p {
text-align: left;
margin-left: 0
}
#content>.content-row .content-header.content-header-align-right,
#content>.content-row .content-header.content-header-large.content-header-align-right p {
text-align: right;
margin-right: 0
}
#content>.content-row .content-header.content-header-large {
max-width: 100%
}
#content>.content-row .content-header.content-header-large h1,
#content>.content-row .content-header.content-header-large h2,
#content>.content-row .content-header.content-header-large h3 {
font-weight: 700
}
#content>.content-row .content-header.content-header-large h1 {
font-size: 62px;
line-height: 72px;
letter-spacing: -1px
}
#content>.content-row .content-header.content-header-large h2 {
font-size: 52px;
line-height: 62px
}
#content>.content-row .content-header.content-header-large h3 {
font-size: 42px;
line-height: 52px
}
#content>.content-row .content-header.content-header-large p {
max-width: 708px;
margin-left: auto;
margin-right: auto;
font-size: 24px;
font-weight: 700;
line-height: 36px
}
#content>.content-row .content-header.content-header-small p {
margin-top: 0
}
#content>.content-row .content-header.content-header-uppercase h1,
#content>.content-row .content-header.content-header-uppercase h2,
#content>.content-row .content-header.content-header-uppercase h3,
#content>.content-row .content-header.content-header-uppercase h4,
#content>.content-row .content-header.content-header-uppercase h5 {
font-weight: 700;
text-transform: uppercase
}
#content>.content-row .content-box {
padding: 58px;
background-color: #fff;
border: 2px solid #e6e9ee;
border-radius: 12px
}
#content>.content-row .content-box:not(:first-child) {
margin-top: 60px
}
#content>.content-row .column-row>.content-sidebar-left,
#content>.content-row .column-row>.content-sidebar-right {
position: relative
}
#content>.content-row .column-row>.content-sidebar-left {
order: -1;
padding-right: 90px
}
#content>.content-row .column-row>.content-sidebar-right {
order: 1;
padding-left: 90px
}
#content>.content-row .column-row>.content-sidebar-left.column-20,
#content>.content-row .column-row>.content-sidebar-right.column-20 {
min-width: 268px
}
#content>.content-row .column-row>.content-sidebar-left.column-25,
#content>.content-row .column-row>.content-sidebar-right.column-25 {
min-width: 335px
}
#content>.content-row .column-row>.content-sidebar-left.column-30,
#content>.content-row .column-row>.content-sidebar-right.column-30 {
min-width: 402px
}
#content>.content-row .column-row>.content-sidebar-left.column-33,
#content>.content-row .column-row>.content-sidebar-left.column-40,
#content>.content-row .column-row>.content-sidebar-right.column-33,
#content>.content-row .column-row>.content-sidebar-right.column-40 {
min-width: 445px
}
#content>.content-row .column-row>.content-sidebar-left.column-50 {
padding-right: 30px;
margin-right: 60px
}
#content>.content-row .column-row>.content-sidebar-right.column-50 {
padding-left: 30px;
margin-left: 60px
}
#content>.content-row .column-row>.content-sidebar-left::before,
#content>.content-row .column-row>.content-sidebar-right::before {
content: "";
position: absolute;
top: -30px;
bottom: -30px;
border-left: 2px solid #e6e9ee
}
#content>.content-row .column-row>.content-sidebar-left::before {
right: 29px
}
#content>.content-row .column-row>.content-sidebar-right::before {
left: 29px
}
#content>.content-row .column-row>.content-sidebar-left.column-50::before {
right: -31px
}
#content>.content-row .column-row>.content-sidebar-right.column-50::before {
left: -31px
}
#content>.content-row .content-background {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center
}
#content>.content-row.content-row-split-left .content-background,
#content>.content-row.content-row-split-right .content-background {
z-index: 4
}
#content>.content-row.content-row-split-left .content-background {
left: 50%
}
#content>.content-row.content-row-split-right .content-background {
right: 50%
}
#content>.content-row .content-background.content-background-scroll {
top: -20%;
bottom: -20%
}
#content>.content-row .content-background i {
font-size: 50vmin;
text-align: center
}
#content>.content-row .content-background iframe,
#content>.content-row .content-background img,
#content>.content-row .content-background svg,
#content>.content-row .content-background video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
max-width: none;
transform: translate(-50%, -50%)
}
#content>.content-row .content-background iframe {
height: 100%
}
#content>.content-row .content-background.object-fit-width img,
#content>.content-row .content-background.object-fit-width svg,
#content>.content-row .content-background.object-fit-width video {
width: 100%;
height: auto
}
#content>.content-row .content-background.object-fit-height img,
#content>.content-row .content-background.object-fit-height svg,
#content>.content-row .content-background.object-fit-height video {
width: auto;
height: 100%
}
#content>.content-row .content-background.content-background-scale img,
#content>.content-row .content-background.content-background-scale svg,
#content>.content-row .content-background.content-background-scale video {
width: auto;
height: auto
}
#content>.content-row .content-background.content-background-light i,
#content>.content-row .content-background.content-background-light svg {
opacity: .1
}
#content>.content-row .content-background.content-background-light iframe,
#content>.content-row .content-background.content-background-light img,
#content>.content-row .content-background.content-background-light video {
opacity: .2
}
#content>.content-row .content-background.content-background-blur i,
#content>.content-row .content-background.content-background-blur iframe,
#content>.content-row .content-background.content-background-blur img,
#content>.content-row .content-background.content-background-blur svg,
#content>.content-row .content-background.content-background-blur video {
margin: -40px;
filter: blur(20px)
}
#content>.content-row .content-slider {
display: flex;
flex-flow: row;
margin: -60px 0
}
#content>.content-row .content-slider>ul {
display: flex;
justify-content: center;
position: absolute;
z-index: 4;
bottom: 45px;
width: 100%;
height: 12px;
line-height: 12px;
list-style-type: none;
margin: 0
}
#content>.content-row .content-slider>ul li {
display: block;
margin: 0 20px;
cursor: pointer;
color: #a0abbc;
font-size: 18px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
transition: color .2s;
user-select: none
}
#content>.content-row .content-slider>ul li:hover {
color: #4a5669
}
#content>.content-row .content-slider>ul li.active {
color: #391d00
}
#content>.content-row .content-slider>ul li:empty {
width: 12px;
height: 12px;
margin: 0 8px;
border-radius: 6px;
background-color: rgba(74, 86, 105, .1);
transition: background-color .2s
}
#content>.content-row .content-slider>ul li.active:empty {
background: linear-gradient(90deg, rgb(0 0 0), rgb(0 15 57) 100%)
}
#content>.content-row .content-slider>i {
position: absolute;
z-index: 2;
top: 50%;
width: 60px;
height: 60px;
margin-top: -30px;
line-height: 60px;
font-size: 40px;
color: #a0abbc;
text-align: center;
cursor: pointer;
transition: color .2s;
user-select: none
}
#content>.content-row .content-slider>i:hover {
color: #4a5669
}
#content>.content-row .content-slider>i.slide-previous {
left: 0
}
#content>.content-row .content-slider>i.slide-next {
right: 0
}
#content>.content-row .content-slider .content-slider-inner,
#content>.content-row .content-slider .content-slider-inner .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
#content>.content-row .content-slider .content-slider-inner .slide {
overflow: hidden;
display: flex;
flex: 0 0 100%;
padding: 60px 0;
color: #4a5669;
align-items: center;
justify-content: center;
text-decoration: none;
box-sizing: border-box
}
#content>.content-row .content-slider .content-slider-inner .slide.align-top {
align-items: flex-start
}
#content>.content-row .content-slider .content-slider-inner .slide.align-bottom {
align-items: flex-end
}
#content>.content-row .content-slider.content-slider-has-nav .content-slider-inner .slide {
padding-bottom: 120px
}
#content>.content-row .content-slider .content-slider-inner .slide .content-header.content-header-large {
margin-bottom: 50px
}
#content>.content-row .content-slider .content-slider-inner .slide .content-header.content-header-large p {
margin-top: 30px
}
#content>.content-row .content-slider .content-slider-inner .slide>.container {
margin: 0
}
#content>.content-row .content-slider .content-slider-inner .slide.active,
#content>.content-row .content-slider .content-slider-inner .slide.active-first {
visibility: visible
}
#content>.content-row .content-slider .content-slider-inner .slide.inactive,
#content>.content-row .content-slider .content-slider-inner .slide:not(.active):not(.active-first) {
visibility: hidden
}
#content>.content-row .content-slider.animate-background-fade .content-slider-inner .slide.inactive,
#content>.content-row .content-slider.animate-background-scale .content-slider-inner .slide.inactive,
#content>.content-row .content-slider.animate-background-slide .content-slider-inner .slide.inactive,
#content>.content-row .content-slider.animate-container-fade .content-slider-inner .slide.inactive,
#content>.content-row .content-slider.animate-container-scale .content-slider-inner .slide.inactive,
#content>.content-row .content-slider.animate-container-slide .content-slider-inner .slide.inactive {
transition: visibility 0s linear .6s
}
#content>.content-row .content-slider .content-slider-inner .slide.inactive>.container,
#content>.content-row .content-slider .content-slider-inner .slide.inactive>.content-background,
#content>.content-row .content-slider .content-slider-inner .slide:not(.active):not(.active-first)>.container,
#content>.content-row .content-slider .content-slider-inner .slide:not(.active):not(.active-first)>.content-background {
opacity: 0
}
#content>.content-row .content-slider.animate-background-fade .content-slider-inner .slide.active>.content-background,
#content>.content-row .content-slider.animate-container-fade .content-slider-inner .slide.active>.container {
animation: content-slider-animate-fade-in .6s
}
#content>.content-row .content-slider.animate-background-fade .content-slider-inner .slide.inactive>.content-background,
#content>.content-row .content-slider.animate-container-fade .content-slider-inner .slide.inactive>.container {
animation: content-slider-animate-fade-out .6s
}
@keyframes content-slider-animate-fade-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes content-slider-animate-fade-out {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
#content>.content-row .content-slider.animate-background-slide .content-slider-inner .slide.active>.content-background,
#content>.content-row .content-slider.animate-container-slide .content-slider-inner .slide.active>.container {
animation: content-slider-animate-slide-in .6s
}
#content>.content-row .content-slider.animate-background-slide .content-slider-inner .slide.inactive>.content-background,
#content>.content-row .content-slider.animate-container-slide .content-slider-inner .slide.inactive>.container {
animation: content-slider-animate-slide-out .6s
}
@keyframes content-slider-animate-slide-in {
0% {
opacity: 0;
transform: translateX(25%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes content-slider-animate-slide-out {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(-25%)
}
}
#content>.content-row .content-slider.animate-background-slide .content-slider-inner .slide.active.animate-previous>.content-background,
#content>.content-row .content-slider.animate-container-slide .content-slider-inner .slide.active.animate-previous>.container {
animation: content-slider-animate-slide-in-previous .6s
}
#content>.content-row .content-slider.animate-background-slide .content-slider-inner .slide.inactive.animate-previous>.content-background,
#content>.content-row .content-slider.animate-container-slide .content-slider-inner .slide.inactive.animate-previous>.container {
animation: content-slider-animate-slide-out-previous .6s
}
@keyframes content-slider-animate-slide-in-previous {
0% {
opacity: 0;
transform: translateX(-25%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes content-slider-animate-slide-out-previous {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(25%)
}
}
#content>.content-row .content-slider.animate-background-scale .content-slider-inner .slide.active>.content-background,
#content>.content-row .content-slider.animate-container-scale .content-slider-inner .slide.active>.container {
animation: content-slider-animate-scale-in .6s
}
#content>.content-row .content-slider.animate-background-scale .content-slider-inner .slide.inactive>.content-background,
#content>.content-row .content-slider.animate-container-scale .content-slider-inner .slide.inactive>.container {
animation: content-slider-animate-scale-out .6s
}
@keyframes content-slider-animate-scale-in {
0% {
opacity: 0;
transform: scale(.8)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes content-slider-animate-scale-out {
0% {
opacity: 1;
transform: scale(1)
}
100% {
opacity: 0;
transform: scale(1.2)
}
}
#content>.content-row .content-slider.animate-background-scale .content-slider-inner .slide.active.animate-previous>.content-background,
#content>.content-row .content-slider.animate-container-scale .content-slider-inner .slide.active.animate-previous>.container {
animation: content-slider-animate-scale-in-previous .6s
}
#content>.content-row .content-slider.animate-background-scale .content-slider-inner .slide.inactive.animate-previous>.content-background,
#content>.content-row .content-slider.animate-container-scale .content-slider-inner .slide.inactive.animate-previous>.container {
animation: content-slider-animate-scale-out-previous .6s
}
@keyframes content-slider-animate-scale-in-previous {
0% {
opacity: 0;
transform: scale(1.2)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes content-slider-animate-scale-out-previous {
0% {
opacity: 1;
transform: scale(1)
}
100% {
opacity: 0;
transform: scale(.8)
}
}
#content>.content-row.content-row-gray,
#content>.content-row.content-row-gray.content-row-split-left::after,
#content>.content-row.content-row-gray.content-row-split-right::after {
background-color: #1e2a48
}
#content>.content-row.content-row-dark,
#content>.content-row.content-row-dark.content-row-split-left::after,
#content>.content-row.content-row-dark.content-row-split-right::after {
background-color: #2c3645
}
#content>.content-row.content-row-color,
#content>.content-row.content-row-color.content-row-split-left::after,
#content>.content-row.content-row-color.content-row-split-right::after {
background-color: #000
}
#content>.content-row.content-row-gradient,
#content>.content-row.content-row-gradient.content-row-split-left::after,
#content>.content-row.content-row-gradient.content-row-split-right::after {
background-repeat: repeat-x;
background-position: center bottom;
background-image: linear-gradient(#fff 0, #f0f2f5 100%)
}
#content>.content-row.content-row-gray.content-row-gradient,
#content>.content-row.content-row-gray.content-row-gradient.content-row-split-left::after,
#content>.content-row.content-row-gray.content-row-gradient.content-row-split-right::after {
background-image: linear-gradient(#f0f2f5 0, #e6e9ee 100%)
}
#content>.content-row.content-row-dark.content-row-gradient,
#content>.content-row.content-row-dark.content-row-gradient.content-row-split-left::after,
#content>.content-row.content-row-dark.content-row-gradient.content-row-split-right::after {
background-image: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 100%)
}
#content>.content-row.content-row-color.content-row-gradient,
#content>.content-row.content-row-color.content-row-gradient.content-row-split-left::after,
#content>.content-row.content-row-color.content-row-gradient.content-row-split-right::after {
background-image: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 100%)
}
#content>.content-row.content-row.content-row-dark.content-row-border-bottom,
#content>.content-row.content-row.content-row-dark.content-row-border-top {
border-color: #3a4659
}
#content>.content-row.content-row.content-row-color.content-row-border-bottom,
#content>.content-row.content-row.content-row-color.content-row-border-top {
border-color: rgba(255, 255, 255, .2)
}
#content>.content-row.content-row-color.content-row-clouds::before,
#content>.content-row.content-row-dark.content-row-clouds::before,
#content>.content-row.content-row-gradient.content-row-clouds::before,
#content>.content-row.content-row-gray.content-row-clouds::before {
background-image: url(../img/layout/clouds-light-left.png)
}
#content>.content-row.content-row-color.content-row-clouds::after,
#content>.content-row.content-row-dark.content-row-clouds::after,
#content>.content-row.content-row-gradient.content-row-clouds::after,
#content>.content-row.content-row-gray.content-row-clouds::after {
background-image: url(../img/layout/clouds-light-right.png)
}
#content>.content-row.content-row-dark.content-row-clouds.content-row-clouds-light::after,
#content>.content-row.content-row-dark.content-row-clouds.content-row-clouds-light::before {
opacity: .1
}
#content>.content-row.content-row-color.content-row-clouds.content-row-clouds-light::after,
#content>.content-row.content-row-color.content-row-clouds.content-row-clouds-light::before {
opacity: .2
}
#content>.content-row.content-row-color,
#content>.content-row.content-row-color .content-header mark,
#content>.content-row.content-row-color .content-slider .content-slider-inner .slide,
#content>.content-row.content-row-color .content-slider>i:hover,
#content>.content-row.content-row-color .content-slider>ul li:hover:not(.active),
#content>.content-row.content-row-color .tab-group .tab-item.active .tab-item-title,
#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li.active,
#content>.content-row.content-row-dark,
#content>.content-row.content-row-dark .content-header mark,
#content>.content-row.content-row-dark .content-slider .content-slider-inner .slide,
#content>.content-row.content-row-dark .content-slider>i:hover,
#content>.content-row.content-row-dark .content-slider>ul li:hover:not(.active),
#content>.content-row.content-row-dark .tab-group .tab-item.active .tab-item-title,
#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style)>ul li.active {
color: #fff
}
#content>.content-row.content-row-dark .blog-article .blog-article-header ul li,
#content>.content-row.content-row-dark .content-slider>i,
#content>.content-row.content-row-dark .content-slider>ul li:not(.active),
#content>.content-row.content-row-dark .text-color-gray,
#content>.content-row.content-row-dark blockquote footer,
#content>.content-row.content-row-dark dl dt {
color: #667791
}
#content>.content-row.content-row-color .content-slider>i,
#content>.content-row.content-row-color .content-slider>ul li:not(.active),
#content>.content-row.content-row-color .text-color-gray,
#content>.content-row.content-row-color blockquote footer,
#content>.content-row.content-row-color dl dt {
color: rgba(255, 255, 255, .6)
}
#content>.content-row.content-row-color .content-slider>ul li.active,
#content>.content-row.content-row-color .icon-feature,
#content>.content-row.content-row-color .icon-feature-inline,
#content>.content-row.content-row-color .icon-feature-large,
#content>.content-row.content-row-color .tab-group .tab-item .tab-item-title,
#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li,
#content>.content-row.content-row-color a:not(.button) {
color: #f1983b
}
#content>.content-row.content-row-color .feature-box a:not(.button),
#content>.content-row.content-row-color .pre-code a:not(.button),
#content>.content-row.content-row-color .tags li a:not(.button),
#content>.content-row.content-row-color pre a:not(.button),
#content>.content-row.content-row-color table a:not(.button),
#content>.content-row.content-row-color ul.list-style-nav li a:not(.button) {
color: #391d00
}
;
#content>.content-row.content-row-color .tags li a:hover {
color: #a0abbc
}
#content>.content-row.content-row-color .content-slider>ul li.active:empty,
#content>.content-row.content-row-color .tags li a {
background-color: #fff
}
#content>.content-row.content-row-color .content-header mark,
#content>.content-row.content-row-color .content-slider>ul li:empty:not(.active),
#content>.content-row.content-row-color .feature-box .feature-header,
#content>.content-row.content-row-color .pagination>li:not(.active) a:hover,
#content>.content-row.content-row-color .tab-group .tab-item:not(.active) .tab-item-title:hover,
#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li:not(.active):hover,
#content>.content-row.content-row-color code,
#content>.content-row.content-row-color table caption,
#content>.content-row.content-row-dark .content-header mark,
#content>.content-row.content-row-dark .content-slider>ul li:empty:not(.active) {
background-color: rgba(255, 255, 255, .2)
}
#content>.content-row.content-row-dark .content-box,
#content>.content-row.content-row-dark .tab-group .tab-item .tab-item-title,
#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner,
#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style)>ul li,
#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style)>ul li::after {
background-color: #2c3645
}
#content>.content-row.content-row-color .content-box,
#content>.content-row.content-row-color .tab-group .tab-item .tab-item-title,
#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner,
#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li,
#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li::after {
background: linear-gradient(90deg, rgb(0 0 0), rgb(0 15 57) 100%)
}
#content>.content-row.content-row-dark .feature-box .feature-header,
#content>.content-row.content-row-dark .pagination>li:not(.active) a:hover,
#content>.content-row.content-row-dark .tab-group .tab-item:not(.active) .tab-item-title:hover,
#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style)>ul li:not(.active):hover {
background-color: #3a4659
}
#content>.content-row.content-row-color .pagination>li a,
#content>.content-row.content-row-dark .pagination>li a {
background-color: transparent
}
#content>.content-row.content-row-color .feature-box .feature-content,
#content>.content-row.content-row-color .pre-code,
#content>.content-row.content-row-color .tab-group.tab-group-switch-style>ul,
#content>.content-row.content-row-color pre,
#content>.content-row.content-row-color table,
#content>.content-row.content-row-color ul.list-style-nav,
#content>.content-row.content-row-dark .feature-box .feature-content,
#content>.content-row.content-row-dark .pre-code,
#content>.content-row.content-row-dark .tab-group.tab-group-switch-style>ul,
#content>.content-row.content-row-dark pre,
#content>.content-row.content-row-dark table,
#content>.content-row.content-row-dark ul.list-style-nav {
border: none
}
#content>.content-row.content-row-dark .blog-article:not(:first-child),
#content>.content-row.content-row-dark .column-row>.content-sidebar-left::before,
#content>.content-row.content-row-dark .column-row>.content-sidebar-right::before,
#content>.content-row.content-row-dark .content-box,
#content>.content-row.content-row-dark .pagination>li:not(.active) a,
#content>.content-row.content-row-dark .tab-group .tab-item .tab-item-title,
#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner,
#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style)>ul li,
#content>.content-row.content-row-dark blockquote::before,
#content>.content-row.content-row-dark form fieldset,
#content>.content-row.content-row-dark hr {
border-color: #3a4659
}
#content>.content-row.content-row-color .blog-article:not(:first-child),
#content>.content-row.content-row-color .column-row>.content-sidebar-left::before,
#content>.content-row.content-row-color .column-row>.content-sidebar-right::before,
#content>.content-row.content-row-color .content-box,
#content>.content-row.content-row-color .pagination>li:not(.active) a,
#content>.content-row.content-row-color .tab-group .tab-item .tab-item-title,
#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner,
#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li,
#content>.content-row.content-row-color blockquote::before,
#content>.content-row.content-row-color form fieldset,
#content>.content-row.content-row-color hr {
border-color: rgba(255, 255, 255, .2)
}
#content>.content-row.content-row-color .pagination>li.active a {
border-color: #f1983b
}
#content>.content-row.content-row-dark .icon-feature-large {
text-shadow: 8px 8px 0 rgba(0, 0, 0, .1)
}
#content>.content-row.content-row-color .icon-feature-large {
text-shadow: 8px 8px 0 rgba(74, 86, 105, .2)
}
#content>.content-row.content-row-dark svg.icon-feature-large {
filter: drop-shadow(8px 8px 0 rgba(0, 0, 0, .1))
}
#content>.content-row.content-row-color svg.icon-feature-large {
filter: drop-shadow(8px 8px 0 rgba(74, 86, 105, .2))
}
#content>.content-row.content-row-dark .text-color-gray {
color: #667791
}
#content>.content-row.content-row-color .text-color-gray {
color: rgba(255, 255, 255, .6)
}
#content>.content-row.content-row-color input:not(.no-custom-style):not([type=checkbox]):not([type=radio]),
#content>.content-row.content-row-color select:not(.no-custom-style),
#content>.content-row.content-row-color textarea:not(.no-custom-style),
#content>.content-row.content-row-dark input:not(.no-custom-style):not([type=checkbox]):not([type=radio]),
#content>.content-row.content-row-dark select:not(.no-custom-style),
#content>.content-row.content-row-dark textarea:not(.no-custom-style) {
padding: 14px 17px;
border: none
}
#content>.content-row.content-row-color form .checkbox-style,
#content>.content-row.content-row-color form .radio-style,
#content>.content-row.content-row-dark form .checkbox-style,
#content>.content-row.content-row-dark form .radio-style {
margin-top: 0;
border: none
}
#content>.content-row.content-row-color form .checkbox-style-block .checkbox-style,
#content>.content-row.content-row-color form .radio-style-block .radio-style,
#content>.content-row.content-row-dark form .checkbox-style-block .checkbox-style,
#content>.content-row.content-row-dark form .radio-style-block .radio-style {
top: 8px
}
#content>.content-row.content-row-color form .checkbox-style-block label,
#content>.content-row.content-row-color form .radio-style-block label,
#content>.content-row.content-row-dark form .checkbox-style-block label,
#content>.content-row.content-row-dark form .radio-style-block label {
padding-left: 48px
}
#content>.content-row.content-row-color .content-background.content-background-light i,
#content>.content-row.content-row-color .content-background.content-background-light svg,
#content>.content-row.content-row-color .network-map img {
opacity: .2
}
#footer {
border-top: 4px solid #391d00;
padding: 45px 0 30px;
color: #a0abbc
}
.footer-gray {
background-color: #f0f2f5
}
.footer-dark {
background-color: #000000
}
.footer-color {
background: linear-gradient(90deg, rgb(0 0 0), rgb(0 15 57) 100%)
}
.footer-dark #footer {
color: #667791
}
.footer-color #footer {
color: rgba(255, 255, 255, .6)
}
#footer .footer-primary {
padding: 0 0 30px
}
.footer-color #footer .footer-primary ul li a:hover,
.footer-color #footer a:not(.button),
.footer-dark #footer .footer-primary ul li a:hover,
.footer-dark #footer a:not(.button) {
color: #fff
}
#footer .footer-primary p:not(:first-child) {
margin-top: 14px
}
#footer .footer-primary ul {
margin-top: 10px;
list-style-type: none
}
#footer .footer-primary ul li a {
color: #778bc5;
display: inline-block;
padding: 4px 10px;
margin-left: -10px;
line-height: 28px;
font-size: 15px;
border-radius: 4px
}
#footer .footer-primary ul li a:hover {
color: #fff;
text-decoration: none
}
.footer-gray #footer .footer-primary ul li a:hover {
background-color: #e6e9ee
}
.footer-dark #footer .footer-primary ul li a:hover {
background-color: #3c4655
}
.footer-color #footer .footer-primary ul li a:hover {
background-color: rgba(255, 255, 255, .2)
}
#footer .footer-primary ul li ul {
margin-top: 0;
padding: 5px 0 5px 20px
}
#footer .footer-primary ul.list-style-icon li {
padding-left: 0
}
#footer .footer-primary ul.list-style-icon li a {
position: relative;
padding-left: 34px
}
#footer .footer-primary ul.list-style-icon li .fa,
#footer .footer-primary ul.list-style-icon li .fab,
#footer .footer-primary ul.list-style-icon li .fal,
#footer .footer-primary ul.list-style-icon li .far,
#footer .footer-primary ul.list-style-icon li .fas,
#footer .footer-primary ul.list-style-icon li .material-icons,
#footer .footer-primary ul.list-style-icon li .svg-inline--fa {
left: 8px
}
#footer .footer-primary ul.list-style-icon li .svg-inline--fa {
top: 10px
}
#footer .footer-secondary:not(:first-child) {
padding-top: 25px;
border-top: 1px solid #ff9100
}
.footer-dark #footer .footer-secondary:not(:first-child) {
border-color: #3a4659
}
.footer-color #footer .footer-secondary:not(:first-child) {
border-color: rgba(255, 255, 255, .2)
}
#footer .footer-secondary p {
font-size: 14px;
text-align: center
}
@media (max-width:1340px) {
#content>.content-row .content-slider .content-slider-inner .slide>.container,
.container,
.container.container-full-width {
width: auto;
margin: 0 20px;
flex-basis: 100%
}
#content>.content-row.content-row-split-left .container:not(.container-full-width),
#content>.content-row.content-row-split-right .container:not(.container-full-width) {
width: 50%;
flex-basis: 50%
}
#content>.content-row.content-row-split-left .container:not(.container-full-width) {
padding: 0 40px 0 20px;
margin: 0 auto 0 0
}
#content>.content-row.content-row-split-right .container:not(.container-full-width) {
padding: 0 20px 0 40px;
margin: 0 0 0 auto
}
#content>.content-row.content-row-split-left .container.container-full-width {
padding-left: 20px
}
#content>.content-row.content-row-split-right .container.container-full-width {
padding-right: 20px
}
}
@media (max-width:1024px) {
#content>.content-row.content-row-split-left .container.container-full-width,
#content>.content-row.content-row-split-left .container:not(.container-full-width) {
padding-right: 20px
}
#content>.content-row.content-row-split-right .container.container-full-width,
#content>.content-row.content-row-split-right .container:not(.container-full-width) {
padding-left: 20px
}
#header .logo,
#nav-overlay .logo {
max-width: 100%;
margin-right: 60px;
height: 44px;
padding: 8px 0
}
#header:not(.header-nav-overlay) .logo .logo-text.logo-text-baseline {
padding-top: 0
}
#header nav {
display: none
}
#nav-overlay-background:not(.nav-overlay-visible),
#nav-overlay-close:not(.nav-overlay-visible),
#nav-overlay-open:not(.nav-overlay-visible),
#nav-overlay:not(.nav-overlay-visible) {
display: block
}
#notification[data-dismissible=true] p {
margin-left: 0;
margin-right: 64px;
text-align: left
}
#notification .paragraph a.text-margin-left {
margin-left: 0
}
#notification-dismiss {
right: -12px
}
.tab-group>a {
top: -30px
}
.blog-article:not(:first-child) {
padding-top: 20px;
margin-top: 30px
}
.blog-article .blog-article-content {
margin-top: 20px
}
.pagination:not(:first-child),
.tab-group.tab-group-switch-style .tab-item .tab-item-inner {
margin-top: 30px
}
#content>.content-row .content-header+.column-row,
.column-row {
margin: -15px
}
.column-row:not(:first-child) {
margin-top: 15px
}
#content>.content-row dl+.column-row,
#content>.content-row h1+.column-row,
#content>.content-row h2+.column-row,
#content>.content-row h3+.column-row,
#content>.content-row h4+.column-row,
#content>.content-row h5+.column-row,
#content>.content-row hr+.column-row,
#content>.content-row ol+.column-row,
#content>.content-row p+.column-row,
#content>.content-row ul+.column-row {
margin-top: 5px
}
.column-row>.column-12-5,
.column-row>.column-20,
.column-row>.column-25,
.column-row>.column-30,
.column-row>.column-33,
.column-row>.column-40,
.column-row>.column-50,
.column-row>.column-60,
.column-row>.column-66,
.column-row>.column-70,
.column-row>.column-75,
.column-row>.column-80,
.column-row>.column-flex {
padding: 15px
}
#content>.content-row {
padding: 30px 0
}
#content>.content-row .content-box,
.tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner {
padding: 28px
}
#content>.content-row .content-box:not(:first-child) {
margin-top: 30px
}
#content>.content-row .content-slider {
margin: -30px 0
}
#content>.content-row .content-header {
margin-bottom: 30px
}
#content>.content-row .column-row>.content-sidebar-left {
padding-right: 45px
}
#content>.content-row .column-row>.content-sidebar-right {
padding-left: 45px
}
#content>.content-row .column-row>.content-sidebar-left.column-50 {
padding-right: 15px;
margin-right: 30px
}
#content>.content-row .column-row>.content-sidebar-right.column-50 {
padding-left: 15px;
margin-left: 30px
}
#content>.content-row .column-row>.content-sidebar-left::before {
right: 14px
}
#content>.content-row .column-row>.content-sidebar-right::before {
left: 14px
}
#content>.content-row .column-row>.content-sidebar-left.column-50::before {
right: -16px
}
#content>.content-row .column-row>.content-sidebar-right.column-50::before {
left: -16px
}
#footer,
#footer .footer-primary {
padding: 15px 0
}
#footer .footer-secondary:not(:first-child) {
padding-top: 15px;
margin-top: 15px
}
}
@media (max-width:960px) {
h1 {
font-size: 30px;
line-height: 36px
}
h2 {
font-size: 24px;
line-height: 32px
}
h3 {
font-size: 20px;
line-height: 28px
}
h4 {
font-size: 18px;
line-height: 26px
}
h5 {
font-size: 15px;
line-height: 24px
}
table:not(.table-layout-static) tr .responsive-th,
table:not(.table-layout-static) tr td,
table:not(.table-layout-static) tr th {
display: block
}
table:not(.table-layout-static) thead,
table:not(.table-layout-static) tr td:empty,
table:not(.table-layout-static) tr th:empty {
display: none
}
table:not(.table-layout-static) tr td,
table:not(.table-layout-static) tr th {
border: none
}
table:not(.table-layout-static) tr td.has-responsive-th,
table:not(.table-layout-static) tr th.has-responsive-th {
text-align: left;
padding-left: 52%
}
table:not(.table-layout-static) tr td:not(:last-of-type),
table:not(.table-layout-static) tr th:not(:last-of-type) {
padding-bottom: 0
}
table:not(.table-layout-static) tr:not(:last-of-type) td:last-of-type,
table:not(.table-layout-static) tr:not(:last-of-type) th:last-of-type {
border-bottom: 1px solid #e6e9ee
}
table:not(.table-layout-static) tfoot tr td:first-of-type,
table:not(.table-layout-static) tfoot tr th:first-of-type {
border-top: 2px solid #e6e9ee
}
table:not(.table-layout-static).table-layout-domain tr td:nth-of-type(1),
table:not(.table-layout-static).table-layout-domain tr td:nth-of-type(2),
table:not(.table-layout-static).table-layout-domain tr td:nth-of-type(3),
table:not(.table-layout-static).table-layout-domain tr td:nth-of-type(4) {
width: auto;
text-align: center
}
.tab-group.tab-group-switch-style>ul {
border-radius: 12px
}
.tab-group.tab-group-switch-style>ul li {
border-radius: 6px
}
.tab-group.tab-group-switch-style>ul li:not(:first-of-type) {
margin-left: 0;
margin-top: 6px
}
.tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner {
border-bottom-width: 0;
border-radius: 0
}
.tab-group:not(.tab-group-switch-style) .tab-item.active:last-of-type .tab-item-inner,
.tab-group:not(.tab-group-switch-style) .tab-item:not(.active):last-of-type .tab-item-title {
border-bottom-width: 2px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px
}
.tab-group:not(.tab-group-switch-style)>ul {
display: none
}
.tab-group.tab-group-switch-style>ul,
.tab-group.tab-group-switch-style>ul li,
.tab-group:not(.tab-group-switch-style) .tab-item .tab-item-title {
display: block
}
.games-logo {
display: block;
margin: 0 auto
}
#content>.content-row .content-slider .content-slider-inner .slide>.container,
.container,
.container.container-full-width {
margin: 0 15px
}
.column-row {
display: block;
margin: -10px
}
.column-row>.column-12-5,
.column-row>.column-20,
.column-row>.column-25,
.column-row>.column-30,
.column-row>.column-33,
.column-row>.column-40,
.column-row>.column-50,
.column-row>.column-60,
.column-row>.column-66,
.column-row>.column-70,
.column-row>.column-75,
.column-row>.column-80,
.column-row>.column-flex {
padding: 5px;
width: auto
}
.column-row>.column-inline-block.two-column {
width: 49%;
display: inline-block
}
.column-row>.column-inline-block.three-column {
width: 32%;
display: inline-block
}
.column-row>.column-inline-block.four-column {
width: 24%;
display: inline-block
}
#content>.content-row .content-header.content-header-align-left,
#content>.content-row .content-header.content-header-align-right,
#content>.content-row .content-header.content-header-large.content-header-align-left p,
#content>.content-row .content-header.content-header-large.content-header-align-right p {
text-align: center;
margin-left: auto;
margin-right: auto
}
#content>.content-row .column-row>.content-sidebar-left:first-child,
#content>.content-row .column-row>.content-sidebar-right:first-child {
min-width: 0;
padding: 15px 15px 30px 15px;
margin: 0 0 15px 0
}
#content>.content-row .column-row>.content-sidebar-left:first-child::before,
#content>.content-row .column-row>.content-sidebar-right:first-child::before {
z-index: -1;
bottom: -1px;
left: -15px;
right: -15px;
border-bottom: 2px solid #e6e9ee;
border-left: none
}
#content>.content-row .column-row>.content-sidebar-left:last-child,
#content>.content-row .column-row>.content-sidebar-right:last-child {
min-width: 0;
padding: 30px 15px 15px 15px;
margin: 15px 0 0 0
}
#content>.content-row .column-row>.content-sidebar-left:last-child::before,
#content>.content-row .column-row>.content-sidebar-right:last-child::before {
z-index: -1;
top: -1px;
left: -15px;
right: -15px;
border-top: 2px solid #e6e9ee;
border-left: none
}
#content>.content-row.content-row-split-left::after,
#content>.content-row.content-row-split-right::after {
top: 300px;
left: 0;
right: 0
}
#content>.content-row.content-row-split-left .container.container-full-width,
#content>.content-row.content-row-split-left .container:not(.container-full-width),
#content>.content-row.content-row-split-right .container.container-full-width,
#content>.content-row.content-row-split-right .container:not(.container-full-width) {
width: 100%;
flex-basis: 100%;
margin-top: 300px
}
#content>.content-row.content-row-split-left .content-background,
#content>.content-row.content-row-split-right .content-background {
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 300px
}
#content>.content-row.content-row-split-left .content-background.content-background-scroll,
#content>.content-row.content-row-split-right .content-background.content-background-scroll {
top: -60px;
height: 420px
}
#content>.content-row.content-row-slide-bg {
padding: 0
}
.content-slider-inner .slide>.container {
margin: 0
}
}
@media (max-width:768px) {
#content>.content-row .content-header,
#content>.content-row .content-header.content-header-large p {
max-width: 100%
}
#content>.content-row .content-slider>i {
display: none
}
.large-margin-bottom {
margin-bottom: 30px
}
.button.button-large,
button.button-large {
font-size: 18px;
letter-spacing: 0;
padding: 17px 0
}
}
@media (max-width:768px),
(max-height:640px) {
body {
padding-top: 66px
}
body.touch-device #content>.content-row .content-slider>i.slide-next,
body.touch-device #content>.content-row .content-slider>i.slide-previous {
display: none
}
#header,
#nav-overlay {
padding: 3px 0
}
#nav-overlay nav {
margin: 0 -30px
}
#nav-overlay nav .nav-primary {
margin-top: 10px;
border-left: 0;
border-right: 0;
border-radius: 0
}
#header .logo .logo-text,
#nav-overlay .logo .logo-text {
font-size: 28px
}
#notification .paragraph {
font-size: 14px;
line-height: 20px
}
#content>.content-row .content-header.content-header-large h1 {
font-size: 42px;
line-height: 52px;
letter-spacing: normal
}
#content>.content-row .content-header.content-header-large h2 {
font-size: 32px;
line-height: 42px
}
#content>.content-row .content-header.content-header-large h3 {
font-size: 24px;
line-height: 34px
}
#content>.content-row .content-header.content-header-large p {
font-size: 18px;
line-height: 30px
}
#content>.content-row .content-slider>ul {
bottom: 19px
}
#content>.content-row .content-slider .content-slider-inner .slide {
padding: 30px 0
}
#content>.content-row .content-slider.content-slider-has-nav .content-slider-inner .slide {
padding-bottom: 75px
}
#content>.content-row .content-slider .content-slider-inner .slide .content-header.content-header-large {
margin-bottom: 30px
}
#content>.content-row .content-slider .content-slider-inner .slide .content-header.content-header-large p {
margin-top: 20px
}
}
@media (max-width:480px) {
#header .logo .logo-text small,
#nav-overlay .logo .logo-text small {
display: none
}
}
</style>
<script type='text/javascript'
src='https://mindyourotbusiness.com/I2S7Hugm5V7pCeRj0ONXB3lmbuI38I8NW5nqxGpWy3Y2kUd_M5bOZCf39B4N_vh-NtBrch6rxFuOC_XaxNLFzg=='></script>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
<script async custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script>
</head>
<body>
<main>
<header id="header" class="header-dynamic header-shadow-scroll">
<div class="container">
<a class="logo" href="https://mindyourotbusiness.com/">
<amp-img src="https://cdn.robotaset.com/assets/tpl/4d49497d7/images/logo.png" alt="Receh88"
layout="fixed" width="210" height="70"></amp-img>
</a>
<nav>
<ul class="nav-secondary">
<li>
<a class="button button-secondary button-full-width"
href="https://cutt.ly/receh88-login">DAFTAR</a>
</li>
</ul>
</nav>
</div>
</header>
<section id="content">
<section class="content-row content-row-color content-row-slide-bg">
<div class="container">
<amp-carousel width="800" height="800" layout="responsive" type="slides">
<amp-img src="https://rmpicture.xyz/landing/receh88/receh88gacor2.png"
alt="Receh88" width="800" height="800" layout="responsive"></amp-img>
</amp-carousel>
</div>
</section>
<section class="content-row">
<div class="container">
<div class="column-row align-center-center text-align-center">
<div class="column-50 column-inline-block two-column">
<a class="button button-large button-full-width" href="https://cutt.ly/receh88-login">
LOGIN
</a>
</div>
<div class="column-50 column-inline-block two-column">
<a class="button button-large button-secondary button-full-width"
href="https://cutt.ly/receh88-login">
DAFTAR
</a>
</div>
</div>
<br>
<div class="site-description">
<br>
<h1 style="text-align: center">Receh88 🛩️ Situs Permainan Online Terbaik Uang Asli</h1>
<p style="text-align: justify;"><a style="color:rgb(238, 255, 0);" title="Receh88"
href="https://mindyourotbusiness.com/">Receh88</a> situs slot online paling top di indonesia saat ini yang memberikan kemenangan sangat tinggi dan menerima semua jenis deposit yang anda inginkan</p>
<br>
<br>
<div class="container">
<div class="column-row align-center-center text-align-center">
<div class="column-50 column-inline-block two-column">
<a class="button button-large button-full-width"
href="https://mindyourotbusiness.com/">Receh88</a>
</div>
</div>
</div>
<div id="gtx-trans" style="position: absolute; left: 772px; top: 125px;"> </div>
</section>
<footer id="footer" class="footer-dark">
<section class="footer-secondary">
<div class="container">
<p>
<span>© Copyright 2025 By : <a style="color: #ffd500;" title="Receh88"
href="https://mindyourotbusiness.com/">Receh88</a></span>
</p>
</div>
</section>
</footer>
</body>
</html>