/* =============== MAIN MENU =============== */
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.topbar {display: none;}
}

	/* Верхнее меню */
	.topbar { -webkit-flex-grow: 2; flex-grow: 2; float:right;}
	#topmenu { float: left; position: relative; z-index: 2; }
		#topmenu ul { list-style: none; padding: 0; margin: 0; }
		#topmenu > ul > li { float: left; position: relative; }
		#topmenu > ul > li > a {
			display: block;
			float: right;			line-height: 22px; height: 22px;
			padding: 9px 17px 0;
			text-decoration: none !important;
			opacity: .8;
			-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 > .icons {
			fill: #444;
			opacity: .2;
			margin-left: 6px;
		}
		#topmenu a, #topmenu {}
		#topmenu > ul > li > ul, #topmenu > ul > li > div {
			position: absolute;
			left: 0; top: 0;
			padding: 30px 0;
			padding-top: 76px;
			margin-left: -13px;
			width: 250px;
			z-index: 20;
			opacity: 0; visibility: hidden;
			-webkit-transform: translate(0, -100%) scale(0.8);
			transform: translate(0, -100%) scale(0.8);
		}
		#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 2px 2px;
			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);
		}
		#topmenu > ul > li > ul > li, #topmenu > ul > li > div > div { position: relative; z-index: 1; }
		#topmenu > ul > li.parent:hover > a { color: #0089DA; opacity: 1; }
		#topmenu > ul > li.parent:hover > a > .icon { fill: #0089DA; opacity: 1; }
		#topmenu > ul > li > ul > li > a {
			display: block;
			padding: .5em 30px;
			height: 1%;
			text-decoration: none !important;
			color:#fff;
		}
		#topmenu > ul > li > ul > li > a:hover { color: #0089DA; }