* { font-family: "Roboto", sans-serif; box-sizing: border-box; outline: none !important; } html { scroll-behavior: smooth; min-height: 100vh; } @keyframes animatedgradient { 0% { background-position: 0 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } body { color: #fff; font-size: 16px; font-weight: 400; line-height: 1.2; padding: 0; margin: 0; position: relative; } .container { max-width: 1170px; width: 100%; padding: 0 15px; margin: 0 auto; } .m-0 { margin: 0 !important; } .main_header_wrap { background-color: #fff; } .main_header { display: flex; align-items: center; justify-content: space-between; position: relative; height: 50px; } .image-logo-wrap { display: flex; justify-content: left; } .image-logo-wrap .logo { display: flex; align-items: center; justify-content: center; height: inherit; padding: 3px 0; } .image-logo-wrap .logo img { width: 100%; height: auto; max-height: 100%; object-fit: contain; } .text-logo-wrap { display: flex; justify-content: left; } @media (max-width: 768px) { .text-logo-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .text-logo-wrap .logo { font-size: 28px; text-transform: uppercase; font-family: "Mont-SemiBold", sans-serif; line-height: 1; display: flex; align-items: center; justify-content: center; padding: 4px 30px; white-space: nowrap; border-radius: 10px; min-width: 194px; height: 36px; text-decoration: none; } @media (max-width: 768px) { .text-logo-wrap .logo { padding: 3px 20px; border-radius: 6px; font-size: 18px; height: 26px; } } .main_header_menu { display: flex; align-items: center; } .main_header_menu_item { font-weight: 500; color: #2f334e; margin: 0 0 0 30px; text-decoration: none; } .main_header_menu_item:hover { text-decoration: underline; } .main_title_block_wrap { background-position: center; background-repeat: no-repeat; background-size: cover; margin: 0 0 10px; } .main_title_block { padding: 60px 0; display: flex; flex-direction: column; align-items: center; } .last_update_block { text-align: center; font-size: 18px; margin: 30px 0 0; font-weight: 500; background-color: #2f334e; padding: 13px 30px; } h1 { font-size: 48px; text-align: center; margin: 0 0 30px; font-weight: 500; } h1 .title_date { display: block; } .main_subtitle { font-size: 24px; text-align: center; font-weight: 400; margin: 0 0 35px; max-width: 1065px; } .advantages_block { display: flex; align-items: center; justify-content: center; } .advantage_item { display: flex; align-items: center; margin: 0 15px; } .advantage_item:nth-child(1) img { height: 24px; width: auto; } .advantage_item img { height: 29px; display: block; margin: 0 20px 0 0; } .advantage_item span { font-weight: 500; font-size: 24px; } .brand_list_header_wrap { margin: 0 0 15px; } .brand_list_header { background-color: #1c1f33; border-radius: 8px; height: 50px; display: grid; grid-template-columns: 300px 280px 160px 150px 245px; } .brand_list_header_item { font-weight: 400; text-transform: uppercase; display: flex; align-items: center; justify-content: center; white-space: nowrap; font-size: 14px; } .brand_list, .top_list { display: flex; flex-direction: column; gap: 5px; } .brand_item { display: flex; align-items: stretch; min-height: 162px; border-radius: 16px; background-color: #2f334e; margin: 0 auto; } .brand_item.alternated .brand_get_bonus { background-color: #0091ff; } .brand_item .brand_logo_wrap { width: 300px; position: relative; background-color: #1c1f33; border-radius: 16px 0 0 16px; display: flex; align-items: center; justify-content: center; padding: 25px 10px 10px; flex-shrink: 0; } .brand_item .brand_ribbon { position: absolute; top: 0; left: 0; height: 25px; min-width: 120px; background-color: #0091ff; display: flex; align-items: center; padding: 0 20px 0 15px; border-radius: 16px 0 8px 0; white-space: nowrap; } .brand_item .brand_ribbon span { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); font-size: 14px; font-weight: 700; } .brand_item .brand_logo { display: block; max-width: 224px; width: 100%; height: 78px; background-position: center; background-size: contain; background-repeat: no-repeat; } .brand_item .brand_content_wrap { width: 100%; display: flex; flex-direction: column; } .brand_item .brand_content { display: flex; align-items: stretch; flex-grow: 1; width: 100%; min-height: 130px; } .brand_item .brand_item_part { display: flex; flex-direction: column; align-items: center; justify-content: center; } .brand_item .brand_welcome_bonus { padding: 10px 20px; position: relative; max-width: 450px; width: 100%; } .brand_item .brand_welcome_bonus a { color: #fff; text-decoration: none; width: 100%; display: block; font-size: 24px; font-weight: 500; text-align: center; } .brand_item .brand_welcome_bonus:after { position: absolute; content: ""; top: 50%; right: 0; height: 100%; width: 1px; background-color: #1c1f33; transform: translateY(-50%); } .brand_item .brand_welcome_bonus:hover { text-decoration: none; } .brand_item .brand_rates_wrap { min-width: 70px; margin: 0 15px; position: relative; } .brand_item .brand_rates_wrap:after { position: absolute; content: ""; top: 50%; right: -15px; height: 100%; width: 1px; background-color: #1c1f33; transform: translateY(-50%); } .brand_item .brand_score { font-size: 48px; } .brand_item .brand_rate_stars_wrap { display: flex; align-items: center; justify-content: center; } .brand_item .brand_rate_stars_wrap img { width: 16px; height: 16px; display: block; margin: 0 1px; } .brand_item .scores_count { margin: 3px 0 0; white-space: nowrap; } .brand_item .scores_count .scores_text { margin: 0 5px 0 0; } .brand_item .brand_min_deposit_wrap { min-width: 60px; margin: 0 25px; position: relative; } .brand_item .brand_min_deposit_wrap:after { position: absolute; content: ""; top: 50%; right: -25px; height: 100%; width: 1px; background-color: #1c1f33; transform: translateY(-50%); } .brand_item .brand_min_deposit { text-align: center; display: flex; gap: 5px; } .brand_item .brand_min_deposit span { display: block; font-weight: 500; } .brand_item .brand_get_bonus_wrap { width: 100%; gap: 5px; } .brand_item .brand_payment_methods_wrap { min-width: 90px; padding: 0 15px; position: relative; flex-direction: row; justify-content: center; flex-wrap: wrap; } .brand_item .brand_payment_methods_wrap a { display: block; width: 25px; height: 25px; margin: 0 2px; background-size: contain; transform: scale(1); transition: all 0.3s; } .brand_item .brand_payment_methods_wrap a:hover { transform: scale(1.05); } .brand_item .brand_get_bonus { background-color: #00b67a; display: flex; align-items: center; justify-content: center; height: 48px; flex-shrink: 0; max-width: 210px; width: 100%; border-radius: 25px; text-transform: uppercase; color: #fff; text-decoration: none; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); font-weight: 700; font-size: 20px; transition: box-shadow 0.3s ease-out; padding: 0 20px; white-space: nowrap; } .brand_item .brand_get_bonus:hover { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7); } .brand_item .brand_visit_link { color: #fff; text-decoration: none; margin: 0 auto; } .brand_item .brand_visit_link:hover { text-decoration: underline; } .brand_item .brand_description { min-height: 32px; width: 100%; background-color: #262a40; text-align: center; padding: 5px 10px; font-size: 8px; display: flex; align-items: center; justify-content: center; border-radius: 0 0 16px 0; } .brand_item .brand_description a { font-size: 9px; color: #fff; text-decoration: none; } .brand_item .brand_descr_showhide_btn { background: rgba(0, 0, 0, 0); border: none; font-size: 9px; color: #fff; padding: 0; cursor: pointer; margin: 0 0 0 5px; } .top_list .brand_get_bonus { background-color: #ff5100; } .top_list_title { font-size: 24px; font-weight: 500; text-align: center; text-transform: uppercase; margin: 5px auto; display: flex; align-items: center; justify-content: center; background-color: #1c1f33; width: fit-content; padding: 15px 20px; border-radius: 8px; } .top_list_title img { display: block; height: 39px; margin: 0 0 0 10px; } .rating_explanation_block { display: flex; align-items: center; justify-content: center; margin: 0 0 25px; } .rating_explanation_item { display: flex; flex-direction: column; align-items: center; max-width: 173px; min-height: 204px; } .rating_explanation_item__img { width: 150px; height: 150px; display: flex; justify-content: center; align-items: center; background-color: #1c1f33; border-radius: 30px; margin: 0 0 8px; } .rating_explanation_item__img img { display: block; max-width: 100px; width: 100%; } .rating_explanation_item__title { font-size: 18px; text-align: center; font-weight: 500; } .rating_explanation_item__separator { font-size: 24px; color: #8f9eb0; font-weight: 500; margin: 0 25px; } .faq-block-wrap { padding: 30px 0; position: relative; } @media (max-width: 991px) { .faq-block-wrap { padding: 30px 0; } } @media (max-width: 991px) and (max-width: 991px) { .faq-block-wrap:before { display: none; } } .faq-block-wrap h2 { font-size: 36px; font-weight: 700; color: #fff; text-align: center; margin: 0 0 20px; } @media (max-width: 540px) { .faq-block-wrap h2 { font-size: 21px; } } .faq-block-wrap .faq-block { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 30px 10px; flex-wrap: wrap; } .faq-block-wrap .faq-block .faq-block__item { width: 49%; position: relative; display: flex; padding: 15px 15px; text-align: left; color: #fff; border-radius: 12px; background: #1d1f33; min-height: 87px; align-items: flex-start; gap: 10px; flex-direction: column; justify-content: center; } @media (max-width: 640px) { .faq-block-wrap .faq-block .faq-block__item { width: 100%; } } .faq-block-wrap .faq-block .faq-block__item h3 { font-size: 24px; font-weight: 700; margin: 0; max-width: 90%; } @media (max-width: 864px) { .faq-block-wrap .faq-block .faq-block__item h3 { max-width: 85%; } } .faq-block-wrap .faq-block .faq-block__item .faq-block__item-content { font-size: 12px; font-weight: 600; } .faq-block-wrap .faq-block .faq-block__item .faq-block__item-content.toggle-content.hide { display: none; } .faq-block-wrap .faq-block .faq-block__item .faq-block__item-content.toggle-content.show { display: block; } .faq-block-wrap .faq-block .faq-block__item .trigger-content { position: absolute; content: ""; top: 25px; right: 20px; width: 35px; height: 35px; border: none; background: rgba(0, 0, 0, 0); display: flex; align-items: center; justify-content: center; cursor: pointer; } .content-block-wrap { margin: 30px auto; } .content-block-wrap .content-block-title { font-size: 36px; font-weight: 700; color: #fff; text-align: center; } @media (max-width: 540px) { .content-block-wrap .content-block-title { font-size: 21px; } } .content-block-wrap .content-block { align-items: center; border-radius: 16px; display: flex; flex-direction: column; gap: 30px; } .content-block-wrap .content-block .content-block__item { align-items: center; border-radius: 16px; display: flex; gap: 30px; padding: 25px; background: #1c1f33; } @media (max-width: 540px) { .content-block-wrap .content-block .content-block__item { flex-direction: column; } } .content-block-wrap .content-block .content-block__item .content-block-image { margin: 0 auto; max-width: 168px; width: 100%; padding: 35px; background: #2f334e; border-radius: inherit; } @media (max-width: 540px) { .content-block-wrap .content-block .content-block__item .content-block-image { margin: 0 auto; } } .content-block-wrap .content-block .content-block__item .content-block-image img { display: block; margin: 0 auto; height: auto; width: 100%; } .content-block-wrap .content-block .content-block__item .content-item-title { font-size: 24px; margin-bottom: 14px; line-height: 30px; } @media (max-width: 540px) { .content-block-wrap .content-block .content-block__item .content-item-title { margin: 0 auto 10px; line-height: 1.2; text-align: center; } } .content-block-wrap .content-block .content-block__item p { font-size: 12px; line-height: 15px; padding-right: 12px; } @media (max-width: 540px) { .content-block-wrap .content-block .content-block__item p { text-align: justify; } } .main_footer_wrap { background-color: #1c1f33; padding: 60px 0; } .main_footer_wrap .container { padding: 0 30px; } .main_footer { display: flex; flex-direction: column; align-items: center; } @media (max-width: 991px) { .main_footer { align-items: normal; } } .main_footer .footer_header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 0 0 50px; width: 100%; } @media (max-width: 991px) { .main_footer .footer_header { align-items: normal; margin-bottom: 20px; } } .main_footer .footer_header .footer_logo { height: 28px; display: block; flex-shrink: 0; margin-bottom: 35px; } .footer_logo { max-width: 200px; height: 50px; } .footer_logo img { width: 100%; height: auto; } @media (max-width: 991px) { .main_footer .footer_header .footer_logo img { width: 85%; } } .main_footer .footer_header .footer_menu { display: flex; align-items: center; margin: 20px 0 20px auto; position: relative; } @media (max-width: 991px) { .main_footer .footer_header .footer_menu { flex-wrap: wrap; margin: 30px 0 0; width: 100%; } } .main_footer .footer_header .footer_menu>a { font-weight: 500; color: #fff; text-decoration: none; margin: 0 0 0 25px; } .main_footer .footer_header .footer_menu>a:hover { text-decoration: underline; } @media (max-width: 991px) { .main_footer .footer_header .footer_menu>a { width: 50%; margin: 0 0 15px; } .main_footer .footer_header .footer_menu>a:nth-child(2n) { text-align: right; } } .main_footer .footer_text { margin: 0 0 45px; } .main_footer .footer_text p { font-weight: 300; margin: 0; } @media (max-width: 991px) { .main_footer .footer_text { font-size: 12px; font-weight: 400; text-align: center; } } .main_footer .awareness_block { display: flex; align-items: center; justify-content: space-around; margin: 0 0 50px; gap: 60px; } .main_footer .awareness_block img { display: block; } @media (max-width: 991px) { .main_footer .awareness_block { flex-wrap: wrap; gap: 30px; } } .main_footer .footer_copyright { font-weight: 300; text-align: center; text-transform: uppercase; } @media (max-width: 991px) { .main_footer .footer_copyright { font-size: 12px; } } .js_text__short, .js_text__full, .js_showhide_btn { display: none; } .js_text__short.show, .js_text__full.show, .js_showhide_btn.show { display: initial; } .bottom_offer_popup_overlay { display: none; position: fixed; bottom: 0; left: 0; right: 0; height: auto; width: 100%; z-index: 101; overflow-y: auto; } .bottom_offer_popup_overlay.show { display: block; } .bottom_offer_popup_overlay .bottom_offer_popup_wrap { height: 100%; width: 100%; margin: 0 auto; padding: 20px; } .bottom_offer_popup_overlay .bottom_offer_popup { width: 100%; position: relative; } .bottom_offer_popup_overlay .bottom_offer_popup_close_btn { width: 40px; height: 40px; border-radius: 50%; border: none; cursor: pointer; transition: box-shadow 0.2s ease-in-out; position: absolute; top: 5px; right: 5px; background-color: #1c1f33; z-index: 9; display: flex; align-items: center; justify-content: center; padding: 10px; } .bottom_offer_popup_overlay .bottom_offer_popup_close_btn:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); } .bottom_offer_popup_overlay .offer_wrap { display: flex; align-items: stretch; } .bottom_offer_popup_overlay .bottom_offer_item { background: #fff; border-radius: 16px; overflow: hidden; width: 100%; min-height: 120px; margin: 0 auto; display: flex; flex-direction: row; box-shadow: 0 0 9px 2px #607d8b; } @media (max-width: 864px) { .bottom_offer_popup_overlay .bottom_offer_item { flex-direction: column; } } .bottom_offer_popup_overlay .bottom_offer_logo_wrap { width: 100%; max-width: 300px; position: relative; background: #1c1f33; display: flex; align-items: center; justify-content: center; flex-shrink: 1; } @media (max-width: 864px) { .bottom_offer_popup_overlay .bottom_offer_logo_wrap { max-width: 100%; min-height: 100px; } } .bottom_offer_popup_overlay .bottom_offer_logo { display: block; max-width: 216px; width: 100%; height: 80px; background-position: center; background-size: contain; background-repeat: no-repeat; } .bottom_offer_popup_overlay .bottom_offer_content_wrap { padding: 20px; display: flex; flex-direction: row; align-items: center; height: 100%; justify-content: space-around; width: 100%; } @media (max-width: 864px) { .bottom_offer_popup_overlay .bottom_offer_content_wrap { flex-direction: column; gap: 15px; } } .bottom_offer_popup_overlay .bottom_offer_text-block { display: flex; flex-direction: column; align-items: center; max-width: 643px; width: 100%; } .bottom_offer_popup_overlay .bottom_offer_text-block .brand_description { min-height: 32px; width: 100%; background-color: inherit; color: #1c1f33; text-align: center; padding: 5px 10px; font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: center; border-radius: 0 0 16px 0; } .bottom_offer_popup_overlay .bottom_offer_text-block .brand_description span a { color: #1c1f33; text-decoration: none; } @media (max-width: 864px) { .bottom_offer_popup_overlay .bottom_offer_text-block .brand_description { font-size: 12px; } } .bottom_offer_popup_overlay .bottom_offer_text-block .brand_descr_showhide_btn { background: rgba(0, 0, 0, 0); border: none; font-size: 14px; font-weight: 500; color: #232936; padding: 0; cursor: pointer; margin: 0 0 0 5px; text-decoration: underline; } .bottom_offer_popup_overlay .bottom_offer_text-block .bottom_offer_welcome_bonus { display: block; width: 100%; text-align: center; padding: 0 5px; } .bottom_offer_popup_overlay .bottom_offer_text-block .bottom_offer_welcome_bonus a { text-align: center; font-size: 24px; font-weight: 800; color: #1c1f33; text-decoration: none; text-transform: uppercase; } @media (max-width: 864px) { .bottom_offer_popup_overlay .bottom_offer_text-block .bottom_offer_welcome_bonus a { font-size: 21px; } } @media (max-width: 540px) { .bottom_offer_popup_overlay .bottom_offer_text-block .bottom_offer_welcome_bonus a { display: block; } } @media (max-width: 991px) { .bottom_offer_popup_overlay .bottom_offer_text-block .bottom_offer_welcome_bonus { padding: 0; } } .bottom_offer_popup_overlay .bottom_offer_get_bonus { display: flex; align-items: center; justify-content: center; height: 49px; flex-shrink: 0; max-width: 233px; width: 100%; text-transform: uppercase; color: #fff; text-shadow: rgba(0, 0, 0, 0.25) 0 4px 4px; font-size: 20px; box-shadow: rgba(0, 0, 0, 0.25) 0 4px 4px 0; background: #01b676; border-radius: 25px; text-decoration: none; padding: 0 20px; white-space: nowrap; font-weight: 600; } @media (max-width: 540px) { .bottom_offer_popup_overlay .bottom_offer_get_bonus { height: 40px; max-width: 206px; font-size: 16px; } } .three_offer_popup_overlay { display: none; background: rgba(47, 51, 78, 0.75); position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: 101; overflow-y: auto; } .three_offer_popup_overlay.show { display: block; } .three_offer_popup_overlay .three_offer_popup_wrap { display: flex; justify-content: center; align-items: center; height: 100vh; min-height: 520px; max-width: 1100px; width: 100%; margin: 0 auto; } .three_offer_popup_overlay .three_offer_popup { position: relative; padding: 70px 60px 30px; border-radius: 24px; min-height: inherit; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; flex-direction: column; gap: 30px; } .three_offer_popup_overlay .three_offer_popup_close_btn { width: 36px; height: 36px; background-image: url(../images/three-offer-close-icon.svg); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 50%; border: none; cursor: pointer; transition: box-shadow 0.2s ease-in-out; position: absolute; top: 15px; right: 15px; } .three_offer_popup_overlay .three_offer_popup_close_btn:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); } .three_offer_popup_overlay .three_offer_popup_title { text-align: center; font-size: 36px; text-transform: uppercase; font-weight: 500; color: #fff; margin: 0; padding: 0 50px; } .three_offer_popup_overlay .offers_wrap { display: flex; align-items: stretch; margin: 40px 0 0; } .three_offer_popup_overlay .three_offer_item { background-color: #fff; border-radius: 16px; border: 4px solid #fff; overflow: hidden; width: 330px; margin: 0 10px; display: flex; flex-direction: column; } .three_offer_popup_overlay .three_offer_item .brand_rates_wrap:after { display: none; } .three_offer_popup_overlay .three_offer_logo_wrap { height: 150px; background-image: url(../images/three-offer-logo-bg.webp); background-position: bottom center; background-repeat: no-repeat; background-size: cover; padding: 10px 10px 20px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; } .three_offer_popup_overlay .three_offer_logo { height: 70px; display: block; width: 100%; max-width: 200px; background-position: center; background-size: contain; background-repeat: no-repeat; } .three_offer_popup_overlay .three_offer_content_wrap { padding: 15px 20px 10px; display: flex; flex-direction: column; align-items: center; height: 100%; } .three_offer_popup_overlay .three_offer_welcome_bonus { display: flex; flex-direction: column; align-items: center; } .three_offer_popup_overlay .three_offer_welcome_bonus a { text-align: center; font-size: 24px; font-weight: 700; color: #1c1f33; text-decoration: none; text-transform: uppercase; } .three_offer_popup_overlay .three_offer_rates_wrap { margin: auto 0 0; } .three_offer_popup_overlay .three_offer_rates_wrap .brand_score { font-weight: 500; font-size: 48px; color: #1c1f33; text-align: center; } .three_offer_popup_overlay .three_offer_rates_wrap .brand_rate_stars_wrap { display: flex; align-items: center; justify-content: center; } .three_offer_popup_overlay .three_offer_rates_wrap .brand_rate_stars_wrap img { width: 16px; height: 16px; display: block; margin: 0 1px; } .three_offer_popup_overlay .three_offer_rates_wrap .scores_count { color: #1c1f33; } .three_offer_popup_overlay .three_offer_get_bonus { background-color: #00b67a; display: flex; align-items: center; justify-content: center; height: 48px; flex-shrink: 0; max-width: 200px; width: 100%; border-radius: 25px; text-transform: uppercase; color: #fff; text-decoration: none; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); font-weight: 500; font-size: 20px; margin: 10px 0 0; padding: 0 20px; white-space: nowrap; } .brand_description__mobile, .brand_rates_wrap__mobile, .brand_welcome_bonus__mobile, .mobile_menu_btn, .menu_close_btn, .brand_min_deposit_wrap__mobile, .brand_payment_methods_wrap__mobile { display: none; } @media (max-width: 1170px) { .three_offer_popup_overlay, .three_offer_popup_overlay.show, .brand_welcome_bonus:after, .brand_rates_wrap:after, .brand_min_deposit_wrap:after { display: none; } .brand_list_header { grid-template-columns: 270px 1fr 160px 150px 1fr; } .brand_logo_wrap { max-width: 270px; } .brand_get_bonus_wrap { padding: 0 15px; } } @media (max-width: 1024px) { .hidden-md { display: none !important; } .advantage_item span { font-size: 16px; } .brand_list_header { grid-template-columns: 180px 1fr 160px 150px 1fr; } .brand_list_header_item { font-size: 12px; text-align: center; } .brand_get_bonus { font-size: 18px; } .brand_logo_wrap { max-width: 180px; } .brand_welcome_bonus { padding: 10px 15px; } .brand_welcome_bonus a { font-size: 18px; } .brand_rates_wrap { margin: 0 15px; } .rating_explanation_block { flex-wrap: wrap; } .rating_explanation_item { max-width: unset; width: 45%; margin: 0 0 5px; } .rating_explanation_item__separator { margin: 0 10px 50px; } .rating_explanation_item__separator.last_item { width: 100%; text-align: center; margin: 10px 0; } } @media (max-width: 991px) { .brand_list_header_wrap, .main_subtitle { display: none; } .brand_list .brand_welcome_bonus, .brand_list .brand_payment_methods_wrap, .brand_list .brand_rates_wrap, .brand_list .brand_description, .brand_list .brand_min_deposit_wrap, .brand_list .brand_payment_methods_wrap, .top_list .brand_welcome_bonus, .top_list .brand_payment_methods_wrap, .top_list .brand_rates_wrap, .top_list .brand_description, .top_list .brand_min_deposit_wrap, .top_list .brand_payment_methods_wrap { display: none; } .container { padding: 0 10px; } .main_header_wrap .container { padding: 0; } .main_header { height: 48px; position: relative; } .mobile_menu_btn { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; padding: 0; border: none; background: rgba(0, 0, 0, 0); cursor: pointer; margin: 0 0 0 10px; } .mobile_menu_btn img { display: block; width: 18px; } .main_header_menu { position: absolute; bottom: 100%; left: 0; width: 100%; flex-direction: column; z-index: 10; transition: all 0.3s ease-in-out; } .main_header_menu.show { transform: translateY(100%); } .main_header_menu_item { margin: 0; font-size: 18px; background-color: #fcf5ff; padding: 10px; width: 100%; text-align: center; border-bottom: 1px solid #ccc; } .menu_close_btn { display: flex; justify-content: center; align-items: center; width: 100%; border: none; background: #fcf5ff; font-size: 18px; padding: 10px; color: #2f334e; font-weight: 500; border-radius: 0 0 16px 16px; } .main_title_block_wrap { margin: 0 0 10px; } .main_title_block { padding: 15px 0; } .last_update_block { font-size: 10px; margin: 0; padding: 7px 30px; } h1 { font-size: 21px; margin: 0 0 15px; } .advantages_block { align-items: unset; flex-wrap: wrap; justify-content: flex-start; max-width: 350px; margin: 0 auto; } .advantage_item { margin: 0 0 15px; width: 50%; font-size: 12px; white-space: nowrap; } .advantage_item img { height: 18px; margin: 0 8px 0 0; } .advantage_item:nth-child(1) img { height: 14px; } .brand_item { min-height: 154px; margin: 0; border-radius: 16px 16px 0 0; } .brand_ribbon { height: 21px; padding: 1px 10px 0; } .brand_ribbon span { font-weight: 500; line-height: 1; } .brand_list .brand_logo_wrap, .top_list .brand_logo_wrap { max-width: unset; width: 50%; border-radius: 16px 0 0 0; display: flex; flex-direction: column; padding: 24px 5px 5px; } .brand_list .brand_logo, .top_list .brand_logo { height: 48px; max-width: 128px; margin: 0 0 5px; } .brand_list .brand_rates_wrap__mobile, .top_list .brand_rates_wrap__mobile { display: flex; flex-direction: column; align-items: center; } .brand_list .brand_score, .top_list .brand_score { font-size: 33px; font-weight: 500; text-align: center; line-height: 1; } .brand_list .brand_rate_stars_wrap img, .top_list .brand_rate_stars_wrap img { width: 14px; height: 14px; } .brand_list .scores_count, .top_list .scores_count { font-size: 10px; } .brand_list .brand_content_wrap, .top_list .brand_content_wrap { width: 50%; } .brand_list .brand_get_bonus_wrap, .top_list .brand_get_bonus_wrap { padding: 5px; } .brand_list .brand_welcome_bonus__mobile, .top_list .brand_welcome_bonus__mobile { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; } .brand_list .brand_welcome_bonus__mobile a, .top_list .brand_welcome_bonus__mobile a { font-size: 18px; color: #fff; text-decoration: none; line-height: 22px; display: block; text-align: center; font-weight: 500; } .brand_list .brand_get_bonus, .top_list .brand_get_bonus { height: 34px; font-size: 14px; max-width: 148px; } .brand_list .brand_visit_link, .top_list .brand_visit_link { font-size: 10px; font-weight: 300; } .brand_list .brand_min_deposit_wrap__mobile, .top_list .brand_min_deposit_wrap__mobile { display: block; margin: 0 auto; } .brand_list .brand_payment_methods_wrap__mobile, .top_list .brand_payment_methods_wrap__mobile { min-width: 90px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2px 0; } .brand_list .brand_payment_methods_wrap__mobile a, .top_list .brand_payment_methods_wrap__mobile a { display: block; width: 21px; height: 21px; margin: 0 2px; background-size: contain; } .brand_list .brand_description__mobile, .top_list .brand_description__mobile { display: flex; align-items: center; justify-content: center; background-color: #262a40; font-size: 8px; color: #fff; text-align: center; min-height: 38px; width: 100%; border-radius: 0 0 16px 16px; padding: 5px 15px; margin: 0 auto; font-weight: 300; } .brand_list .brand_description__mobile a, .top_list .brand_description__mobile a { color: #fff; font-size: 8px; text-decoration: none; } .brand_descr_showhide_btn { font-size: 9px; font-weight: 300; } .top_list_title { font-size: 21px; font-weight: 400; padding: 10px 20px; } } @media (max-width: 350px) { .brand_get_bonus { font-size: 11px; } .rating_explanation_item { width: 42%; } .rating_explanation_item__img { width: 100px; height: 100px; } .rating_explanation_item__img img { max-width: 80px; } } .header-nav, .header-list { padding: 0 !important; } .header-case { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; row-gap: 10px; column-gap: 20px; padding: 0 20px !important; } .header-list li a { text-decoration: none; font-weight: 900; font-size: 16px; color: #000000; transition: color 250ms ease-in-out; } .header-list li a:hover { color: #ff0000; } .header-list { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; row-gap: 10px; column-gap: 20px; } .logo { text-decoration: none; } .logo-text { font-size: 48px; font-weight: bold; background: linear-gradient(to right, #cf142b, #005688, #0066a1); -webkit-background-clip: text; color: transparent; display: inline-block; text-transform: uppercase; } .header { padding: 20px 0; } .c-logo-img { width: 30%; } @media(max-width:768px) { .logo-text { font-size: 30px; font-weight: bold; background: linear-gradient(to right, #cf142b, #003b5c, #0066a1); -webkit-background-clip: text; color: transparent; display: inline-block; text-transform: uppercase; } .c-logo-img { width: 50%; } } @media (max-width: 480px) { .brand_list, .top_list { gap: 15px; } .c-logo-img { width: 70%; } } @media (max-width: 390px) { .advantage_item { white-space: pre-wrap; } } @media (max-width: 390px) { .brand_list, .top_list { gap: 15px; } .brand_item { flex-direction: column; width: 100%; } .brand_list .brand_logo_wrap, .top_list .brand_logo_wrap { width: 100%; } .brand_list .brand_content_wrap, .top_list .brand_content_wrap { width: 100%; } }