#navigation{ display:none;}
#navigation a#pull { display: none; }
#navigation_catalog .menu_sub01, #navigation_catalog .menu_sub02, #navigation_catalog .menu_sub03, #navigation_catalog .menu_sub04 { display:none; }

#navigation_web {display: -webkit-inline-box;font-size:24px;text-transform:uppercase; width: 100%; margin-top: 20px;    margin-bottom: 10px; font-weight: bold; }
#navigation_web ul{ margin:0; padding:0;text-align: -webkit-center; text-align: center\9;text-align: center\0;    width: 100%;}
#navigation_web li { position: relative; display: table-cell; display: inline-block\9;display: inline-block\0; line-height:26px;list-style: none; margin:0; padding:0;}

#navigation_web li a:link, #navigation_web li a:visited {position: relative;color:#c65255; padding: 15px 10px;  margin: 0 25px;}
#navigation_web li a:active, #navigation_web li a:hover { color:#fff;}
#navigation_web li a:hover::after{content: ""; position: absolute;z-index: -1;left: 0; top: 0; width: 100%; height: 50px; background-color: #e14344; transform:skewX(-20deg);}

#navigation_web li li{ display:block;  line-height: 1.5em; background-color:#fff; text-align:center;}

#navigation_web .menu_sub01 { padding-top:5px;}
#navigation_web .menu_sub01 A:link, #navigation_web .menu_sub01 A:visited {padding:10px; background:transparent; width:100%; border-bottom:1px solid #ccc; border-top:0;}
#navigation_web .menu_sub01 A:active, #navigation_web .menu_sub01 A:hover {	padding:10px; color:#fff; background-color:#0099ff;width:100%; border-bottom:1px solid #ccc; border-top:0;}
@media screen and (min-width: 1600px) {
}
@media screen and (max-width: 1600px) {
#navigation_web li a:link, #navigation_web li a:visited { }
}
@media screen and (max-width: 1036px) {
#navigation_web li a:link, #navigation_web li a:visited { padding: 15px 16px;  margin: 0 15px;}
}
@media screen and (max-width: 970px) {
.vh100 {height:100vh;}
#navigation_web li a:link, #navigation_web li a:visited { padding:25px 30px;}
#navigation_web {display: none; }
#navigation { display: block;float: none;  width: 100%; margin: 0;  text-align: center; font-size:1.067em; background-color:#fff;}
#navigation ul{ display: none; width: 100%; margin:0px; padding:0;  overflow: auto;}
#navigation li {float: none;}
#navigation li a { color:#333;display: block;padding:5px;}
#navigation a:hover{ color:#666; border-bottom:0;padding:5px;}
#navigation ul #nav_01 a { background-color:#eee;}
#navigation ul #nav_01 a:hover{ background-color:#555; color:#fff;}

#navigation a#pull {position: absolute; display: inline-block; z-index: 6;  color: #666; font-size: 13px; padding: 5px 3%; text-align: left; width: 30%; top: 15px; right: 0;}
#navigation a#pull:after { content:""; position: absolute; display: inline-block; right: 10px; top: 6px; background: url('../images/nav-icon.png') no-repeat; width: 30px; height: 30px; }

#nav_01 a { float: none; width:100%; height:inherit; text-indent:0; background:transparent; margin:0;}
#nav_01 a:hover {background:transparent; background-color:#D8D8D8; }

#navigation #navigation_catalog{ float:none;}

#nav_m01{ display: block; width: 100%;background: #eee;}
#nav_m a {display: block; width: 100%; height:auto; padding:5px; background: #fff;
-webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border-top: 1px solid #ddd;}
#nav_m a:hover {display: block; width: 100%; height:auto; padding:5px; background: #fff; border-top: 2px solid #e70112; }


/*   menu   */
#navigation .menu_sub01 { color: #999; }
#navigation .menu_sub01 A { WIDTH:100%; padding:10px 0; display:inline-block; min-height:26px;line-height:16px;margin: 0;}
#navigation .menu_sub01 A:link, #navigation .menu_sub01 A:visited {padding-left:0;color: #000; text-decoration: none; background: transparent; border-bottom:0; border-top:1px solid #ddd;background-color:#f2f2f2; }
#navigation .menu_sub01 A:active, #navigation .menu_sub01 A:hover {	padding-left:0;color: #fff; text-decoration: none;background-color:#e70112;border-top:1px solid #e70112;}

#navigation .menu_sub02 { line-height:18px;}
#navigation .menu_sub02 A { width:100%; padding:10px 0; BACKGROUND: transparent; display:inline-block; }
#navigation .menu_sub02 A:link, #navigation .menu_sub02 A:visited  {padding-left:0;color: #666;background:transparent;background-color:#fafafa;}
#navigation .menu_sub02 A:active, #navigation .menu_sub02 A:hover {	padding-left:0; }

#navigation .menu_sub03 {line-height:18px;}
#navigation .menu_sub03 A { width:100%; padding:10px 0; color:#595959; display:inline-block; }
#navigation .menu_sub03 A:link, #navigation .menu_sub03 A:visited { padding-left:0;color: #fff;	text-decoration: none; background:transparent;border-bottom:1px solid #bbb;background-color:#aaa;}
#navigation .menu_sub03 A:active, #navigation .menu_sub03 A:hover {	padding-left:0;color: #d8a800; text-decoration: none; border-bottom:1px solid #bbb;}
}
@media screen and (max-width: 910px) {
#navigation_web li a:link, #navigation_web li a:visited { padding:25px 20px;}
}