#topmenu ul { list-style: none; padding: 0; }
#topmenu > ul > li { float: left; position: relative; }

#topmenu > ul > li > a {
display: block;
line-height: 22px; height: 22px;
padding: 27px 17px;
text-decoration: none !important;

-webkit-transition: opacity .2s ease; transition: opacity .2s ease;
position: relative;
z-index: 21;
}
	
#topmenu > ul > li > a:hover { opacity: 1; }
#topmenu > ul > li > a > .icon {
fill: #fff;
opacity: .2;

}
	
	
#topmenu > ul > li > ul {
position: absolute;
top: 0;
padding: 30px 0;
padding-top: 76px;

width: 380px;
z-index: 20;
opacity: 0; visibility: hidden;
-webkit-transform: translate(0, -100%) scale(0.8);
transform: translate(0, -100%) scale(0.8);
}
		
.zornet_ru li {display:block;width:49%;float:left;}



#topmenu > ul > li > div { padding-left: 30px; padding-right: 30px; }
#topmenu > ul > li:hover > ul, #topmenu > ul > li:hover > div {
opacity: 1; visibility: visible;
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
-webkit-transition: all .4s ease; transition: all 0.4s ease;
}

#topmenu > ul > li > ul:after, #topmenu > ul > li > div:after {
content: "";
background-color: #2a3843;
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
border-radius: 0 0 20px 20px;
opacity: .85;
box-shadow: 0 0 9px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.4);
}

.parentgif {margin-left:-10px;}
.parent.cel {margin-left:79px;}
.parent.photo {margin-left:60px;}
#topmenu > ul > li > ul > li, #topmenu > ul > li > div > div { position: relative; z-index: 1; }
#topmenu > ul > li.parent:hover > a { color: #ff485b; opacity: 1;}
#topmenu > ul > li.parent:hover > a > .icon { fill: #ff485b; opacity: 1; }
#topmenu > ul > li > ul > li > a {
display: block;
padding: .3em 30px;
height: 1%;
text-decoration: none !important;
}



#topmenu > ul > li > ul > li > a:hover { color: #ffa500; }
}

#closemenu { display: none; }