#topmenu .Icon::before {font-size:1.3em;}

#topmenu>.container {
	position:relative; /*для позиционирования catalog*/
}
#topmenu {
	z-index:3;
	position:fixed;
	top:0;left:0;
	width:inherit;/*наследуем ширину от родителя container, что бы меню было равно ширине блока родителя ?????*/
}
#topmenu>.container>ul {
	display:table;border-collapse:collapse;
	background-color:#507299;
}
#topmenu>.container>ul>li {
	display:table-cell;
	white-space:nowrap; /*если текст будет более чем одно слово, то оно будет переноситься на новую строчку, что бы избежать этого задаем white-space:nowrap запрещающий перенос слов на новую строку*/
	min-width:42px; /*если в ссылке остаеться иконка без текста, то ссылка-кнопка имеет размер 36*42, придадим ссылке-кнопке квадратный вид увеличивая ширину до высоты*/
	vertical-align: top; /*прижимаем дочерний элемент A к верху что бы не оставалось никаких зазоров между A и верхней границей родителькой ячейки */
}
#topmenu>.container>ul>li>a { /*блок a расстягивает все внешнии блоки, сначало li, а li в свою очередь, расстягивает ul*/
	display:block; /*Данное свойство делает из ссылки блочный элемент, тем самым растягивая ее на всю ширину родительского блока*/
	color:#fff;
	height:42px;line-height:42px; /*здесь a.height определяет высоту ВСЕГО меню, расстягивая родительские элементы*/
	padding:0 10px;
	text-align:center; /*выравниваем весь текст внутри сылки по горизонтальному центру, иначе иконка не будет расположена по центу, а будет прижата к левому краю*/
	position:relative;
}
#topmenu>.container>ul>li.TopMenulLogo {
	width:100%; /*растягиваем ячейку с логотипом, таким образом растягиваем меню на всю ширину блока родителя nav#topmenu*/
}
#topmenu>.container>ul>li.TopMenulLogo>a>img{
	vertical-align:middle; /*выравниваем рисунок логотипа по вертикальному центру относительно родительского элемента*/
	width:auto;
	max-height:70%;
}
.TopMenulLogo>a>span>span{
	display: block;
	height: 14px;
	line-height:14px;
    font: 14px Arial, sans-serif;			
}
.TopMenulLogo>a>span {display:inline-block; vertical-align: middle;}
.TopMenulLogo>a>span>span:first-of-type 
{
    display:block;
	height: 10px;
	line-height:10px;
    font: 10px Arial, sans-serif;		
}
#topmenu>.container>ul>li>a[data-incart]::after,#topmenu>.container>ul>li>a[data-infav]::after {
	color:#2a5885;
	background-color:#fff;
	position:absolute;
	top:2px;
	right:4px;
	box-sizing: content-box;
	margin:0;
	padding:0;
	vertical-align:middle;
	font-size:12px;
	height:14px;line-height:14px;
	min-width:16px;max-width:21px;
	overflow:hidden;
	text-overflow:ellipsis;
 	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	opacity:0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	/* IE 8 */
	filter: alpha(opacity=90);/* IE 5-7 */
	-moz-opacity: 0.9;/* Netscape */
	-khtml-opacity: 0.9;/* Safari 1.x */
}
/*media--------------------------------------*/
@media (min-width:1200px){
	#topmenu>.container>ul {
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
		-khtml-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
	}
}

@media (min-width:992px) and (max-width:1199px){
	#topmenu>.container>ul {
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
		-khtml-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
	}	
}

@media (min-width:768px) and (max-width:991px){
}

@media (max-width:767px) {
}
/*--------------------------------------media*/