/*---------------------------------------------------------------------------------------------------------------------------------------------------*/
	* {padding: 0; margin: 0; box-sizing: border-box;}
		
	/*		не менять прописанный шрифт		*/
	body { -webkit-text-size-adjust: none; text-size-adjust: none; font-family: Verdana, Arial, Helvetica, sans-serif;}
	
	main {font-size: 16px;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------*/

	a {text-decoration: none; font-weight: bold; color: #722B91;}
	a:link {color: #722B91;}
	a:visited {color: #722B91;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

	#header {border-bottom: 2px solid #ccc; height: 50px; background: #fefefe;}
		
	#logotype {float: left; margin: 7px 0 auto 10px; height: 35px;}
	#logotype img {height: 100%;}
	
	.menu {margin: 0 10px 30px auto; padding: 5px; width: 140px; font-size: 20px; background: #E8C4EA; border-radius: 10px; text-align: center;}
	
	#menu-mobile {position: absolute; top: 50px; display: none; background: #f5f5f5;}
	#menu-mobile .menu {margin: 20px 0 10px 0; padding: 5px 20px 5px 20px; width: inherit; font-size: 18px; border-radius: 0; text-align: left; background: #f5f5f5;}
	
	#button-menu-mobile {display: none; float: left; height: 24px; margin: 13px 0 auto 20px;}
	#button-menu-mobile img {height: 100%;}
	
	#language {float: right; margin: 8px 10px auto 0; padding: 5px 10px 5px 10px; border: 1px solid gray; border-radius: 17px; background: #f5f5f5;}
	
	.en {display: none;}
	
	#filter {display: none;}
	
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width : 1499.9px) {
	main {font-size: 18px;}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width : 320px) and (max-width : 599.9px) {
	main {font-size: 16px;}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width : 1099.9px) {
	
	#button-menu-mobile {display: block;}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

@media (any-hover: hover) {
	a:hover {text-decoration: none;}
	
	#menu-mobile .menu:hover {cursor: pointer; background: #FDD3FE;}
	
	#language:hover {background: #eee; cursor: pointer;}
	
	#button-menu-mobile:hover {cursor: pointer;}
}

/*	дублируем hover-стили для lenovo	*/

a:hover {text-decoration: none;}
#menu-mobile .menu:hover {cursor: pointer; background: #FDD3FE;}
#language:hover {background: #eee; cursor: pointer;}
#button-menu-mobile:hover {cursor: pointer;}