header>.wrapper {
display: flex;
align-items: center;
justify-content: space-between
}
#main_menu ul {
list-style: none;
display: flex;
align-items: center;
justify-content: center
}
#main_menu>ul>li {
margin-right: 60px
}
#main_menu>ul>li:last-child {
margin-right: 0
}
#main_menu>ul>li>a {
font-size: 2.3rem;
color: #000;
font-weight: 500;
text-decoration: none;
transition: .5s
}
#main_menu>ul>li>a:hover {
color: #fa1b7a
}
.breadscroom>:last-child {
display: none
}
header {
padding: 34px 0;
border-bottom: 1px solid rgb(0 0 0 / 15%)
}
#lang {
width: 22%
}
#lang>ul {
list-style: none
}
#lang>ul>li {
position: relative
}
#lang>ul>li>a {
font-size: 2.3rem;
color: #c301fd;
text-decoration: none;
font-weight: 700;
display: flex;
align-items: center
}
#lang>ul>li>a>span {
color: #fa1b7a;
text-transform: uppercase
}
#lang>ul>li>ul {
position: absolute;
list-style: none;
padding: 0 15px;
left: -13px;
top: 18px;
padding-top: 10px;
background: #fff;
box-shadow: 0 11px 20px 0 rgb(0 0 0 / 19%);
border-radius: 5px;
display: none;
top: 25px;
z-index: 9
}
#lang>ul>li>ul>li {
margin-bottom: 10px
}
#lang>ul>li>ul>li>a {
font-size: 2rem;
color: #c301fd;
text-decoration: none;
font-weight: 500;
transition: .5s
}
#lang>ul>li>a:after {
content: " ";
background: url(//plinkos.io/wp-content/themes/plinko/img/arrow_lang.svg) no-repeat;
width: 12px;
height: 7px;
display: block;
margin-left: 8px;
transition: .5s
}
#lang>ul>li>a.active:after {
transform: rotate(180deg)
}
#menu {
padding: 49px 0;
border-bottom: 1px solid rgb(0 0 0 / 15%)
}
a.button_play {
padding: 22px 97px;
background: #fa1b7a;
border-radius: 100px;
color: #fff;
font-size: 2.5rem;
text-decoration: none;
font-weight: 700;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
transition: .5s
}
.block_hero_description a.button_play {
margin-top: 100px;
padding: 40px 97px
}
a.button_play:hover {
background: #000
}
#hero>.wrapper {
width: 90%
}
#hero {
padding-top: 40px
}
#hero h1 {
font-size: 5rem;
font-weight: 700;
text-transform: uppercase;
text-align: center
}
.hero_description {
font-size: 2.4rem;
color: #000;
font-weight: 500;
margin: 0 auto;
text-align: center;
margin-top: 10px
}
.more_hero {
border-bottom: 1px solid #000;
cursor: pointer;
margin-left: 10px;
position: relative;
top: -2px;
transition: .5s
}
.more_hero:hover {
border-bottom: 1px solid transparent
}
.hidden_description_hero {
display: none
}
.hero_block_game {
background: url(//plinkos.io/wp-content/themes/plinko/img/hero_bg.webp) no-repeat;
margin-top: 30px;
height: 94em;
background-position: 90% 0;
background-position: center !important
}
.block_hero_description {
display: flex;
flex-direction: column;
max-width: 578px;
padding-top: 209px;
padding-bottom: 0
}
.little_title_hero {
font-size: 2.4rem;
color: #fff;
font-weight: 500;
margin-bottom: 40px
}
.block_hero_description h2 {
font-size: 10rem;
font-weight: 700;
color: #fff;
line-height: 1;
text-transform: uppercase;
margin-bottom: 20px
}
.count_spins {
font-size: 3rem;
color: #fff;
font-weight: 700;
margin-bottom: 70px
}
.breadscroom {
display: flex;
align-items: center;
margin-bottom: 30px
}
.breadscroom a {
font-size: 1.6rem;
text-decoration: none;
font-weight: 500;
color: rgb(0 0 0 / 70%);
transition: .5s
}
.breadscroom a:hover {
color: #fa1b7a
}
.breadscroom .sep {
margin: 0 10px;
background: url(//plinkos.io/wp-content/themes/plinko/img/sep.svg) no-repeat;
width: 20px;
height: 8px
}
#listing_casino {
margin-top: 40px;
margin-bottom: 120px
}
.blocks_meta_listing_casino {
display: flex;
justify-content: space-between
}
.blocks_meta_listing_casino>div:first-child {
font-size: 1.4rem;
font-weight: 500;
line-height: 1.5
}
.blocks_meta_listing_casino>div:first-child a {
text-decoration: none;
font-size: 1.8rem;
transition: .5s
}
.blocks_meta_listing_casino>div:last-child a {
font-size: 1.8rem;
font-weight: 700;
color: #000;
text-decoration: none;
text-transform: uppercase;
border-bottom: 1px solid #000;
transition: .5s
}
.blocks_meta_listing_casino>div:last-child a:last-child {
margin-left: 130px
}
.blocks_meta_listing_casino a:hover b {
color: #fa1b7a
}
.blocks_meta_listing_casino>div:last-child a:hover {
color: #fa1b7a;
border-bottom: 1px solid transparent
}
.update_date {
padding-left: 20px
}
.block_casino_listing_main_block {
margin-top: 80px
}
.block_casino_listing_main_block>h2 {
font-size: 5rem;
text-align: center;
max-width: 887px;
margin: 0 auto;
margin-bottom: 50px;
text-transform: uppercase
}
.listing {
display: flex;
flex-direction: column;
counter-reset: section
}
.block_casino {
border: 2px solid rgb(0 0 0 / 10%);
border-radius: 50px;
padding: 50px;
display: flex;
margin-bottom: 25px;
position: relative
}
.casino_number:before {
counter-increment: section;
content: counter(section) '.'
}
.casino_number {
width: 80px;
height: 80px;
background: #1d2a5c;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
color: #fff;
font-size: 3rem;
margin-right: 55px;
min-width: 80px
}
.photo_casino {
margin-bottom: 30px
}
.photo_casino img {
max-width: 298px;
max-height: 140px
}
.casino_rating {
display: flex;
align-items: center
}
.top_rating {
display: flex;
align-items: center
}
.stars {
display: flex;
margin-right: 30px
}
.star {
background: url(//plinkos.io/wp-content/themes/plinko/img/star.png) no-repeat;
width: 29px;
height: 29px;
margin-right: 6px
}
.star.active {
background: url(//plinkos.io/wp-content/themes/plinko/img/star_active.svg) no-repeat
}
.count_rating {
font-weight: 500;
font-size: 2rem
}
.casino_title {
margin-top: 20px;
font-weight: 700;
color: #000;
font-size: 3rem;
text-transform: uppercase
}
.casino_img {
margin-right: 70px
}
.title_description_casino {
font-size: 2.5rem;
font-weight: 700;
color: #000;
line-height: 1.2;
margin-bottom: 20px
}
.list_preim_casino ul {
list-style: none;
display: flex;
flex-wrap: wrap;
max-width: 800px
}
.list_preim_casino ul li {
font-size: 2rem;
color: rgb(0 0 0 / 70%);
font-weight: 500;
margin-bottom: 10px;
display: flex;
width: 50%
}
.list_preim_casino ul li:before {
content: " ";
background: url(//plinkos.io/wp-content/themes/plinko/img/check_blue.svg) no-repeat;
width: 23px;
height: 23px;
display: block;
min-width: 23px;
margin-right: 10px
}
.list_preim_casino ul li:first-child {
width: 100%
}
.button_play_casino {
position: absolute;
right: 50px;
top: 50px
}
.title_table_content {
font-size: 2.5rem;
font-weight: 700;
text-transform: uppercase;
display: flex;
align-items: center
}
.block_table_contents {
border: 2px solid rgb(0 0 0 / 12%);
padding: 28px 36px;
border-radius: 30px;
width: fit-content;
cursor: pointer
}
.title_table_content:after {
content: " ";
background: url(//plinkos.io/wp-content/themes/plinko/img/table_content_button.svg) no-repeat;
width: 38px;
height: 22px;
display: block;
margin-left: 20px
}
#characterist {
margin-top: 30px
}
#characterist h2 {
font-size: 5rem;
text-align: center;
max-width: 887px;
margin: 0 auto;
margin-bottom: 50px;
text-transform: uppercase
}
.table_characterist {
border: 2px solid rgb(0 0 0 / 10%);
border-radius: 50px;
overflow: hidden
}
.head_table_characterist {
display: flex
}
.head_table_characterist>div:first-child {
padding: 35px 0;
padding-left: 50px;
font-size: 2.5rem;
background: #1d2a5c;
color: #fff;
font-weight: 700;
text-transform: uppercase;
width: 25%;
border-right: 1px solid rgb(0 0 0 / 16%)
}
.head_table_characterist>div:last-child {
width: 75%;
padding: 35px 0;
padding-left: 70px;
font-size: 2.5rem;
background: #1d2a5c;
color: #fff;
font-weight: 700;
text-transform: uppercase
}
.table_content_characterist .line_table_characterist {
display: flex
}
.table_content_characterist .line_table_characterist div:first-child {
width: 25%;
padding: 25px 0;
padding-left: 50px;
font-size: 2.5rem;
font-weight: 700;
text-transform: uppercase;
border-right: 1px solid rgb(0 0 0 / 16%)
}
.table_content_characterist .line_table_characterist div:last-child {
width: 75%;
padding: 25px 0;
padding-left: 70px;
font-size: 2rem;
font-weight: 500;
display: flex;
justify-content: space-between
}
.table_content_characterist .line_table_characterist div:last-child a {
font-weight: 700;
color: #fa1b7a;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px solid #fa1b7a;
margin-right: 50px;
transition: .5s
}
.table_content_characterist .line_table_characterist div:last-child a:hover {
color: #000;
border-bottom: 1px solid transparent
}
.table_content_characterist>.line_table_characterist:nth-child(2n) {
background: #f4f4f4
}
#blue_block {
margin: 120px 0;
background: url(//plinkos.io/wp-content/themes/plinko/img/blue_bg.webp) no-repeat;
min-height: 794px;
width: 100%;
background-size: cover;
background-position: left 0;
display: flex;
align-items: center;
justify-content: center
}
#blue_block h2 {
text-align: center;
font-size: 5rem;
color: #fff;
text-transform: uppercase;
line-height: 1.2;
max-width: 85%;
margin: 0 auto;
margin-bottom: 35px
}
.block_description_blue_block {
font-size: 2rem;
color: #fff;
opacity: .7;
max-width: 60%;
margin: 0 auto;
text-align: center;
margin-bottom: 70px
}
.third_blocks {
display: flex;
justify-content: space-between;
margin-top: 90px
}
.third_blocks>div {
background: #fff;
border: 2px solid rgb(0 0 0 / 11%);
padding: 57px 43px;
border-radius: 50px;
max-width: 420px;
width: 25%;
position: relative
}
.title_third_blocks {
font-weight: 700;
font-size: 2.5rem;
text-transform: uppercase;
text-align: center;
margin-bottom: 20px;
margin-top: 25px
}
.description_third_blocks {
text-align: center;
font-size: 2rem;
opacity: .7;
font-weight: 500;
line-height: 1.2
}
.star_ico {
background: url(//plinkos.io/wp-content/themes/plinko/img/star_big.svg) no-repeat;
width: 44px;
height: 44px;
position: absolute;
top: -24px;
left: 0;
right: 0;
margin: auto
}
.block_game_wrap {
display: flex;
justify-content: space-between
}
.block_game {
background: 0 0/contain #14151f;
padding-bottom: 25px;
width: 50%
}
.block_description_game {
background: #f4f4f4;
width: calc(47% - 116px);
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 58px
}
.block_description_game h2 {
font-size: 5rem;
text-transform: uppercase
}
.block_description_game p {
font-size: 2rem;
color: #000;
opacity: .7;
font-weight: 500;
margin-top: 50px;
margin-bottom: 20px
}
.block_description_game a {
max-width: 360px
}
.simple_block_description {
margin: 40px 0
}
.simple_block_description h3 {
font-size: 2.5rem;
margin-bottom: 10px
}
.simple_block_description p {
font-size: 2rem;
font-weight: 500;
opacity: .7;
line-height: 1.2;
margin-bottom: 30px
}
.simple_block_description ul {
margin-left: 0;
padding: 0;
list-style: none;
margin-bottom: 20px
}
.simple_block_description ul li {
font-size: 2rem;
display: flex;
align-items: flex-start;
margin-bottom: 10px
}
.simple_block_description ul li:before {
content: " ";
width: 10px;
height: 10px;
display: block;
background: #fa1b7a;
border-radius: 100px;
margin-right: 20px;
min-width: 10px;
margin-top: 7px
}
.simple_block_description ol {
margin-left: 0;
padding: 0;
margin-bottom: 20px;
counter-reset: section
}
.simple_block_description ol li {
font-size: 2rem;
display: flex;
align-items: flex-start;
margin-bottom: 10px
}
.simple_block_description ol li:before {
counter-increment: section;
content: counter(section) '.';
font-weight: 700;
margin-right: 20px
}
.simple_block_description ul.other_list li:before {
content: " ";
background: url(//plinkos.io/wp-content/themes/plinko/img/check_red.svg) no-repeat;
width: 20px;
height: 20px;
margin-top: 2px
}
.table_features {
border: 1px solid rgb(0 0 0 / 11%);
width: 100%;
border-radius: 50px;
overflow: hidden
}
.top_table_features {
display: flex;
border-bottom: 1px solid rgb(0 0 0 / 11%)
}
.top_table_features>div:first-child {
width: 20%;
padding: 35px 50px;
font-size: 2.5rem;
font-weight: 700;
text-transform: uppercase;
border-right: 1px solid rgb(0 0 0 / 11%)
}
.top_table_features>div:last-child {
width: 80%;
padding: 35px 50px;
font-size: 2.5rem;
font-weight: 700;
text-transform: uppercase
}
.line_table_features {
display: flex;
border-bottom: 1px solid rgb(0 0 0 / 11%)
}
.left_table_features {
width: 20%;
padding: 35px 50px;
font-size: 2.5rem;
font-weight: 700;
text-transform: uppercase;
border-right: 1px solid rgb(0 0 0 / 11%);
display: flex
}
.right_table_features {
width: 80%;
padding: 35px 50px;
font-weight: 700;
text-transform: uppercase
}
.right_table_features ul {
list-style: none
}
.right_table_features ul li {
font-size: 2rem;
opacity: .7;
margin-bottom: 10px;
text-transform: none;
font-weight: 500;
display: flex
}
.right_table_features ul li:before {
content: " ";
width: 10px;
height: 10px;
display: block;
background: #000;
border-radius: 100px;
margin-right: 20px;
min-width: 10px;
margin-top: 7px
}
.left_table_features:before {
content: " ";
background: url(//plinkos.io/wp-content/themes/plinko/img/star_mini.svg) no-repeat;
width: 21px;
height: 21px;
display: block;
margin-right: 10px;
margin-top: 3px;
min-width: 21px
}
.body_table_features>.line_table_features:nth-child(2n) {
background: #f4f4f4
}
#faq {
margin: 120px 0
}
#faq h2 {
font-size: 5rem;
text-align: center;
max-width: 887px;
margin: 0 auto;
margin-bottom: 50px;
text-transform: uppercase
}
.line_faq {
margin-bottom: 20px
}
.name_faq h3 {
font-weight: 700;
font-size: 2.5rem;
display: flex;
align-items: center
}
.answer_faq {
display: none;
font-size: 2rem;
opacity: .7;
font-weight: 500;
padding-left: 117px;
padding-right: 100px;
margin-top: 20px;
line-height: 1.2
}
.name_faq h3:before {
counter-increment: section;
content: counter(section) '.';
background: #1d2a5c;
width: 60px;
height: 60px;
display: block;
min-width: 60px;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 700;
margin-right: 25px
}
.main_block_faq {
counter-reset: section
}
.faq_plus {
width: 50px;
height: 50px;
border: 2px solid #1d2a5c;
border-radius: 100px;
position: relative
}
.faq_plus:before {
content: " ";
width: 26px;
height: 4px;
background: #1d2a5c;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.faq_plus:after {
content: " ";
width: 26px;
height: 4px;
background: #1d2a5c;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transform: rotate(90deg)
}
.name_faq {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
background: #f4f4f4;
padding: 25px 30px;
border-radius: 30px
}
.name_faq.active {
background: #1d2a5c
}
.name_faq.active h3:before {
background: #fff;
color: #1d2a5c
}
.name_faq.active h3 {
color: #fff
}
.name_faq.active .faq_plus:after,
.name_faq.active .faq_plus:before {
background: #fff
}
.name_faq.active .faq_plus {
border: 2px solid #fff
}
.name_faq.active .faq_plus:after {
opacity: 0
}
#bottom_banner {
background: url(//plinkos.io/wp-content/themes/plinko/img/banner_footer_bg.jpg) no-repeat;
min-height: 609px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-position: center;
background-size: contain
}
#bottom_banner h2 {
font-size: 10rem;
color: #fff;
text-transform: uppercase
}
.block_description_footer {
font-size: 3rem;
color: #fff;
margin-top: 15px;
font-weight: 700;
margin-bottom: 50px
}
#bottom_banner a.button_play {
max-width: 360px;
margin: 0 auto
}
footer {
padding-top: 70px
}
.footer_top {
display: flex;
align-items: center;
justify-content: space-between
}
.menu_center ul {
list-style: none;
display: flex;
justify-content: center
}
.menu_center ul li {
margin-right: 65px
}
.menu_center ul li a {
font-weight: 500;
font-size: 2.3rem;
text-decoration: none;
transition: .5s
}
.menu_center ul li a:hover {
color: #fa1b7a
}
.menu_center ul li:last-child {
margin-right: 0
}
.menu_right ul {
list-style: none;
display: flex;
align-items: center;
justify-content: center
}
.menu_right {
margin-top: 20px
}
.menu_right ul li {
margin-left: 65px;
margin-bottom: 8px
}
.menu_right ul li a {
font-size: 2.2rem;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
border-bottom: 1px solid #000;
transition: .5s
}
.menu_right ul li:first-child {
margin-left: 0
}
.menu_right ul li a:hover {
color: #fa1b7a;
border-bottom: 1px solid transparent
}
.footer_logos {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
padding-bottom: 40px;
border-bottom: 1px solid rgb(0 0 0 / 16%)
}
.footer_bottom_description {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 40px;
border-bottom: 1px solid rgb(0 0 0 / 16%)
}
.title_description_footer_bottom {
width: 100%;
text-align: center;
font-size: 2.5rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px
}
.footer_bottom_description>div:not(.title_description_footer_bottom) {
width: 48%;
font-size: 2rem;
opacity: .7;
line-height: 1.2;
font-weight: 500
}
.copyright {
font-size: 2.3rem;
font-weight: 500;
text-align: center;
padding: 25px 0;
padding-top: 10px
}
.footer_logos>div {
width: 24%
}
.footer_logos div img {
width: 100%
}
.hidden_list_table_content ul {
list-style: none;
margin-top: 30px;
counter-reset: section
}
.hidden_list_table_content ul li {
margin-bottom: 10px
}
.hidden_list_table_content ul li a {
font-size: 2rem;
text-decoration: none;
font-weight: 500
}
.hidden_list_table_content ul li a:before {
counter-increment: section;
content: counter(section) '.';
font-weight: 700;
margin-right: 10px
}
.hidden_list_table_content {
display: none
}
.simple_page article>h1.page_title {
font-size: 5rem;
text-align: center;
text-transform: uppercase;
margin-bottom: 50px
}
.simple_page {
margin: 50px 0;
min-height: 350px
}
.simple_block_description h1 {
font-size: 4.6rem;
margin-bottom: 30px
}
.simple_block_description h2 {
font-size: 4rem;
margin-bottom: 30px
}
.simple_block_description h3 {
font-size: 3.6rem;
margin-bottom: 30px
}
.simple_block_description h4 {
font-size: 3.2rem;
margin-bottom: 30px
}
.ssimple_block_description h5 {
font-size: 2.8rem;
margin-bottom: 30px
}
.meta_mob {
display: none
}
.breadcrumbs {
display: flex;
align-items: center;
margin-bottom: 30px
}
.breadcrumbs a {
font-size: 1.6rem;
text-decoration: none;
font-weight: 500;
color: rgb(0 0 0 / 70%);
transition: .5s
}
.breadcrumbs__separator {
margin: 0 10px;
background: url(//plinkos.io/wp-content/themes/plinko/img/sep.svg) no-repeat;
width: 20px;
height: 8px
}
.breadcrumbs a:hover {
color: #fa1b7a
}
.breadcrumbs__current {
font-size: 1.6rem;
text-decoration: none;
font-weight: 500;
color: rgb(0 0 0 / 70%);
transition: .5s
}
.listing_casino_meta {
margin-top: 40px
}
.page_not_found {
text-align: center;
padding-top: 50px
}
.page_not_found h1 {
font-size: 8rem;
margin-bottom: 0
}
body.error404 aside {
line-height: 2.5;
font-size: 1.3rem
}
.page_not_found h1 {
font-size: 8rem;
margin-bottom: 0
}
body.error404 aside {
line-height: 2.5;
font-size: 1.3rem
}
.author_top {
display: flex;
align-items: flex-start;
flex-wrap: wrap
}
.photo_author {
margin-right: 20px;
width: 11%
}
.photo_author img {
width: 100px;
height: 100px;
border-radius: 100px;
object-fit: cover
}
.info_author {
width: 80%
}
.title_author {
font-weight: 700;
font-size: 26px;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin-bottom: 20px
}
.social_author {
margin-top: 0;
display: flex;
align-items: center
}
.posts {
display: flex;
justify-content: space-between
}
.post_author {
width: 24%
}
.info_posts_author {
text-align: center;
margin-top: 10px
}
.info_posts_author a {
color: #000;
font-weight: 700;
font-size: 20px;
transition: .5s;
text-decoration: none
}
.img_posts_author img {
width: 100%;
border-radius: 20px
}
.social_author a svg {
max-width: 25px
}
.social_author a {
text-decoration: none;
margin-right: 10px
}
.not_found {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
min-height: 300px
}
.not_found h1 {
font-size: 10rem
}
.not_found h2 {
font-size: 3rem;
margin-bottom: 10px
}
.not_found a {
padding: 23px 36px;
background: linear-gradient(94.35deg, #c0f -5.93%, #8200e8 102.54%);
border-radius: 100px;
color: #fff;
font-size: 2rem;
text-decoration: none;
font-weight: 700;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
transition: .5s
}
.not_found a:hover {
background: #000
}
#main_menu ul>li {
position: relative;
padding-bottom: 15px
}
#menu {
padding-bottom: 30px
}
#main_menu ul>li>ul {
position: absolute;
display: flex;
flex-direction: column;
width: 100%;
top: 25px;
box-shadow: 0 3px 14px 0 rgb(0 0 0 / 36%);
border-radius: 15px;
padding: 15px 15px;
background: #fff;
z-index: 99;
display: none;
min-width: 230px;
left: -41px
}
#main_menu ul>li>ul>li {
margin-bottom: 10px;
padding-bottom: 0
}
#main_menu ul>li>ul>li:last-child {
margin: 0
}
#main_menu ul>li>ul>li>a {
font-size: 2.2rem;
text-decoration: none;
transition: .5s;
white-space: nowrap
}
#main_menu ul>li>ul>li>a:hover {
color: #fa1b7a
}
#main_menu ul>li:hover>ul {
display: flex
}
.category_list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start
}
.category_list .cat_posts {
width: 24%;
margin-right: 1%;
margin-bottom: 2%
}
.category_list .cat_posts:nth-child(4) {
margin-right: 0
}
.category_list .cat_posts img {
width: 100%;
height: auto;
object-fit: cover;
max-height: 220px;
border-radius: 15px
}
.cat_title {
font-size: 4.6rem;
margin-bottom: 30px;
text-align: center
}
.cat_info {
margin-top: 10px
}
.cat_title_posts {
margin-bottom: 10px
}
.cat_title_posts a {
font-size: 2.2rem;
font-weight: 700;
text-decoration: none;
transition: .5s
}
.cat_description {
font-size: 1.7rem
}
body.single .simple_block_description h1 {
text-align: center
}
.cat_title_posts a:hover {
color: #fa1b7a
}
.rev_main_block_title {
font-size: 5rem;
text-align: center;
max-width: 887px;
margin: 0 auto;
margin-bottom: 50px;
text-transform: uppercase;
font-weight: 800
}
.rev_description {
line-height: 1.2;
font-size: 2.4rem;
color: rgb(0 0 0 / 72%);
text-align: center
}
.block_slider_rev {
margin-top: 50px;
overflow: hidden;
position: relative;
padding-bottom: 50px;
margin-bottom: 50px
}
.top_slider_rev {
display: flex;
align-items: center
}
.photo_slider {
margin-right: 15px
}
.photo_slider img {
width: 100%;
max-width: 50px;
max-height: 50px;
object-fit: cover;
min-height: 50px;
border-radius: 40px
}
.name_slider {
font-size: 2.2rem;
font-weight: 700
}
.date_slider_update {
font-size: 1.2rem;
margin-top: 5px
}
.description_slider {
line-height: 1.2;
font-size: 2rem;
color: rgb(0 0 0 / 72%);
text-align: center;
text-align: left;
margin-top: 20px
}
.rev_slider_stars {
display: flex;
margin-top: 20px
}
.star_rev {
background: url(//plinkos.io/wp-content/themes/plinko/img/star.png) no-repeat;
width: 18px;
height: 18px;
margin-right: 2px;
background-size: 18px
}
.star_rev.active {
background: url(//plinkos.io/wp-content/themes/plinko/img/star_active.svg) no-repeat;
background-size: 18px
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
background: #c0f;
opacity: 1;
width: 10px;
height: 10px
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #ff58fd
}
.menu_center {
margin-top: 27px
}
#prons_and_cons h2 {
font-size: 5rem;
text-align: center;
max-width: 887px;
margin: 0 auto;
margin-bottom: 50px;
text-transform: uppercase;
font-weight: 800;
overflow-wrap: anywhere;
}
#prons_and_cons {
margin-top: 120px;
}
.prons_cons_wrap {
display: flex;
justify-content: space-between;
}
.prons {
width: calc(48% - 100px);
border: 2px solid rgb(0 0 0 / 10%);
padding: 50px;
border-radius: 50px;
}
.prons_title {
font-weight: 800;
font-size: 2.5rem;
text-transform: uppercase;
color: #000;
margin-bottom: 35px;
position: relative;
}
.prons_title:after {
content: " ";
background: url(//plinkos.io/wp-content/themes/plinko/img/prons_logo.svg) no-repeat;
width: 49px;
height: 49px;
display: block;
position: absolute;
right: 0;
top: -15px;
}
.prons_list ul {
list-style: none;
}
.prons_list ul li {
color: rgb(0 0 0 / 70%);
font-size: 2rem;
display: flex;
margin-bottom: 7px;
}
.prons_list ul li:before {
content: " ";
background: url(//plinkos.io/wp-content/themes/plinko/img/prons.svg) no-repeat;
width: 23px;
height: 23px;
display: block;
margin-right: 10px;
min-width: 23px;
}
.cons {
width: calc(48% - 100px);
border: 2px solid rgb(0 0 0 / 10%);
padding: 50px;
border-radius: 50px;
}
.cons_title {
font-weight: 800;
font-size: 2.5rem;
text-transform: uppercase;
color: #000;
margin-bottom: 35px;
position: relative;
}
.cons_title:after {
content: " ";
background: url(//plinkos.io/wp-content/themes/plinko/img/cons_logo.svg) no-repeat;
width: 49px;
height: 49px;
display: block;
position: absolute;
right: 0;
top: -15px;
}
.cons ul {
list-style: none;
}
.cons ul li {
color: rgb(0 0 0 / 70%);
font-size: 2rem;
display: flex;
margin-bottom: 7px;
}
.cons ul li:before {
content: " ";
background: url(//plinkos.io/wp-content/themes/plinko/img/cons_list.svg) no-repeat;
width: 23px;
height: 23px;
display: block;
margin-right: 10px;
min-width: 23px;
}
#hero .play_now_mob {
display: none
}
#new_listing_blocks h2 {
font-size: 5rem;
text-align: center;
max-width: 887px;
margin: 0 auto;
margin-bottom: 50px;
text-transform: uppercase;
}
.new_listing {
display: flex;
flex-wrap: wrap;
}
.new_listing .item_listing {
width: 23%;
margin-right: 2%;
margin-bottom: 2%;
}
.item_listing img { 
width: 100%;
height: 215px;
object-fit: cover;
border-radius: 10px 10px 0 0;
}
.title_listing {
text-align: center;
margin-top: 0;
background: #f4f4f4;
padding: 10px;
margin-top: -2px;
border-radius: 0 0 10px 10px;
}
.title_listing a {
text-decoration: none;
font-size: 2.4rem;
font-weight: 600;
color: #000;
}
#new_listing_blocks {
margin-top: 50px;
}
@media screen and (min-width:1440px) and (max-width:1720px) {
html {
font-size: 7px
}
}
@media screen and (min-width:1280px) and (max-width:1720px) {
html {
font-size: 8px
}
.casino_description a.button_play {
padding: 11px 49px
}
.hero_block_game {
height: 736px;
background-size: contain !important
}
.third_blocks>div {
padding: 38px 34px
}
.block_description_game {
width: calc(40% - 60px);
padding: 0 30px
}
.block_game {
width: 59%
}
.hero_block_game {
height: 820px;
background-size: cover !important;
background-position: right bottom !important
}
}
@media screen and (min-width:1280px) and (max-width:1560px) {
.casino_img {
margin-right: 50px
}
.title_description_casino {
max-width: 60%
}
}
@media screen and (max-width:1279px) {
.listing_casino_meta {
margin-top: 32px
}
#bottom_banner {
background-size: cover
}
html {
font-size: 6px
}
header>.wrapper {
flex-wrap: wrap
}
#main_menu {
order: 3;
border-top: none;
padding-top: 20px;
margin-top: 0;
width: 100%;
border-bottom: none;
padding-bottom: 20px;
background: #fff
}
#right_header {
order: 2
}
.wrapper {
width: 95%;
margin: 0 auto
}
#main_menu ul {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
margin: 0 auto;
flex-wrap: wrap
}
#main_menu>ul>li {
margin-right: 0;
width: 100%;
text-align: center;
margin-bottom: 20px
}
#main_menu>ul>li>a {
font-size: 2.3rem;
color: #000;
font-weight: 500;
text-decoration: none;
transition: .5s;
font-size: 16px
}
header {
padding: 15px 0;
border-bottom: none;
position: fixed;
top: 0;
width: 100%;
background: #fff;
padding-bottom: 0;
z-index: 99;
padding-bottom: 15px;
border-bottom: 1px solid #d9d9d9
}
#menu {
padding: 0;
border-bottom: none;
position: fixed;
top: 61px;
width: 100%;
display: none;
background: #fff;
z-index: 999
}
.block_hero_description {
padding-bottom: 0;
margin: 0 auto;
text-align: center;
padding-top: 60px
}
.little_title_hero {
font-size: 2.4rem;
margin-bottom: 22px
}
.block_hero_description h2 {
font-size: 7rem;
margin-bottom: 20px;
padding: 0 45px
}
.count_spins {
font-size: 3rem;
margin-bottom: 30px;
text-transform: uppercase
}
.hero_block_game {
height: 80em;
background-position: 12% 0
}
.block_casino {
flex-wrap: wrap
}
.block_casino {
padding: 20px
}
.casino_description {
width: 39%
}
.casino_img {
margin-right: 15px
}
.casino_number {
margin-right: 15px;
min-width: 80px
}
.button_play_casino {
position: relative;
top: 0;
right: 0
}
.button_play_casino a.button_play {
padding: 12px 40px
}
.table_content_characterist .line_table_characterist div:first-child {
padding-left: 25px
}
.head_table_characterist>div:first-child {
padding-left: 25px
}
.head_table_characterist>div:last-child {
padding-left: 35px
}
.table_content_characterist .line_table_characterist div:last-child {
padding-left: 35px
}
.table_content_characterist .line_table_characterist div:last-child a {
margin-right: 0;
margin-top: 15px;
width: fit-content
}
.third_blocks>div {
padding: 37px 20px;
width: 24%
}
.block_game_wrap {
flex-wrap: wrap
}
.block_game {
width: 100%
}
.block_description_game {
background: #f4f4f4;
width: calc(100% - 116px);
padding: 45px 58px;
margin-top: 40px
}
.simple_block_description {
margin: 50px 0
}
#faq {
margin: 50px 0
}
.footer_top {
flex-wrap: wrap;
justify-content: center
}
footer {
padding-top: 50px
}
.menu_center {
width: 100%;
text-align: center;
margin: 25px 0
}
.menu_center ul {
list-style: none;
display: flex;
justify-content: center
}
.prons_cons_wrap {
flex-wrap: wrap;
}
.prons {
margin-bottom: 20px;
width: 100%;
padding: 30px;
}
}
@media screen and (max-width:767px) {
html {
font-size: 7px
}
#logo img {
max-width: 90px
}
a.button_play {
padding: 12px 45px;
margin-top: 0
}
#main_menu>ul>li {
margin-right: 0
}
#hero {
padding-top: 8px
}
.blocks_meta_listing_casino {
flex-wrap: wrap
}
.blocks_meta_listing_casino>div:first-child {
margin-bottom: 25px
}
.blocks_meta_listing_casino>div:last-child a:first-child {
margin-right: 3rem
}
.blocks_meta_listing_casino>div:last-child a {
font-size: 1.8rem
}
.blocks_meta_listing_casino>div:last-child {
display: flex;
align-items: center;
justify-content: space-between
}
.blocks_meta_listing_casino>div:last-child a:last-child {
margin-left: 0
}
.list_preim_casino ul li {
width: 100%
}
.casino_description {
width: 100%
}
.casino_title {
order: 1;
padding-left: 70px;
margin-top: 0
}
.casino_rating {
order: 2;
margin-bottom: 20px;
padding-left: 66px;
margin-top: 10px
}
.photo_casino {
order: 5
}
.casino_img {
display: flex;
flex-direction: column
}
.casino_number {
width: 50px;
height: 50px;
min-width: 50px;
position: absolute
}
.table_content_characterist .line_table_characterist div:last-child {
flex-wrap: wrap
}
.table_content_characterist .line_table_characterist div:last-child {
padding-left: 10px;
padding-top: 16px;
flex-direction: column
}
.table_content_characterist .line_table_characterist div:first-child {
padding: 15px;
font-size: 2.2rem;
overflow-wrap: anywhere
}
.head_table_characterist>div:last-child {
padding: 15px
}
.head_table_characterist>div:first-child {
padding: 15px
}
.table_characterist {
border-radius: 20px;
overflow: hidden
}
#listing_casino {
margin-top: 40px;
margin-bottom: 15px
}
#blue_block {
margin: 50px 0;
padding: 50px 0
}
#blue_block h2 {
font-size: 4rem;
margin-bottom: 25px
}
.block_description_blue_block {
max-width: 95%;
margin-bottom: 0;
font-size: 2.2rem;
line-height: 1.3
}
.third_blocks {
flex-wrap: wrap;
margin-top: 52px
}
.third_blocks>div {
padding: 37px 20px;
width: 100%;
margin-bottom: 47px
}
.third_blocks>div:last-child {
margin-bottom: 0
}
.table_features {
border-radius: 20px
}
.top_table_features>div:last-child {
width: 70%;
padding: 20px 20px;
font-size: 2rem
}
.top_table_features>div:first-child {
width: 28%;
padding: 20px 20px;
font-size: 2rem
}
.left_table_features {
width: 30%;
padding: 20px 10px;
font-size: 2rem;
overflow-wrap: anywhere
}
.right_table_features {
width: 66%;
padding: 20px 10px
}
.right_table_features ul li {
font-size: 2rem
}
.left_table_features:before {
margin-top: -2px
}
.right_table_features ul li:before {
margin-right: 8px;
width: 5px;
height: 5px;
min-width: 5px
}
#faq {
margin: 30px 0
}
.name_faq {
padding: 10px 10px
}
.faq_plus {
width: 30px;
height: 30px;
min-width: 30px
}
.faq_plus:after,
.faq_plus:before {
width: 15px
}
.answer_faq {
padding-left: 7px;
padding-right: 0
}
#bottom_banner {
min-height: 378px
}
#bottom_banner {
min-height: 480px;
background: url(//plinkos.io/wp-content/themes/plinko/img/banner.webp) no-repeat;
background-size: cover;
margin-top: 20px
}
#bottom_banner>.wrapper {
width: 70%
}
#bottom_banner h2 {
font-size: 7rem;
overflow-wrap: anywhere
}
.block_description_footer {
margin-bottom: 24px
}
.menu_center ul li {
margin-right: 18px
}
.footer_logos {
flex-wrap: wrap
}
.footer_logos>div {
width: 49%;
margin-bottom: 5px
}
.footer_bottom_description>div:not(.title_description_footer_bottom) {
width: 100%;
margin-bottom: 20px
}
#characterist h2 {
font-size: 4.2rem;
margin-bottom: 30px
}
#characterist h2 br {
display: none
}
.hidden_list_table_content ul li a {
display: flex
}
#faq h2 {
margin-bottom: 30px
}
.block_description_game {
width: calc(100% - 40px);
padding: 30px 20px;
margin-top: 40px
}
.block_description_game h2 {
font-size: 4.2rem;
text-transform: uppercase;
text-align: center;
padding: 0 0
}
.block_description_game h2 br {
display: none
}
.block_description_game p {
font-size: 2.2rem;
margin-top: 20px;
margin-bottom: 30px;
text-align: center
}
.simple_block_description p {
font-size: 2.2rem;
margin-bottom: 15px
}
.simple_block_description h3 {
font-size: 2.2rem;
margin-bottom: 15px
}
.simple_block_description ul li {
font-size: 2.2rem
}
.simple_block_description ul.other_list {
display: flex;
flex-wrap: wrap
}
.simple_block_description ul.other_list li {
font-size: 2.2rem;
width: 40%
}
.simple_block_description ul.other_list li:before {
margin-right: 10px
}
.simple_block_description ol li:before {
margin-right: 10px;
top: 1px
}
.simple_block_description ul li:before {
margin-right: 10px
}
.block_casino_listing_main_block>h2 {
font-size: 4.2rem;
margin-bottom: 30px
}
.block_casino_listing_main_block {
margin-top: 50px
}
.update_date {
padding-left: 0
}
.meta_mob {
display: block;
font-size: 2rem;
line-height: 2
}
.blocks_meta_listing_casino>div:first-child a {
font-size: 2rem;
padding-right: 10px
}
.meta_pc {
display: none
}
#menu-lang {
right: 10px;
z-index: 99
}
#menu-lang>li>ul>li {
margin-bottom: 20px
}
#right_header>a.button_play {
display: none
}
#lang {
order: 2
}
#logo {
order: 1
}
.menu_toggle span {
height: 4px;
width: 35px;
display: block;
background: #000;
border-radius: 10px;
margin-bottom: 4px;
transition: .5s
}
body,
html {
padding-top: 35px
}
.category_list .cat_posts {
width: 100%;
margin-right: 0;
margin-bottom: 2%
}
.menu_right ul li {
margin-left: 0;
margin-bottom: 8px;
text-align: center
}
.menu_right ul {
list-style: none;
display: flex;
flex-direction: column;
align-items: center
}
.menu_right {
margin-top: 30px
}
.block_hero_description a.button_play {
margin-top: 0;
padding: 20px 15px
}
#hero .play_now_mob {
display: flex;
margin-top: 15px;
margin-bottom: 24px
}
.prons_title:after {
width: 22px;
height: 22px;
top: -6px;
background-size: 22px;
}
.prons_title {
font-size: 2.2rem;
}
.prons_list ul li {
display: block;
}
.prons_list ul li:before {
min-width: 15px;
width: 15px;
height: 15px;
background-size: 15px;
display: inline-block;
}
.cons {
margin-bottom: 20px;
width: 100%;
padding: 30px;
}
.cons_title {
font-size: 2.2rem;
}
.cons_title:after {
width: 22px;
height: 22px;
top: -6px;
background-size: 22px;
}
.cons ul li {
display: block;
}
.cons_list ul li:before {
min-width: 15px;
width: 15px;
height: 15px;
background-size: 15px;
display: inline-block;
}
.new_listing .item_listing {
width: 100%;
margin-right: 2%;
margin-bottom: 25px;
}
}
@media screen and (min-width:2000px) {
.block_hero_description {
margin-left: 14%
}
}