Current Path : /var/www/www-root/data/www.catalog.monolith-realty.ru/local/templates/monolitsochi/css/ |
Current File : /var/www/www-root/data/www.catalog.monolith-realty.ru/local/templates/monolitsochi/css/menu-top.css |
/* TOP MENU */ .header-menu__dropdown-item-img-inner{width: 90px!important;} img.mCS_img_loaded { max-width: 100%; object-fit: cover; width: 100%; height: 60px; } .menu-row { position: relative; } .menu-row.with-color .menu-only { border-radius: 3px; } .menu-row .right-icons + .menu-only table td:last-of-type { border-radius: 0px; } .menu-row .menu-only table td:last-of-type { border-radius: 0px 3px 3px 0px; } .mega-menu table td .wrap > .more-items > span { font-size: 0; position: relative; display: inline-block; vertical-align: middle; width: 17px; height: 3px; } .mega-menu table td .wrap > .more-items > span svg { display: block; } .mega-menu table td .wrap > .more-items > span svg path { fill: #222; } .header_opacity header.light .phone svg path { fill: #222 !important; } .bgcolored .mega-menu.sliced table td .wrap > .more-items > span svg path, .header_opacity header.light .mega-menu.sliced table td .wrap > .more-items > span svg path { fill: #fff; } .menu-row.bgcolored .mega-menu table td .wrap > .more-items { padding-left: 18px; padding-right: 18px; } .menu-row.bgcolored .mega-menu table td .wrap > .more-items > span:before { background-position: -1px -337px; background-color: transparent; left: 0; } .mega-menu table td .wrap .line-wrapper { visibility: hidden; } .menu-row.with-color .line-wrapper { display: none; } .menu-row.with-color .marker-nav { display: none; } .menu-row.with-color .mega-menu table td .wrap > .more-items > span { left: 2px; } .menu-row.with-color .wrap_icon { font-size: 0px; } .menu-row.with-color .wrap_icon > a { position: relative; z-index: 10; padding: 0px 21px 0px; display: block; height: 59px; } .menu-row.with-color .wrap_icon .basket-link .js-basket-block { position: relative; top: 18px; } .menu-row.with-color .wrap_icon .basket-link .js-basket-block .svg { min-width: 24px; } .menu-row.with-color .wrap_icon .personal-link { position: relative; z-index: 10; padding: 0px 21px 0px; display: block; height: 59px; } .menu-row.with-color .wrap_icon .personal-link .svg { min-width: 16px; min-height: 17px; top: 17px; } .menu-row.with-color .basket-link .count { margin: 2px 0px 0px; padding: 0px 7px; border-radius: 10px; vertical-align: top; min-width: 20px; width: auto; height: 19px; font-size: 13px; font-weight: bold; line-height: 19px; } .menu-row.with-color .basket-link:not(.basket-count) .count { background: #fff; color: #222; } .menu-row.with-color .logo_and_menu-row .right-icons { margin-left: 1px; margin-right: 1px; } .logo-row .menu-row, .logo-row .menu-row .menu-only { position: static; } .logo-row .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu { width: auto; left: 40px !important; right: 40px; margin: 0px; } .fill_bg_n .menu-row { z-index: 3; } .logo-row .menu-row.maxwidth-theme:before, .logo-row .menu-row.maxwidth-theme:after { display: none; } .menu-only { position: relative; z-index: 2; } .mega-menu { z-index: 10; } .mega-menu ul.nav { padding: 0 0 0px 0; clear: both; float: none; position: static; display: block; font-size: 13px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); } .mega-menu ul.nav li { padding: 0; margin: 0; clear: both; float: none; display: block; } .mega-menu ul.nav li:before { display: none; } .mega-menu ul.nav li, .mega-menu ul.nav .dropdown-menu { background-color: #fafafa; } .mega-menu ul.nav li > a { padding: 9px 45px 9px 10px; text-shadow: none !important; border-top: 1px solid #e1e4e6; border-bottom: 1px solid transparent; margin: 0; line-height: 24px; text-decoration: none; position: relative; border-radius: 0; clear: both; float: none; display: block; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); white-space: normal; color: #444444; } .mega-menu ul.nav li > a i.fa-angle-down { position: absolute; right: -10px; top: 0px; font-size: 20px; width: 64px; height: 44px; text-align: center; line-height: 44px; } .mega-menu ul.nav li:first-of-type > a { border-top: medium none !important; } .mega-menu ul.nav li.active > a, .mega-menu ul.nav li:hover > a { border-top: 1px solid #e1e4e6; border-bottom: 1px solid #e1e4e6; margin: 0; padding: 9px 55px 9px 10px; background: none; color: #ffffff; } .mega-menu ul.nav li.active > a i.fa-angle-down, .mega-menu ul.nav li:hover > a i.fa-angle-down { right: 0px; } .mega-menu ul.nav li.active + li > a, .mega-menu ul.nav li:hover + li > a { border-top: 1px solid transparent; } .mega-menu ul.nav li > a:focus { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); } .mega-menu ul.nav .dropdown-menu { font-size: 13px; position: static; clear: both; float: none; display: none !important; box-shadow: none; border: none !important; border-radius: 0; margin: 0; padding: 0 0 0 20px; } .mega-menu ul.nav .dropdown-menu li:first-of-type > a { border-top: 1px solid transparent; } .mega-menu table .wrap > .dropdown-menu > li:first-of-type:before { position: absolute; top: -1px; left: 0px; width: 100%; height: 2px; background: #dedede; display: block; content: ""; -webkit-transition-property: "right"; transition-property: "right"; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .mega-menu ul.nav .dropdown-menu li:last-of-type > a { border-bottom: 1px solid transparent; } .mega-menu ul.nav li.resp-active > ul.dropdown-menu { display: block !important; } .mega-menu table { border-collapse: collapse; border-spacing: 0; width: 100%; max-width: 100%; } .bx-mac .mega-menu table, .bx-ios .mega-menu table { max-width: inherit; } .mega-menu table a { display: inline-block; width: 100%; text-decoration: none; white-space: nowrap; } .mega-menu table td { padding: 0; text-align: center; position: static; } .mega-menu table td.unvisible { visibility: hidden; opacity: 0; } .mega-menu table td.dropdown > .wrap { position: relative; } .mega-menu table td:hover > .wrap > .dropdown-menu { display: block; opacity: 1; animation: toggle_opacity 300ms; } .mega-menu table td > .wrap > a .fa { vertical-align: middle; display: none; } .mega-menu table td > .wrap > a .fa.fa-angle-down::before { font-size: 12px; font-weight: bold; vertical-align: top; display: block; } .mega-menu table .tail { display: none; } .mega-menu table .dropdown-menu { border-radius: 0; border: none; margin: -1px 0 0; top: auto; padding: 0; text-align: left; opacity: 0; min-width: 100%; } .mega-menu table .dropdown-menu li > a { color: #222222; padding: 14px 37px 14px 19px; border-top: 1px solid #f0f0f0; } .mega-menu table .wrap > .dropdown-menu li:first-of-type > a { border-top-color: transparent !important; } .mega-menu table .wrap > .dropdown-menu li:first-of-type > .dropdown-menu { top: 0; } .mega-menu table .wrap > .dropdown-menu li:first-of-type > .dropdown-menu li:first-of-type > a { padding-top: 15px !important; } .mega-menu table .dropdown-submenu, .dropdown-menu li { position: relative; padding: 0px; margin-bottom: 0px; } .mega-menu table .dropdown-submenu:before, .dropdown-menu li:before { display: none; } .mega-menu table .dropdown-submenu > a:after { display: block; font-family: FontAwesome; content: "\f105"; right: 14px; position: absolute; top: 50%; margin: -10px 0 0; color: #898989; } .mega-menu table .dropdown-submenu:hover > .dropdown-menu { display: block; opacity: 1; animation: toggle_opacity 300ms; } .mega-menu table .dropdown-submenu .dropdown-menu { top: 1px; left: 100%; } .mega-menu table .dropdown-submenu .dropdown-menu > li:first-of-type > a { border-top: none; } .mega-menu table .dropdown.js-dropdown .fa { display: none; } .mega-menu table .more-items > span { display: inline-block; font-size: 14px; line-height: 20px; position: relative; vertical-align: top; padding-right: 21px; } .mega-menu table td.search-item .wrap > a { padding-left: 15px; padding-right: 15px; padding-top: 13px !important; padding-bottom: 18px !important; } .mega-menu table td.search-item .wrap > a .fa { font-size: 15px; } .mega-menu table td .wrap > a { border: none; font-weight: bold; padding: 0 20px; position: relative; text-transform: none; color: #222222; width: auto; vertical-align: middle; height: 100px; line-height: 98px; font-size: 1.067em; } .menu-row.with-color .mega-menu { height: 59px; } .menu-row.with-color .mega-menu table td .wrap > a { height: 59px; line-height: 58px; color: #fff; } .mega-menu table td.dropdown .wrap > a i { display: inline-block; padding-left: 7px; opacity: 0.6; } .menu-row.with-color .mega-menu table td.active .wrap > a, .menu-row.with-color .mega-menu table td:not(.search-item):hover .wrap > a { color: #fff; } .menu-row.with-color .mega-menu table .dropdown-menu { margin-top: 0; } .menu-row.with-color .mega-menu table .wrap > .dropdown-menu > li:first-of-type:before { display: none; } .logo_and_menu-row .logo-row .menu-row .mega-menu { height: 100px; } .mega-menu table td .wrap > a .line-wrapper { position: relative; visibility: visible; } .mega-menu td .wrap > a .line-wrapper .line { position: absolute; bottom: -2px; left: 0px; height: 2px; background: #dedede; right: 100%; opacity: 1; -webkit-transition-property: "right"; transition-property: "right"; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #headerfixed .mega-menu td .wrap > a .line-wrapper .line { bottom: -1px; } .mega-menu table td.active .wrap > a .line-wrapper .line, .mega-menu table td .wrap > a:hover .line-wrapper .line { right: 0px; } .mega-menu table td:last-child .wrap > a:after { display: none; } .mega-menu table .dropdown-submenu > a:hover:after { color: white; } .mega-menu table .dropdown-submenu .dropdown-menu:after { display: none; } .mega-menu ul.nav .search { right: inherit; top: inherit; width: 100%; display: block !important; padding: 13px; background: none repeat scroll 0 0 #e0e7ec; } .mega-menu ul.nav .search .search-input-div { padding-right: 0px; } .mega-menu ul.nav .search .search-button-div { right: 13px; top: 13px; width: 74px; } .mega-menu ul.nav .search .search-button-div .btn-search { right: 0px; top: 0px; } /* COLORED */ .menu-row.with-color.colored_all .wrap_icon .svg > svg > path, .menu-row.with-color.colored_all .wrap_icon:hover .svg > svg > path { fill: #fff; } header.light .menu-row.with-color.colored_all .wrap_icon:hover .svg.inline > svg > path { fill: #fff !important; } .header_opacity .menu-row.with-color.colored_all .right-icons > div:first-of-type .wrap_icon { border-radius: 0px 3px 3px 0px; } .header_opacity .menu-row.with-color.colored_all .menu-only table td:first-child { border-radius: 3px 0px 0px 3px; } .header_nopacity.header_fill_colored header.light .menu-row .wrap_icon:hover .svg.inline svg path { fill: #fff !important; } .header_fill_colored header .logo_and_menu-row.full-fill .logo-row .logo svg path, .header_fill_colored header .logo_and_menu-row.full-fill .logo-row .wrap_icon:not(:hover) .svg > svg > path, .header_fill_colored header .logo_and_menu-row.full-fill .mega-menu table td .wrap > .more-items > span svg path { fill: #fff; } .header_fill_colored header > .full-fill .mega-menu table td .wrap > a { color: #fff; } .header_fill_colored header.light > .full-fill .wrap_icon:hover .svg.inline svg path { fill: #fff !important; } /* DARK */ header .menu-row.bgdark .menu-only, body.header_nopacity.header_fill_dark.fill_bg_n header .menu-row, body.header_nopacity.header_fill_dark.fill_bg_y.visible_banner header .menu-row > .maxwidth-theme { background: #424f60; } header .menu-row.bgdark .menu-only td:hover, header .menu-row.with-color.bgdark .wrap_icon:hover { background-color: #556170; } body.header_nopacity.fill_bg_y.visible_banner .logo_and_menu-row, body.header_nopacity.fill_bg_y.visible_banner .menu-row { background: transparent; } body.header_nopacity.fill_bg_y.visible_banner .logo_and_menu-row .maxwidth-theme, body.header_nopacity.fill_bg_y.visible_banner.header_fill_light .menu-row > .maxwidth-theme { background: #fff; } .header_fill_dark header .top-block + .logo_and_menu-row .logo-row, .header_fill_dark header .top-block + .logo_and_menu-row .logo-row .maxwidth-theme { background: #424f60; } .fill_bg_n.header_fill_dark header .logo_and_menu-row.full-fill .logo-row, .header_fill_dark header .logo_and_menu-row.full-fill .logo-row .maxwidth-theme { background: #424f60; } .header_fill_dark header .logo_and_menu-row.full-fill .logo-row .logo svg path, .header_fill_dark header .logo_and_menu-row.full-fill .logo-row .wrap_icon:not(:hover) .svg > svg > path, .header_fill_dark header .logo_and_menu-row.full-fill .mega-menu table td .wrap > .more-items > span svg path { fill: #fff; } .header_fill_dark header > .full-fill .mega-menu table td .wrap > a { color: #fff; } .header_opacity.header_fill_light header.light > .full-fill .wrap_icon:not(:hover) .svg > svg > path { fill: #222 !important; } .header_opacity.header_fill_light header.light > .full-fill .mega-menu table td .wrap > a.more-items:not(:hover) svg path, .header_opacity.header_fill_light header.light > .full-fill .logo svg path.text-path { fill: #222 !important; } /* LIGHT */ .menu-row.bglight .menu-only { background: #fff; } .fill_bg_n.header_fill_light:not(.header_opacity) header .logo-row, .header_fill_light:not(.header_opacity) header .logo-row .maxwidth-theme { background: #fff; } .header_fill_light header .top-block + .logo_and_menu-row .logo-row, .header_fill_light header .top-block + .logo_and_menu-row .logo-row .maxwidth-theme { background: #fff; } .fill_bg_n.header_fill_light header .logo_and_menu-row.full-fill .logo-row, .header_fill_light header .logo_and_menu-row.full-fill .logo-row .maxwidth-theme { background: #fff; } .header_fill_light header.light > .full-fill .more-items:not(:hover) svg path { fill: #222 !important; } /* TRANSPARENT */ .menu-row.with-color.colored_dark .mega-menu table td .wrap > a { color: #222222; } .menu-row.with-color.bgnone .mega-menu table td .wrap > a .line-wrapper { display: block; } .menu-row.with-color.bgnone .mega-menu table td .wrap > a .line-wrapper .line { bottom: -1px; } .menu-row.with-color.colored_dark .mega-menu table .wrap > .dropdown-menu > li:first-of-type:before { content: ""; display: block; } .menu-row.with-color.bgnone .mega-menu table .dropdown-menu { margin-top: -1px; } .menu-row.with-color.bgnone .mega-menu table .dropdown-menu .dropdown-menu { margin-top: 0px; } /* WIDE */ .menu-row .mega-menu table td.dropdown.wide_menu > .wrap { position: static; } body .menu-row.with-color .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li:first-of-type:before, .mega-menu table td.wide_menu .wrap > .dropdown-menu > li:first-of-type:before { display: none; } .menu-row .mega-menu table td.wide_menu:hover > .wrap > .dropdown-menu, .menu-row .mega-menu table td.wide_menu.hover > .wrap > .dropdown-menu { display: block; width: 100%; margin-top: 0px; border-top: 1px solid #f2f2f2; padding: 30px 4px 0px; left: 0px !important; } .menu-row .mega-menu table td.wide_menu:hover > .wrap > .dropdown-menu, .menu-row .mega-menu table td.wide_menu.hover > .wrap > .dropdown-menu { max-height: 485px; overflow: auto; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu::-webkit-scrollbar { width: 8px; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu::-webkit-scrollbar-track { border-radius: 8px; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu::-webkit-scrollbar-thumb { border-radius: 8px; background: #999; border: 2px solid #fff; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu::-webkit-scrollbar-thumb:window-inactive { background: #999; border: 2px solid #fff; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu > li, .menu-row .mega-menu .catalog_icons_N table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu > li.clicked_exp { display: inline-block; vertical-align: top; margin-right: 3px; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.has_img > .dropdown-menu > li, .menu-row .mega-menu .catalog_icons_N table td.wide_menu > .wrap > .dropdown-menu > li.has_img > .dropdown-menu > li.clicked_exp { display: block; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu li a { padding-right: 0px !important; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li:not(.has_img) > .dropdown-menu li a { font-size: 12px; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu li a:hover, .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu li a:focus, .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu li.active > a { color: #222; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu > li.collapsed:not(.clicked_exp) { display: none; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.has_img { min-height: 60px; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.has_img > a, .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.has_img > .dropdown-menu { padding-left: 82px; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.has_img .menu_img { display: block; width: 60px; position: absolute; top: 0px; left: 32px; } .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > a { font-size: 15px; font-weight: bold; padding: 0px; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li a { white-space: normal; } .mega-menu table td.wide_menu .dropdown-menu li > a { border: none; } .mega-menu table td.wide_menu .dropdown-submenu > a:after { display: none; } .mega-menu table td.wide_menu .dropdown-submenu:hover > .dropdown-menu { animation: none; } .mega-menu table td.wide_menu .wrap > .dropdown-menu li:first-of-type > .dropdown-menu li:first-of-type > a { padding-top: 2px !important; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li > .dropdown-menu a { padding-top: 4px !important; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu { font-size: 0px; margin-top: 0px; border-top: 1px solid #f2f2f2; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li { display: inline-block; vertical-align: top; padding: 0px 28px 40px 28px; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.count_4 { width: 25%; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.count_3 { width: 33.33%; } .menu-row .mega-menu table td.wide_menu > .wrap > .dropdown-menu > li.count_2 { width: 50%; } .menu-row .mega-menu table td.wide_menu .dropdown-submenu .dropdown-menu { display: block; position: static; opacity: 1; box-shadow: none; margin-top: -3px; } .menu-row .mega-menu table td.wide_menu.hover .dropdown-submenu .dropdown-menu { display: block !important; opacity: 1 !important; } .mega-menu table td.wide_menu .dropdown-submenu .dropdown-menu > li.collapsed { display: none; } .menu-row .mega-menu table td.wide_menu .dropdown-submenu .dropdown-menu > li > a { font-size: 13px; padding: 2px 0px !important; } .menu-row .mega-menu table td.wide_menu .dropdown-submenu .dropdown-submenu .dropdown-menu { margin: 0px 0px 0px 20px; float: none; } .menu-row .mega-menu .catalog_icons_N table td.wide_menu .dropdown-submenu .dropdown-submenu .dropdown-menu { display: none; } .mega-menu table td .more_items { display: none; } .mega-menu table td.wide_menu .more_items { cursor: pointer; position: relative; display: inline-block; } .menu-row .mega-menu table td.wide_menu .more_items { padding: 0px 0px; font-size: 13px; } .menu-row .mega-menu table td.wide_menu .more_items:not(:hover) { color: #666; } .mega-menu table td.wide_menu .with_dropdown svg path { fill: #222 !important; } .mega-menu table td.dropdown .wrap > a i { position: relative; top: -1px; } .header-menu__item--wide .header-menu__wide-right-part .loading-state *{opacity:0;}