/*nav*/
.nav_wrapper span.allmu{position:absolute; right:0; top:0; z-index:99999999;}
.nav_wrapper {position:relative; left: 0; top: 0; margin:0 auto;}

.menu { width: 100%; height: auto; transition: all 0.3s ease;}
.menu ul {display: inline-block;}
.menu > ul > li {float:left; position:relative;}
.menu ul li a {display: block; color:#3b3c3f; font-size:18px;}
.menu ul li a:hover,
.menu ul li.hover > a {font-weight:600;}
.menu ul li > a {padding:35px 30px; text-align:center}
.menu ul li.last a{padding-right:0;}
.menu ul ul {display: none; position: absolute; top:88px; left:0;}
.menu ul ul > li > a {padding:16px 46px; height:auto; font-size:15px; text-align:left; color:#3b3c3f; background:#fff; border-top:1px solid #ededed;  border-left:1px solid #ededed; border-right:1px solid #ededed;}
.menu ul ul > li:first-child > a{border-top:0;}
.menu ul ul > li:last-child > a{border-bottom:1px solid #ededed;}
.menu ul li:hover > ul {display: block; }

.menu-link {display: none; }
.spinner-master input[type=checkbox] { display: none; }

/******************************************reponsive*******************************************/
@media all and (max-width:1200px) {
	.nav_wrapper {width:100%; background: #2f3b3f;}
	.nav_wrapper span.allmu{display:none;}
	.spinner-master * {transition: all 0.3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
	.spinner-master {position: relative; float: left; width: 30px; height:20px; margin:12px;}
	.spinner-master label {position: absolute; top: 2px; left: 0; z-index: 99; width: 100%; height: 100%; cursor: pointer;}
	.spinner-master .spinner {position: absolute; width: 100%; height: 3px; padding: 0; background-color: #fff;}
	.spinner-master .diagonal.part-1 {position: relative; float: left;}
	.spinner-master .horizontal {position: relative; float: left; margin-top: 4px;}
	.spinner-master .diagonal.part-2 {position: relative; float: left; margin-top: 4px;}
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
	transform: rotate(135deg); 
	-webkit-transform: rotate(135deg); 
	margin-top: 10px;
	}
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
	  transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	  margin-top: -10px;
	}
	a.menu-link { display:block; color:#fff; float:left; text-decoration:none; padding:10px 16px; font-size: 1.5em;}

	.menu {clear: both; min-width: inherit; float: none;}
	.menu ul ul {top:0px;}
	.menu,
	.menu > ul ul {overflow: hidden; max-height: 0; background-color: #fff;}
	.menu > li > ul.sub-menu {padding: 0px; border: none;}
	.menu > ul > li {float:none; border-bottom:1px solid #ccc;}
	.menu ul li > a {padding:15px 10px; text-align:left; color:#3b3c3f; font-size:14px;}
	.menu.active,
	.menu > ul ul.active { max-height: 55em; }
	.menu ul { display: inline; }
	.menu li,
	.menu > ul > li { display: block; }

	.menu > ul > li:last-of-type a { border: none; }

	.menu ul ul > li { position: relative; border-right:0}
	.menu ul ul > li:last-child{border-bottom:none;}
	.menu ul > li {padding:0px; border-right:none;}

	.menu li a {color: #fff; display: block; padding: 0.8em; position: relative;}
	.menu ul li a img{display:none;}
	.menu li.has-submenu > a:after {
	  content: '+';
	  position: absolute;
	  top: 0;
	  right: 0;
	  display: block;
	  font-size: 1.5em;
	  padding: 0.55em 0.5em;
	}
	.menu li.has-submenu > a.active:after { content: "-"; }
	.menu ul ul > li a {background-color: #f3f3f3; padding: 16px 18px 16px 30px;}
	.menu ul li a:hover {background: #2f3b3f; color: #fff;}
	.menu ul li.hover > a {background: #2f3b3f; color: #fff;}
	.menu ul ul,
	.menu ul ul ul {display: inherit; position: relative; left: auto; top: auto; border: none;}
}