:root { --cwZIndexHeader: 100; --cwZIndexFooter: 120; --cwZIndexSidebar: 101; --cwNavbarBottomHeight: 76px; /*immutable*/ /*bage status*/ /*--cwStatusExclusiveBg: rgba(251, 140, 0, 0.2); --cwStatusExclusiveTxt: #FB8C00; --cwStatusNewBg: rgba(251, 140, 0, 0.2); --cwStatusNewTxt: #FB8C00; --cwStatusJackpotBg: rgba(162, 132, 242, 0.2); --cwStatusJackpotTxt: #A284F2; --cwStatusSoonBg: rgba(0, 163, 134, 0.2); --cwStatusSoonTxt: #00A386; --cwStatusTopBg: rgba(80,130,255,0.2); --cwStatusTopTxt: #5082FF; --cwStatusHotBg: rgba(244,81,30,0.2); --cwStatusHotTxt: #F4511E; --cwStatusPremiumBg: rgba(80,130,255,0.2); --cwStatusPremiumTxt: #5082FF;*/ --cwCountTxt: #ffffff; --cwHeaderHeight: 64px; --cwNavbarRightBg: var(--cwBodyBg); --cwNavbarRightTxt: var(--cwBodyTxt); --cwNavbarLeftBg: var(--cwBodyBg2); --cwNavbarLeftTxt: var(--cwBodyTxt); --cwSignInModalBg: var(--cwBodyBg); --cwSignInModalTxt: var(--cwBodyTxt); /* --cwNavActiveTxt: var(--cwAccentG)*/ /* skinner --cwSignInModalBg: var(--cwDominantBg); --cwSignInModalTxt: var(--cwDominantTxt);*/ --navbarHeaderHeight: 50px; } html, body { margin: 0; padding: 0; /* overflow: hidden; */ background-color: var(--cwBodyBg); color: var(--cwBodyTxt); } .cw_mob_root { width: 100%; height: 100%; /* background-color: var(--cwBodyBg); color: var(--cwBodyTxt);*/ overflow-y: auto; padding: 0 16px; } .cw_mob_root-sidebar_opened { overflow: hidden; } .cw_mob_root-sidebar_opened .cw_mob_sidebar { transform: translateX(0); } .cw_mob_root-sidebar_opened #betslip-container-element, .cw_mob_root-right_sidebar_opened #betslip-container-element, .cw_mob_root-sidebar_opened #reactMobile, .cw_mob_root-right_sidebar_opened #reactMobile { --zindex: calc(var(--cwZIndexSidebar) - 10); z-index: var(--zindex) !important; } .cw_mob_root-right_sidebar_opened .cw_mob_right_sidebar { transform: translateX(0); } .cw_mob_root-sidebar_opened .cw_mob_mav_fixed_bot_main_action > div > i:first-child { opacity: 0; } .cw_mob_root-sidebar_opened .cw_mob_mav_fixed_bot_main_action > div > i:last-child { opacity: 1; color: var(--cwDominantTxt); } .cw_mob_root-sidebar_opened .cw_mob_mav_fixed_primary_items_wrapper.with_switcher { transform: translateY(150%); } .cw_mob_root-sidebar_opened .cw_mob_mav_fixed_alternative_items_wrapper { transform: translateY(0); } .cw_mob_header { width: 100%; display: flex; align-items: center; height: 72px; padding: 12px; box-shadow: 0px 6px 24px 0px #00000026; background-color: var(--headerBg); color: var(--headerTxt); z-index: var(--cwZIndexHeader); position: fixed; top: 0; left: 0; right: 0; } .cw_mob_header_logo { background-image: url(assets/logo.svg); width: 114px; height: 32px; background-repeat: no-repeat; background-size: contain; cursor: pointer; } .cw_mob_header_btn { width: auto; height: 48px; padding: 0 24px; border-radius: 12px; background-color: var(--cwAccentBg); color: var(--cwAccentTxt); border: 0; outline: 0; } .cw_mob_header_btn_promos { width: 48px; height: 48px; flex-shrink: 0; background-color: var(--cwAccentBg); color: var(--cwAccentTxt); display: flex; align-items: center; justify-content: center; } .cw_mob_header_btn_promos { width: 48px; height: 48px; flex-shrink: 0; background-color: var(--cwAccentBg); color: var(--cwAccentTxt); } .cw_mob_rest { display: flex; align-items: center; flex-grow: 1; min-width: 1px; justify-content: flex-end; } .cw_mob_icon { font-family: "iconsDinamicMenu"; color: var(--cwHeaderTxt); flex-shrink: 0; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 46px; } .cw_mob_separator_xxxs { width: 2px; flex-shrink: 0; } .cw_mob_separator_xs { width: 8px; flex-shrink: 0; } .cw_mob_separator_menu { width: 10px; flex-shrink: 0; } .cw_mob_separator_aside { width: 12px; flex-shrink: 0; } /*navigation*/ .cw_mob_mav_fixed_bot { width: 100%; height: var(--cwNavbarBottomHeight); display: flex; align-items: center; position: fixed; bottom: 0; left: 0; right: 0; border-radius: 16px 16px 0 0; background-color: var(--cwDominantBg); color: var(--cwDominantTxt); z-index: var(--cwZIndexFooter); box-shadow: 0px -10px 15px 0px #00000073; transition: all 0.314s; } .hide_header_navbar .cw_mob_mav_fixed_bot, .cw_mob_mav_fixed_bot_hide { bottom: calc(var(--cwNavbarBottomHeight) * -1); } .cw2_mob_mav_fixed_bot.cw_mob_mav_fixed_bot_hide { bottom: calc(var(--cwNavbarBottomHeight)* -2); } .hide_header_navbar .cw2_mob_mav_fixed_bot { bottom: calc(var(--cwNavbarBottomHeight)* -3); } .cw_mob_mav_fixed_bot_main_action { width: 50px; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background-color: var(--cwDominantBg2); color: var(--cwDominantTxt); border: 0; outline: 0; display: flex; align-items: center; justify-content: center; margin-top: -8px; } .cw_mob_mav_fixed_bot_main_action > div { width: 20px; height: 20px; position: relative; display: flex; align-items: center; justify-content: center; } .cw_mob_mav_fixed_bot_main_action > div > i { position: absolute; top: 2px; /*left: 2px;*/ transition: opacity 0.314s; display: block; /* width: 20px; height: 20px; line-height: 23px;*/ width: 16px; height: 16px; font-size: 32px; line-height: 16px; } .cw_mob_mav_fixed_bot_main_action > div > i:first-child { opacity: 1; } .cw_mob_mav_fixed_bot_main_action > div > i:last-child { opacity: 0; } .cw_mob_mav_fixed_bot_item { width: 50px; flex-shrink: 0; width: 62px; height: 68px; color: var(--cwDominantTxt2); border: 0; outline: 0; display: flex; flex-direction: column; align-items: center; background-color: transparent; padding-top: 14px; position: relative; width: 25%; flex: 0 0 25%; } .cw_mob_mav_fixed_bot_item_btn { position: absolute; inset-inline-end: 0; width: 20%; flex: 0 0 20%; } .cw_mob_mav_fixed_bot_item > i { width: 24px; height: 24px; line-height: 23px; margin-bottom: 4px !important; text-align: center; } .cw_mob_mav_fixed_bot_item > span { text-align: center; text-transform: capitalize; font-size: 10px; display: flex; align-items: center; justify-content: center; padding: 0 3px; } .cw_mob_mav_fixed_bot_item span { font-size: 10px; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*slider root*/ .cw_mob_slider_root { display: flex; align-items: flex-start; overflow-x: auto; overflow-y: hidden; padding: 12px 12px 22px; } .cw_mob_slider_item { width: 84px; /* padding: 0 2px; */ display: flex; flex-direction: column; align-items: center; flex-shrink: 0; } .cw_mob_slider_graphic { width: 74px; height: 74px; border-radius: 26px; position: relative; margin-bottom: 8px; } .cw_mob_slider_graphic_wrapper { border: 2px solid var(--cwAccentBg); height: 100%; width: 100%; display: flex; position: relative; align-items: center; justify-content: center; border-radius: 24px; padding: 4px; } .cw_mob_slider_graphic_wrapper > img { display: block; width: 100%; height: 100%; border-radius: 20px; } .cw_mob_slider_text { text-transform: capitalize; font-size: 12px; text-align: center; width: 100%; font-weight: 500; } .cw_mob_slider_icon { width: 24px; height: 24px; border-radius: 50%; background-color: var(--cwBodyBg); top: 0; right: 0; position: absolute; } /*aside*/ .cw_mob_sidebar { position: fixed; left: 0; right: 0; top: 0; bottom: 0; /* padding-top: calc(var(--cwHeaderHeight) + 12px);*/ padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: calc(var(--cwNavbarBottomHeight) + 12px); width: 100%; background-color: var(--cwNavbarLeftBg) !important; color: var(--cwNavbarLeftTxt); z-index: var(--cwZIndexSidebar); transform: translateX(-100%); transition: all 0.314s; overflow-y: auto; } .cw_mob_sidebar.withMenubar{ padding: 0; } .withMenubar .cw_mob_sidebar_block.cw_mob_sidebar_menu_button { width: 100%; height: 50px; position: fixed; top: 0; left: 0; padding: 0 12px; background-color: var(--cwDominantBg); color: var(--cwDominantTxt); display: flex; align-items: center; justify-content: end; } .withMenubar .cw_items_blocks { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: calc(var(--cwNavbarBottomHeight) + 12px); margin-top: 50px; overflow-y: auto; } .cw_mob_right_sidebar { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100vh; height: 100dvh; z-index: var(--cwZIndexSidebar); transform: translateX(100%); transition: all 0.314s; background-color: var(--cwNavbarRightBg) !important; color: var(--cwNavbarRightTxt) !important; padding-bottom: var(--cwNavbarBottomHeight); } .right_menu_on_nav .cw_mob_right_sidebar { --cwNavbarBottomHeight: 0; } .cw_mob_right_sidebar.right_menu_on_nav { --zindex: calc(var(--cwZIndexSidebar) + 900000000); z-index: var(--zindex); } .cw_mob_mav_fixed_primary_items_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; justify-content: space-evenly; transition: all 0.314s; position: absolute; inset-inline-start: 52px; top: 0; transform: translateY(0); height: 76px; width: calc(100% - 50px); padding-inline-end: 17%; } .cw_mob_mav_fixed_primary_items_wrapper_1 > a { width: 100%; flex: 0 0 100%; } .cw_mob_mav_fixed_primary_items_wrapper_2 > a { width: 50%; flex: 0 0 50%; } .cw_mob_mav_fixed_primary_items_wrapper_3 > a { width: 33.3333%; flex: 0 0 33.3333%; } .cw_mob_mav_fixed_primary_items_wrapper_4 > a { width: 25%; flex: 0 0 25%; } .cw_mob_mav_fixed_primary_items_wrapper_5 > a { width: 20%; flex: 0 0 20%; } .cw_mob_mav_fixed_alternative_items_wrapper { display: flex; align-items: center; transition: all 0.314s; position: absolute; margin-inline-start: 52px; top: 0; transform: translateY(100%); height: 68px; } .cw_mob_mav_fixed_alternative_items_wrapper { border-radius: 30px; width: calc(100% - 52px); padding: 12px; } .cw_mob_mav_fixed_alternative_items_wrapper > div { background-color: var(--cwDominantBg2); color: var(--cwDominantTxt2); display: flex; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; width: 100%; height: 100%; border-radius: 30px; } /*tmp*/ .tmp_content { border-radius: 24px; width: 100%; height: 200px; margin-bottom: 16px; background-color: #232636; border: 1px solid #323547; } .cw_mob_mav_fixed_alternative { height: 100%; width: auto; max-width: 33.3333%; border-radius: 30px; transition: all 0.314s; display: flex; align-items: center; justify-content: center; padding: 8px 24px; } .cw_mob_mav_fixed_big .cw_mob_mav_fixed_alternative { max-width: 20%; width: 100%; padding: 8px 2px; } .cw_mob_mav_fixed_alternative > img { width: 28px; height: 28px; flex-shrink: 0; } .cw_mob_mav_fixed_alternative-active { background-color: var(--cwAccentBg); } /*sidebar items*/ .cw_mob_sidebar_menu_item { display: flex; align-items: center; padding-left: 12px; padding-right: 12px; height: 36px; color: var(--cwBodyTxt2); } .cw_mob_sidebar_menu_button { padding-left: 12px; padding-right: 12px; } .cw_mob_sidebar_menu_button .dynamic_icon { color: var(--cwDominantTxt3); /* font-size: 9vw; line-height: 58%; margin: 0;*/ width: 24px; height: 24px; display: block; line-height: 23px; } .cw_mob_sidebar_menu_item_heading { display: flex; align-items: center; padding-left: 12px; padding-right: 12px; height: 26px; color: var(--cwBodyTxt); margin-bottom: 16px; } .cw_mob_icon_m { flex-shrink: 0; width: 24px; height: 24px; line-height: 23px; text-align: center; /* margin: 0 !important; */ color: currentColor; font-family: "iconsDinamicMenu"; font-size: 46px; } .cw_mob_icon_m.cw_mob_arrow { margin-inline-start: auto; } .cw_mob_sidebar_menu_item > span, .cw_mob_sidebar_menu_item_heading > span { font-weight: 500; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; text-transform: capitalize; /* flex-grow: 1; */ min-width: 1px; } a.cw_mob_sidebar_menu_item_heading > span { text-decoration: underline; } .cw_mob_sidebar_menu_item_heading > span { font-size: 12px; /* flex-grow: 1; */ min-width: 1px; text-transform: uppercase; } /*.cw_mob_sidebar_menu_item.tl_main_nav_item-active, .cw_mob_sidebar_menu_item.tl_main_nav_item-active i{ color: var(--cwNavActiveTxt); }*/ .dynamic_menu .dynamic_bagge { width: auto; height: 26px; border-radius: 32px; flex-grow: 0; flex-shrink: 0; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; padding: 0 12px; margin: 0; background-color: var(--cwStatusExclusiveBg); color: var(--cwStatusExclusiveTxt); text-transform: uppercase; } .dynamic_menu .dynamic_bagge.new { background-color: var(--cwStatusNewBg); color: var(--cwStatusNewTxt); } .dynamic_menu .dynamic_bagge.jackpot { background-color: var(--cwStatusJackpotBg); color: var(--cwStatusJackpotTxt); } .dynamic_menu .dynamic_bagge.soon { background-color: var(--cwStatusSoonBg); color: var(--cwStatusSoonTxt); } .dynamic_menu .dynamic_bagge.top { background-color: var(--cwStatusTopBg); color: var(--cwStatusTopTxt); } .dynamic_menu .dynamic_bagge.hot { background-color: var(--cwStatusHotBg); color: var(--cwStatusHotTxt); } .dynamic_menu .dynamic_bagge.premium { background-color: var(--cwStatusPremiumBg); color: var(--cwStatusPremiumTxt); } /* .dynamic_menu .jackpot { background-color: #6d24ff; color: #fff } .dynamic_menu .soon { background-color: #4b9263; color: #fff } .dynamic_menu .new { background-color: #ffb700; color: #000 } .dynamic_menu .top { background-color: #0006b8; color: #fff } .dynamic_menu .hot { background-color: #f00; color: #fff } .dynamic_menu .premium { background-color: #0638ff; color: #fff }*/ .cw_mob_sidebar_block { margin-bottom: 16px; } .cw_mob_sidebar_block .cw_mob_sidebar_menu_item, .cw_mob_sidebar_menu_item_dropdown_content .cw_mob_sidebar_menu_item { margin-top: 16px; } .cw_mob_sidebar_block .cw_mob_sidebar_menu_item:last-child, .cw_mob_sidebar_menu_item_wrapper .cw_mob_sidebar_menu_item_dropdown, .cw_mob_sidebar_menu_item_dropdown_content .cw_mob_sidebar_menu_item:last-child { margin-bottom: 0; } .cw_mob_arrow { font-size: 32px; } .cw_mob_sidebar_menu_item_devider { background: linear-gradient(90deg, var(--cwBodyBg2) 0%, var(--cwBodyTxt2) 50%, var(--cwBodyBg2) 100%); flex-shrink: 0; height: 1px; width: 100%; margin-top: 0; margin-bottom: 16px; opacity: 0.5; } .cw_mob_sidebar_menu_item_wrapper .cw_mob_sidebar_menu_item_dropdown_content { overflow: hidden; max-height: 0; transition: all 0.314s; } .cw_mob_sidebar_menu_item_wrapper.opened .cw_mob_sidebar_menu_item_dropdown_content { max-height: 1500px; position: relative; } .cw_mob_sidebar_menu_item_wrapper .cw_mob_arrow { transition: all 0.12s; } .cw_mob_sidebar_menu_item_wrapper.opened .cw_mob_arrow { transform: rotate(180deg) } .cw_mob_right_sidebar { overflow-y: auto; } .my_profile__wrapper { margin: 0; margin-bottom: 24px; } .header_both #menu-right .cw_mob_mav_notification_count { inset-inline-start: auto; top: 8px; transform: translateX(17px); } .cw_mob_mav_notification_count { min-width: 18px; height: 18px; flex-shrink: 0; font-size: 10px; font-weight: 700; border-radius: 50%; background-color: #FF3B30 ; color: #fff; display: flex; justify-content: center; align-items: center; flex-shrink: 0; position: absolute; inset-inline-start: 50%; top: 5px; transform: translateX(9px); line-height: 16px; } /*start sidebar login header*/ .sidebar_login-content { padding: 32px 32px; } .sidebar_login-header { font-size: 16px; margin-bottom: 20px; } .sidebar_login-close { font-family: "iconsDinamicMenu"; font-size: 30px; line-height: 0.5; } .login_sidebar.cw_mob_root-right_sidebar_opened .cw_mob_right_sidebar { padding-bottom: 0; background-color: var(--cwSignInModalBg) !important; color: var(--cwSignInModalTxt) !important; } .login_sidebar .login__banner-img { max-width: 100%; display: block; margin: 0 auto; } /*start new nav bar*/ .cw2_mob_mav_fixed_bot { width: 100%; height: var(--cwNavbarBottomHeight); display: flex; align-items: center; position: fixed; bottom: 0px; left: 0; right: 0; border-radius: 0; background-color: var(--cwDominantBg); color: var(--cwDominantTxt); z-index: var(--cwZIndexFooter); box-shadow: 0px -10px 15px 0px var(--cwDominantShadow, #00000073); transition: all 0.314s; } .cw2_mob_mav_fixed_bot:has(.opened_circle){ --zindex: calc(var(--cwZIndexFooter) + 999); z-index: var(--zindex); } .cw2_mob_mav_fixed_primary_items_wrapper { display: flex; align-items: flex-start; justify-content: space-evenly; transition: all 0.314s; position: absolute; top: 0; transform: translateY(0); height: 76px; width: 100%; background-color: var(--cwDominantBg); } /*.cw2_mob_mav_fixed_primary_items_wrapper_1 > a { width: 100%; flex: 0 0 100%; } .cw2_mob_mav_fixed_primary_items_wrapper_2 > a { width: 50%; flex: 0 0 50%; } .cw2_mob_mav_fixed_primary_items_wrapper_3 > a { width: 33.3333%; flex: 0 0 33.3333%; } .cw2_mob_mav_fixed_primary_items_wrapper_4 > a { width: 25%; flex: 0 0 25%; } .cw2_mob_mav_fixed_primary_items_wrapper_5 > a { width: 20%; flex: 0 0 20%; } .cw2_mob_mav_fixed_primary_items_wrapper .cw2_mob_mav_fixed_bot_item:first-child { order: -1; } .cw2_mob_mav_fixed_primary_items_wrapper .cw2_mob_mav_fixed_bot_item:last-child { order: 5; } .cw2_mob_mav_fixed_primary_items_wrapper .cw2_mob_mav_fixed_more_item { order: 0; } */ .cw2_mob_mav_fixed_bot_item { height: 68px; color: var(--cwDominantTxt2); border: 0; outline: 0; display: flex; flex-direction: column; align-items: center; background-color: transparent; padding-top: 14px; padding-right: 5px; padding-left: 5px; position: relative; /*width: 25%; flex: 0 0 25%;*/ width: 20%; flex: 0 0 20%; cursor: auto; } .cw2_mob_mav_fixed_bot_item .cw_mob_mav_notification_count, .cw_mob_mav_fixed_bot_item .cw_mob_mav_notification_count { transform: translateX(5px); align-items: center; } .cw2_mob_mav_fixed_bot_item span{ max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 10px; font-weight: 500; } .cw2_mob_mav_fixed_bot_item span:not(.cw2_mob_mav_fixed_more){ margin-top: 4px; } .cw2_mob_mav_fixed_bot_item.cw2_mob_mav_fixed_more_item span:not(.cw2_mob_mav_fixed_more) { margin-top: 0px; } .cw_mob_text_dot { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: block; text-align: center; } .cw2_mob_circle_more_menu_btns_content { position: absolute; display: flex; right: 0; left: 0; bottom: -46px; margin: 0 auto; max-width: 215px; height: 215px; /* max-width: 260px; height: 240px;*/ transform: rotate( -180deg ); z-index: -1; transition: all 0.2s ease; padding-bottom: 118px; pointer-events: none; } .cw-rtl-global .cw2_mob_circle_more_menu_btns_content { transform: rotate( 180deg ); } .cw-rtl-global .opened_circle { transform: rotate(0); } .cw2_mob_circle_more_menu_btns_content:before { content: ""; display: flex; /*width: 50px; height: 50px; border: 83px solid var(--cwDominantBg2);*/ /* width: 73px; height: 73px; border: 83px solid var(--cwDominantBg2); */ width: 0; height: 0; border: 108px solid var(--cwDominantBg2); border-radius: 50%; border-bottom-color: transparent; border-left-color: transparent; transform: rotate( -45deg ); position: absolute; top: 0; right: 0; left: 0; margin: auto; max-width: 215px; max-height: 215px; /* max-width: 225px; max-height: 225px;*/ z-index: -1; pointer-events: none; } .cw2_mob_circle_more_menu_btns_content span { margin-bottom: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; line-height: 12px; font-weight: 500; } .cw2_mob_circle_more_menu_btns_content .cw_mob_icon_m { margin-bottom: 4px; } .cw2_mob_circle_more_menu_btns_content .cw_mob_icon_m + span, .cw2_mob_more-cont-item-3 a:nth-child(2) .cw_mob_icon_m + span{ margin-top: 0; margin-bottom: 0; } .opened_circle { transform: rotate( 0 ); /* bottom: -47px;*/ bottom: -41px; pointer-events: all; } .cw2_mob_mav_fixed_more { width: 64px; height: 64px; background-color: var(--cwDominantTxt2); color: var(--cwDominantBg); border-radius: 50%; /* box-shadow: inset 0px 0px 0px 8px var(--cwDominantBg); */ flex: 0 0 64px; border: 8px solid var(--cwDominantBg); display: flex; align-items: center; justify-content: center; margin-top: -35px; } .cw2_mob_mav_fixed_more:before { content: ""; width: 48px; height: 48px; display: inline-block; background-color: var(--cwDominantBg); position: absolute; z-index: -1; border-radius: 50%; top: -13px; left: 0; right: 0; margin: auto; } .cw2_mob_mav_fixed_more + span { margin-top: -5px; } .cw2_mob_mav_fixed_more .cw_mob_icon_m_close, .opened_menu .cw2_mob_mav_fixed_more .cw_mob_icon_m { display: none; } .opened_menu .cw2_mob_mav_fixed_more .cw_mob_icon_m_close, .cw2_mob_mav_fixed_more .cw_mob_icon_m_icon { display: block } .cw2_mob_more_menu_links_content { max-width: 215px; /*margin: 0 auto 10px;*/ margin: 0 auto; width: 100%; display: flex; align-items: flex-end; justify-content: space-around; } .cw2_mob_more_menu_links_content a { /*height: 68px;*/ height: 60px; color: var(--cwDominantTxt2); border: 0; outline: 0; display: flex; flex-direction: column; align-items: center; justify-content: end; padding: 14px 5px 0px 5px; position: relative; width: 68px; flex: 0 0 68px; text-align: center; font-size: 10px; font-weight: 500; } .cw2_mob_more-cont-item-1 a { margin-bottom: 36px; } .cw2_mob_more-cont-item-2 a { margin-bottom: 20px; } .cw2_mob_more-cont-item-3 a:nth-child(1) { margin-bottom: 8px; } .cw2_mob_more-cont-item-3 a:nth-child(2) { margin-bottom: 37px; justify-content: flex-start; } .cw2_mob_more-cont-item-3 a:nth-child(2) span{ /*margin-top: 8px;*/ margin: auto 0; } .cw2_mob_more-cont-item-3 a:nth-child(3) { margin-bottom: 8px; } /*open left menu*/ .cw2_mob_mav_fixed_close { position: absolute; inset-inline-start: -40px; top: 50%; transform: translateY(-50%); flex-shrink: 0; width: 40px; height: 40px; color: var(--cwDominantTxt2); border: 0; outline: 0; display: flex; align-items: center; justify-content: center; border-radius:50%; } /*. .cw_mob_root-sidebar_opened #betslip-container-element, .cw_mob_root-right_sidebar_opened #betslip-container-element, .cw_mob_root-sidebar_opened #reactMobile, .cw_mob_root-right_sidebar_opened #reactMobile { z-index: calc(var(--cwZIndexSidebar) - 10) !important; } cw_mob_root-right_sidebar_opened .cw_mob_right_sidebar { transform: translateX(0); }*/ /*.cw_mob_root-sidebar_opened .cw_mob_mav_fixed_bot_main_action > div > i:first-child { opacity: 0; } .cw_mob_root-sidebar_opened .cw_mob_mav_fixed_bot_main_action > div > i:last-child { opacity: 1; color: var(--cwDominantTxt); } */ .cw_mob_root-sidebar_opened .cw2_mob_mav_fixed_primary_items_wrapper.with_switcher { transform: translateY(150%); } .cw_mob_root-sidebar_opened .cw2_mob_mav_fixed_alternative_items_wrapper { transform: translateY(0); } .cw_mob_root-sidebar_opened .cw2_mob_circle_more_menu_btns_content.hideCircle:not(.opened_circle) { transform: translateY(300%); } .cw_mob_sidebar.no_sw { z-index: calc(var(--cwZIndexFooter) + 1); } /*start alternative*/ .cw2_mob_mav_fixed_alternative_items_wrapper { display: flex; align-items: center; transition: all 0.314s; position: absolute; margin-inline-start: 52px; top: 0; transform: translateY(100%); height: 68px; } .cw2_mob_mav_fixed_alternative_items_wrapper { border-radius: 30px; width: calc(100% - 52px); padding: 12px; } .cw2_mob_mav_fixed_alternative_items_wrapper.without_x { width: 100%; margin-inline-start: initial; } .cw2_mob_mav_fixed_alternative_items_wrapper > div { background-color: var(--cwDominantBg2); color: var(--cwDominantTxt2); display: flex; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; width: 100%; height: 100%; border-radius: 30px; } /*end mobile more lobbies*/ .header_both .hamburgerLeftIcon{ margin-inline-end: 8px; padding: 0px; } .header_both .rightUserIcon, .header_both .hamburgerLeftIcon { line-height: 0; } .header_both .rightUserIcon i{ font-size: 50px; } .cw_mob_mav_fixed_primary_items_wrapper.without_left_trigger { inset-inline-start: initial; width: 100%; } .cw_mob_mav_fixed_primary_items_wrapper.without_right_trigger { -webkit-padding-end: initial; padding-inline-end: initial; } .cw_mob_mav_fixed_alternative_items_wrapper.without_x { width: 100%; margin-inline-start: initial; } .cw_mob_mav_fixed_primary_items_wrapper.without_left_trigger.without_right_trigger .cw_mob_mav_fixed_bot_item { width: 16.6%; flex: 0 0 16.6%; } .cw_mob_mav_fixed_primary_items_wrapper.without_left_trigger .cw_mob_mav_fixed_bot_item, .cw_mob_mav_fixed_primary_items_wrapper.without_right_trigger .cw_mob_mav_fixed_bot_item { width: 16.6%; flex: 0 0 20%; } .right_menu_on_nav .right-menu__header { /*padding: 3.7vw 16px;*/ text-align: right; background-color: var(--cwDominantBg); color: var(--cwDominantTxt); z-index: calc(var(--cwZIndexSidebar) + 900000000); min-height: var(--navbarHeaderHeight); display: flex; align-items: center; padding: 0 12px; } .right_menu_on_nav .right-menu__header button { font-size: 24px; line-height: 24px; padding: 0; } .right_menu_on_nav .right-menu__header button .dynamic_icon { color: var(--cwDominantTxt3); font-size: 9vw; line-height: 58%; margin: 0; } .right_menu_on_nav .cw_items_blocks_rightMneu { overflow-y: auto; padding-top: 16px; padding-bottom: 0; height: calc(100% - var(--navbarHeaderHeight)); } .cw_mob_right_sidebar.right_menu_on_nav{ padding-bottom: 0px; } /*start cw_mob_sidebar_language_switcher*/ .cw_mob_sidebar_language_switcher { background-color: var(--cwDominantBg2Hover); color: var(--cwDominantTxt2); border-radius: 8px; margin-bottom: 16px; position: relative; } .cw_mob_sidebar_language_select, .cw_mob_sidebar_language_text { background-color: var(--cwDominantBg2Hover); color: var(--cwDominantTxt2); width: 100%; border-radius: 8px; font-size: 14px; padding: 0 48px; line-height: 36px; height: 36px; text-transform: uppercase; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .cw_mob_sidebar_language_arrow { position: absolute; --icoSize: 11px; inset-inline-end: 20px; top: 50%; transform: translateY(-50%); pointer-events: none; display: flex; } .cw_mob_sidebar_language_flag { pointer-events: none; inset-inline-start: 14px; top: 50%; transform: translateY(-50%); } /*end cw_mob_sidebar_language_switcher*/ @media only screen and (max-width: 350px){ .cw2_mob_mav_fixed_more{ width: 54px; height: 54px; flex: 0 0 54px; border-width: 6px; margin-top: -30px; } .cw2_mob_mav_fixed_more:before{ width: 42px; height: 42px; top: -10px; } .cw_mob_icon_m { width: 20px; height: 20px; line-height: 20px; font-size: 40px; } }