header{padding:14px 0 15px;box-shadow:0 0 0 0 rgba(233,233,233,.5),0 5px 15px 0 rgba(235,235,235,.5);font-size:14px;line-height:18px}
header.header-abs{position:absolute;top:0;left:0;width:100%;z-index:3;box-shadow:none}
header.header-abs #EXPERT,header.header-abs #PEDIA1,header.header-abs #Oval{fill:#ffffff}
header.header-abs #Path1{fill:#83A950}
header a{color:#222222}
header .left{float:left;margin:1px 0 0}
header .logo svg{display:block;width:227px;height:31px}
header .right{float:right}
header .cat-wrap{float:left;margin:8px 40px 0 0;position:relative}
header #cat-toggle{font-weight:500}
header #cat-toggle svg{display:none}
header #cat-toggle rect{transform:rotate(0);transform-origin:center;transition:.3s transform ease}
header .active #cat-toggle rect:nth-child(2){transform:rotate(45deg) translate(0,6px)}
header .active #cat-toggle rect:nth-child(3){transform:rotate(-45deg)}
header .active #cat-toggle rect:nth-child(4){display:none}
header .cat-wrap ul{padding:11px 16px;border:1px solid #a6d5b4;background-color:#ffffff;width:207px;position:absolute;top:calc(100% + 7px);right:0;transform:scale(0);transform-origin:top right;z-index:5;box-shadow:0 0 15px 0 rgba(235,235,235,.5);border-radius:9px;transition:.3s transform ease}
header .cat-wrap.active ul{transform:scale(1)}
header .cat-wrap ul a{display:block;padding:11px 0;transition:.3s color ease}
header .cat-wrap ul a:hover{color:#3ca55c;background-image:url('../imgs/header-hover.svg');background-repeat:no-repeat;background-position:right 1px center}
header .search-wrap{float:left;position:relative}
header .search-wrap form{position:absolute;top:0;right:0;transform:scaleX(0);transform-origin:center right;transition:.3s transform ease}
header .search-wrap.active form{transform:scaleX(1)}
header .search-wrap input[type="text"]{display:block;width:237px;max-width:calc(95vw - 160px);height:33px;border:1px solid #dddddd;border-radius:3px;padding:7px 43px 7px 10px;font-size:13px;line-height:17px;color:#c7c7c7}
header .search-wrap input[type="text"]::-webkit-input-placeholder{color:#c7c7c7}
header .search-wrap input[type="text"]::-moz-placeholder{color:#c7c7c7}
header .search-wrap input[type="text"]:-ms-input-placeholder{color:#c7c7c7}
header .search-wrap input[type="text"]:-moz-placeholder{color:#c7c7c7}
header .search-wrap input[type="submit"]{display:none}
header #search-toggle svg{display:block;width:33px;height:33px;position:relative;z-index:2}

@media all and (max-width: 767px) {
	header{padding:11px 0 10px}
	header .left{margin:5px 0 0}
	header .logo svg{width:146px;height:20px}
	header .cat-wrap{margin:0 8px 0 0}
	header #cat-toggle span{display:none}
	header #cat-toggle svg{display:block}
	header .search-wrap input[type="text"]{height:30px;padding:6px 40px 5px 10px}
	header #search-toggle svg{width:30px;height:30px}
}
