Home>

Immediately I want to thank this wonderful portal and the most famous people who get out of me while I'm developing!

closer to business: what is the way to fix (save) selection when you hover over the menu item, provided -when the cursor enters the outstanding list? Once again -when a person brings to links in the drop-down menu, the active (basic) menu tab is highlighted.

I applied code)

.Header-Main {
    Background-Color: White;
}
.Menu {
    List-Style: None;
    Padding-left: 0;
    Font-Family: Ubuntu, Sans-Serif;
    Font-Size: 14px;
    font-weight: 400;
    Font-Style: Normal;
    Line-Height: 16px;
}
.main-menu {
    DISPLAY: Flex;
    Justify-Content: Space-Between;
    Align-Items: Center;
    List-Style-Type: None;
    Font-Family: 'Ubuntu', Sans-Serif;
    Font-Size: 14px;
    font-weight: 400;
    Font-Style: Normal;
    Line-Height: 16px;
    Letter-Spacing: 0.05EM;
    Padding: 0;
    margin: 0;
    Flex-Wrap: Wrap;
}
.main-menu-item {
    Position: relative;
    Margin: 0 6px;
}
.Dropdown-Main-Menu-Item {
    Position: relative;
    Margin: 0 6px;
}
.Dropdown-Main-Menu-Item :: Afterter {
    Content: '';
    Display: Block;
    Position: Absolute;
    left: 0;
    Bottom: 0;
    Height: 4px;
    width: 0;
    Background: # E30613;
    -WebKit-Transition: width 175ms;
    -MOZ-transition: width 175ms;
    -O-transition: width 175ms;
    -MS-transition: width 175ms;
    Transition: width 175ms;
}
.main-menu_link {
    Color: # 1A2B48;
    Text-Decoration: None;
    Padding: 27px 6px;
    CURSOR: POINTER;
}
.dropdown_item {
    Text-Decoration: None;
    Color: # 1A2B48;
}
.dropdown_link {
    Text-Decoration: None;
    Color: # 1A2B48;
    Padding: 8px 0;
    Display: Block;
    White-Space: Nowrap;
}
.dropdown_menu {
    Position: Absolute;
    Justify-Content: Space-Between;
    Align-Items: Center;
    List-Style-Type: None;
    Font-Family: 'Ubuntu', Sans-Serif;
    Font-Size: 14px;
    font-weight: 400;
    Font-Style: Normal;
    Line-Height: 16px;
    Letter-Spacing: 0.05EM;
    Padding: 0;
    Flex-Wrap: Wrap;
    z-index: 200;
    margin-top: 10px;
    MIN-WIDTH: 185px;
    Background: White;
    Margin-Top: 7px;
    Text-Align: Left;
    MIN-WIDTH: 100px;
    Border-Radius: 8px;
    Padding: 22px 15px;
    Right: -70%;
    Top: 60px;
    Padding: 22px 30px;
    Box-Shadow: 0px 10px 34px
RGBA (175, 196, 208, 0.47);
    Display: None;
}
.main-menu_link: hover {
    Color: # 5091FA;
}
.children {
    Right: -10%;
}
.drive {
    Right: -95%;
}
.dropdown_link: Hover {
    Color: # 5091FA;
}
.Dropdown-Main-Menu-Item: Hover .Dropdown_Menu {
    Display: Block;
}
.main-menu__arrow {
    Display: inline-block;
    Vertical-Align: Middle;
    width: 8px;
    HEIGHT: 6PX;
    Background: URL ('../img /arrow_gray.svg')
Center Center NO-REPEAT;
    -WebKit-Background-Size: 8px 6px;
    -MOZ-Background-Size: 8px 6px;
    Background-Size: 8px 6px;
    margin-top: 0;
    margin-left: 5px;
} 
<
DIV Class= "Header-Main" >
            ≪
DIV Class= "Menu" >
                ≪
NAV >
                ≪
UL Class= "Main-Menu" >
                    ≪
DIV Class= "Header_logo" >
                ≪
a href= "/" >
                    ≪
img src= "img /logo2.png" alt= "logo" class= "logo" >
                ≪
/a >
                ≪
/div >
                    ≪
Li class= "Main-Menu-Item" >
                        ≪
a href= "#" Class= "Main-Menu_Link" >
Villas <
/a >
                    ≪
/Li >
                    ≪
Li class= "Main-Menu-Item" >
≪
a href= "#" Class= "Main-Menu_Link" >
Villas 2 <
/a >
                    ≪
/Li >
                    ≪
Li class= "Main-Menu-Item" >
≪
a href= "#" Class= "Main-Menu_Link" >At home < /a >
                    ≪
/Li >
                    ≪
Li class= "Main-Menu-Item" >
≪
a href= "#" Class= "Main-Menu_Link" >
Apartments <
/a >
                    ≪
/Li >
≪
Li class= "Dropdown-Main-Menu-Item" >
                        ≪
DIV Class= "Main-menu_link" >
Areas
                            ≪
DIV Class= "Main-Menu__arrow" >
≪
/div >
                        ≪
/div >
                        ≪
UL Class= "DropDown_Menu" >
                            ≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
good <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
Tver <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
Otradnaya <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
Lvki <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
Tsaritsino <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
Dynamo <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
Mayakovskaya <
/a >
                            ≪
/Li >
                        ≪
/ul >
                    ≪
/Li >
                    ≪
Li class= "Dropdown-Main-Menu-Item" >
                        ≪
DIV Class= "Main-menu_link" >
children
                            ≪
DIV Class= "Main-Menu__arrow" >
≪
/div >
                        ≪
/div >
                        ≪
UL Class= "Dropdown_Menu Children" >
                            ≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
 Driver <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
 Chef <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
Care <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
 walks <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
 Excursion <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
Water Park &​​LT;
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
Organization <
/a >
                        ≪
/Li >
≪
/ul >
                    ≪
/Li >
                    ≪
Li class= "Dropdown-Main-Menu-Item" >
                        ≪
DIV Class= "Main-menu_link" >
diving!
                            ≪
DIV Class= "Main-Menu__arrow" >
≪
/div >
                        ≪
/div >
                        ≪
UL Class= "DropDown_Menu Drive" >
                            ≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
aircraft <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
yachts <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
Machines <
/a >≪ /li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
 walks <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
surfing <
/a >
                            ≪
/Li >
≪
Li class= "dropdown_item" >
≪
a href= "#" class= "dropdown_link" >
Water Park &​​LT;
/a >
                        ≪
/Li >
≪
/ul >
                    ≪
/Li >
                    ≪
Li class= "Main-Menu-Item" >
≪
a href= "#" Class= "Main-Menu_Link" >
Blog <
/a >
                    ≪
/Li >
                    ≪
Li class= "Main-Menu-Item" >
≪
a href= "#" Class= "Main-Menu_Link" >
About company <
/a >
                    ≪
/Li >
                    ≪
Li class= "Main-Menu-Item" >
≪
a href= "#" Class= "Main-Menu_Link" >
Contacts <
/a >
                    ≪
/Li >
                ≪
/ul >
                ≪
/NAV >
            ≪
/div >
        ≪
/div >