/*header*/
	#nav_head {background-color: #F6F6F6; padding: 10px 0; margin-bottom: 20px;}
	#nav_head ul {display: grid; grid-template-columns: 1fr 1fr 1fr 1.6fr; grid-column-gap: 280px; align-items: center;}
	#nav_head ul li a {color: #373636; font-weight: 400; font-size: 16px; line-height: 20px;}
	#nav_head ul li a:hover, header .container ul li a:hover {color: #1554B9; border-bottom: 1px solid #1554B9; padding-bottom: 5px;}

	header .container {display: grid; grid-template-columns: 5fr 2fr 5fr; grid-column-gap: 20px;}
	header .container ul:first-child {display: grid; grid-template-columns: 1.3fr 1fr 1.7fr 1fr; grid-column-gap: 40px; align-items: center;}
	header .container ul.last_ul {display: grid; grid-template-columns: 1fr 2.3fr 1.9fr; grid-column-gap: 30px; align-items: center;}
	header .container ul li a {color: #373636; font-weight: 400; font-size: 18px; line-height: 22px;}

	.logo a img {width: 100%;}
	
	header .container ul li.catalog {position: relative;}
	header .container ul li.catalog a img {vertical-align: middle;}
	header .container ul li.catalog ul.cat_ul {display: none; position: absolute; padding: 10px; background-color: #F6F6F6; z-index: 2; width: 300px;}
	header .container ul li.catalog ul li {padding: 10px;}
	header .container ul li.catalog ul li:nth-child(odd) {background-color: #fff;}
	header .container ul li.catalog:hover ul.cat_ul {display: block;}
	header .container ul li.pod_cat:hover ul.pod_cat_ul {display: block;}
	ul.pod_cat_ul {display: none; position: absolute; left: 300px; top: 0; padding: 10px; background-color: #F6F6F6; z-index: 2; width: 250px;}

	li.basket {position: relative;}
	li.basket span {position: absolute; top: -10px; border-radius: 100%; background-color: #1554B9; color: #fff; padding: 5px; font-size: 10px;}

	#search {margin-top: 20px;}
	#search form {display: grid; grid-template-columns: 10fr 2fr; grid-column-gap: 20px; grid-row-gap: 20px; align-items: center;}
	#search form input {background-color: #F7F7F7; padding: 10px; font-weight: 400; font-size: 16px; line-height: 19px; color: #CACACA;}
	#search form button {background-color: #1554B9; color: #fff; font-weight: 400; font-size: 16px; line-height: 19px; padding: 10px;}

	.burger {position: absolute; right: 10px; top: 10px; z-index: 999; padding: 10px; display: none;}
	.burger .line {width: 30px; height: 3px; background-color: #000; margin-bottom: 5px;}
	.burger.active .line {background-color: #E11; margin-top: 10px;}
	.burger.active .line:nth-child(3) {display: none;}
	.burger.active .line:nth-child(2) {transform: rotateZ(45deg); margin-top: -8px;}
	.burger.active .line:nth-child(1) {transform: rotateZ(-45deg);}

	#menu {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #373636; padding: 20px; z-index: 998; display: none;}
	#menu ul li {margin-bottom: 15px;}
	#menu ul li a {color: #fff; font-size: 18px;}
	#menu a:nth-child(1) img {width: 100px;}
/*header*/
/*adaptiv*/
	@media(min-width: 320px) and (max-width: 1023px){
		#nav_head, header .container ul:first-child, header .container ul:last-child {display: none;}

		.burger {display: block;}
		header {margin-top: 20px;}
		header .logo a img {width: 150px;}

		#search form {grid-template-columns: 1fr;}
	}
	@media(min-width: 1024px) and (max-width: 1179px){
		#nav_head ul {grid-gap: 150px;}
		header .container ul li a {font-size: 14px;}
		header .container ul:first-child {grid-column-gap: 10px;}
		header .container ul:last-child {grid-column-gap: 10px; grid-template-columns: 1fr 1.6fr 1.7fr;}
	}
/*adaptiv*/