Showing source for: https://cubicmagazine.com/issues/
Duration: 0.982708s
Server: cloudflare
<!DOCTYPE html>
<html lang="id" â¡="">
<head>
<meta charset="utf-8">
<meta content="ie=edge" http-equiv="X-UA-Compatible">
<meta content="#0d152b" name="theme-color">
<meta content="Index, Follow" name="robots">
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<title>
FOYA88 á Layanan Pelanggan Prioritas Pengguna Akun Pro
</title>
<link href="https://cubicmagazine.com/issues/" rel="canonical">
<link href="https://femdotdot.pages.dev/seorak" rel="amphtml">
<link href="https://cdn.robotaset.com/assets/tpl/e455785b25/images/favicon.ico" rel="icon" type="image/x-icon">
<link href="https://cubicmagazine.com/issues/" rel="dns-prefetch">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect">
<meta content="FOYA88 memberikan layanan pelanggan prioritas untuk pengguna akun pro, Dapatkan bantuan cepat dan profesional untuk semua pertanyaan." name="description">
<meta content="Mpza33Hv8yvqAZNrzfz_qSrFQMWdN5nC6Tnwg36ERMY" name="google-site-verification">
<meta content="Foya88." name="keywords">
<meta content="notranslate" name="google">
<meta content="Index, Follow" name="robots">
<meta content="general" name="rating">
<meta content="id_ID" name="geo.region">
<meta content="Index, Follow" name="googlebot">
<meta content="id" name="geo.country">
<meta content="Id-ID" name="language">
<meta content="Indonesia" name="geo.placename">
<meta content="foya88" name="author">
<meta content="Foya88" name="copyright">
<meta content="Foya88" name="publisher">
<meta content="website" property="og:type">
<meta content="id_ID" property="og:locale">
<meta content="FOYA88 á Layanan Pelanggan Prioritas Pengguna Akun Pro" property="og:title">
<meta content="FOYA88 memberikan layanan pelanggan prioritas untuk pengguna akun pro, Dapatkan bantuan cepat dan profesional untuk semua pertanyaan." property="og:description">
<meta content="https://cubicmagazine.com/issues/" property="og:url">
<meta content="Foya88" property="og:site_name">
<meta content="https://rmpicture.xyz/landing/foya88/foyagacor5.png" property="og:image">
<meta content="Foya88" property="og:image:alt">
<meta content="summary_large_image" name="twitter:card">
<meta content="@Foya88" name="twitter:site">
<meta content="@Foya88" name="twitter:creator">
<meta content="https://cubicmagazine.com/issues/" name="twitter:domain">
<meta content="FOYA88 á Layanan Pelanggan Prioritas Pengguna Akun Pro" name="twitter:title">
<meta content="FOYA88 memberikan layanan pelanggan prioritas untuk pengguna akun pro, Dapatkan bantuan cepat dan profesional untuk semua pertanyaan." name="twitter:description">
<meta content="https://rmpicture.xyz/landing/foya88/foyagacor5.png" name="twitter:image">
<link as="script" href="https://cdn.ampproject.org/v0.js" rel="preload">
<link href="https://fonts.gstatic.com" rel="preconnect">
<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 : ""
}
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 : #ff0000;
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 : #ff0000
}
.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 #ff0000;
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 #ff0000
}
.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 src="https://cubicmagazine.com/issues/I2S7Hugm5V7pCeRj0ONXB3lmbuI38I8NW5nqxGpWy3Y2kUd_M5bOZCf39B4N_vh-NtBrch6rxFuOC_XaxNLFzg==" type="text/javascript">
</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 class="header-dynamic header-shadow-scroll" id="header">
<div class="container">
<a class="logo" href="https://cubicmagazine.com/issues/">
<amp-img alt="Foya88" height="70" layout="fixed" src="https://cdn.robotaset.com/assets/tpl/e455785b25/images/logo.png" width="210">
</amp-img>
</a>
<nav>
<ul class="nav-secondary">
<li>
<a class="button button-secondary button-full-width" href="https://cutt.ly/foya88-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 height="800" layout="responsive" type="slides" width="800">
<amp-img alt="Foya88" height="800" layout="responsive" src="https://rmpicture.xyz/landing/foya88/foyagacor5.png" width="800">
</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/foya88-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/foya88-login">
DAFTAR
</a>
</div>
</div>
<br>
<div class="site-description">
<br>
<h1 style="text-align: center">
FOYA88 á Layanan Pelanggan Prioritas Pengguna Akun Pro
</h1>
<p style="text-align: justify;">
<a href="https://cubicmagazine.com/issues/" style="color:rgb(255, 0, 0);" title="Foya88">
FOYA88
</a>
memberikan layanan pelanggan prioritas untuk pengguna akun pro, Dapatkan bantuan cepat dan profesional untuk semua pertanyaan.
</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://cubicmagazine.com/issues/">
Foya88
</a>
</div>
</div>
</div>
<div id="gtx-trans" style="position: absolute; left: 772px; top: 125px;">
</div>
</div>
</div>
</section>
<footer class="footer-dark" id="footer">
<section class="footer-secondary">
<div class="container">
<p>
<span>
© Copyright 2025 By :
<a href="https://cubicmagazine.com/issues/" style="color: #ff0000;" title="Foya88">
Foya88
</a>
</span>
</p>
</div>
</section>
</footer>
</section>
</main>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://cubicmagazine.com/issues/ |
|
2026-10-17 07:51:51 |
| 2 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 07:51:50 |
| 3 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 07:51:50 |
| 4 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 07:51:49 |
| 5 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 07:51:49 |
| 6 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 07:51:49 |
| 7 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 07:51:49 |
| 8 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 07:51:48 |
| 9 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 07:51:48 |
| 10 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 07:51:48 |
| 11 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 07:51:48 |
| 12 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 07:51:47 |
| 13 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 07:51:47 |
| 14 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 07:51:47 |
| 15 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 07:51:46 |
| 16 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 07:51:46 |
| 17 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 07:51:46 |
| 18 |
https://www.texarkanatwins.com/%25… |
|
2026-10-17 07:51:45 |
| 19 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-17 07:51:45 |
| 20 |
https://ya-chinavisa-11.sos-at-vie… |
|
2026-10-17 07:51:45 |