ul *{-webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s;}

/**************** Основные меню ************************/

.leftmainmodule ul, .rightmainmodule ul{
    list-style: none;
    margin: 5vw 2.9vw;
    padding: 0;
    border-top: 2px solid #696666;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}
.leftmainmodule ul li, .rightmainmodule ul li{
    float: left;
    margin: 0 0.72vw;
    position: relative;
    top: -2px;
}
.leftmainmodule ul li:first-child, .rightmainmodule ul li:first-child{margin-left: 0;}
.leftmainmodule ul li:last-child, .rightmainmodule ul li:last-child{margin-right: 0;}
.leftmainmodule ul a, .rightmainmodule ul a{
    font-family: 'OpenSans';
    color: #9b9797;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin: 12px 0 0 0;
}

/**************** Подпункты основных меню ************************/
.leftmainmodule li:hover ul, .rightmainmodule li:hover ul{display: block;}

.leftmainmodule ul ul, .rightmainmodule ul ul{
    padding: 5px 0 0 0;
    margin: 0;
    position: absolute;
    border: none;
    display: none;
}
.leftmainmodule ul ul li, .rightmainmodule ul ul li{
    margin: 2px 0 0;
    box-shadow: inset 0 2px #696666;
}
.leftmainmodule ul ul a, .rightmainmodule ul ul a{ margin-top: 5px;}
/**************** Меню услуг ************************/

#menu2, #menu3{
    list-style: none;
    margin: 0 auto;
    padding: 0;
    clear: both;
    width: 78%
}
#menu2 li, #menu3 li{
    padding: 0 0 0 8%;
    margin: 1.5vw 0;
    line-height: 16px;
}
#menu2 a, #menu3 a{
    font-family: Arial;
    font-size: 0.85vw;
    color: #abaeae;
    text-decoration: none;
    text-transform: uppercase;
}
#menu2 ul, #menu3 ul{display: none;}


/**************** Hover ************************/

.leftmainmodule ul li:hover, .rightmainmodule ul li:hover,
.leftmainmodule ul li.selected, .rightmainmodule ul li.selected{box-shadow: inset 0 2px #f6d44c;}
.leftmainmodule ul li:hover a, .rightmainmodule ul li:hover a,
.leftmainmodule ul li.selected a, .rightmainmodule ul li.selected a{color: #fff;}
#menu li:hover, #menu li:hover,
#menu2 li:hover, #menu3 li:hover,
#menu2 li.selected, #menu3 li.selected{box-shadow: inset 7px 0 #fff;}
#menu2 li:hover a, #menu3 li:hover a,
#menu li:hover a,
#menu2 li.selected a, #menu3 li.selected a{color: #fff;}

/* and (orientation: landscape) and (orientation: portrait) */