Showing source for: https://pecahpvp777.com/
Duration: 1.423894s
Server: LiteSpeed
<!DOCTYPE html>
<html amp="" itemscope="itemscope" itemtype="http://schema.org/WebPage" lang="id">
<head>
<meta charset="utf-8">
<meta content="ie=edge" http-equiv="X-UA-Compatible">
<meta content="#001325" name="theme-color">
<meta content="index, follow" name="robots">
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<link href="https://ik.imagekit.io/kimspoker/PVP777/favicon.png?updatedAt=1715514552677" rel="icon">
<link href="https://pecahpvp777.com/" rel="canonical">
<link href="https://pecahpvp777.com/" rel="dns-prefetch">
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap" rel="stylesheet">
<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>
<title>
PVP777 Bandar Slot Gacor Hari Ini Mudah Menang Jackpot
</title>
<link href="https://pub-a546de6c942e447ab510b8a2de364126.r2.dev/index.html" rel="amphtml">
<meta content="uhqTbeRPUbzJ4Shby4ta4gu8Em2Itr5lgQyQclf2IlI" name="google-site-verification">
<meta content="PVP777 merupakan bandar slot gacor ini yang menyediakan banyak hadiah jackpot maxwin dan mempunyai provider terlengkap dengan akses mudah." name="description">
<meta content="PVP777" name="keywords">
<meta content="website" name="categories">
<meta content="id-ID" name="language">
<meta content="PVP777" name="author">
<meta content="id_ID" property="og:locale">
<meta content="PVP777 Bandar Slot Gacor Hari Ini Mudah Menang Jackpot" property="og:title">
<meta content="website" property="og:type">
<meta content="PVP777 merupakan bandar slot gacor ini yang menyediakan banyak hadiah jackpot maxwin dan mempunyai provider terlengkap dengan akses mudah." property="og:description">
<meta content="https://ik.imagekit.io/kimspoker/PVP777/PVP777.jpg?updatedAt=1715575124909" property="og:image">
<meta content="https://pecahpvp777.com/" property="og:url">
<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,,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 : #6200e1;
line-height : 1;
font-size : 16px;
font-weight : 400;
font-family : Rubik,sans-serif;
background-color : #001325;
-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 : #212223;
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 : #212223
}
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 : #212223;
background : #001325
}
a {
color : #f9f7b0;
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 : #fff;
font-weight : 700
}
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 : #212223
}
.text-color-light {
color : #fff
}
.text-color-gray {
color : #212223
}
.text-color-primary {
color : #212223
}
.text-color-secondary {
color : #001325
}
.text-color-success {
color : #00b75a
}
.text-color-warning {
color : #ffcc34
}
.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 : #f9f7b0;
border : 2px solid #f9f7b0;
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 : #001325
}
ul.list-style-nav>li a:hover {
color : #212223;
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 : #fff;
text-align : center;
background-color : #212223;
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-color : #212223;
border-top-left-radius: 12px;
border-top-right-radius: 12px
}
table tr td,table tr th {
padding : 10px;
line-height : 24px;
vertical-align : middle;
border : 1px solid #fff
}
table thead tr th {
color : #21222300;
background-color : #21222300;
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 : #212223;
font-size : 20px;
font-weight : 700
}
table tr .responsive-th {
display : none;
overflow : hidden;
position : absolute;
left : 4%;
width : 44%;
color : #212223;
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 : #cd3100
}
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 : #212223
}
form .checkbox-style.disabled,form .radio-style.disabled {
background-color : #001325
}
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 : #212223;
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 : #212223;
border-radius : 4px
}
form .checkbox-style.disabled .svg-inline--fa,form .checkbox-style.disabled i,form .radio-style.disabled .radio-style-icon {
color : #212223;
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 : #212223
}
form .search-style .svg-inline--fa,form .select-style .svg-inline--fa {
position : absolute;
top : 18px;
right : 10px;
width : 32px;
cursor : pointer;
color : #212223
}
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 : #212223
}
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 #262626;
background : #f9f7b0;
border-radius : 6px;
box-sizing : border-box;
text-shadow : 0 1px 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-color : #f9f7b0
}
.button.button-secondary,button.button-secondary {
color : #fff;
background-color : #f9f7b0
}
.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 : #fff;
text-decoration : none;
background-color : #b29b3a;
}
.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-color : #212223;
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 : #212223
}
.icon-feature-large {
height : 256px;
line-height : 256px;
font-size : 256px;
color : #212223;
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 : #212223
}
.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 : #212223;
background-color : #fff;
border : 2px solid #e6e9ee;
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 : #212223
}
.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 : #212223
}
.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 : #001325
}
.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 : #212223;
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 : #212223;
transition : color .2s
}
.tab-group.tab-group-switch-style>ul li.active {
color : #fff;
background-color : #212223
}
.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 : #001325
}
.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,.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 : #212223
}
#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 : #212223
}
#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 : #212223
}
#nav-overlay.nav-overlay-dark nav .nav-secondary li a {
color : #f9f7b0
}
#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 : #212223
}
#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,255,255,.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 : #212223;
background-color : #fff;
border-color : #e6e9ee
}
#nav-overlay-close.nav-overlay-dark,#nav-overlay-open.nav-overlay-dark {
color : #212223;
border-color : #3a4659
}
#nav-overlay-background {
position : fixed;
z-index : 1000;
top : 0;
left : 0;
width : 100%;
height : 100%;
padding-bottom : 100%;
background-color : #001325
}
#nav-overlay-background.nav-overlay-light {
background-color : #fff
}
#nav-overlay-background.nav-overlay-gray {
background-color : #001325
}
#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-image : linear-gradient(to bottom,#333 0%,#333 100%);
border-bottom : 4px solid #ffffff;
transition : transform .4s,box-shadow .4s
}
#header.header-static {
position : absolute
}
#header.header-light {
background-color : #fff
}
#header.header-gray {
background-color : #001325
}
#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 : #212223
}
#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 : #667791;
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 : #212223;
text-decoration : none;
background-color : #001325
}
#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 #212223;
background-image : linear-gradient(0deg,#667791,#fff)
}
#header.header-gray nav .nav-secondary li a,#header.header-light nav .nav-secondary li a {
color : #212223
}
#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 : #212223
}
#content>.content-row {
background : #001325;
background : -moz-radial-gradient(bottom,circle cover,#001325 0,#001325 50%);
background : -webkit-radial-gradient(bottom,circle cover,#001325 0,#001325 50%);
background : #212223;
position : relative;
overflow : hidden;
padding : 10px 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 : #001325;
background : -moz-linear-gradient(left,#001325 0,#132c63 25%,#132c63 75%,#001325 100%);
background : -webkit-linear-gradient(left,#001325 0,#132c63 25%,#132c63 75%,#001325 100%);
background : #212223;
padding : 2px 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 : #212223;
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 : #212223
}
#content>.content-row .content-slider>ul li.active {
color : #212223
}
#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-color : #212223
}
#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 : #212223;
text-align : center;
cursor : pointer;
transition : color .2s;
user-select : none
}
#content>.content-row .content-slider>i:hover {
color : #212223
}
#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 : #212223;
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 : #212223
}
#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,#001325 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(#001325 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("")
}
#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("")
}
#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 : #667791
}
#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 : #212223
}
,
#content>.content-row.content-row-color .tags li a:hover {
color : #212223
}
#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-color : #212223
}
#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 : #001325
}
#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 #001325;
padding : 45px 0 30px;
color : #212223
}
.footer-gray {
background-color : #001325
}
.footer-dark {
background-color : #001325
}
.footer-color {
background-color : #212223
}
.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 : #6200e1;
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 : 5px
}
.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;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 : 1px solid #fff
}
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 #212223
}
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
}
}
.fixed-footer {
display : flex;
justify-content : space-around;
position : fixed;
background : #002bc9;
background-image : linear-gradient(to bottom,#f9f7b0 0%,#b29b3a 100%);
padding : 5px 0;
left : 0;
right : 0;
bottom : 0;
z-index : 99
}
.fixed-footer a {
flex-basis : calc((100% - 15px*6)/ 5);
display : flex;
flex-direction : column;
justify-content : center;
align-items : center;
color : #fff;
max-width : 75px;
font-size : 12px
}
.fixed-footer .center {
transform : scale(1.5) translateY(-5px);
background : center no-repeat;
background-size : contain;
background-color : inherit;
border-radius : 50%
}
.fixed-footer amp-img {
max-width : 30%;
margin-bottom : 5px
}
.tengah {
text-align : center
}
.kelapkelip {
font-family : tahoma, arial, helvetica, sans-serif;
font-size : 15px;
color : #999;
animation : kelapkelip 1s ease-out infinite;
}
p, li {
text-align : justify;
}
@keyframes kelapkelip {
from {
text-shadow : 0px 0px 1px #def, 0px 0px 2px #def, 0px 0px 2px #def, 0px 0px 2px #def, 0px 0px 2px #def, 0px 0px 2px #def, 0px 0px 2px #fff, 0px 0px 12px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #7B96B8, 0px 0px 5px #7B96B8, 0px 5px 2px #ffffe8, 0px 5px 25px #ffffe8, 0px 5px 50px #e4be0d, 0px 5px 50px #e4be0d, 0px -5px 50px #e4be0d, 0px -5px 50px #e4be0d;
color : #fff, #fff, #fff, #ffffe8, #fdfebe, #fdff74, #ffe674, #e4be0d;
}
}
</style>
</head>
<body>
<header class="header-dynamic header-shadow-scroll" id="header">
<div class="tengah">
<span itemscope="itemscope" itemtype="http://schema.org/Brand">
<a href="https://pecahpvp777.com/" itemprop="url">
<amp-img alt="PVP777" height="60" layout="fixed" src="https://ik.imagekit.io/kimspoker/PVP777/logopvp777.png?updatedAt=1715492293812" width="260">
</amp-img>
</a>
</span>
</div>
</header>
<section id="content">
<section class="content-row content-row-color content-row-slide-bg">
<div class="container slide">
<amp-carousel height="487" layout="responsive" type="slides" width="1000">
<amp-img alt="PVP777" height="600" layout="responsive" src="https://ik.imagekit.io/kimspoker/PVP777/PVP777.jpg?updatedAt=1715575124909" width="1280">
</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://cowandcocafe.com/" rel="noopener">
LOGIN
</a>
</div>
<div class="column-50 column-inline-block two-column">
<a class="button button-large button-secondary button-full-width" href="https://cowandcocafe.com/" rel="noopener">
DAFTAR
</a>
</div>
<div class="column-50 column-inline-block two-column">
<a class="button button-large button-secondary button-full-width" href="https://cowandcocafe.com/" rel="noopener">
LINK ALTERNATIF
</a>
</div>
<div class="column-50 column-inline-block two-column">
<a class="button button-large button-secondary button-full-width" href="https://cowandcocafe.com/" rel="noopener">
RTP LIVE
</a>
</div>
<div class="column-50 column-inline-block two-column">
<a class="button button-large button-secondary button-full-width" href="https://cowandcocafe.com/" rel="noopener">
LINK GACOR
</a>
</div>
<div class="column-50 column-inline-block two-column">
<a class="button button-large button-secondary button-full-width" href="https://cowandcocafe.com/" rel="noopener">
SERVER ALTERNATIF
</a>
</div>
</div>
<hr>
<header class="content-header">
<p style="font-size:15px; font-weight: bolder; letter-spacing: -1px; text-align: center;">
Ayo
<a href="https://pecahpvp777.com/">
daftar PVP777
</a>
dengan
<a href="https://pecahpvp777.com/">
link PVP777
</a>
dari admin terpercaya. winrate pasti tinggi. Khusus
<a href="https://pecahpvp777.com/">
PVP777
</a>
.
</p>
<p>
</p>
</header>
</div>
<div style="display:none;">
</div>
</section>
<div class="fixed-footer">
<a href="https://cowandcocafe.com/" rel="noopener" target="_blank">
<amp-img alt="PVP777" height="75" layout="intrinsic" src="https://i.imgur.com/BV4Xq3y.png" width="75">
</amp-img>
Bonus
</a>
<a href="https://cowandcocafe.com/" rel="noopener" target="_blank">
<amp-img alt="daftar rajathor" class="center" height="50" layout="intrinsic" src="https://i.imgur.com/rYpaKG9.png" width="50">
</amp-img>
Daftar
</a>
<a href="https://cowandcocafe.com/-lc" rel="noopener" target="_blank">
<amp-img alt="livechat" class="live-chat-icon" height="75" layout="intrinsic" src="https://i.imgur.com/eql8hrp.png" width="75">
</amp-img>
Live Chat
</a>
</div>
</section>
</body>
</html>