/*DISABLES NON-EDGE IEXPLORER AUTOSCALE TO VIEWPORT*/ @media only screen { @-ms-viewport { width: device-width; } } #menu-wrapper { font-family: "Roboto", sans-serif; width: 100%; background-color: rgba(0, 0, 0, 0.3); min-width: 320px; margin-bottom: 30px; z-index: 10; position: fixed; top: 0; transition: background-color 0.1s ease-in-out; } #menu-mobile { display: none; width: 100%; height: 45px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #menu-main-mobile { display: none; width: 100%; height: 45px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #menu-mobile-left { width: 10%; margin: 0px; height: 100%; margin-left: 5%; } #menu-mobile-center { width: 70%; margin: 0px auto; height: 100%; text-align: center; } #menu-mobile-right { width: 10%; margin: 0px; height: 100%; text-align: right; padding-right: 13%; } #menu-mobile-right.open { background-color: #000; } #menu-advanced { display: none !important; width: 100%; height: 35px; } #menu-advanced-left { width: 100%; min-width: 250px; margin: 0px; height: 100%; text-align: center; } #menu-advanced-center { display: none; width: 90%; margin: 0px auto; height: 100%; text-align: center; } #menu-advanced-right { display: none; width: 5%; min-width: 250px; margin: 0px; height: 100%; } #desktop-navigation-wrapper { display: block; } #mobile-navigation-wrapper { width: 100%; height: calc(100vh - 45px); background: #1c162e; padding: 20px 0; position: absolute; z-index: 5; overflow-y: scroll; } #menu-main { display: block; width: 100%; height: 45px; position: relative; } #menu-main-left { width: 5%; margin: 0px; height: 100%; } #menu-main-center { margin: 0px auto; height: 55px; text-align: center; display: none; } #menu-main-right { margin: 0 10px 0 0; height: 100%; font-size: 13px; } .block-call-center { display: none; margin: 19px 13px 0 0; z-index: 3; float: right; } #menu-burger-button { height: 34px; width: 34px; display: inline-block; margin-left: 10px; cursor: pointer; position: absolute; top: 8px; } #menu-layer-mobilemenu { width: 100%; background-color: #000; border-bottom: 1px solid rgba(255, 255, 255, 0.1); text-align: center; } #menu-layer-login { width: 100%; height: 50px; background-color: #000; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #menu-layer-register { width: 100%; height: 50px; background-color: #000; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .menu-button-burger, .menu-button-burger:visited { background-image: url("../base/navigation/menu-bs4/img/icon-burger.png"); } .menu-button-burger:hover, .menu-button-burger:active { background-image: url("../base/navigation/menu-bs4/img/icon-burger__active.png"); } .menu-button-close, .menu-button-close:visited { background-image: url("../base/navigation/menu-bs4/img/icon-close.png"); } .menu-button-close:hover, .menu-button-close:active { background-image: url("../base/navigation/menu-bs4/img/icon-close__active.png"); } /*======BLOCKS=======*/ #block-mobile-scrollable { overflow-y: scroll; } #block-mobile-menubutton { display: inline-block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; border: 0px; margin: 12px 2px; } #block-mobile-advanced { width: 80%; margin: 0px auto; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); text-align: center; list-style: none; padding-left: 0; } #block-mobile-social { text-align: center; margin: 10px auto; } #block-language-selector { margin-top: 7px; } #block-city-selector { padding: 7px 10px; padding-right: 0px; text-align: right; margin-left: 5%; } #block-advanced-links { list-style: none; margin: 0px 5px; padding-left: 0; } #block-social-links { height: 16px; margin: 9px 5px; } #block-menu-more { height: 35px; width: 35px; margin: 0px 2px; margin-right: 11px; float: right; } #block-more-dropdown { margin-top: 0px; padding-top: 10px; border-top-width: 0px; border-right: 1px solid black; top: 28px; } .block-main-links { list-style: none; margin: 7px 5px; padding-left: 0; display: inline-block; margin-top: 17px; white-space: nowrap; } #block-notification-area { height: 55px; /* display: none; */ } #block-login-area { height: 55px; margin-left: 5px; padding-right: 10px; position: relative; } #block-city-cities { position: absolute; background-color: black; width: 100%; border: 0px; } #block-city-cities-list { max-height: 260px; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #block-city-search { margin-top: 3px; height: 34px; } #block-city-search-icon { display: inline-block; width: 20%; height: 16px; } #block-city-search-field { display: inline-block; width: 55%; height: 20px; color: #c71bff; background-color: black; border: 0px black; font-size: 13px; vertical-align: top; } #block-city-search-field:focus, #block-city-search-field:active, #block-city-search-field:hover { border: 0px black; outline: none; } #block-city-search-reset { display: inline-block; width: 20%; height: 16px; } /*====MOBILE CITIES===*/ .menu-layer-cityselect { display: block; width: 100%; } .menu-layer-cityselect-controls { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .menu-cityselect-searchicon { display: inline-block; background-image: url("../base/navigation/menu-bs4/img/icon-search.png"); background-size: contain; background-repeat: no-repeat; background-position: center; height: 34px; width: 17px; margin-left: 5%; margin-right: 5px; } .menu-cityselect-cityinput { display: inline-block; width: 50%; height: 34px; color: white; border: 0px black; background-color: transparent; font-size: 15px; vertical-align: top; margin: 0px 10px; } .menu-cityselect-cityinput:hover, .menu-cityselect-cityinput:focus, .menu-cityselect-cityinput:active { outline: none; } .menu-cityselect-resetbutton { display: inline-block; float: right; margin-right: 5%; height: 34px; width: 17px; background-image: url("../base/navigation/menu-bs4/img/icon-reset.png"); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.8; } .menu-cityselect-resetbutton:hover { opacity: 1; } .menu-layer-cityselect-results { overflow-y: scroll; } .cityselect-citylink, .cityselect-citylink:visited { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); width: 90%; margin: 5px 5%; text-decoration: none; } .cityselect-citylink:hover .cityselect-citylink-city { color: white; text-decoration: none; } .cityselect-citylink:hover { text-decoration: none; } .cityselect-citylink.active .cityselect-citylink-city { color: #de36ff; text-decoration: none; } .cityselect-citylink-city { /* display: inline-block; font-size: 15px; line-height: 44px;*/ margin: 0px; display: block; font-size: 13px; line-height: 21px; } .cityselect-citylink-quests { display: inline-block; float: right; font-size: 13px; color: gray; line-height: 44px; margin: 0px; display: block; font-size: 11px; line-height: 17px; float: none; } .city-selecting { border-left: 1px solid rgba(255, 255, 255, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.15); } .menu-cityselect-citiesbutton { display: block; width: 100%; height: 44px; } .menu-layer-cityselect-action { border-top: 1px solid rgba(255, 255, 255, 0.15); } /*======UNIFIED CLASS=======*/ .invisible { display: none; } .display-none { display: none !important; } .debugged { background-color: rgba(255, 0, 0, 0.2); } .debugged-advanced { background-color: rgba(255, 255, 0, 0.2); } .inlined { display: inline-block; font-size: 0; } .centered { text-align: center; } .toLeft { float: left; } .toRight { float: right; } .extended { margin: 20px 0px; } .animated-fast { -webkit-transition: 0.15s !important; transition: 0.15s !important; } .animated { -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .animated-slow { -webkit-transition: 1.1s; transition: 1.1s; } .background-black { background-color: black !important; } .bordered-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .text-optimized { text-rendering: optimizeLegibility; } .opacity-half { opacity: 0.5; } .position-fixed { position: fixed; } /*=====FLAGS=====*/ .flag-ru { background-image: url("../base/navigation/menu-bs4/img/flag-ru.png"); text-decoration: none; } .flag-ru:hover, .flag-ru_active { background-image: url("../base/navigation/menu-bs4/img/flag-ru_active.png"); text-decoration: none; } .flag-en { background-image: url("../base/navigation/menu-bs4/img/flag-en.png"); text-decoration: none; } .flag-en:hover, .flag-en_active { background-image: url("../base/navigation/menu-bs4/img/flag-en_active.png"); text-decoration: none; } .flag-ua { background-image: url("../base/navigation/menu-bs4/img/flag-ua.png"); text-decoration: none; } .flag-ua:hover, .flag-ua_active { background-image: url("../base/navigation/menu-bs4/img/flag-ua_active.png"); text-decoration: none; } /*======MENU CLASS=======*/ .switch-language, .switch-language:visited { display: inline-block; font-size: 15px; padding-bottom: 5px; margin: 0px 8px; opacity: 1; } .switch-language:active, .switch-language:hover { display: inline-block; color: white; text-decoration: none; padding-bottom: 6px; cursor: pointer; opacity: 1; } .switch-language-active { border-bottom: 1px solid white; color: white; opacity: 1 !important; } .switch-foldable, .switch-foldable-toggle { display: inline-block; padding: 9.5px 0px; } .switch-advanced, .switch-advanced-toggle, .switch-advanced:visited { font-size: 13px; margin: 0px 5px; font-weight: normal; line-height: 1.23; letter-spacing: 0.2px; color: #fff; opacity: 0.5; } .switch-advanced:hover, .switch-advanced-toggle:hover, .switch-advanced:active, .switch-advanced:focus { color: white; opacity: 1; text-decoration: none; } .switch-advanced.active { border-bottom: 1px solid white; padding-bottom: 9px; opacity: 1; } .switch-advanced-toggle:hover .icon-dropdown { /*background-image: url("../base/navigation/menu-bs4/img/icon-dropdown_active.png");*/ opacity: 1; } .switch-adwanced-portable, .switch-advanced-portable:visited { font-size: 13px; margin: 0px 5px; font-weight: normal; line-height: 1.23; letter-spacing: 0.2px; color: #fff; } .switch-adwanced-portable:hover .switch-advanced-portable:active { color: #c71bff; text-decoration: none; } .switch-advanced-dropdown, .switch-advanced-dropdown:visited { padding-left: 10px !important; padding-top: 15px !important; padding-bottom: 14px !important; color: white !important; font-size: 13px !important; } .shop-dropdown-item, .shop-dropdown-item:visited { color: white !important; font-size: 13px !important; padding-top: 15px !important; padding-bottom: 14px !important; padding-left: 15px !important; } .switch-advanced-dropdown:hover, .switch-advanced-dropdown:active, .shop-dropdown-item:hover, .shop-dropdown-item:active { color: #c71bff !important; background-color: black !important; } .switch-main, .switch-main:visited { position: relative; font-size: 14px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; /*//margin: 22px 10px;*/ border-bottom: 0px solid; padding: 20px 15px; padding-bottom: 16px; text-decoration: none; color: white; text-decoration: none !important; } .switch-main-portable, .switch-main-portable:visited { font-size: 14px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; margin: 22px 10px; padding: 10px 0px; margin: 15px 2px; } .switch-main-portable:hover, .switch-main-portable:active { text-decoration: none; } .switch-main:hover, .switch-main:visited:hover, .switch-main:active { padding-bottom: 16px; color: white; text-decoration: none; } .switch-more { display: inline-block; background-image: url("../base/navigation/menu-bs4/img/icon-more.png"); background-size: contain; background-repeat: no-repeat; background-position: center; margin: 8px 10px; width: 16px; height: 16px; } .switch-more:hover { opacity: 1; } .switch-social { display: inline-block; width: 16px; height: 16px; margin: 0px 10px; background-size: contain; background-repeat: no-repeat; background-position: center; } .switch-social:hover { opacity: 1; } .switch-city, .switch-city:visited { font-family: "Roboto", sans-serif; padding: 6px 10px !important; font-size: 13px !important; font-weight: normal; line-height: 1.38 !important; color: #ffffff !important; } .switch-city:hover, .switch-city:active { color: #c71bff !important; background-color: #000 !important; } .switch-city-toggle, .switch-city-toggle:visited { color: #fff !important; opacity: 0.5; font-size: 15px; -webkit-transition: none; transition: none; } .switch-city-toggle:hover, .switch-city-toggle:active, .switch-city-toggle:focus { color: white !important; text-decoration: none; -webkit-transition: none; transition: none; opacity: 1; } .switch-city-toggle:hover .icon-dropdown { /*background-image: url("../base/navigation/menu-bs4/img/icon-dropdown_active.png");*/ opacity: 1; } .switch-city-description { font-size: 11px; color: #fff; opacity: 0.4; display: block; } .switch-link-with-icon, .switch-link-with-icon:visited { font-size: 13px; text-decoration: none; text-transform: capitalize; line-height: 20px; } .switch-link-with-icon:hover, .switch-link-with-icon:active { color: #c71bff; text-decoration: none; } #dropdown-advanced { list-style: none; } #dropdown-advanced:visited { color: #fff; text-decoration: none; } #dropdown-advanced:active { color: #fff; text-decoration: none; } #dropdown-advanced a:visited { color: #fff; text-decoration: none; } #dropdown-advanced a:active { color: #fff; text-decoration: none; } .icon-facebook { background-image: url("../base/navigation/menu-bs4/img/icon-facebook.png"); } .icon-facebook_active { background-image: url("../base/navigation/menu-bs4/img/icon-facebook__active.png"); } .icon-vk { background-image: url("../base/navigation/menu-bs4/img/icon-vk.png"); } .icon-vk_active { background-image: url("../base/navigation/menu-bs4/img/icon-vk__active.png"); } .icon-twitter { background-image: url("../base/navigation/menu-bs4/img/icon-twitter.png"); } .icon-twitter_active { background-image: url("../base/navigation/menu-bs4/img/icon-twitter__active.png"); } .icon-instagram { background-image: url("../base/navigation/menu-bs4/img/icon-instagram.png"); } .icon-instagram_active { background-image: url("../base/navigation/menu-bs4/img/icon-instagram__active.png"); } .icon-telegram { background-image: url("../base/navigation/menu-bs4/img/icon-telegram.png"); } .icon-telegram_active { background-image: url("../base/navigation/menu-bs4/img/icon-telegram__active.png"); } .icon-youtube { background-image: url("../base/navigation/menu-bs4/img/icon-youtube.png"); } .icon-tiktok { background-image: url("../base/navigation/menu-bs4/img/icon-tiktok.png"); } .icon-shop { background-image: url("../base/navigation/menu-bs4/img/icon-shop.png"); } .icon-shop:hover { background-image: url("../base/navigation/menu-bs4/img/icon-shop__active.png"); } .icon-flamp { background-image: url("../base/navigation/menu-bs4/img/icon-flamp.png"); } .icon-flamp_active { background-image: url("../base/navigation/menu-bs4/img/icon-flamp__active.png"); } .icon-tripadvisor { background-image: url("../base/navigation/menu-bs4/img/icon-tripadvisor.png"); } .icon-tripadvisor_active { background-image: url("../base/navigation/menu-bs4/img/icon-tripadvisor__active.png"); } .icon-key { background-image: url("../base/navigation/menu-bs4/img/icon-key.png"); } .icon-key:hover { background-image: url("../base/navigation/menu-bs4/img/icon-key__active.png"); } .icon-notification { background-image: url("../base/navigation/menu-bs4/img/icon-notify.png"); } .icon-notification:hover { background-image: url("../base/navigation/menu-bs4/img/icon-notify__active.png"); } .icon-odnoklassniki { background-image: url("../base/navigation/menu-bs4/img/icon-ok.png"); } .icon-odnoklassniki_active { background-image: url("../base/navigation/menu-bs4/img/icon-ok__active.png"); } .icon-google_plus { background-image: url("../base/navigation/menu-bs4/img/icon-google_plus.png"); } .icon-google_plus_active { background-image: url("../base/navigation/menu-bs4/img/icon-google_plus__active.png"); } .icon-search { background-image: url("../base/navigation/menu-bs4/img/icon-search.png"); background-size: contain; background-repeat: no-repeat; background-position: center; } .icon-search:hover { background-image: url("../base/navigation/menu-bs4/img/icon-search__active.png"); } .icon-reset { background-image: url("../base/navigation/menu-bs4/img/icon-reset.png"); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.5; } .icon-reset:hover { opacity: 1; } .icon-dropdown { display: inline-block; margin-left: 20px; width: 7px; height: 4px; margin: 3px 5px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("../base/navigation/menu-bs4/img/icon-dropdown.png"); } .icon-dropdown:hover { /*background-image: url("../base/navigation/menu-bs4/img/icon-dropdown_active.png");*/ opacity: 1; } #block-more-dropdown li { margin-top: 15px; margin-bottom: 14px; } .link-social-iconed-vkontakte, .link-social-iconed-facebook, .link-social-iconed-twitter, .link-social-iconed-instagram, .link-social-iconed-tripadvisor, .link-social-iconed-odnoklassniki, .link-social-iconed-google_plus, .link-social-iconed-telegram { padding-left: 20px; margin-left: 15px; font-size: 13px; color: white; text-decoration: none !important; background-size: contain; background-repeat: no-repeat; vertical-align: middle; text-transform: capitalize; } .link-social-iconed-odnoklassniki { margin-left: 18px; padding-left: 16px; } .link-social-iconed-google_plus { margin-left: 18px; padding-left: 17px; } .link-social-iconed-vkontakte:hover { background-image: url("../base/navigation/menu-bs4/img/icon-vkontakte__active.png"); color: #c71bff; } .link-social-iconed-facebook:hover { background-image: url("../base/navigation/menu-bs4/img/icon-facebook__active.png"); color: #c71bff; } .link-social-iconed-twitter:hover { background-image: url("../base/navigation/menu-bs4/img/icon-twitter__active.png"); color: #c71bff !important; } .link-social-iconed-instagram:hover { background-image: url("../base/navigation/menu-bs4/img/icon-instagram__active.png"); color: #c71bff; } .link-social-iconed-tripadvisor:hover { background-image: url("../base/navigation/menu-bs4/img/icon-tripadvisor__active.png"); color: #c71bff; } .link-social-iconed-odnoklassniki:hover { background-image: url("../base/navigation/menu-bs4/img/icon-ok__active.png"); color: #c71bff; } .link-social-iconed-google_plus:hover { background-image: url("../base/navigation/menu-bs4/img/icon-google_plus__active.png"); color: #c71bff; } .link-social-iconed-telegram:hover { background-image: url("../base/navigation/menu-bs4/img/icon-telegram__active.png"); color: #c71bff; } .hover_color-wild-strawberry:hover { color: #ff3b88 !important; } .hover_color-electric-violet:hover { color: #c71bff !important; } .hover_color-scooter:hover { color: #30b7cb !important; } .hover_color-carribian-green:hover { color: #00df9a !important; } .hover_color-dodger-blue:hover { color: #526aff !important; } .hover_color-yellow:hover { color: yellow !important; } .hover_color-fuel-yellow:hover { color: #eea82e !important; } .hover_color-vivid-cyan:hover { color: #03fdee !important; } .hover_color-orange:hover { color: #ffad00 !important; } .hover_color-sweet:hover { color: #ff926b !important; } .hover_color-acid-green:hover { color: #37ff1d !important; } .icon-heart { background-image: url("../base/navigation/menu-bs4/img/heart-icon.svg"); transform: scale(0.7); } .icon-heart:hover { background-image: url("../base/navigation/menu-bs4/img/heart-icon__hovered.svg"); } icon-heart.filled { background-image: url("../base/navigation/menu-bs4/img/heart-icon__filled.svg"); } .magnifying-glass-icon { background-image: url("../base/navigation/menu-bs4/img/magnifying-glass.svg"); transform: scale(0.7); } .magnifying-glass-icon:hover { background-image: url("../base/navigation/menu-bs4/img/magnifying-glass__hovered.svg"); } .switch-main-underlined-wild-strawberry:after { display: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; background-color: #ff3b88; content: ""; border-top-left-radius: 3px; border-top-right-radius: 3px; } .switch-main-underlined-electric-violet:after { display: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; content: ""; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #c71bff; } .switch-main-underlined-scooter:after { bdisplay: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; content: ""; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #30b7cb; } .switch-main-underlined-sweet:after { bdisplay: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; content: ""; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #ff926b; } .switch-main-underlined-acid-green:after { bdisplay: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; content: ""; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #37ff1d; } .switch-main-underlined-carribian-green:after { display: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; content: ""; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #00df9a; } .switch-main-underlined-orange:after { display: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; content: ""; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #ffad00; } .switch-main-underlined-yellow:after { display: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; content: ""; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: yellow; } .switch-main-underlined-dodger-blue:after { display: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; content: ""; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #526aff; } .switch-main-underlined-fuel-yellow:after { display: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; content: ""; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #eea82e; } .switch-main-underlined-vivid-cyan:after { display: block; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; content: ""; border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #03fdee; } .switch-logo-mobile { display: inline-block; width: 150px; margin-top: 8px; height: 29px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("../base/navigation/menu-bs4/img/logo.png?v=4"); } .switch-logo-mobile-international { display: inline-block; width: 150px; margin-top: 8px; height: 29px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("../base/navigation/menu-bs4/img/logo-full-international.png"); } .switch-logo-full { display: inline-block; width: 150px; margin-top: 10px; margin-left: 52px; height: 29px; background-size: contain; background-repeat: no-repeat; background-position: center; transition: all 0.2s ease-in-out; background-image: url("../base/navigation/menu-bs4/img/logo.png?v=4"); } .switch-logo-full-international { display: inline-block; width: 150px; margin-top: 10px; margin-left: 65px; height: 29px; background-size: contain; transition: all 0.2s ease-in-out; background-repeat: no-repeat; background-position: center; background-image: url("../base/navigation/menu-bs4/img/logo-full-international.png"); } /* .switch-logo-full.big, .switch-logo-full-international.big { height: 35px; width: 175px; margin-top: 7px; } */ .switch-logo-full:hover, .switch-logo-full-international:hover { height: 35px; width: 175px; margin-top: 6px; } .switch-logo-short { display: inline-block; width: 18px; margin-top: 13px; margin-left: 15px; height: 29px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("../base/navigation/menu-bs4/img/logo-short.png"); } .switch-notification { display: inline-block; width: 26px; height: 26px; margin: 15px 1.5px; opacity: 0.9; background-size: contain; background-repeat: no-repeat; background-position: center; } .switch-notification:hover { opacity: 1; } .switch-login { display: none; vertical-align: top; height: 25px; margin: 15px 5px; margin-left: 0px; font-size: 14px; line-height: 25px; } .switch-userphoto { display: inline-block; width: 26px; height: 26px; background-image: url("../base/navigation/menu-bs4/img/icon-avatar.png"); background-size: contain; background-repeat: no-repeat; background-position: center; border: 0px; margin: 9px 0px; } .switch-userphoto:hover { background-image: url("../base/navigation/menu-bs4/img/icon-avatar__active.png"); } .switch-userphoto-logged-in { display: inline-block; width: 26px; height: 26px; border: 0px; margin: 9px 0px; margin-right: 5px; border-radius: 50%; } #profile-menu { display: none; } #mobile-profile-menu { display: inline-block; cursor: pointer; } .dropdown-black { background-color: #000 !important; margin-top: 0px !important; padding-top: 10px !important; border-top-width: 0px !important; border-right: 1px solid black !important; top: 28px !important; border-radius: 0.55rem !important; } #block-login-area:hover .switch-userphoto { background-image: url("../base/navigation/menu-bs4/img/icon-avatar__active.png"); } #block-login-area:hover .switch-login { color: #de36ff; text-decoration: none; } #block-advanced-dropdown { background-color: #000; margin-top: 0px; padding-top: 10px; border-top-width: 0px; top: 28px; left: -0.5px; border-radius: 0.55rem; } #block-advanced-dropdown-certs { background-color: #000; margin-top: 0px; padding-top: 10px; border-top-width: 0px; top: 28px; left: -0.5px; border-radius: 0.55rem; } .cert-dropdown-item { padding-left: 10px !important; padding-top: 15px !important; padding-bottom: 14px !important; color: white !important; font-size: 13px !important; } .cert-dropdown-item:hover { color: #c71bff !important; background-color: black !important; } #block-city-cities { position: fixed; top: 78px; } #shop-more-links { background-color: #000; margin-top: 0px; padding-top: 10px; border-top-width: 0px; left: -0, 5px; top: 27px; border-radius: 0.55rem; } /*======FIXES======*/ .switch-foldable-toggle:after, .switch-city-toggle:after, #block-more-dropdown-toggle:after, #shop-more-dropdown:after { display: none !important; } block-mobile-advancedlinks { overflow-y: auto; } .custom_btn { border: 0px !important; } .custom_btn:hover { border: 0px; background-color: #de36ff !important; } .icon-shop::after { content: attr(data-count); display: inline-block; position: relative; /* width: 10px; */ padding: 0px 3px; /*height: 12px;*/ top: -2px; right: -16px; text-align: center; color: white; background-color: #de36ff; border-radius: 3px; /*border: 3px solid black;*/ /*box-shadow: 0px 0px 1px 3px rgba(0,0,0,0.9);*/ line-height: 12px; font-weight: 900; font-size: 9px; } b, strong { font-weight: bold !important; } /*======MEDIA-QUERY=======*/ @media screen and (max-width: 768px) { .auth_block .login { float: none !important; width: auto !important; position: static !important; text-align: center !important; } .auth_block .registration { width: auto !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } #rules_link { display: none !important; } .pipette { display: none; } .store-cart-icon { margin: 9px 2.5px; } } #logo-new-year-background-image { position: absolute; z-index: -1; top: 0; left: -12px; height: 100%; } @media screen and (min-width: 1024px) { #logo-new-year-background-image { left: -33px; } #menu-advanced-left { width: 5%; text-align: left; white-space: nowrap; } .switch-logo-full, .switch-logo-full-international { margin: 15px 0 0 75px; } .switch-logo-full:hover, .switch-logo-full-international:hover { /* height: 35px; width: 175px; */ margin-top: 13px; } #menu-advanced { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #menu-advanced-center { display: inline-block; width: 90%; } #menu-advanced-right { display: inline-block; width: 5%; font-size: 13px; } #menu-main { display: flex; height: 55px; justify-content: space-between; } #mobile-navigation-wrapper { display: none !important; } #menu-main-left { width: 5%; } #menu-burger-button { top: 12px; margin-left: 20px; } #menu-main-right { /* width: 15% */ } #menu-main-center { display: inline-block; } .block-call-center { display: inline-block; } #menu-mobile { display: none; } #menu-main-mobile { display: none; } .switch-userphoto { margin: 14px 5px 14px 0px; } .switch-userphoto-logged-in { margin: 14px 5px 14px 0px; } #profile-menu { display: inline-block; } #mobile-profile-menu { display: none; } .switch-city-toggle { font-size: 13px; } #block-city-cities { background-color: #000; position: absolute; margin-top: 0px; padding-top: 10px; border-top-width: 0px; left: 0px; top: 28px; border-radius: 0.55rem; min-width: 180px; } .menu-cityselect-searchicon { margin-left: 10px; } .menu-layer-cityselect-controls { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .menu-cityselect-cityinput { margin-left: 0px; font-size: 13px; } .cityselect-citylink { border-bottom: 0px; } .cityselect-citylink.announced { color: #fec200; } .announced_cities_list { background-color: rgba(255, 255, 255, 0.1); } .announced_cities_list_title { color: white; background-color: #fec200; margin: 0; line-height: 1.8rem; padding-left: 5%; } /* .cityselect-citylink-city { display: block; font-size: 13px; line-height: 21px; } */ /* .cityselect-citylink-quests { display: block; font-size: 11px; line-height: 17px; float: none; } */ .switch-language:active, .switch-language:hover, .switch-language-active { padding-bottom: 7px; } #block-language-selector { margin: 0px; margin-left: 13px; margin-top: 8px; width: auto; } #block-city-selector { padding: 8px 10px; margin-left: 10px; float: none; width: auto; } .lb-v-dummy { width: 100%; display: block; height: 1px; } .lb-h-dummy { height: 100%; display: block; width: 1px; } .lb-clear { clear: both; } .lb-wrap { z-index: 0; overflow: auto; position: relative; } .lb-v-scrollbar { z-index: 1; position: absolute; right: 5px; top: 2px; width: 7px; height: 100%; background: black; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } .lb-h-scrollbar { z-index: 1; position: absolute; bottom: 2px; left: 2px; width: 100%; height: 7px; background: black; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } .lb-v-scrollbar-slider { position: absolute; width: 7px; height: 50px; left: 0; top: 0; background: white; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } .lb-h-scrollbar-slider { position: absolute; height: 7px; width: 50px; left: 0; top: 0; background: white; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } .right-margin-fix { margin-right: 10px !important; } .switch-language, .switch-language:visited { font-size: 13px; margin: 0px 6px; opacity: 0.5; } .menu-layer-cityselect-results { max-height: 240px; min-height: 48px; } #tab_schedule { display: table-cell; } #block-notification-area { display: inline-block; width: auto; } #block-login-area { margin-left: 5px; } @media screen and (min-width: 1024px) { #menu-main-left { width: 230px; } #menu-main-center { /* width: 50%; */ } #menu-main-right { /* width: 20%; */ } #menu-mobile { display: none; } #block-logo-short { display: none; } #block-logo-full { display: inline-block; /* margin-top: 5px; */ } #block-notification-area { display: inline-block; width: auto; } .block-call-center { display: inline-block; } .switch-login { display: inline-block; } .switch-main { position: relative; padding-left: 5px; padding-right: 5px; } .shop-dropdown-item, .shop-dropdown-item:visited { padding-left: 5px !important; } #block-login-area { padding-left: 0px; } } @media screen and (min-width: 1100px) { #block-language-selector { margin-left: 28px; } #block-menu-more { margin-right: 26px; } #block-login-area { padding-right: 20px; } .switch-notification { margin: 13.5px 0px; } .right-margin-fix { margin-right: 25px !important; } .switch-main { position: relative; padding-left: 10px; padding-right: 10px; } .shop-dropdown-item, .shop-dropdown-item:visited { padding-left: 10px !important; } } @media screen and (min-width: 1280px) { .switch-main { position: relative; padding-left: 15px; padding-right: 15px; } .shop-dropdown-item, .shop-dropdown-item:visited { padding-left: 15px !important; } } } .block-call-center-mobile-menu { display: inline-block; margin: 0 0 20px; /* z-index: 3; */ } .block-call-center-mobile-menu a { font-style: normal; font-weight: normal; font-size: 16px; color: #ffd500; line-height: normal; } .block-call-center .phone_link { text-decoration: none; font-weight: bold; color: #ffd500; padding: 9.5px 0px; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .block-call-center .phone_link:hover, .block-call-center .phone_link:active, .block-call-center .phone_link:focus { color: #ffe666; } @media screen and (max-width: 767px) { .mobile-hidden { display: none !important; } } @media screen and (max-width: 1023px) { .switch-notification { margin: 10px 1.5px; } #desktop-navigation-wrapper { display: none !important; } } @media screen and (min-width: 767px) { .hide-desktop { display: none; } } body.no-scroll { overflow: hidden; position: relative; height: 100%; } html.no-scroll { overflow: hidden; position: relative; height: 100%; } #block-profile-menu { background-color: #211b2f; position: absolute; margin-top: 55px; padding: 22px 16px; border-top-width: 0px; right: 0px; left: auto; top: 0px; border-radius: 8px; border: none; min-width: 169px; width: 240px; z-index: 2; } a.switch-login:focus { color: white; text-decoration: none; } #block-profile-menu .dropdown-menu-profile-element { display: block; text-align: left; font-weight: normal; font-size: 16px; padding-bottom: 16px; } .profile-menu-icon { margin: -4px 10px 0 0; } #block-profile-menu a:last-of-type { padding-bottom: 0; } #block-profile-menu a:hover { color: #de36ff; text-decoration: none; } #block-profile-menu:focus { color: white; } #menu-mobile-center { opacity: 1; /*background-image: url('../img/ny_bg.png');*/ background-position: right; } #menu-burger-button div { background: white; height: 2px; } #menu-burger-button:hover div { background: #fa00cf; } #menu-burger-button.menu-burger-button-closed { padding: 8px 7px; } #menu-burger-button.menu-burger-button-closed div { border-radius: 4px; margin-bottom: 4px; } #menu-burger-button.menu-burger-button-closed:hover { } #menu-burger-button.menu-burger-button-opened div { position: absolute; width: 25px; transform: rotate(45deg); top: 14px; left: 4px; } #menu-burger-button.menu-burger-button-opened div:not(:first-child) { transform: rotate(-45deg); } #menu-burger-button.menu-burger-button-opened div:last-child { display: none; } #desktop-navigation-wrapper { background: #1c162e; width: 100%; padding: 30px 40px 10px; position: absolute; z-index: 5; } #desktop-navigation-content { display: flex; justify-content: space-around; max-width: 1350px; margin: 0 auto; } .navigation-title, .menu-navigation-element { text-transform: uppercase; color: white; font-style: normal; font-weight: 500; font-size: 14px; margin-bottom: 20px; } .navigation-title { color: rgba(255, 255, 255, 0.39); /* color: yellow; */ } .menu-navigation-elements-block { display: flex; /* max-height: 165px; */ flex-direction: column; flex-wrap: wrap; } .menu-navigation-element { width: 150px; } .menu-navigation-element-profile { width: 100%; } .menu-navigation-element a { text-decoration: none !important; display: block; cursor: pointer; } .menu-button { padding: 11px; border: 2px solid rgba(0, 0, 0, 0); border-radius: 4px; background: rgba(255, 255, 255, 0.1); box-sizing: border-box; cursor: pointer; } .menu-button:hover { border: 2px solid #4d5aff; background-color: rgba(133, 158, 255, 0.1); } .menu-button.pushed { border: 2px solid #4d5aff; background-color: rgba(133, 158, 255, 0.28); cursor: default; } .language-buttons-block { display: flex; margin: -10px 0 25px 0; } .city-select-block { margin: -10px 0 25px; } .language-buttons-block div:not(:last-child) { margin-right: 15px; } .menu-select { padding: 10px 20px; background: black; color: white; width: 185px; background-color: #211b2e; border-radius: 8px; border: 1px solid #5e4b70; background-image: url("../base/navigation/menu-bs4/img/drop-down-arrow.svg"); background-repeat: no-repeat; background-position: right 10px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; cursor: pointer; } .open > .menu-select { background-image: url("../base/navigation/menu-bs4/img/drop-down-arrow-up.svg"); } .menu-select:after { display: none !important; } .menu-select:hover { outline: none; border-style: inset; border: 1px solid #fa00cf; } .city-select-dropdown { background-color: #211b2e !important; border-radius: 4px; padding: 0; } .city-select-elements-block { max-height: 240px; min-height: 48px; overflow-y: scroll; } .city-select-dropdown-element { display: block; text-decoration: none !important; padding: 5px 10px; } .menu-layer-cityselect-controls { padding: 5px 0 0; } .city-select-dropdown-element:hover { background: rgba(133, 158, 255, 0.28); } .all-cities-button { display: block; text-decoration: none !important; text-align: center; padding: 10px 0 8px; } #all-cities-button:hover { background: rgba(133, 158, 255, 0.28); } .mobile-menu-tab-content { top: 0; background: #1c162e; /* position: absolute; */ top: 61px; width: 100%; /* height: 100%; */ } .mobile-navigation-tab-section { padding: 20px 20px 0 20px; max-width: 350px; margin: 0 auto; position: relative; box-sizing: border-box; } .mobile-navigation-tab-section:not(:last-child):after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: #5e4b70; z-index: 0; } #mobile-controls-section-content { display: flex; flex-direction: row; justify-content: space-between; } #mobile-menu-socials-wrapper { /* text-align: center; */ } #mobile-navigation-tabs-list { max-width: 350px; padding: 0 20px; margin: 0 auto; } .mobile-navigation-tab-title { display: inline-block; color: rgba(255, 255, 255, 0.16); font-style: normal; font-weight: normal; font-size: 24px; position: relative; cursor: pointer; } .mobile-navigation-tab-title:hover { color: rgba(255, 255, 255, 1); } .mobile-navigation-tab-title:not(:last-child) { margin-right: 30px; } .mobile-navigation-tab-title.active { color: white; cursor: inherit; } .mobile-navigation-tab-title.active:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #4d5aff; border-radius: 2px; } .mobile-navigation-elements { display: flex; flex-direction: row; flex-wrap: wrap; } #city-select-dropdown-mobile { top: unset; bottom: 45px; } .menu-layer-cityselect { color: white } #guess_city { top: 45px !important; left: 70px !important; width: auto !important; margin-left: 0 !important; padding-top: 22px !important; } #guess_city:after { content: ""; position: absolute; top: 22px; display: block; background: url("../base/navigation/menu-bs4/img/misc-popupcorner.png") top left no-repeat !important; background-size: contain; width: 61px; height: 23px; }