allmutt.com Ads.txt file
<!DOCTYPE html>
<html amp lang="id">
<head>
<title>HOKI311 : SLOT ONLINE GAMING HUGE BONUS OPEN FOR 24 HOURS</title>
<link rel="canonical" href="https://allmutt.com/">
<link rel="icon" href="https://allmutt.com/images/favicon.png">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="description" content="Hoki311 offers the best slot online just for you. Join us to have a massive advantage in gaming industry. Enjoy it!">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="use-credentials">
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@500&display=swap" rel="stylesheet">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<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,
body,
caption,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
ol,
pre,
samp,
small,
span,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-size: 100%;
vertical-align: baseline;
font-family: 'Bebas Neue', sans-serif;
}
body {
line-height: 1;
color: #222;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
background: #000;
font-weight: 700;
}
ol,
ul {
list-style: none
}
strong {
color: #00ade3;
}
p {
padding: 0;
border: 0;
outline: 0;
font-weight: 500;
font-size: 100%;
font-family: 'Poppins', sans-serif;
line-height: 125%;
}
li {
padding: 0;
border: 0;
outline: 0;
font-weight: 500;
font-size: 100%;
font-family: 'Poppins', sans-serif;
line-height: 125%;
}
table {
border-collapse: separate;
border-spacing: 0
}
caption,
table,
td,
th {
vertical-align: middle
}
caption,
td,
th {
text-align: left;
font-weight: 400
}
a img {
border: none
}
span.blue_gradient.gradient_text {
color: #00ffff;
display: block;
text-shadow: 2px 2px #000000;
}
span.red_gradient.gradient_text {
color: #fbff02;
display: block;
text-shadow: 2px 2px #000000;
}
@font-face {
font-family: Roboto;
src: local("Roboto Light"), local("Roboto-Light"), url(../fonts/hinted-Roboto-Light.woff2) format("woff2"), url(../fonts/hinted-Roboto-Light.woff) format("woff");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: Montserrat;
src: local("Montserrat Medium"), local("Montserrat-Medium"), url(../fonts/hinted-Montserrat-Medium.woff2) format("woff2"), url(../fonts/hinted-Montserrat-Medium.woff) format("woff");
font-weight: 500;
font-style: normal
}
@font-face {
font-family: Roboto;
src: local("Roboto Black"), local("Roboto-Black"), url(../fonts/hinted-Roboto-Black.woff2) format("woff2"), url(../fonts/hinted-Roboto-Black.woff) format("woff");
font-weight: 900;
font-style: normal
}
@font-face {
font-family: Montserrat;
src: local("Montserrat Regular"), local("Montserrat-Regular"), url(../fonts/hinted-Montserrat-Regular.woff2) format("woff2"), url(../fonts/hinted-Montserrat-Regular.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'Chakra Petch';
src: url(../fonts/chakra-petch-v8-latin-700italic.eot);
src: local(''), url(../fonts/chakra-petch-v8-latin-700italic-1.eot) format('embedded-opentype'), url(../fonts/chakra-petch-v8-latin-700italic.woff2) format('woff2'), url(../fonts/chakra-petch-v8-latin-700italic.woff) format('woff'), url(../fonts/chakra-petch-v8-latin-700italic.ttf) format('truetype'), url(../fonts/chakra-petch-v8-latin-700italic.svg) format('svg');
font-style: italic;
font-weight: 700
}
input,
select,
textarea {
font-size: inherit
}
a,
input,
select,
textarea {
font-family: inherit;
color: inherit
}
a {
text-decoration: none
}
img {
max-width: 100%;
height: auto
}
.wrap_all {
overflow: hidden;
position: relative;
width: 100%
}
.content {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
width: 100%
}
header {
background: url(./images/head-bg.webp) 50%/cover no-repeat
}
.card {
padding: 15px 10px;
letter-spacing: 1px;
}
#ch {
display: none;
}
#ch:checked ~ .contents {
display: block;
}
#ch:checked ~ label {
display: none;
}
.contents {
display: none;
}
label {
display: inline-block;
cursor: pointer;
background-color: #ff0f0f;
padding: 10px 13px;
margin-top: 5px;
color: #fff;
border-radius: 20px;
}
.top_block_wrp {
position: relative;
padding: 127px 0 110px
}
.top_block_wrp .mibile_white {
display: none
}
.top_block_wrp .design img {
position: absolute;
top: 0;
left: 50%
}
.top_block_wrp .design .casinogirl {
margin-left: -311px;
top: 30px;
max-width: 166px;
}
.top_block_wrp .design .slot1 {
top: 39px;
margin-left: -286px;
max-width: 304px;
}
.top_block_wrp .design .zeussl {
top: 90px;
margin-left: -473px;
max-width: 267px;
}
.top_block_wrp .design .soccer {
margin-left: -345px;
top: 155px;
max-width: 320px;
}
.top_block_wrp .smoke img {
top: auto;
bottom: 0;
margin-left: -870px;
opacity: 0;
-webkit-animation: smoke_move 4s linear infinite;
-moz-animation: smoke_move 4s linear infinite;
animation: smoke_move 4s linear infinite
}
.top_block_wrp .smoke img:nth-child(2) {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
animation-delay: 2s
}
header {
background: url(./images/head-bg.webp) 50%/cover no-repeat
}
.header-block .top {
font-family: 'Dosis', sans-serif;
font-weight: 500;
font-style: normal;
font-size: 25px;
padding: 15px 0 10px;
background: #00000073
}
.header-block .boses {
font-size: 46px;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: center;
}
.header-titles {
text-transform: uppercase;
font-size: 69px;
margin-bottom: 45px
}
.btn-block,
.header-titles {
max-width: 480px;
margin-left: auto;
text-align: center;
position: relative;
z-index: 2
}
.btn {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-transform: uppercase;
width: 350px;
height: 75px;
-moz-border-radius: 60px;
border-radius: 60px;
text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
font-size: 41px;
margin: auto;
/*-webkit-animation: scale_btn .5s ease-in-out infinite alternate;*/
/*-moz-animation: scale_btn .5s ease-in-out infinite alternate;*/
/*animation: scale_btn .5s ease-in-out infinite alternate;*/
-webkit-filter: brightness(1.01);
filter: brightness(1.01);
-webkit-transition: -webkit-filter .4s;
transition: -webkit-filter .4s;
-moz-transition: filter .4s;
transition: filter .4s;
transition: filter .4s, -webkit-filter .4s;
background: #d2ba00;
text-shadow: 2px 2px 3px black;
font-weight: 600;
}
.btn:hover {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
animation-play-state: paused;
-webkit-filter: brightness(1.1);
filter: brightness(1.1)
}
main {
display: block
}
.primary-btn {
letter-spacing: 1.2px;
margin-top: 15px;
}
.secondary-btn {
letter-spacing: 1.2px;
}
.main-block {
background: rgb(13,13,13);
background: linear-gradient(360deg, rgba(13,13,13,1) 0%, rgba(31,31,31,1) 50%, rgba(0,0,0,1) 100%);
position: relative;
padding: 64px 0 80px;
text-align: center;
border: 4px solid hsla(0, 0%, 100%, .3);
border-left: 0;
border-right: 0;
}
.main-block .light img {
position: absolute;
-webkit-animation: glow_op 2s ease-in-out infinite alternate;
-moz-animation: glow_op 2s ease-in-out infinite alternate;
animation: glow_op 2s ease-in-out infinite alternate
}
.main-block .light .left {
left: 50%;
margin-left: -1600px
}
.main-block .light .right {
right: 50%;
margin-right: -1400px
}
.main-block .block-title {
font-size: 42px;
margin-bottom: 47px
}
.main-block .payments_method {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 88px
}
.main-block .payments_method .img_wrp {
margin: 13px 10px
}
.main-block .payments_method .payments_method_row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: auto
}
.main-block .payments_method .payments_method_row .img_wrp {
display: inline-block
}
.main-block .img_wrp_first img {
height: 56px
}
.main-block .steps {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 80px
}
.main-block .steps.visible .step-icon {
-webkit-transform: scale(1) translateZ(0);
-moz-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0)
}
.main-block .steps.visible .step-text {
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0)
}
.main-block .steps .step-item {
margin: 0 65px
}
.main-block .steps .step-icon {
margin-bottom: 13px;
width: 180px;
height: 180px;
background: #021012;
border: 2px solid #63d5ff;
position: relative;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 50px rgba(146, 240, 247, 0.7);
-moz-box-shadow: 0 0 50px rgba(64, 222, 233, 0.7);
box-shadow: 0 0 50px rgba(94, 240, 250, 0.7);
text-align: center;
margin: 0 auto 68px;
-webkit-transform: scale(0) translateZ(0);
-moz-transform: scale(0) translateZ(0);
transform: scale(0) translateZ(0);
-webkit-transition: -webkit-transform .8s;
transition: -webkit-transform .8s;
-moz-transition: transform .8s, -moz-transform .8s;
transition: transform .8s;
transition: transform .8s, -webkit-transform .8s, -moz-transform .8s
}
.main-block .steps .step-icon .ckeck {
position: absolute;
bottom: 0;
-moz-border-radius: 50%;
border-radius: 50%;
max-width: 47px;
right: 0;
-webkit-box-shadow: 0 0 10px #00f0ff, inset 0 0 15px #00f0ff;
-moz-box-shadow: 0 0 10px #00f0ff, inset 0 0 15px #00f0ff;
box-shadow: 0 0 10px #00f0ff, inset 0 0 15px #00f0ff
}
.main-block .steps .step-text {
opacity: 0;
-webkit-filter: blur(6px);
filter: blur(6px);
-webkit-transition: opacity .2s, -webkit-filter .7s;
transition: opacity .2s, -webkit-filter .7s;
-moz-transition: filter .7s, opacity .2s;
transition: filter .7s, opacity .2s;
transition: filter .7s, opacity .2s, -webkit-filter .7s;
font-size: 34px;
text-transform: uppercase
}
.main-block .steps .step-title {
color: #d64542;
margin-bottom: 7px
}
.main-block .steps .step-desc {
font-size: 20px;
font-family: Roboto;
font-weight: 700;
font-style: normal
}
.footer-block {
padding: 40px 0
}
.footer-block .guaranties {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 30px;
margin-bottom: 45px
}
.footer-block .guaranties .tel {
-webkit-animation: shake 5s infinite cubic-bezier(.36, .07, .19, .97);
-moz-animation: shake 5s infinite cubic-bezier(.36, .07, .19, .97);
animation: shake 5s infinite cubic-bezier(.36, .07, .19, .97)
}
.footer-block .guaranties .secure {
-webkit-animation: rotate 2.5s infinite linear;
-moz-animation: rotate 2.5s infinite linear;
animation: rotate 2.5s infinite linear
}
.footer-block .guaranties>* {
margin: 0 25px
}
.footer-block .guaranties * {
vertical-align: middle
}
.footer-block .guaranties img {
margin-right: 4px
}
.footer-block .payments {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 38px
}
.footer-block .payments .img_wrp {
margin: 0 11px
}
.footer-block .copyright {
font-family: Roboto;
font-weight: 300;
font-style: normal;
text-align: center;
color: hsla(0, 0%, 100%, .5);
line-height: 1.4;
max-width: 990px;
margin: auto
}
.footer-block .copyright p {
margin-bottom: 30px
}
footer .footer-section {
padding: 25px 0;
text-align: center;
font-weight: 600;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.blue_gradient i {
color: #0639ff;
}
.red_gradient i {
background: 0 0;
color: #ff0000;
}
}
@media (min-width:1960px) {
.content {
max-width: 1440px
}
.header-block .logo {
width: 142px
}
.header-block .langu {
width: 80px
}
.header-block .top {
font-size: 27px;
padding: 17px 0 14px
}
.top_block_wrp {
padding: 156px 0 152px
}
.btn-block,
.header-titles {
max-width: 612px
}
.header-titles {
font-size: 90px;
line-height: 1.1
}
.btn {
width: 518px;
height: 150px;
font-size: 44px
}
.main-block {
border-width: 12px;
padding: 85px 0 80px
}
.main-block .block-title {
font-size: 70px
}
.main-block .payments_method .img_wrp {
margin: 0 40px
}
.top_block_wrp .design .slot1 {
top: 0px;
margin-left: -401px;
max-width: none;
}
.top_block_wrp .design .casinogirl {
margin-left: -462px;
max-width: none;
top: 40px;
}
.top_block_wrp .design .zeussl {
top: 172px;
margin-left: -624px;
max-width: none;
}
.top_block_wrp .design .soccer {
margin-left: -389px;
max-width: none;
top: 265px
}
.top_block_wrp .smoke img {
margin-left: -1070px
}
.main-block .payments_method {
margin-bottom: 128px
}
.main-block .steps {
margin-bottom: 100px
}
.main-block .steps .step-item {
margin: 0 70px
}
.main-block .steps .step-text {
font-size: 45px
}
.main-block .steps .step-desc {
font-size: 25px
}
.main-block .steps .step-title {
margin-bottom: 19px
}
.main-block .steps .step-icon {
width: 245px;
height: 245px
}
.main-block .steps .step-icon .check {
max-width: none
}
.footer-block {
padding: 77px 0 40px
}
.footer-block .guaranties {
font-size: 40px
}
}
@media (max-width:1100px) {
.content {
max-width: 775px
}
.header-block .top {
font-size: 15px
}
.header-block .logo {
width: 170px
}
.header-block .langu {
width: 70px
}
.header-block .desc {
margin-bottom: 0
}
.btn-block,
.header-titles {
max-width: 350px
}
.top_block_wrp {
padding: 77px 0
}
.header-titles {
font-size: 50px;
margin-bottom: 29px
}
.btn {
width: 288px;
height: 84px;
font-size: 50px
}
.main-block {
padding: 44px 0 40px
}
.main-block .block-title {
font-size: 32px;
margin-bottom: 37px
}
.main-block .payments_method {
margin-bottom: 71px
}
.main-block .payments_method img {
height: 46px
}
.main-block .payments_method .payments_method_row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: auto
}
.main-block .payments_method .payments_method_row .img_wrp {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.main-block .steps {
margin-bottom: 50px
}
.main-block .steps .step-item {
margin: 0 30px
}
.main-block .steps .step-icon {
width: 130px;
height: 130px;
margin-bottom: 28px
}
.main-block .steps .step-icon .ckeck {
max-width: 35px
}
.main-block .steps .step-text {
font-size: 26px
}
.main-block .steps .step-desc {
font-size: 14px
}
.footer-block .guaranties {
font-size: 23px;
margin-bottom: 35px
}
.footer-block .guaranties img {
max-width: 20px
}
.footer-block .payments .img_wrp img {
max-height: 14px
}
.footer-block .copyright {
font-size: 13px
}
.footer-block .copyright p {
margin-bottom: 10px
}
.top_block_wrp .design .soccer {
margin-left: -226px;
top: 105px;
max-width: 229px;
}
.top_block_wrp .design .zeussl {
top: 93px;
margin-left: -323px;
max-width: 209px;
}
.top_block_wrp .design .casinogirl {
margin-left: -248px;
top: 40px;
max-width: 144px;
}
.top_block_wrp .design .slot1 {
top: 19px;
margin-left: -220px;
max-width: 230px
}
.top_block_wrp .smoke img {
margin-left: -450px;
max-width: 570px
}
}
@media (max-width:768px) {
.wrap_all {
background: url(./images/bg-head.webp) top/768px no-repeat
}
header {
background: 0 0
}
.content {
max-width: 460px
}
.header-block .top {
padding: 22px 0 16px;
font-size: 19px
}
.header-block .logo {
width: 157px
}
.header-block .langu {
width: 57px
}
.top_block_wrp {
padding-top: 390px;
padding-bottom: 7px
}
.top_block_wrp .design .mibile_white {
top: 170px;
display: block;
left: 50%;
width: 768px;
margin-left: -384px;
max-width: none;
z-index: 1;
opacity: 0.2;
}
.top_block_wrp .design .slot1 {
top: 29px;
margin-left: -114px;
max-width: 370px
}
.top_block_wrp .design .casinogirl {
margin-left: -138px;
top: 42px;
max-width: 209px;
}
.top_block_wrp .design .zeussl {
top: 138px;
margin-left: -256px;
max-width: 296px;
}
.top_block_wrp .design .soccer {
margin-left: -163px;
top: 172px;
max-width: 388px
}
.top_block_wrp .smoke {
display: none
}
.btn-block,
.header-titles {
max-width: none;
width: 100%
}
.header-titles {
font-size: 65px
}
.btn {
width: 250px;
height: 71px;
font-size: 43px;
}
.main-block {
border: 0;
padding-bottom: 0;
background: 0 0
}
.main-block .block-title {
font-size: 35px
}
.main-block .payments_method {
-webkit-box-pack: start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-bottom: 11px
}
.main-block .payments_method img {
height: 35px
}
.main-block .payments_method .payments_method_row {
text-align: left;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 50%
}
.main-block .payments_method .img_wrp_first {
width: 30%
}
.main-block .payments_method .img_wrp_first img {
height: 101px
}
.main-block .steps .step-item {
width: 100%;
margin: 0;
text-align: left
}
.main-block .steps .step-item .step-wrap {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%
}
.main-block .steps .step-icon {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: 0 0;
border: none;
width: 145px;
height: auto;
margin: 0
}
.main-block .steps .step-icon .ckeck {
display: none
}
.main-block .steps .step-text {
font-size: 48px
}
.main-block .steps .step-desc {
font-size: 25px
}
.main-btn {
display: none
}
.footer-block {
padding-top: 17px
}
.footer-block .guaranties {
display: block;
font-size: 34px;
text-align: center;
margin-bottom: 45px
}
.footer-block .guaranties>* {
margin-bottom: 20px
}
.footer-block .payments .img_wrp {
margin: 0 16px 12px
}
.footer-block .payments .img_wrp img {
max-height: none
}
.footer-block .copyright {
font-size: 20px;
padding: 20px
}
span.blue_gradient.gradient_text {
color: #fbff00;
font-size: 50px;
text-shadow: 2px 2px #000000;
}
span.red_gradient.gradient_text {
color: #ff0202;
font-size: 60px;
text-shadow: 2px 2px #000000;
}
}
@media (max-width:480px) {
.content {
max-width: 290px
}
.wrap_all {
-moz-background-size: 500px;
background-size: 500px
}
.header-block .top {
font-size: 12px;
padding: 14px 0 10px
}
.header-block .logo {
width: 168px
}
.header-block .langu {
width: 68px
}
.top_block_wrp {
padding-top: 164px
}
.top_block_wrp .design .mibile_white {
width: 480px;
margin-left: -240px;
top: 100px;
opacity: 0.4;
}
.top_block_wrp .design .slot1 {
top: 4px;
margin-left: -72px;
max-width: 230px
}
.top_block_wrp .design .casinogirl {
margin-left: -79px;
top: 42px;
max-width: 98px
}
.top_block_wrp .design .zeussl {
top: 90px;
margin-left: -161px;
max-width: 164px
}
.top_block_wrp .design .soccer {
margin-left: -127px;
top: 90px;
max-width: 268px
}
.header-titles {
margin-bottom: 13px;
font-size: 41px;
margin-top: 110px
}
.btn {
width: 176px;
height: 57px;
font-size: 22px;
-moz-border-radius: 52px;
border-radius: 52px
}
.main-block {
padding-top: 70px;
}
.main-block .block-title {
font-size: 25px
}
.main-block .payments_method {
z-index: 1
}
.main-block .payments_method .img_wrp {
margin: 0
}
.main-block .payments_method .img_wrp img {
height: 21px
}
.main-block .payments_method .img_wrp_first {
width: 42px
}
.main-block .payments_method .img_wrp_first img {
height: 32px
}
.main-block .steps .step-text {
font-size: 32px
}
.main-block .steps .step-desc {
font-size: 16px
}
.main-block .steps .step-icon {
width: 90px
}
.main-block .steps .step-item {
margin: 0
}
.footer-block {
padding-top: 0
}
.footer-block .guaranties {
font-size: 20px
}
.footer-block .guaranties img {
max-width: 15px
}
.footer-block .payments {
margin-bottom: 21px
}
.footer-block .payments .img_wrp {
margin: 0 9px 12px
}
.footer-block .payments.bottom .img_wrp img {
max-height: 10px
}
.footer-block .copyright {
padding: 0;
font-size: 12px
}
}
@media (max-width:480px) and (max-height:575px) {
.wrap_all {
-moz-background-size: 500px 399px;
background-size: 500px 399px
}
.top_block_wrp {
padding-top: 39px
}
.top_block_wrp .design .mibile_white {
width: 480px;
margin-left: -240px;
top: 98px;
height: 233px
}
.top_block_wrp .design .slot1 {
top: 4px;
margin-left: -30px;
max-width: 170px
}
.top_block_wrp .design .casinogirl {
margin-left: -147px;
top: 53px;
max-width: 55px
}
.top_block_wrp .design .zeussl {
top: 71px;
margin-left: -89px;
max-width: 78px
}
.top_block_wrp .design .soccer {
margin-left: -25px;
top: 77px;
max-width: 158px
}
.main-block {
padding-top: 9px
}
.main-block .block-title {
margin-bottom: 12px
}
.header-block .logo {
width: 68px
}
.header-block .langu {
width: 20px
}
.header-titles {
font-size: 39px
}
.btn {
width: 136px;
height: 43px;
font-size: 16px
}
.top_block_wrp {
padding-top: 128px
}
}
@-webkit-keyframes smoke_move {
0% {
opacity: 0;
-webkit-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0)
}
50% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateX(-60px) translateZ(0);
transform: translateX(-60px) translateZ(0)
}
}
@-moz-keyframes smoke_move {
0% {
opacity: 0;
-moz-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0)
}
50% {
opacity: 1
}
to {
opacity: 0;
-moz-transform: translateX(-60px) translateZ(0);
transform: translateX(-60px) translateZ(0)
}
}
@keyframes smoke_move {
0% {
opacity: 0;
-webkit-transform: translateX(0) translateZ(0);
-moz-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0)
}
50% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateX(-60px) translateZ(0);
-moz-transform: translateX(-60px) translateZ(0);
transform: translateX(-60px) translateZ(0)
}
}
@-webkit-keyframes shake {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
2% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
12%,
16%,
8% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg)
}
10%,
14%,
18%,
4% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg)
}
19% {
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg)
}
}
@-moz-keyframes shake {
0% {
-moz-transform: rotate(0);
transform: rotate(0)
}
2% {
-moz-transform: rotate(3deg);
transform: rotate(3deg)
}
12%,
16%,
8% {
-moz-transform: rotate(6deg);
transform: rotate(6deg)
}
10%,
14%,
18%,
4% {
-moz-transform: rotate(-6deg);
transform: rotate(-6deg)
}
19% {
-moz-transform: rotate(-3deg);
transform: rotate(-3deg)
}
}
@keyframes shake {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
transform: rotate(0)
}
2% {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
transform: rotate(3deg)
}
12%,
16%,
8% {
-webkit-transform: rotate(6deg);
-moz-transform: rotate(6deg);
transform: rotate(6deg)
}
10%,
14%,
18%,
4% {
-webkit-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
transform: rotate(-6deg)
}
19% {
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
transform: rotate(-3deg)
}
}
@-webkit-keyframes rotate {
0%,
to {
-webkit-transform: rotateY(0);
transform: rotateY(0)
}
50% {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg)
}
}
@-moz-keyframes rotate {
0%,
to {
-moz-transform: rotateY(0);
transform: rotateY(0)
}
50% {
-moz-transform: rotateY(180deg);
transform: rotateY(180deg)
}
}
@keyframes rotate {
0%,
to {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
transform: rotateY(0)
}
50% {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg)
}
}
@-webkit-keyframes glow_op {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 0
}
}
@-moz-keyframes glow_op {
0% {
-moz-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
to {
-moz-transform: translateZ(0);
transform: translateZ(0);
opacity: 0
}
}
@keyframes glow_op {
0% {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
to {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
opacity: 0
}
}
@-webkit-keyframes scale_btn {
0% {
-webkit-transform: scale(1.1) translateZ(0);
transform: scale(1.1) translateZ(0)
}
to {
-webkit-transform: scale(.95) translateZ(0);
transform: scale(.95) translateZ(0)
}
}
@-moz-keyframes scale_btn {
0% {
-moz-transform: scale(1.1) translateZ(0);
transform: scale(1.1) translateZ(0)
}
to {
-moz-transform: scale(.95) translateZ(0);
transform: scale(.95) translateZ(0)
}
}
@keyframes scale_btn {
0% {
-webkit-transform: scale(1.1) translateZ(0);
-moz-transform: scale(1.1) translateZ(0);
transform: scale(1.1) translateZ(0)
}
to {
-webkit-transform: scale(.95) translateZ(0);
-moz-transform: scale(.95) translateZ(0);
transform: scale(.95) translateZ(0)
}
}
</style>
</head>
<body>
<div class="wrap_all">
<header class="header-block">
<div class="top">
<div class="content">
<div class="boses">
<h1 class="logo">HOKI311</h1>
</div>
</div>
</div>
<div class="content">
<div class="top_block_wrp">
<h2 class="header-titles">
<span class="blue_gradient gradient_text" data-text="Bonus"><i>RAIH BONUS</i></span>
<span class="red_gradient gradient_text" data-text="200% Bonus"><i>EXTRA 220%</i></span>
</h2>
<div class="btn-block">
<a class="btn primary-btn" href="https://cutt.ly/chiki6"><span>DAFTAR</span></a>
</div>
<div class="btn-block">
<a class="btn primary-btn" href="https://cutt.ly/hoki311"><span>LOGIN</span></a>
</div>
<div class="design">
<img src="images/mobile_white.webp" class="mibile_white">
<div class="people">
<img class="slot1 mousemove" data-movespeed="100" src="images/gambar1.png">
<img class="casinogirl mousemove" data-movespeed="-100" src="images/gambar2.png">
<img class="zeussl mousemove" data-movespeed="-55" src="images/gambar3.png">
<img class="soccer mousemove" data-movespeed="-40" src="images/gambar4.png">
</div>
<div class="smoke">
<img class="smoke-back" src="images/smoke-1.webp">
<img class="smoke-back" src="images/smoke-1.webp">
</div>
</div>
</div>
</div>
</header>
<main>
<div class="slider-slot">
<img src="./images/slider-1.jpg" alt="hoki311" title="hoki311" class="img-fluid">
</div>
</main>
<footer>
<div class="footer-section">
<div class="row m-0">
<div class="col-12">
<p>Hak cipta HOKI311. All rights reserved.</p>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>