*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Roboto','Segoe UI',Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6;color:#31363c;background:#f4f6f9}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
a{color:#0a5ca8;text-decoration:none}
a:hover{color:var(--sr-primary)}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25;font-weight:700;color:#16222f}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
.container-fluid{width:100%;max-width:1240px;margin:0 auto;padding:0 18px}
.row{display:flex;flex-wrap:wrap;margin:0 -12px}
[class*="col-sm-"],[class*="col-xs-"]{padding:0 12px;margin-bottom:22px}

.header{background:var(--sr-header);position:relative;z-index:60}
.top_header{border-bottom:1px solid rgba(255,255,255,.12)}
.top_header_inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;flex-wrap:wrap}
.header_logo{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;max-width:100%}
.header_logo_text{font-size:27px;font-weight:800;letter-spacing:.4px;color:#fff;text-transform:uppercase;line-height:1}
.header_logo::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--sr-btn);display:inline-block}
.header_actions{display:flex;align-items:center;gap:12px;flex:0 0 auto;color:#fff}
.header_cta{display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:19px;background:var(--sr-btn);color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}
.header_cta:hover{background:#1fa348;color:#fff}
.header_actions .ls{align-self:center}
.header_actions .ls__btn{color:#fff;border-color:rgba(255,255,255,.45)}

.header_nav{background:var(--sr-secondary)}
.header_nav_inner{display:flex;align-items:center;min-height:52px}
.header_nav_btn_colapse{display:none;background:transparent;border:1px solid rgba(255,255,255,.5);border-radius:4px;padding:6px 7px;cursor:pointer}
.header_nav_btn_colapse .line{display:block;width:20px;height:2px;margin:3px 0;background:#fff}
.heaver_nav_list{display:flex;flex-wrap:wrap;align-items:center;gap:2px;width:100%}
.heaver_nav_list>li{position:relative}
.header_nav_link{display:inline-flex;align-items:center;gap:7px;padding:15px 13px;color:#eaf3fb;font-size:13.5px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}
.header_nav_link:hover{background:rgba(255,255,255,.12);color:#fff}
.nav_caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.75}
.dropdown_container{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border-top:3px solid var(--sr-primary);box-shadow:0 16px 30px rgba(0,0,0,.18);display:none;z-index:80}
.has_kids:hover>.dropdown_container{display:block}
.dropdown_container li a{display:block;padding:10px 16px;font-size:13.5px;color:#22303c;border-bottom:1px solid #eef1f5;white-space:nowrap}
.dropdown_container li a:hover{background:#f1f6fb;color:var(--sr-primary)}

.casinos_top_info{background:linear-gradient(120deg,var(--sr-header) 0%,#07305a 60%,#0a3f70 100%);color:#e9f1f8;padding:38px 0 42px}
.hero_wrap{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
.hero_copy{flex:1 1 560px;min-width:0}
.hero_side{flex:0 1 320px;min-width:0}
.hero_badge{display:inline-block;margin-bottom:12px;padding:5px 12px;border-radius:3px;background:rgba(255,255,255,.14);color:#fff;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.hero_title{margin:0 0 12px;font-size:33px;line-height:1.2;color:#fff;font-weight:800}
.hero_lead{margin:0 0 20px;font-size:16px;color:#cfe0ee;max-width:62ch}
.hero_actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.hero_btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 26px;border-radius:23px;background:var(--sr-btn);color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.hero_btn:hover{background:#1fa348;color:#fff}
.hero_link{color:#cfe0ee;font-size:14px;text-decoration:underline}
.hero_link:hover{color:#fff}
.hero_labels{display:flex;flex-direction:column;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:14px}
.header_label_item{display:flex;align-items:center;gap:12px}
.image_positoin{flex:0 0 34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.12)}
.label_dot{width:9px;height:9px;border-radius:50%;background:var(--sr-btn);box-shadow:0 0 0 4px rgba(39,187,84,.22)}
.header_label_text{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#e9f1f8}
.hero_meta{margin:0;font-size:13px;color:#bcd2e4}
.sr_crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:12.5px;color:#b9cee0}
.sr_crumbs a{color:#dbe9f5}
.sr_crumbs a:hover{color:#fff}
.crumb_sep{opacity:.55}
.cat_hero{padding:26px 0 30px}
.cat_hero .hero_title{font-size:29px}
.cat_hero .hero_lead{margin-bottom:8px}

.top_casino_table_container{padding:30px 0 10px;background:#fff}
.top_casino_table_title{text-align:center;margin:0 0 20px}
.flag_container{display:inline-block;position:relative;background:var(--sr-primary);color:#fff;padding:0 26px;height:44px;line-height:44px;border-radius:3px}
.flag_container .text{font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.tc_section{padding:0;margin:0;background:transparent;border:0}
.tc_table{display:block}
.tc_row{display:flex;align-items:center;gap:14px;width:100%;padding:12px 16px;background:#fff;border:1px solid #e2e8ee;border-radius:5px;color:#4b5560;font-size:14px}
.tc_row:hover{border-color:#c6d3df;box-shadow:0 8px 20px rgba(11,40,68,.08)}
.tc_cell{display:flex;align-items:center;min-width:0}
.number_cell{flex:0 0 54px;font-size:24px;font-weight:800;color:var(--sr-primary);justify-content:flex-start}
.image_cell{flex:0 0 220px;gap:12px}
.tc_logo_link{flex:0 0 108px;display:flex;align-items:center;justify-content:center}
.tc_logo_link img{max-height:44px;width:auto}
.tc_name{display:flex;flex-direction:column;gap:3px;min-width:0}
.tc_name a{font-size:14px;font-weight:700;color:#16222f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc_stars{display:inline-flex;gap:2px}
.tc_star{width:10px;height:10px;display:inline-block;background:#dfe5ec;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.tc_star.is_on{background:#f0a72a}
.bonus_cell{flex:1 1 240px;flex-direction:column;align-items:flex-start;gap:1px}
.bonus_label{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#8a97a4}
.imp_text{display:block;font-size:16px;font-weight:800;color:var(--sr-secondary);line-height:1.3}
.tc_meta{display:block;font-size:11.5px;color:#8a97a4}
.devices_cell{flex:0 0 66px;justify-content:center}
.devices_icon{width:26px;height:16px;border:2px solid #9db0c0;border-radius:3px;position:relative;display:inline-block}
.devices_icon::after{content:"";position:absolute;right:-9px;bottom:-3px;width:11px;height:19px;border:2px solid #9db0c0;border-radius:3px;background:#fff}
.flags_cell{flex:0 0 96px;justify-content:center;gap:8px}
.flags_cell .flag_container{height:24px;line-height:24px;padding:0 12px;border-radius:12px}
.flags_cell .icon{display:inline-block;width:9px;height:9px;border-radius:50%;background:#fff}
.tc_score{font-size:13px;font-weight:700;color:#4b5560}
.btn_cell{flex:0 0 168px;justify-content:flex-end}
.play_btn{display:inline-flex;align-items:center;justify-content:center;height:42px;min-width:150px;padding:0 20px;border-radius:21px;background:var(--sr-btn);color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.play_btn:hover{background:#1fa348;color:#fff}
.pp-promos-more{margin-top:14px}

.flag_items_container{padding:34px 0 8px;background:#fff}
.flags_row{row-gap:0}
.flags_items_cell{flex:0 0 33.333%;max-width:33.333%}
.flags_items_cell{background:#f7f9fc;border:1px solid #e6ecf2;border-radius:6px;padding:20px}
.flags_title{margin:0 0 8px;font-size:16px;color:var(--sr-secondary)}
.flags_text{margin:0;font-size:13.5px;color:#5b6874}

.selection_process_container{padding:26px 0 34px;background:#fff;border-top:1px solid #eef1f5;margin-top:26px}
.selection_process_container .title{font-size:21px;font-weight:800;color:#16222f;margin:0 0 18px;text-transform:uppercase;letter-spacing:.4px}
.process_row{row-gap:0}
.selection_process_cell{flex:0 0 25%;max-width:25%}
.process_num{display:inline-block;font-size:26px;font-weight:800;color:#d6e2ee;line-height:1}
.process_title{margin:6px 0 6px;font-size:15px;text-transform:uppercase;letter-spacing:.4px;color:var(--sr-secondary)}
.process_text{margin:0;font-size:13px;color:#5b6874}

.sr_posts_area{padding:38px 0 30px;background:#f4f6f9}
.sr_sec_title{font-size:22px;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--sr-primary);display:block;color:#16222f}
.post_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e9f0;border-radius:6px;padding:18px 18px 14px;transition:box-shadow .18s ease,border-color .18s ease}
.post-card:hover{border-color:#c8d6e4;box-shadow:0 10px 24px rgba(11,40,68,.09)}
.post-card_head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.post-card_cat{display:inline-block;padding:3px 9px;border-radius:3px;background:#fdeaea;color:var(--sr-primary);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.post-card_rank{font-size:12px;font-weight:800;color:#c3cfdb}
.post-card_title{margin:0 0 8px;font-size:16.5px;line-height:1.35;color:#16222f}
.post-card:hover .post-card_title{color:var(--sr-primary)}
.post-card_excerpt{margin:0 0 12px;font-size:13.5px;color:#5b6874}
.post-card_meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;font-size:11.5px;color:#8a97a4;text-transform:uppercase;letter-spacing:.4px}
.post-card_author{font-weight:700;color:#4b5560}
.sr_empty{padding:16px 0;color:#7d8b98}

.sr_cats_area{padding:10px 0 34px;background:#f4f6f9}
.cat_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cat_tile{display:block;background:#fff;border:1px solid #e3e9f0;border-left:4px solid var(--sr-secondary);border-radius:5px;padding:16px 18px}
.cat_tile:hover{border-left-color:var(--sr-primary)}
.cat_num{display:block;font-size:12px;font-weight:800;color:#c3cfdb}
.cat_name{display:block;margin:2px 0 6px;font-size:15px;font-weight:700;color:#16222f}
.cat_tile:hover .cat_name{color:var(--sr-primary)}
.cat_desc{display:block;font-size:13px;color:#6c7a87}

.sr_popular_area{padding:0 0 40px;background:#f4f6f9}
.popular_list{display:flex;flex-direction:column;gap:8px}
.popular_row{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#fff;border:1px solid #e3e9f0;border-radius:5px;color:#22303c;font-size:14.5px;font-weight:600}
.popular_row:hover{border-color:#c8d6e4;color:var(--sr-primary)}
.popular_num{flex:0 0 26px;font-size:13px;font-weight:800;color:var(--sr-primary)}

.sr_cta_band{background:var(--sr-header);color:#e9f1f8;padding:34px 0}
.cta_inner{text-align:center}
.cta_title{margin:0 0 8px;font-size:26px;color:#fff}
.cta_lead{margin:0 auto 18px;max-width:68ch;color:#cfe0ee;font-size:14.5px}

.sr_pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px;font-size:13px}
.sr_pager a,.sr_pager span{padding:8px 16px;border:1px solid #cfdae5;border-radius:5px;background:#fff;color:#22303c}
.sr_pager a:hover{border-color:var(--sr-primary);color:var(--sr-primary)}
.pager_off{opacity:.5}
.pager_pos{background:transparent;border:0}

.sr_article{background:#fff;padding:34px 0 40px}
.article_inner{max-width:900px}
.article_cat{display:inline-block;margin-bottom:10px;padding:3px 10px;border-radius:3px;background:#fdeaea;color:var(--sr-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.article_title{margin:0 0 16px;font-size:31px;line-height:1.25;color:#16222f}
.article_meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #e9eef3;font-size:12.5px;color:#7d8b98}
.meta_avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}
.meta_author{font-size:13.5px;font-weight:700;color:#16222f}
.meta_author:hover{color:var(--sr-primary)}
.meta_role,.meta_date,.meta_views{text-transform:uppercase;letter-spacing:.4px;font-size:11.5px}
.article_body{font-size:15.5px;line-height:1.75;color:#39434d}
.article_body h2{font-size:21px;margin:26px 0 10px;color:#16222f}
.article_body h3{font-size:17.5px;margin:22px 0 8px;color:#16222f}
.article_body ul{margin:0 0 1em;padding-left:20px;list-style:disc}
.article_body li{margin-bottom:.4em}
.article_body p:first-letter{font-size:inherit}
.author_box{display:flex;gap:18px;margin:30px 0;padding:20px;background:#f7f9fc;border:1px solid #e3e9f0;border-left:4px solid var(--sr-primary);border-radius:6px}
.author_box_avatar{flex:0 0 84px;width:84px;height:84px;border-radius:50%;object-fit:cover}
.author_box_body{display:flex;flex-direction:column;gap:4px;min-width:0}
.author_box_label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#8a97a4}
.author_box_name{font-size:17px;font-weight:800;color:#16222f}
.author_box_role{font-size:12.5px;color:var(--sr-primary);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.author_box_bio{margin:4px 0 6px;font-size:13.5px;color:#5b6874}
.author_box_link{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--sr-secondary)}
.related_block{margin-top:34px}

.comments_area{margin:30px 0 0;padding-top:24px;border-top:1px solid #e9eef3}
.comment_list{display:flex;flex-direction:column;gap:16px}
.comment_item{padding:16px 18px;background:#f7f9fc;border:1px solid #e6ecf2;border-radius:6px}
.comment_head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.comment_avatar_wrap{flex:0 0 44px}
.comment-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#dfe7ef}
.comment_meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.comment_author{font-size:14px;font-weight:700;color:#16222f}
.comment_author:hover{color:var(--sr-primary)}
.comment_date{font-size:11.5px;color:#8a97a4;text-transform:uppercase;letter-spacing:.4px}
.comment_body{font-size:14px;color:#4b5560}
.comments_empty{color:#7d8b98;font-size:14px}

.author_hero{padding:26px 0 32px}
.author_profile{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.author_profile_avatar{flex:0 0 128px}
.author_profile_avatar img{width:128px;height:128px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.35)}
.author_profile_body{flex:1 1 460px;min-width:0}
.author_profile_name{margin:0 0 4px;font-size:29px;color:#fff}
.author_profile_role{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--sr-btn);margin-bottom:10px}
.author_profile_stats{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:12px;font-size:12.5px;color:#bcd2e4;text-transform:uppercase;letter-spacing:.5px}
.author_stat b{color:#fff;font-size:15px;margin-right:5px}
.author_profile_bio{margin:0 0 12px;font-size:14.5px;color:#d3e3f0;max-width:75ch}
.author_socials{display:flex;flex-wrap:wrap;gap:8px}
.author_social{padding:5px 12px;border:1px solid rgba(255,255,255,.4);border-radius:14px;font-size:12px;color:#e9f1f8}
.author_social:hover{background:rgba(255,255,255,.14);color:#fff}
.author_main{background:#f4f6f9}
.author_comments{display:flex;flex-direction:column;gap:12px}
.author_comment{padding:14px 16px;background:#fff;border:1px solid #e3e9f0;border-radius:6px}
.author_comment_head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.author_comment_post{font-size:14px;font-weight:700;color:#16222f}
.author_comment_post:hover{color:var(--sr-primary)}
.author_comment_body{margin:0 0 4px;font-size:14px;color:#4b5560}
.author_comment_date{font-size:11.5px;color:#8a97a4;text-transform:uppercase;letter-spacing:.4px}

.footer_menu{background:#0b2036;color:#b9cbdc;padding:40px 0 0;font-size:13.5px}
.footer_cols{row-gap:0}
.footer_col{flex:0 0 25%;max-width:25%}
.footer_brand{display:inline-block;margin-bottom:10px;font-size:20px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.footer_about{margin:0;font-size:13px;color:#93a9bd}
.footer_head{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:#fff}
.footer_links li{margin-bottom:8px}
.footer_links a{color:#a9bfd3;font-size:13px}
.footer_links a:hover{color:#fff}
.foot_line{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:26px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);font-size:11.5px;color:#8399ad}

@media (max-width:1100px){
  .post_grid,.cat_grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .image_cell{flex:0 0 190px}
  .bonus_cell{flex:1 1 200px}
  .flags_cell{display:none}
}
@media (max-width:900px){
  .header_nav_btn_colapse{display:inline-block}
  .header_nav_inner{flex-wrap:wrap}
  .heaver_nav_list{display:none;flex-direction:column;align-items:stretch;padding:6px 0 10px}
  .heaver_nav_list.is_open{display:flex}
  .dropdown_container{position:static;display:block;box-shadow:none;border-top:0;background:transparent}
  .dropdown_container li a{color:#cfe0ee;border-bottom-color:rgba(255,255,255,.1)}
  .dropdown_container li a:hover{background:rgba(255,255,255,.08);color:#fff}
  .nav_caret{display:none}
  .hero_title{font-size:27px}
  .flags_items_cell,.selection_process_cell{flex:0 0 50%;max-width:50%}
  .footer_col{flex:0 0 50%;max-width:50%}
  .tc_row{flex-wrap:wrap;gap:10px}
  .number_cell{flex:0 0 40px}
  .image_cell{flex:1 1 200px}
  .devices_cell{display:none}
  .btn_cell{flex:1 1 100%;justify-content:flex-start}
}
@media (max-width:640px){
  .top_header_inner{min-height:64px;gap:10px}
  .header_logo_text{font-size:22px}
  .header_cta{height:34px;padding:0 14px;font-size:12px}
  .post_grid,.cat_grid{grid-template-columns:1fr}
  .flags_items_cell,.selection_process_cell,.footer_col{flex:0 0 100%;max-width:100%}
  .article_title{font-size:24px}
  .hero_side{flex:1 1 100%}
  .author_profile_avatar{flex:0 0 96px}
  .author_profile_avatar img{width:96px;height:96px}
  .bonus_cell{flex:1 1 100%}
}