#search_autocomplete {
	display:none;
}

#megamenu{  margin:15px 0px -7px 0px; }

ul.megamenu {
  margin: 0px 0 0 0px;
  height: 100%;
}

.column3 ul.megamenu {
  border-right: 0;
}

ul.megamenu.level2 {
  border-right: 0;
}

ul.megamenu li {
  overflow: visible;
}

/*Css for Mobile Nav*/
#mobile-nav{
	
background-color: #3d3d3d;
background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#3d3d3d),color-stop(50%,#3d3d3d),color-stop(50%,#212121));
background: -webkit-linear-gradient(top,#3d3d3d,#212121);
background: -moz-linear-gradient(top,#3d3d3d,#212121);
background: -ms-linear-gradient(top,#3d3d3d,#212121);
background: -o-linear-gradient(top,#3d3d3d,#212121);
-webkit-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,.1);
-moz-box-shadow: inset 1px 1px 0 0 rgba(255,255,255,.1);
box-shadow: inset 1px 1px 0 0 rgba(255,255,255,.1);
	z-index: 9999999;
}
#mobile-nav ul.menu-parent{
	text-align: left; padding-top: 50px; margin-left: 10px;
}
body .page{
  position: relative;
left: 0px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
#mobile-nav ul.subte-cate-1{text-indent: 1em;}
#mobile-nav ul.subte-cate-2{text-indent: 2em;}
#mobile-nav ul.subte-cate-3{text-indent: 3em;}
#mobile-nav ul.subte-cate-4{text-indent: 4em;}
#mobile-nav ul.subte-cate-5{text-indent: 5em;}
#mobile-nav ul.subte-cate-6{text-indent: 6em;}
#mobile-nav ul li a{text-decoration: none; font-size: 12px; color: #fff;
font-weight: bold; padding: 10px 0px; border-top: 1px solid #484848; border-bottom: 1px solid #2E2E2E; display: block;}
#mobile-nav ul li{position: relative;}
span#open:before{ }
#mobile-nav ul li span.view-more,span#close{position: absolute;
top: 0;
right: 0;
color: #fff;
display: block;
padding: 4px 10px 4px 0px;
text-align: center;
font-size: 20px;
background: #717B74; text-indent: 10px; width: 30px; cursor: pointer;}
span#close{background: url(../images/close.png); height: 33px; width: 30px;}
#mobile-nav ul li a:hover{background: linear-gradient(#484848, #383838);}
span#open{width: 40px;height: 40px;display: block;color: white;position: absolute; background: url(../images/icon-mobile.png); top: 2px; cursor: pointer;}


@media all and (min-width:768px){
	span#open{display: none;}
}
@media all and (max-width:768px){
  body.show-navmenu .page{-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
transform: translate3d(240px, 0px, 0px);
-moz-transform: translate3d(240px, 0px, 0px);
-o-transform: translate3d(240px, 0px, 0px);
-webkit-transform: translate3d(240px, 0px, 0px);
-ms-transform: translateX(240px);}
body.show-navmenu{overflow-x: hidden; }
	#megamenu ul.level0{display: block;}
}
/* lv - 0

-----------------------------------*/

/* Styling ---*/

.megamenu ul.level0 {
  margin: 0;
  padding: 0;
}

.megamenu ul.level0 li.mega {
  display: block;
  float: left;
  margin: 0;
  padding-bottom:0px;
  position: relative;
  width: auto;
}


.megamenu ul.level0 li.mega a.mega {
  color: #306;
  display: block;
  float: left;
  font-weight: normal;
  padding: 5px 12px 5px 12px;
  text-decoration: none;
  text-transform: uppercase;
}

.megamenu ul.level0 li.mega a.mega span.titlecolors {
  padding: 0;
  color: #306;
}

@media all and (min-width:220px){
	#mobile-nav{background: #333333;
bottom: 0;
left: 0;
overflow-y: auto;
position: absolute;
top: 0;
width: 240px;
height: 100%;
z-index: 1000;
transform: translateX(-100%);
transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%);}
}

.megamenu ul.level0 li.mega.haschild:hover > a.mega.haschild {
	position: relative;
	z-index: 111;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background-color:#E6E6E6;
	color: #39C;
	padding: 4px 11px 15px 12px ;
	-webkit-appearance: none;
	/*-webkit-padding-after: 16px;*/
}

.megamenu ul.level0 li.mega a.mega:hover { 
	color: #39C;
}

.megamenu ul.level0 li.mega a.active {
}

.megamenu ul.level0 li.mega .has-image {
  background-position: left top;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  padding-left: 25px;
}

.megamenu ul.level0 li.mega .icon-image {
  float: left;
  height: auto;
  margin: 13px 5px 0 0;
  max-width: 20px;
  vertical-align: middle;
}

.megamenu ul.level0 li.mega .menu-title {
  background-repeat: no-repeat;
  /*padding-left: 10px;*/
}

.megamenu ul.level0 li.mega .mega-item-des {
  float: left;
  font-size: 11px;
  font-weight: normal;
  line-height: 140%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  top: -11px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.megamenu ul.level1 li.mega .mega-item-des {
  margin: 0;
  color: #333;
}



.megamenu ul.level0 li.mega span.menu-desc {
  display: block;
  font-size: 92%;
  font-weight: normal;
}



/* lv - 1 */

.megamenu ul.level1 li.mega a.mega {
  /*border-bottom: 1px solid #e5e5e5;*/
  color: #333;
  float: none;
  display: inline;
  padding: 0 10px;
  margin: 0 20px 0 0;
}

.megamenu ul.level1 li.mega a.mega.haschilds {
  background: url(../images/bg-haschild.png) no-repeat 97% 20px;
}

.megamenu ul.level1 li.mega a.mega.haschilds:active,

.megamenu ul.level1 li.mega a.mega.haschilds:focus,

.megamenu ul.level1 li.mega a.mega.haschilds:hover {
  background-position: 97% -33px;
}

.megamenu li.mega .childcontent {
  display: block;
  height: auto;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 30px;
  padding-top:10px;
}

.megamenu li.mega.mnuright .childcontent {
	/*right: 0;*/;
}


.mobile .megamenu li.haschild .childcontent {
  max-height: 1330px;
  overflow: visible;
  -moz-transition: all 0.8s linear;
  -o-transition: all 0.8s linear;
  transition: all 0.8s linear;
  -webkit-transition: all 0.8s linear;
    border: 1px solid #666\9;
  border-top-color: #fff\9;
  display:none;
}


.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  overflow: visible;
  -moz-transition: all 0.8s linear;
  -o-transition: all 0.8s linear;
  transition: all 0.8s linear;
  -webkit-transition: all 0.8s linear;
    border: 1px solid #666\9;
  border-top-color: #fff\9;
}

.megamenu ul.level1 li.haschild .childcontent {
  -moz-transition: all 0s linear;
  -o-transition: all 0s linear;
  transition: all 0s linear;
  -webkit-transition: all 0s linear;
}

.megamenu ul.level1 li.haschild:hover > .childcontent {
  border-top-color: #666;
  left: 150px;
  -moz-transition: all 0s linear;
  -o-transition: all 0s linear;
  transition: all 0s linear;
  -webkit-transition: all 0s linear;
}

.megamenu ul.level1 li.mega {
  text-align: left;
  width: 100%;
}

.megamenu ul.level1 li.mega a {
  border-left: 0 !important;
}

.megamenu ul.level1 li.mega a.mega:hover {
  color:#39C !important;
}
.megamenu ul.level1 .childcontent {
  margin: 0 0 0 0;
  top: 0px;
}



/*lv 2*/

.megamenu ul.level2 li.mega {
  padding: 1px 0;
}

.megamenu ul.level2 li.mega.last {
  border-bottom: 0 none;

}

.megamenu ul.level2 li.mega a.mega {
  color: #333;
  float: none;
  font-size: 12px;
  /*font-family:t*/
  font-weight: normal;
  display: inline;
  min-height: 13px;
  padding: 0 10px;
  text-decoration: none;
  margin: 0px 0px 0px 10px;

  text-transform:none;
  
}

.megamenu ul.level2 li.mega li li a.mega {
  line-height: 28px;
}

.megamenu ul.level2 li.mega.active a.mega,

.megamenu ul.level2 li.mega a.mega:active,

.megamenu ul.level2 li.mega a.mega:focus,

.megamenu ul.level2 li.mega a.mega:hover {
  text-decoration: none;
}



 /* Columns ---*/

.megamenu .megacol {
  float: left;
  margin: 0 0px 0 0;
}

.megamenu .megacol.last {
  margin: 0;
}





 /* CHILD CONTENT

-----------------------------------*/

.megamenu .childcontent {
  z-index: 110;
}

.megamenu .childcontent-inner {
  background: #CCC;
  border: 1px solid #000;
  /*box-shadow: 0 5px 3px 0 #666;*/
 
}

.megamenu .level1 .childcontent-inner,

.megamenu .level2 .childcontent-inner {
  box-shadow: 0 0 10px 0 #666;
}

.megamenu .childcontent .block {
  line-height: 1.5;
  margin: 10px 0;
  padding: 0;
}

.megamenu .childcontent .block h3 {
  background: none;
  margin-left: 10px;
  margin-right: 10px;
  text-indent: 5px;
  text-transform: none;
}

.megamenu .childcontent .block .ja-box-ct {
  padding: 0 5px;
}

.megamenu .childcontent .block a {
  text-decoration: none;
}

.megamenu .childcontent .block a:hover,

.megamenu .childcontent .block a:focus,

.megamenu .childcontent .block a:active {
  text-decoration: none;
}

.megamenu .childcontent .block ul:first-child {
  margin-top: 0 !important;
}

.megamenu .childcontent .block li {
  margin-bottom: 5px;
}

.megamenu .menu-adv {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  float: left;
}

/* Grouped --- */

.megamenu .group {
}

.megamenu .group-title {
  color: #E26703;
  font-size: 13px;
  margin: 15px 0 0 0;
  padding: 0 0;
  overflow: hidden;
}

.megamenu .group-content {
  float: left;
  padding: 0 0 10px;
}

.megamenu .group-content a.link-more {
  text-decoration: none;
}

.megamenu .group-content a.link-more:active,

.megamenu .group-content a.link-more:focus,

.megamenu .group-content a.link-more:hover {
  text-decoration: underline;
}

.megamenu ul.level2 li.mega div.group-title {
  margin-top:0px;
}

.megamenu ul.level1 li.mega div.group-title a.mega {
  color: #000;
  font-weight: bold;
}
 
.megamenu ul.level2 li.mega div.group-title a.mega {
  font-weight: normal;
}

.megamenu .group-title .menu-desc {
  padding-left: 0 !important;
}

.megamenu .group-content .block,

.megamenu .group-content ul.megamenu {
  margin: 0;
}



/* override --- */

.megamenu .childcontent ul.megamenu .block {
  padding: 0;
}

.megamenu .childcontent ul.megamenu .block h3 {
  margin-left: 0;
  margin-right: 0;
}

.megamenu .products-grid div.item .inner {
  margin: 0;
  min-height: 0;
  width: auto;
}

.megamenu .products-grid {
  background: none;
  border-bottom: 0 none;
  margin: 0 !important;
}

.megamenu .products-grid li.item {
  margin: 0 8px 0 0;
  padding: 10px 15px 10px;
}

.megamenu .products-grid li.item.last {
  margin: 0;
}

.megamenu .products-grid .product-name {
  margin: 0 0 10px;
  min-height: 100%;
}

.megamenu .products-grid .product-name a {
  color: #333;
  text-decoration: none;
}

.megamenu .products-grid .product-name a:active,

.megamenu .products-grid .product-name a:focus,

.megamenu .products-grid .product-name a:hover {
  color: #E26703;
  text-decoration: none;
}

.megamenu .products-grid .product-image {
  float: left;
  margin: 9px 0 10px;
}

.megamenu .products-grid .ratings {
  margin: 0 0 10px;
}

.megamenu .products-grid .price {
  color: #C76200;
  font-size: 13px;
  font-weight: bold;
  margin: 5px 0;
}

.megamenu .group-content .buttons-set {
  border: 0 none;
  margin: 1em 0;
}

.megamenu #childcontent15 .megacol {
  margin: 0 !important;
}



/* Clearfix

-------------------------------------------------------------*/

* html .clearfix {
  height: 1% /* IE5-6 */;
}

.clearfix {
  display: inline-block /* IE7xhtml*/;
}

html[xmlns] .clearfix {
  display: block /* O */;
}

.clearfix:after {
  clear: both;
	/* FF, O, etc. */
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearer {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
}

/*menu effect*/

/*jaws*/

.jaws.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: rotate(90deg);
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -ms-transform: rotate(90deg);
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  opacity: 0;
  -o-transform: rotate(90deg);
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  overflow: hidden;
  transform: rotate(90deg);
  transition: opacity .4s,         transform .6s, max-height .6s;
  -webkit-transform: rotate(90deg);
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
}

.jaws.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

/*fence*/

.fence.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: rotateY(-90deg);
  -moz-transform-origin: 100% 50%;
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -ms-transform: rotateY(-90deg);
  -ms-transform-origin: 100% 50%;
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  opacity: 0;
  -o-transform: rotateY(-90deg);
  -o-transform-origin: 100% 50%;
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  overflow: hidden;
  transform: rotateY(-90deg);
  transform-origin: 100% 50%;
  transition: opacity .4s,         transform .6s, max-height .6s;
  -webkit-transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
}

.fence.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

/*venitian*/

.venitian.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: scale(1,0);
  -moz-transform-origin: 50% 0;
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -ms-transform: scale(1,0);
  -ms-transform-origin: 50% 0;
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  opacity: 0;
  -o-transform: scale(1,0);
  -o-transform-origin: 50% 0;
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  overflow: hidden;
  transform: scale(1,0);
  transform-origin: 50% 0;
  transition: opacity .4s,         transform .6s, max-height .6s;
  -webkit-transform: scale(1,0);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
}

.venitian.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

/*fly*/

.fly.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: rotateX( -180deg );
  -moz-transform-origin: 50% 50% -50px;
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -ms-transform: rotateX( -180deg );
  -ms-transform-origin: 50% 50% -50px;
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  opacity: 0;
  -o-transform: rotateX( -180deg );
  -o-transform-origin: 50% 50% -50px;
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  overflow: hidden;
  transform: rotateX( -180deg );
  transform-origin: 50% 50% -50px;
  transition: opacity .4s,         transform .6s, max-height .6s;
  -webkit-transform: rotateX( -180deg );
  -webkit-transform-origin: 50% 50% -50px;
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
}

.fly.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

/*papercut*/

.papercut.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: skewY(30deg);
  -moz-transform-origin: 0% 0%;
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -ms-transform: skewY(30deg);
  -ms-transform-origin: 0% 0%;
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  opacity: 0;
  -o-transform: skewY(30deg);
  -o-transform-origin: 0% 0%;
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  overflow: hidden;
  transform: skewY(30deg);
  transform-origin: 0% 0%;
  transition: opacity .4s,         transform .6s, max-height .6s;
  -webkit-transform: skewY(30deg);
  -webkit-transform-origin: 0% 0%;
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
}

.papercut.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

/*fan*/

.fan.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0% 0%;
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -ms-transform: rotate(90deg);
  -ms-transform-origin: 0% 0%;
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  opacity: 0;
  -o-transform: rotate(90deg);
  -o-transform-origin: 0% 0%;
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  overflow: hidden;
  transform: rotate(90deg);
  transform-origin: 0% 0%;
  transition: opacity .4s,         transform .6s, max-height .6s;
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0% 0%;
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
}

.fan.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

/*wave*/

.wave.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: skewY(-90deg);
  -moz-transform-origin: 0% 0%;
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -ms-transform: skewY(-90deg);
  -ms-transform-origin: 0% 0%;
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  opacity: 0;
  -o-transform: skewY(-90deg);
  -o-transform-origin: 0% 0%;
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  overflow: hidden;
  transform: skewY(-90deg);
  transform-origin: 0% 0%;
  transition: opacity .4s,         transform .6s, max-height .6s;
  -webkit-transform: skewY(-90deg);
  -webkit-transform-origin: 0% 0%;
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
}

.wave.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

/*helix*/

.helix.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: rotateY(90deg);
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -ms-transform: rotateY(90deg);
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  opacity: 0;
  -o-transform: rotateY(90deg);
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  overflow: hidden;
  transform: rotateY(90deg);
  transition: opacity .4s,         transform .6s, max-height .6s;
  -webkit-transform: rotateY(90deg);
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
}

.helix.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

/*pop*/

.pop.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: scale(.2);
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
  -ms-transform: translateX(-80%);
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
  opacity: 0;
  -o-transform: translateX(-80%);
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
  overflow: hidden;
  transform: translateX(-80%);
  transition: opacity .4s,         transform .6s, max-height .6s;
  transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
  -webkit-transform: scale(.2);
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
  -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.5);
}

.pop.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

/*linear*/

.linear.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: translateX(-40%);
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
  -ms-transform: translateX(-40%);
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
  opacity: 0;
  -o-transform: translateX(-40%);
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
  overflow: hidden;
  transform: translateX(-40%);
  transition: opacity .4s,         transform .6s, max-height .6s;
  transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
  -webkit-transform: translateX(-40%);
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
  -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
}

.linear.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

/*bounce*/

.bounce.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: translateX(-40%);
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
  -ms-transform: translateX(-40%);
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
  opacity: 0;
  -o-transform: translateX(-40%);
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
  overflow: hidden;
  transform: translateX(-40%);
  transition: opacity .4s,         transform .6s, max-height .6s;
  transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
  -webkit-transform: translateX(-40%);
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
  -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
}

.bounce.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

/*Radial*/

.radial.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: translateY(-120px) rotate(70deg);
  -moz-transform-origin: 0 0;
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -ms-transform: translateY(-120px) rotate(70deg);
  -ms-transform-origin: 0 0;
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  opacity: 0;
  -o-transform: translateY(-120px) rotate(70deg);
  -o-transform-origin: 0 0;
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  overflow: hidden;
  transform: translateY(-120px) rotate(70deg);
  transform-origin: 0 0;
  transition: opacity .4s,         transform .6s, max-height .6s;
  -webkit-transform: translateY(-120px) rotate(70deg);
  -webkit-transform-origin: 0 0;
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
}

.radial.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

/*winding*/

.winding.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: rotateY(90deg);
  -moz-transform-origin: 0 0;
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -ms-transform: rotateY(90deg);
  -ms-transform-origin: 0 0;
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  opacity: 0;
  -o-transform: rotateY(90deg);
  -o-transform-origin: 0 0;
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  overflow: hidden;
  transform: rotateY(90deg);
  transform-origin: 0 0;
  transition: opacity .4s,         transform .6s, max-height .6s;
  -webkit-transform: rotateY(90deg);
  -webkit-transform-origin: 0 0;
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
  border: 3px solid #94D5A9;
}

.winding.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

/*shield*/

.shield.megamenu li.mega .childcontent {
  left: 0;
  max-height: 0;
  -moz-transform: rotateX(90deg);
  -moz-transform-origin: 0 0;
  -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
  -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
  -ms-transform: rotateX(90deg);
  -ms-transform-origin: 0 0;
  -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
  -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
  opacity: 0;
  -o-transform: rotateX(90deg);
  -o-transform-origin: 0 0;
  -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
  -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
  overflow: hidden;
  transform: rotateX(90deg);
  transform-origin: 0 0;
  transition: opacity .4s,         transform .6s, max-height .6s;
  transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
  -webkit-transform: rotateX(90deg);
  -webkit-transform-origin: 0 0;
  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
  -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7);
}

.shield.megamenu li.haschild:hover > .childcontent {
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

.childcontent-inner {
/*position:fixed;*/
}

#megamenu #open {
display:none;
}

.megamenu ul.level1 li.mega a.mega.haschild:hover {
	
	position: static;
	height: auto;
	background-color:transparent;
	border:none;
}

@media screen and (min-width:771px){
#header-nav {
text-align:center;
}
.mobile .megamenu ul.level2 li.mega a.mega {
	 margin: 10px 0 0 10px; 
}
}

@media screen and (max-width:1024px){
	.megamenu .childcontent-inner {
		max-width:1000px;
	}
}

@media screen and (max-width:800px){
	.megamenu .childcontent-inner {
		max-width:572px;
	}
}

@media screen and (max-width:770px){
#header-nav {
padding:0;
margin-left:15px;
max-width: calc(100% - 30px);
text-align:left;
}

.megamenu li.haschild .childcontent {
  max-height: 1330px;
  overflow: visible;
  -moz-transition: all 0.8s linear;
  -o-transition: all 0.8s linear;
  transition: all 0.8s linear;
  -webkit-transition: all 0.8s linear;
    border: 1px solid #666\9;
  border-top-color: #fff\9;
  display:none;
}

.jaws.megamenu li.haschild > .childcontent {
  width:700px !important;
  max-height: 1330px;
  -moz-transform: none;
  -ms-transform: none;
  opacity: 1;
  -o-transform: none;
  overflow: hidden;
  transform: none;
  -webkit-transform: none;
}

.megamenu ul.level0 li.mega.haschild:hover > a.mega.haschild {
	border:none;
	background-color:transparent;
	padding: 5px 12px 14px 24px;
}

.megamenu .childcontent-inner {
		max-width:762px;
}
	
ul.megamenu.level0  .megacol { 
	width:33% !important;
}


ul.megamenu.level1  .megacol { 
	width:100% !important;
}

#megamenu {
margin-top:0px;
}

.megamenu ul.level0 li.mega {
width:100%;
line-height:35px;
}

.megamenu ul.level0 li.mega.haschild {
padding-bottom:0px;
}

.megamenu ul.level0 li.mega.last {
border-bottom:none;
}


.megamenu ul.level0 li.mega {
border-bottom: 1px solid #CCC;
padding: 0;
}

.megamenu ul.level1 li.mega {
border:none;
padding: 0;
}


.megamenu li.mega .childcontent {
position:static;
}

.megamenu ul.level0 li.mega a.mega {
float:none;
height:45px;
padding-left: 24px;
}

.megamenu ul.level0 li.mega.haschild a.mega:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #cccccc;
    border-right: none;
    top: 50%;
    left: 10px;
    right: auto;
    margin-top: -5px;
}


.megamenu ul.level0 li.mega.haschild.active a.mega {
	color:#39C;
}
.megamenu ul.level0 li.mega.haschild a.mega.active:after {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #cccccc;
    border-bottom: none;
	top:25px;
	left:5px;

}

/*.megamenu ul.level0 li.mega.haschild.active:hover a.mega:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #cccccc;
    border-bottom: none;
    top: 50%;
    left: 10px;
    right: auto;
    margin-top: 5px
}*/

.megamenu ul.level0 li.mega.haschild.active ul.level1 a.mega { 
	color: #000;
}

.megamenu ul.level1 li.mega.haschild a.mega:after { 
	display:none;
}

.megamenu ul.level1 li.mega a.mega {
pointer-events: all;
}

.megamenu ul.level1 li.mega.last {
/*margin-top:-10px;*/
}

.megamenu li.mega .childcontent {
	width:100% !important;
		padding-top:0px;
		margin-top: 0px;
}

.megamenu .childcontent-inner {
	width:100% !important;
}


li.grey-150 {
	background-color:#CCC;
	height:auto;
}

li.grey-200 {
	background-color:#CCC;
	height:auto;
}
}

li.grey-150 {
background-color:#666;
height:155px;
} 

li.grey-200 {
background-color:#666;
height:200px;
}  
 
@media screen and (max-width:720px){


/*.megamenu li.mega .childcontent {
	max-width:630px;
}

.megamenu .childcontent-inner {
	max-width:630px;
}*/
}

@media screen and (max-width:600px){
ul.megamenu.level0  .megacol { 
	width:50% !important;
}

ul.megamenu.level1  .megacol { 
	width:100% !important;
}
}

@media screen and (max-width:480px){
.megamenu li.mega .childcontent {
	width:100% !important;
}
.megamenu .childcontent-inner {
	width:100% !important;
}

ul.megamenu.level0 .megacol {
width:100% !important;
}
}