/* CSS Document */

.btn-nav {display: none;}
            
	/* MAIN MENU */
	#main-menu { xwidth:1231f20px; margin:0 auto; }
  #main-menu ul { list-style-type: none; padding: 0; margin: 0; }
  #main-menu ul li {padding: 0; margin: 0; }
  #main-menu h2 {display: none;}
  #main-menu hr.hidden {display: none;}
  
.header-navbar {position: relative; xmargin-top: -43px; background: #fff; top: 0; display: block !important;}
.header-navbar .menu-holder {xbox-shadow: 3px 6px 10px #C6C6C6;}
.header-navbar .catbox-lb {height: 43px; border-bottom: 3px solid #dddddd; background: #eee;}
.header-navbar .catbox-lb h2 {padding: 9px 0 0 16px; margin: 0; color: #F33606;}
.header-navbar ul {list-style-type: none; padding: 10px 0; margin: 0;}
.header-navbar ul li {padding: 0; margin: 0; display: block; background: #D9D9D9;}
.header-navbar ul li a {padding: 6px 10px 6px 0px; margin: 0; display: block; color: #333; color: #fff; text-decoration: none;}
.header-navbar ul li a:hover {color: #F33606; text-decoration: none; background-color:#EEEEEE; }
.header-navbar ul li:first-of-type {font-weight: bold; border-top: solid 1px #DEDEDE; color: #F33606; padding-top: 9px; margin-top: 6px;}
.header-navbar ul li:first-of-type a {color: #F33606;}



	#main-menu .menu-holder { xwidth:999px; position:relative; margin: auto; padding:0; z-index:100; background: #fff;}
	#main-menu .item {border-left:1px solid #f9f9f9; position:static; display: block;}
    #main-menu .item div {position: relative; z-index: 200;}
	#main-menu .item div > a { display:block;  margin: -1px -1px 0; xfont-family: 'montserratregular', sans-serif; font-weight: 400; font-size: 15px; color:#231F20; text-decoration:none; position:relative; border-top:1px solid #ddd; }
	#main-menu .item div > a:hover, #main-menu .item div > a.hover, #main-menu .item.hover div > a { }
	#main-menu .item div > a span { display:inline-block; padding:0 25px 0 15px; vertical-align:middle; line-height:1.3; }
	#main-menu .item div > a span:after { display:block; width:11px; height:7px; position:absolute; top:50%; right:14px; margin-top:-4px; content:" "; }



  
  #main-menu .item div > a:hover span:after, #main-menu .item.hover div > a span:after { background-position:-25px 0; }
	#main-menu .item.hover div > a:after { display:block; width:48px; height:14px; position:absolute; bottom:-17px; left:50%; margin-left:-24px; z-index:7; content:" "; }
	#xmain-menu .item8 {
		background: #e0e0e0; /* Old browsers */
		background: -moz-linear-gradient(top,  #e0e0e0 0%, #c3c3c3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#c3c3c3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e0e0e0 0%,#c3c3c3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e0e0e0 0%,#c3c3c3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e0e0e0 0%,#c3c3c3 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e0e0e0 0%,#c3c3c3 100%); /* W3C */
	}


	#main-menu .submenu { position:relative; background:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; z-index:300; letter-spacing:-.34em; }
	#main-menu .hover .submenu { top:56px; left:-1px; }
	#main-menu .submenu * { letter-spacing:normal; }
	#main-menu .submenu .sub-col {  display:block; vertical-align:top; }
	#main-menu .submenu .sub-col .title { font-family: 'Source Sans Pro', sans-serif; color: #231F20; font-size: 15px; font-weight: 300; margin-top:0; text-decoration:none;}
	#main-menu .submenu .sub-col.active .title { font-weight: 700;}
	#main-menu .submenu .sub-col .title:hover { xtext-decoration:underline;}
	#main-menu .submenu .sub-col li { font-size:93.333%; background: #fff; font-family: 'Source Sans Pro', sans-serif; color: #231F20; font-size: 15px; font-weight: 300; background:url("/img/new/submenulibg.png") no-repeat 19px center; }
	#main-menu .submenu .sub-col li:hover {background-color: #F0F0F0; }

	#main-menu .submenu .sub-col.active li {background-color: #F0F0F0;}
	#main-menu .submenu .sub-col li a { display:block; position:relative; padding: 8px 10px 8px 32px; color: #231F20; text-decoration:none; }
	#main-menu .submenu .sub-col li a:before { display:block; width:8px; height:9px; background:url(/img/bg/all24.png) no-repeat -100px -50px; position:absolute; top:0.5em; left:3px; margin-top:-1px; content:" "; }
	#main-menu .submenu .sub-col li a:hover { color:#231f20; xtext-decoration:underline; }
  .header-navbar .submenu .sub-col a.title:hover {color: #F33606; text-decoration: none; background:none !important; }
	#main-menu .submenu .sub-col li a:hover:before { background-position:-125px -50px; }
	#main-menu .show-submenu {display: none;}
  
	#main-menu .submenu .sub-col li li { font-size:93.333%; background: #fff; font-family: 'Source Sans Pro', sans-serif; color: #231F20; font-size: 15px; font-weight: 300; border-top: solid 1px #DEDEDE;}
  	#main-menu .submenu .sub-col li li:first-of-type { border-color: #fff;}
	#main-menu .submenu .sub-col li li a { display:block; position:relative; padding: 8px 10px 8px 32px; color: #231F20; text-decoration:none; background:url("/img/new/cat-sep.png") no-repeat 21px center; }  
  
  #main-menu .item8  {xwidth: 158px;}
  
  
  
	#main-menu {width: 100%}
  #main-menu .menu-holder {width: 100%}
  #main-menu .item {width: auto !important; height: 30px;}
  #main-menu .item div > a {height: 30px; line-height: 30px;}
	#main-menu .item div > a span:after { right: 8px;}
  
  .btn-nav {outline: none; height: 46px; width: 115px;left: 3px;	top: 3px;	font-size: 16px; color: #fff; background: #ED1651;	border: 0; cursor: pointer; border-radius: 30px;}
  .btn-nav .ham-icon {font-size: 24px; height: 17px; left: 18px; position: absolute; top: 14px; width: 18px;}  
  .btn-nav .ham-icon span {position: absolute; width: 100%; height: 3px; border-radius: 2px; top: 7px; left: 0;background: #fff;}
  .btn-nav .ham-icon span:before {content:""; position: absolute; width: 100%; height: 3px; border-radius: 2px; top: -7px; left: 0; background: #fff; }
  .btn-nav .ham-icon span:after {content:""; position: absolute; width: 100%; height: 3px; border-radius: 2px; bottom: -7px; left: 0; background: #fff; }
  
  .btn-nav .label {display: inline-block; font-family: "montserratregular",sans-serif; font-weight: 400; font-size: 20px; position: relative;  padding-left: 28px;}
  .btn-nav .c {width: 26px; vertical-align: middle; display: none; margin: auto 0; padding: 0; position: relative; }
  	.btn-nav.open .c {font-family: "montserratregular",sans-serif; font-weight: 400; display: inline-block; position: absolute; left: 20px; top: 17px;  text-shadow: 2px 0 0 #ED1651, -2px 0 0 #ED1651, 0 2px 0 #ED1651, 0 -2px 0 #ED1651, 1px 1px #ED1651, -1px -1px 0 #ED1651, 1px -1px 0 #ED1651, -1px 1px 0 #7C8700;}
  
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .btn-nav .ham-icon {top: 6px;}
  .btn-nav .c:before {top: 14px; left: 24px;}  
  .btn-nav .label {top: 0;}
  }     


  #main-menu li a:after	{ width: 0px; height: 0px; content: '';   border-color: transparent transparent transparent #fff; border-style: solid; border-width: 8px;position: absolute; top: 50%; transform: translate(0%, -50%); right: 5px;  transition: transform 0.4s ease 0s;}
  #main-menu li.active a:after	{transform: rotate(90deg); right: 10px; top: calc(50% - 4px); border-color: transparent transparent transparent #ED1651; }
  #main-menu li li a:after {display: none;}
  
  #main-menu li.Type1 a:after	{border-color: transparent transparent transparent #231F20;}
  #main-menu li.active.Type1 a:after	{border-color: transparent transparent transparent #ED1651;}
  #main-menu li.active.Type1 a	{color: #ED1651;}
  #main-menu li.active.Type1 a:hover {color: #ED1651;}
  #main-menu li.active.Type1 .submenu a:hover {color: #231F20;}
  
  #main-menu .show-submenu [class|="arrow"] {display: inline-block; -webkit-transition: transform 0.4s ease 0s; -moz-transition: transform 0.4s ease 0s; transition: transform 0.4s ease 0s;}
  #main-menu .show-submenu span.arrow-down:after	{ width: 0px; height: 0px; content: '';   border-color: transparent transparent transparent #fff; border-style: solid; border-width: 8px;position: absolute; top: 7px; left: 12px;  transition: transform 0.4s ease 0s;}
  #main-menu .show-submenu.open span.arrow-down:after	{ font-weight: 700; transform: rotate(90deg); width: 0px; height: 0px; content: ''; position: absolute; top: 12px; left: 7px;  transition: transform 0.4s ease 0s;}	

  #main-menu li.Type1 .show-submenu span.arrow-down:after {border-color: transparent transparent transparent #231F20;}
  #main-menu li.Type2 .show-submenu span.arrow-down:after {border-color: transparent transparent transparent #231F20;}
  
  #main-menu li.active .show-submenu span.arrow-down:after {border-color: transparent transparent transparent #ED1651;}	

  .header-navbar {xwidth: 360px; height: auto; xposition: absolute; display: none; top: inherit; background: #e7e7e7; z-index: 9231f20; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .header-navbar * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.header-navbar-in {height: auto; position: relative; xoverflow-y: auto;}
  .header-navbar.open {display: block; xbox-shadow: 2px 6px 12px rgba(2, 2, 2, 0.46);}
  #main-menu .sub-col .show-submenu  {background: #81CFFF; background: #FF8635}
	#main-menu {xborder-left: 2px solid #e7e7e7; xborder-right: 2px solid #e7e7e7;}		
	#main-menu .menu-holder {width: auto; height: auto; position: static; top: auto; right: auto; margin: 0; padding: 0; border: 0;}
	#main-menu .item {width: auto; height: auto; float: none; border: 0;}
	#main-menu .item div > a {margin: 0;}
  #main-menu .item div > a span {line-height: inherit; padding: 0; vertical-align: inherit;}		
	#main-menu .item div > a span:after {display: none;}
	#main-menu li, #main-menu .item {position: relative;}
	#main-menu li div > a, #main-menu .item div > a {height: auto; line-height: inherit; display: block; position: relative; padding: 10px 34px 10px 20px; border-top: 1px solid #FFF;}
	#main-menu li.item:first-of-type div > a {background: #ED1651; color: #FFF; border: 1px solid #ED1651; padding-right: 0; font-family: "montserratregular",sans-serif; font-size: 16px; font-weight: 400; padding: 12px 10px 12px 10px;}

  #main-menu li.item:first-of-type {margin-bottom: 1px;}
  #main-menu li.item:first-of-type a:after {display: none !important;}

	#main-menu li.item:first-of-type div > a:hover {xbox-shadow: 0 0 0 1px #FFFFFF inset; background-color: #d8174c;}

	#main-menu li.Type1 div > a {background: #FFF; xcolor: #ED1651; border: 1px solid #FFF;  border-bottom: 2px solid #ED1651; padding-right: 0; font-family: "montserratregular",sans-serif; font-size: 16px; font-weight: 400; padding: 12px 10px 12px 10px;}
	#main-menu li.Type1 div > a:hover {border-bottom: solid 2px #ED1651; color: #ED1651;}
  #main-menu li.Type1 .show-submenu {color: #D9D9D9;}

  #main-menu li.Type2 {margin-top: 50px;} 
  #main-menu li.Type2 div > a {background: #FFF; color: #231F20; border: solid 1px  #FFF; border-bottom: 2px solid #ED1651; padding-right: 0; font-family: "montserratregular",sans-serif; font-size: 16px; font-weight: 400; padding: 12px 10px 12px 10px;cursor:default;}
	#main-menu li.Type2 div > a:hover {border-bottom: solid 2px #ED1651;}
  #main-menu li.Type2 .show-submenu {color: #D9D9D9;}

	#main-menu li div > a:hover, #main-menu .item div > a:hover {border-bottom: 0; color: #231f20;}
	#main-menu .show-submenu {overflow: hidden; width: 30px; height: 30px; line-height: 30px; display: block; position: absolute; right: -12px; top: 50%; margin: 0; padding: 0; text-align: center; xfont-size: 23px; color: #FFF; background: #D9D9D9; border: 0; cursor: pointer; xborder-radius: 24px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }



  #main-menu li.Type1 .show-submenu {background: #fff;}
  #main-menu li.Type2 .show-submenu {display: none;}
  #main-menu li.Type2 a:after {display: none;}
  
    #main-menu li:hover .show-submenu {background: transparent;}
    #main-menu li:hover a:after  {display: none;}
    #main-menu li:hover .sub-col a:after  {display: none;}
    
    #main-menu li.active:hover a:after  {display: block;}
    #main-menu li.active:hover div.sub-menu a:after  {display: none;}

    
    #main-menu li.Type1:hover .show-submenu {background: #fff;}
    
    #main-menu li:hover .show-submenu:hover {background: #D9D9D9;}
    
    #main-menu li.Type1:hover .show-submenu:hover {background: #FFF;}
    #main-menu li.Type2:hover .show-submenu:hover {background: #FFF;}
    
    
  #main-menu li.no-sub:hover a:after  {display: block;}

	#main-menu .item:hover .show-submenu { color: #231f20; xbackground: #F0F0F0; }
	#main-menu li.item:first-of-type div .show-submenu { display: none; }
  #main-menu .show-submenu.openx [class|="arrow"] {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
  #main-menu .submenu {width: auto; height: auto; position: static; left: auto; top: auto; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: inherit; letter-spacing: inherit;}
  #main-menu .submenu .sub-col {width: auto; display: block; margin: 0;}
	#main-menu .submenu .sub-col li a:before {top: 19px;}
  #main-menu .sub-menu {display: none;}
  #main-menu .item.active .sub-menu {display: block;}
  #main-menu .sub-menu li div > a {padding-left: 25px !important;}
  #main-menu .sub-menu li div > a:before {left: 10px !important;}
  
  #main-menu .item > a {xfont-size: 120%;}  
  #main-menu .submenu .sub-col .title {xfont-size: 120%;}
  #main-menu .submenu .sub-col li a {xfont-size: 120%; font-family: NexaBook;}
   




  
- .xheader-navbar ul li div.sub-menu {display: block !important;}
- .xheader-navbar ul li ul li div.sub-menu{display: unset !important;}
- #main-menu .submenu  { display: none;}
- #main-menu .item.active	.submenu { display:block !important; }

@media(max-width: 1023px) {
  .btn-nav {display: block; position: absolute; top: 3; left: 4px;}
  .header-navbar {display: none; position: absolute; top: 0px; min-width: 360px; z-index: 10000; height: 0;  overflow: hidden; transition: all 0.4s ease 0s; box-shadow: 2px 8px 10px rgba(2, 2, 2, 0.26);}
  .header-navbar.open {display: block; height: auto;}  
}