Why CSS рover is not working? : My site test06.menchasha.ru. I am trying to apply hover effect: when hover the link Promotional Activities, div in the right should appear. 
[Example][1]


  [1]: https://i.stack.imgur.com/48DZG.png

I use the following code:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    .child1 {
    display: none;
    }


    a .title1:hover + .child1 {
    display: inline-block;
    }



<!-- end snippet -->

But this hover effect is not working. What should I correct? 
Thank you in advance!