.header { background: #34393c; color: white; font-size: 15px; position: relative; z-index: 888; }
@media screen and (min-width: 1289px) { .header { left: 0; position: fixed; right: 0; top: 0; } }

.header_logo { display: block; float: left; height: 74px; line-height: 74px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_logo { margin-right: 50px; } }
.header_logo img { max-height: 100%; }

.header_menu { float: left; margin-right: 95px; }
@media screen and (max-width: 1288px) { .header_menu { float: right; margin: 0; } }
.header_menu .toggle { display: block; height: 74px; position: relative; width: 28px; }
@media screen and (min-width: 1289px) { .header_menu .toggle { display: none; } }
.header_menu .toggle.is-active .t { margin: -2px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.header_menu .toggle.is-active .m { opacity: 0; }
.header_menu .toggle.is-active .b { margin: -2px 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.header_menu .toggle span { background: #b2b4b7; border-radius: 4px; display: block; height: 4px; left: 0; position: absolute; right: 0; top: 50%; -webkit-transition: margin 0.36s, opacity 0.36s, -webkit-transform 0.36s; transition: margin 0.36s, opacity 0.36s, -webkit-transform 0.36s; -o-transition: margin 0.36s, opacity 0.36s, transform 0.36s; transition: margin 0.36s, opacity 0.36s, transform 0.36s; transition: margin 0.36s, opacity 0.36s, transform 0.36s, -webkit-transform 0.36s; }
.header_menu .toggle .t { margin: -12px 0 0; }
.header_menu .toggle .m { margin: -2px 0 0; }
.header_menu .toggle .b { margin: 8px 0 0; }
@media screen and (min-width: 1289px) { .header_menu .list { display: block !important; } }
@media screen and (max-width: 1288px) { .header_menu .list { background: #34393c; display: none; left: 0; position: absolute; right: 0; top: 100%; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_menu .list { border-top: 1px solid #494d50; } }
.header_menu .list ul { list-style: none; margin: 0 auto; padding: 0; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_menu .list ul { width: 832px; } }
@media screen and (min-width: 865px) { .header_menu .list li { float: left; margin-right: 25px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_menu .list li { margin-right: 100px; } }
.header_menu .list li:last-child { margin: 0; }
.header_menu .list li:hover a { color: white; }
.header_menu .list li.is-active a { color: white; }
@media screen and (min-width: 865px) { .header_menu .list li.is-active a { border-color: #0cb28b; } }
@media screen and (max-width: 864px) { .header_menu .list li.is-active a { background: #222528; } }
.header_menu .list a { border-bottom: 2px solid #34393c; color: #b2b4b7; display: block; font-weight: normal; height: 74px; line-height: 76px; text-align: center; text-transform: uppercase; }
@media screen and (max-width: 1288px) { .header_menu .list a { height: 46px; line-height: 46px; } }
@media screen and (max-width: 864px) { .header_menu .list a { border-bottom: none; border-top: 1px solid #494d50; } }

.header_phones { float: right; height: 76px; line-height: 70px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_phones { float: left; } }
@media screen and (max-width: 864px) { .header_phones { float: none; overflow: hidden; text-align: center; } }
.header_phones a { color: white; display: block; font-size: 16px; font-weight: normal; margin: 0 0 3px; text-align: left; }
@media screen and (max-width: 440px) { .header_phones a { font-size: 14px; } }
.header_phones a:last-child { margin: 0; }

.header_actions { float: right; margin-right: 35px; padding: 21px 200px 21px 0; position: relative; width: 200px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_actions { margin-right: 50px; } }
@media screen and (max-width: 864px) { .header_actions { clear: both; float: none; margin: 0; padding: 0 165px 15px 0; width: auto; } }
.header_actions .search-bar { width: 100%; }
.header_actions .link { color: #b2b4b7; display: block; height: 34px; line-height: 34px; position: absolute; text-align: center; top: 21px; }
@media screen and (max-width: 864px) { .header_actions .link { top: 0; } }
.header_actions .link--profile { font-size: 16px; right: 68px; }
.header_actions .link--profile a{ color: #b2b4b7; }
.header_actions .link--profile a:hover{ border-bottom: 1px solid #b2b4b7; }

.header_actions .link--cart { font-size: 18px; right: 0; }
.header_actions .link--cart.is-active .count { background: #0cb28b; color: white;}
.header_actions .link--cart .count { margin-left: 5px; background: #494d50; border-radius: 100%; display: inline-block; font-size: 12px; height: 20px; line-height: 20px; position: relative; text-align: center; top: -3px; width: 20px; }

.text_entrance-register {text-align: left; float: right;line-height: normal;margin-left: 5px;font-size: 14px;}
@media screen and (max-width: 864px) { .text_entrance-register { font-size: 11px; } }

.text_login { float: none; }

.header_sub-menu { background: rgba(33, 36, 39, 0.95); display: none; left: 0; padding: 24px 0 15px; position: absolute; right: 0; text-align: center; top: 100%; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_sub-menu { top: 125px; padding: 24px 0; } }
@media screen and (max-width: 864px) { .header_sub-menu { bottom: 0; padding: 24px 0 0; position: fixed; top: 0; z-index: 999; } }
.header_sub-menu .title { color: #0cb28b; float: left; font-size: 18px; height: 24px; line-height: 22px; margin: 0 0 32px; text-align: left; text-transform: uppercase; }
@media screen and (min-width: 865px) { .header_sub-menu .title { display: none; } }
.header_sub-menu .close { color: white; display: block; float: right; font-size: 20px; line-height: 24px; }
@media screen and (min-width: 865px) { .header_sub-menu .close { display: none; } }
.header_sub-menu .list { float: left; list-style: none; margin: 0 50px 0 0; padding: 0; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_sub-menu .list { float: none; margin: 0 2px; } }
@media screen and (max-width: 864px) { .header_sub-menu .list { float: none; margin: 0; } }
.header_sub-menu .list li { float: left; width: 160px; }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_sub-menu .list li { width: 138px; } }
@media screen and (min-width: 441px) and (max-width: 864px) { .header_sub-menu .list li { margin: 0 0 32px; width: 136px; } }
@media screen and (max-width: 440px) { .header_sub-menu .list li { margin: 0 0 32px; width: 50%; } }
.header_sub-menu .list a { color: #b2b4b7; display: block; }
.header_sub-menu .list a:hover { color: white; }
.header_sub-menu .list a:hover .icon, .header_sub-menu .list .is-active .icon  { opacity: 1; }
.header_sub-menu .list a:hover .icon--1, .header_sub-menu .list .is-active .icon--1 { background-position: 100% 0px; }
.header_sub-menu .list a:hover .icon--2, .header_sub-menu .list .is-active .icon--2 { background-position: 100% -44px; }
.header_sub-menu .list a:hover .icon--3, .header_sub-menu .list .is-active .icon--3 { background-position: 100% -88px; }
.header_sub-menu .list a:hover .icon--4, .header_sub-menu .list .is-active .icon--4 { background-position: 100% -132px; }
.header_sub-menu .list a:hover .icon--5, .header_sub-menu .list .is-active .icon--5 { background-position: 100% -176px; }
.header_sub-menu .list a:hover .icon--6, .header_sub-menu .list .is-active .icon--6 { background-position: 100% -220px; }
.header_sub-menu .list a:hover .icon--7, .header_sub-menu .list .is-active .icon--7 { background-position: 100% -264px; }
.header_sub-menu .list a:hover .icon--8, .header_sub-menu .list .is-active .icon--8 { background-position: 100% -308px; }
.header_sub-menu .list a:hover .icon--9, .header_sub-menu .list .is-active .icon--9 { background-position: 100% -352px; }
.header_sub-menu .list a:hover .icon--10, .header_sub-menu .list .is-active .icon--10 { background-position: 100% -396px; }
.header_sub-menu .list a:hover .icon--11, .header_sub-menu .list .is-active .icon--11 { background-position: 100% -440px; }
.header_sub-menu .list a:hover .icon--12, .header_sub-menu .list .is-active .icon--12 { background-position: 100% -484px; }
.header_sub-menu .list a:hover .icon--13, .header_sub-menu .list .is-active .icon--13 { background-position: 100% -528px; }
.header_sub-menu .list a:hover .icon--14, .header_sub-menu .list .is-active .icon--14 { background-position: 100% -572px; }
.header_sub-menu .list a:hover .icon--15, .header_sub-menu .list .is-active .icon--15 { background-position: 100% -616px; }
.header_sub-menu .list a:hover .icon--16, .header_sub-menu .list .is-active .icon--16 { background-position: 100% -660px; }
.header_sub-menu .list a:hover .icon--17, .header_sub-menu .list .is-active .icon--17 { background-position: 100% -704px; }
.header_sub-menu .list a:hover .icon--18, .header_sub-menu .list .is-active .icon--18 { background-position: 100% -748px; }
.header_sub-menu .list a:hover .icon--19, .header_sub-menu .list .is-active .icon--19 { background-position: 100% -792px; }
.header_sub-menu .list a:hover .icon--20, .header_sub-menu .list .is-active .icon--20 { background-position: 100% -836px; }
.header_sub-menu .list a:hover .icon--21, .header_sub-menu .list .is-active .icon--21{ background-position: 100% -880px; }
.header_sub-menu .list a:hover .icon--22, .header_sub-menu .list .is-active .icon--22 { background-position: 100% -924px; }
.header_sub-menu .list a:hover .icon--23, .header_sub-menu .list .is-active .icon--23 { background-position: 100% -968px; }
.header_sub-menu .list a:hover .icon--24, .header_sub-menu .list .is-active .icon--24 { background-position: 100% -1012px; }
.header_sub-menu .list a:hover .icon--25, .header_sub-menu .list .is-active .icon--25 { background-position: 100% -1056px; }
.header_sub-menu .list a:hover .icon--26, .header_sub-menu .list .is-active .icon--26 { background-position: 100% -1100px; }
.header_sub-menu .list .icon { background-image: url(../../img/menu-icons.svg); display: block; height: 44px; opacity: 0.25; margin: 0 auto 6px; width: 44px; }
.header_sub-menu .list .icon--1 { background-position: 0 0px; }
.header_sub-menu .list .icon--2 { background-position: 0 -44px; }
.header_sub-menu .list .icon--3 { background-position: 0 -88px; }
.header_sub-menu .list .icon--4 { background-position: 0 -132px; }
.header_sub-menu .list .icon--5 { background-position: 0 -176px; }
.header_sub-menu .list .icon--6 { background-position: 0 -220px; }
.header_sub-menu .list .icon--7 { background-position: 0 -264px; }
.header_sub-menu .list .icon--8 { background-position: 0 -308px; }
.header_sub-menu .list .icon--9 { background-position: 0 -352px; }
.header_sub-menu .list .icon--10 { background-position: 0 -396px; }
.header_sub-menu .list .icon--11 { background-position: 0 -440px; }
.header_sub-menu .list .icon--12 { background-position: 0 -484px; }
.header_sub-menu .list .icon--13 { background-position: 0 -528px; }
.header_sub-menu .list .icon--14 { background-position: 0 -572px; }
.header_sub-menu .list .icon--15 { background-position: 0 -616px; }
.header_sub-menu .list .icon--16 { background-position: 0 -660px; }
.header_sub-menu .list .icon--17 { background-position: 0 -704px; }
.header_sub-menu .list .icon--18 { background-position: 0 -748px; }
.header_sub-menu .list .icon--19 { background-position: 0 -792px; }
.header_sub-menu .list .icon--20 { background-position: 0 -836px; }
.header_sub-menu .list .icon--21 { background-position: 0 -880px; }
.header_sub-menu .list .icon--22 { background-position: 0 -924px; }
.header_sub-menu .list .icon--23 { background-position: 0 -968px; }
.header_sub-menu .list .icon--24 { background-position: 0 -1012px; }
.header_sub-menu .list .icon--25 { background-position: 0 -1056px; }
.header_sub-menu .list .icon--26 { background-position: 0 -1100px; }
.header_sub-menu .list .caption { display: block; height: 32px; line-height: 16px; overflow: hidden; }
.header_sub-menu .button { border-radius: 40px; font-size: 12px; height: 40px; line-height: 37px; }
@media screen and (min-width: 1289px) { .header_sub-menu .button { float: left; margin: 17px 0 32px; } }
@media screen and (min-width: 865px) and (max-width: 1288px) { .header_sub-menu .button { margin: 24px 0 0; } }