/**
 * Magiccart 
 * @category 	Magiccart 
 * @copyright 	Copyright (c) 2014 Magiccart (http://www.magiccart.net/) 
 * @license 	http://www.magiccart.net/license-agreement.html
 * @Author:Magiccart<team.magiccart@gmail.com>
 * @@Create Date:2014-04-26 11:18:55
 * @@Modify Date: 2015-11-19 08:58:53
 * @@Function:*/
 .border-bottom{position: relative;}
.magicmenu{position:relative;}
.magicmenu .nav-desktop{position:static;margin:0;padding:46px 0 0;}
.magicmenu .nav-desktop .level0{padding:0px;margin:0px;display: inline-block;position: static;}
.magicmenu .nav-desktop .level0.logo.display{display: none;border: 0;}
.header-container-fixed .magicmenu .nav-desktop .level0.logo.display{}
.header-container-fixed .magicmenu .nav-desktop .level0.logo.display a{border: 0;padding: 10px;width: 71px;}
.header-container-fixed .magicmenu .nav-desktop .level0.logo.display a img{max-width: 100%;}
.magicmenu .nav-desktop .level0 > a:hover .short_desc{color:#888888;}
.magicmenu .nav-desktop .level0 .level-top{padding:22px 10px;font-size:14px;position: relative;text-decoration:none;outline:medium none;display:block;text-align:center;line-height: normal;line-height: 17px;}
.magicmenu .nav-desktop .level0 .level-top img{display: none;}
/* .magicmenu .nav-desktop .level0.hasChild .level-top:after{content: "";font-family: "FontAwesome";font-size: 14px;padding-left: 7px;vertical-align: 0;display: none;} */
.magicmenu .nav-desktop .level0 .level-top span.icon-text{outline:medium none;}
.magicmenu .nav-desktop .level0 .level-top span.cat_label{right: 20px;top: 2px;}
.magicmenu .nav-desktop .level0 .level-top > span{padding: 0px;white-space: nowrap;font-size:14px;vertical-align: top;}
.magicmenu .nav-desktop .level0.home .level-top .icon-home{display:none}
.magicmenu .nav-desktop .level0.home .level-top .icon-home{font-size:17px}
.magicmenu .nav-desktop .level0 .level-top-mega,
.magicmenu .nav-desktop .level0.dropdown > .level0{  border-style: solid ;border-width: 1px;border-color: #ccc;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);padding:0px 0 0px 30px;position:absolute;z-index:99999;transition:all 300ms ease-in-out 0s;-moz-transition:all 300ms ease-in-out 0s;-webkit-transition:all 300ms ease-in-out 0s;-o-transition:all 300ms ease-in-out 0s;display:block;opacity:0;top:130%;visibility:hidden}
.magicmenu .nav-desktop .level0:hover .level-top-mega,
.magicmenu .nav-desktop .level0.dropdown:hover > .level0{opacity:1;top:100%;visibility:visible}
/**
	dropdown
**/
.magicmenu .nav-desktop .level0.dropdown > .level0,
.vmagicmenu .vmagicmenu-narrow .level0.dropdown > .level0{width: 16em;min-width: 12em;padding: 20px 0px;line-height: 32px;text-align: left;}
.magicmenu .nav-desktop .level0.dropdown .hasChild,
.vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild {position: relative;}
.magicmenu .nav-desktop .level0.dropdown .hasChild > a:before,
.vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild > a:before{ content: "";display: block;line-height: 32px;font-size: 14px;position: absolute;right: 15px;text-align: right;font-family: FontAwesome;}
.magicmenu .nav-desktop .level0.dropdown .hasChild ul,
.vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild ul { position: absolute;left: 100%;top: 0;opacity: 0;visibility: hidden;background-color: #fff;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);padding: 20px 0px;min-width: 200px;z-index: 1;}
.magicmenu .nav-desktop .level0.dropdown .hasChild:hover > ul,
.vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild:hover > ul{opacity: 1;visibility: visible;}
.magicmenu .nav-desktop .level0.dropdown .level1 a,
.vmagicmenu .vmagicmenu-narrow .level0.dropdown .level1 a{padding: 0 30px;display: block;}

.magicmenu .nav-desktop .level0.home .level-top-mega{padding: 20px 30px 30px;min-width: 210px;text-align: left;}
.magicmenu .nav-desktop .level0.home .level-top-mega a{line-height: 30px;}
.magicmenu .nav-desktop .level0 .level-top-mega .children a,.magicmenu .nav-desktop p{text-align:left;text-decoration:none;font-size: 14px;text-transform: capitalize;display: block;}
.magicmenu .nav-desktop .level0 .level-top-mega .children a .short_desc,
.block-vmagicmenu-content .level0 .level-top-mega .children a .short_desc{display: none;font-size: 12px;line-height: normal;text-transform: capitalize;}
.magicmenu .nav-desktop .level0 .level-top-mega .children .nav a{display: block;line-height: 32px;}
.magicmenu .nav-desktop .level-top a{color:#000;font-size:14px;text-decoration:none;text-align:left}
.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a{margin:28px 0 10px;}
.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 img{max-width:100%;height:auto;}
.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a{position: relative;border-width: 0 0 1px 0;border-style: solid;text-transform: uppercase;font-weight: bold;margin-right:30px;line-height: 32px;}
.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 .level1 a{position: relative;  font-size: 13px;margin:0;padding: 0;display: block;line-height: 32px;}
.magicmenu .nav-desktop .level0.hasChild > a:after{content: "";display: inline-block;font-family: "FontAwesome";padding-left: 10px;}
.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a:before,
.vmagicmenu .level0 .level-top-mega .children > a:before{content: "";position: absolute;left: 0;bottom: -1px;height: 1px;width: 50px;}
.magicmenu .nav-desktop .level0 .level-top-mega .children .nav:last-child,
.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a.a-image { border: 0 none;}
.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a.a-image:before{display: none;}
.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 img{margin-top: 30px;}
.magicmenu .nav-desktop .level0 .level-top-mega .mega-block-top,.magicmenu .nav-desktop .level0 .level-top-mega .mega-block-bottom{ padding: 30px 0 0;width:100%;clear:both}
.magicmenu .nav-desktop .level0 .level-top-mega .mega-block-bottom{text-align: center;}
.magicmenu .nav-desktop .level0 .level-top-mega .mega-block-bottom .img-responsive{display: inline;}
.magicmenu .nav-desktop .level0 .level-top-mega .content-mega-horizontal .cat-mega{padding-bottom: 30px;}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column.cat-mega{float:left;}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column .children{float:left;text-align:left;padding: 0;width:200px;}
.mage-column.mega-block-left{float:left;}
.mage-column.mega-block-right{float:right;}
.mega-block-right h3{color: #dddddd; font-size: 14px; padding: 10px 0;text-align: center;text-transform: uppercase;}
.header .custom-menu .level-top-mega .magic-category{float: left;width: 200px;padding-right: 30px;}
.header .custom-menu .level-top-mega .magiccategory,.header .custom-menu .level-top-mega .magicproduct{width: 660px;padding-top: 30px;}
.header .custom-menu .level-top-mega .content-products{clear: none;float: left;}
.header .custom-menu .level-top-mega .block-title-tabs{display: none;}
.header .custom-menu .level-top-mega .mage-magictabs{margin-bottom: 30px;}
.block-left,.block-right,.cat-mega{float:left}
.banner-menu{padding-top: 20px;}
.block-bottom{clear:both}
.magicmenu .nav-desktop .level0 .level-top-mega .mega-block-top{margin: 0px;overflow: hidden;}
.magicmenu .nav-desktop .level0 .level-top-mega .mega-block-top .links-top-menu{text-align:center;background:#eee;}
.magicmenu .nav-desktop .level0 .level-top-mega .content-mega .mage-column .links{float:none;display:inline-block;}
.magicmenu .nav-desktop .level0 .level-top-mega .content-mega .mage-column .links li a{color:#555;line-height:35px;padding:0 15px;}
.magicmenu .nav-desktop .level0 .level-top-mega .content-mega .mage-column .links li a:hover{background-color:#dc1212;color:#fff;}
.magicmenu .nav-desktop .level0 .level-top-mega .content-mega .mage-column .links li.label{color:#555;line-height:35px;font-size:14px;margin:0 5px 0 0;}
.magicmenu .nav-desktop .level0 .level-top .short_desc{display:block;font-size:13px;font-weight:300;line-height:13px;text-transform:capitalize;color:#999}

/**
	ul leve2
**/
.magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild{position: relative;}
.magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild:before{content: "";display: block;line-height: 32px;font-size: 14px;position: absolute;right: 30px;text-align: right;font-family: FontAwesome;}
.magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild ul { position: absolute;left: 100%;opacity: 0;visibility: hidden;top:0;background-color: #fff;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);padding: 5px 0 5px 30px;min-width: 200px;z-index: 1;}
.magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild:hover > ul{opacity: 1;left: 90%;visibility: visible;}

/**
	rest main-container
 */
.main-container{clear:both}
.magicmenu .nav-desktop .level0 .cat_label,.mean-container .mean-nav ul li a span.cat_label{color:#fff;font-size:11px !important;padding:0 5px;position:absolute;font-weight: bold;line-height: 16px;margin-left: 5px;}
.magicmenu .nav-desktop .level0 .cat_label:before {border-color: transparent;border-style: solid;border-top-color: #ff6666;border-width: 6px 10px 0 0;content: "";height: 0;position: absolute;left: 10px;top: 15px;transition: border-color 450ms ease-in-out 0s;width: 0;}
.magicmenu .nav-desktop .level0 .cat_label.New:before,
.magicmenu .nav-desktop .level0 .cat_label.new:before {border-top-color: #cc9933;}
.magicmenu .nav-desktop .level0 .cat_label.Hot:before,
.magicmenu .nav-desktop .level0 .cat_label.hot:before {border-top-color: #ff3366;}
.magicmenu .nav-desktop .level0 .level-top-mega .children .level-3 a .cat_label:before,
.magicmenu .nav-desktop .level0 .level-top-mega .children .nav a .cat_label:before {display:none;}
/* Extra Menu*/

/* Vertical Menu*/
.vertical-menu-wapper{padding-right: 12px;}
.vmagicmenu{display:block;position:relative;padding:0px;z-index: 1;width: 200px;float: left;}
.vmagicmenu .block-vmagicmenu-content{border-width: 3px 0 0 0;border-style: solid;padding: 0px 0 15px;min-width: 270px;position: absolute;visibility: hidden;opacity: 0;transition: all 300ms ease-in-out 0s;}
.vmagicmenu .block-vmagicmenu-content .vmagicmenu-narrow{margin: 0;}
.vmagicmenu:hover .block-vmagicmenu-content{opacity: 1;visibility: visible;}
.vmagicmenu .block-title{line-height:40px;padding:0 20px;overflow: hidden;}
.vmagicmenu .block-title span{font-size:14px}
.vmagicmenu .block-title .vmagicmenu-subtitle{text-transform:uppercase;padding:0px;float: left;letter-spacing:1px;}
.vmagicmenu .block-title .fa{float: right;line-height: 13px;width: 16px;height: 16px;border:1px solid #fff;text-align: center;margin-top: 11px;}
.vmagicmenu .level0{padding:0;float:left;line-height:36px;width:100%;list-style: none;}
.vmagicmenu .level0 .level0{line-height: 28px;}
.vmagicmenu .level0.last{border:none}
.vmagicmenu .level0:hover .level0{background-color: transparent;}
.vmagicmenu .level0 .level-top{padding: 0 20px;font-size:100%;text-decoration:none;display:block;outline:medium none}
.vmagicmenu .level0 .level-top img{vertical-align: middle;margin-right: 10px;display: inline-block;}
.vmagicmenu .level0.hasChild .level-top:after{content: "";font-family:FontAwesome;float:right;font-style:normal;font-weight:normal;text-decoration:inherit;vertical-align:middle}
.vmagicmenu .level0 .level-top span{font-size:14px;}
.vmagicmenu .level0 .level-top-mega,.vmagicmenu .vmagicmenu-narrow .level0.dropdown > .level0{position: absolute;top: 0px;left:100%;z-index:999;opacity: 0;visibility: hidden;border-width: 1px;border-style: solid;/* left: 100%; transition:all 300ms ease-in-out 0s;-moz-transition:all 300ms ease-in-out 0s;-webkit-transition:all 300ms ease-in-out 0s;-o-transition:all 300ms ease-in-out 0s; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;-webkit-transition: all 0.45s ease-out 0s;-moz-transition: all 0.45s ease-out 0s;-o-transition: all 0.45s ease-out 0s;transition: all 0.45s ease-out 0s;-moz-transform: translate(100px, 0);-webkit-transform: translate(100px, 0);transform: translate(100px, 0); */}
.vmagicmenu .level0:hover .level-top-mega,
.vmagicmenu .vmagicmenu-narrow .level0.dropdown.hasChild:hover > ul{opacity:1; visibility:visible;/*  -webkit-transform: translate(0,0);-moz-transform: translate(0,0);-o-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0); */}
.vmagicmenu .level0 .level-top-mega .content-mega{margin:0;padding:27px;overflow:hidden}
.vmagicmenu .level0 .level-top-mega .children a,.vmagicmenu p{line-height:25px;text-align:left;text-decoration:none}
.vmagicmenu .level0 .level-top-mega .children > a{ border-width: 0 0 1px 0;border-style: solid;display: block;margin-bottom: 10px;position: relative;}
.vmagicmenu .level0 .level-top-mega .children > a span{font-size: 17px;}   
.vmagicmenu .level-top a{color:#fff;font-size:14px;text-decoration:none;text-align:left}
.vmagicmenu .level0 .level-top-mega .children .level-3{font-size:100%;padding:0 0 5px;line-height:30px}
.vmagicmenu .level0 .level-top-mega .children .level-3 a{font-size:14px;text-transform:uppercase;font-weight:500;}
.vmagicmenu .level0 .level-top-mega .children .nav{line-height:26px;border-bottom:1px solid #ececec}
.vmagicmenu .level0 .level-top-mega .children .nav:last-child{border:none}
.vmagicmenu .level0 .level-top-mega .children > .nav{border:none}
.vmagicmenu .level0 .level-top-mega .children .nav a{font-weight:300}
.vmagicmenu .level0 .level-top-mega .mega-block-top,.vmagicmenu .level0 .level-top-mega .mega-block-bottom{width:100%}
.vmagicmenu .level0 .level-top-mega .mega-block-bottom{clear:both;padding:10px 0 0px}
.vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul{background-color:#f7f7f7;overflow:hidden;padding:15px 25px}
.vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .title-menu,.vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .custom-menu-bottom,.vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .custom-menu-bottom li{float:left;line-height:40px}
.vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .custom-menu-bottom li{padding:0 10px}
.vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .title-menu strong{font-weight:300}
.vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .title-menu span{font-size:14px;color:#888888}
.vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .custom-menu-bottom li a{color:#888888;text-decoration:none;padding:8px 10px;font-size:14px}
.vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .custom-menu-bottom li a:hover{background-color:#8ac28f;color:#ffffff}
.vmagicmenu .level0 .level-top-mega .mage-column .children{float:left;width:250px;text-align:left;padding-right: 30px;}
.vmagicmenu .level0 .level-top-mega .mage-column .children ul{list-style: outside none none;}
.vmagicmenu .level0 .cat_label{background-color:#8ac28f;color:#fff;font-size:11px;height:16px;line-height:15px;margin:0 5px;padding:0 5px;position:absolute;text-transform:capitalize;font-weight:300}
.vmagicmenu .level0 .cat_label.Hot{background-color:#b5d575}
.cms-index-index .header-container-fixed .vmagicmenu .block-vmagicmenu-content {opacity: 0;top: 80px;transition: all 300ms ease-in-out 0s;visibility: hidden;}
.cms-index-index .header-container-fixed .vmagicmenu:hover .block-vmagicmenu-content { opacity: 1;top: 100%;visibility: visible;}
.header-container-fixed .border-bottom::before{display: none;}
.header-container-fixed .vmagicmenu{width: 50px;}
.header-container-fixed .vmagicmenu .block-title .vmagicmenu-subtitle{display: none;}
.header-container-fixed .vmagicmenu .block-title{text-align: center;border-left: 1px solid #eaeaea;}
.header-container-fixed .vmagicmenu .block-title:hover{background-color: #fff; }
.header-container-fixed .vmagicmenu .block-title span{color: #999999;}
.header-container-fixed .vmagicmenu .block-title .fa{float: none;}
.header-container-fixed .magicmenu .nav-desktop .level0 .level-top span.cat_label {top: -3px;}
/*.vmagicmenu .vmagicmenu-narrow >li:nth-of-type(n+8) { display: none; }*/
.vmagicmenu .vmagicmenu-narrow >li:nth-child(n+12) { display: none; }
.vmagicmenu .block-vmagicmenu-content .all-cat { display: block; text-align: center; margin-top: 14px;padding-right: 20px;}
.vmagicmenu .block-vmagicmenu-content .all-cat span {border: 1px solid #eaeaea;cursor: pointer;display: block;line-height: 38px;text-align: center;width: 100%;clear: both;}
.vmagicmenu .block-vmagicmenu-content .all-cat span:after {content: "";font: bold 14px/1 FontAwesome;margin-left: 20px;}
/*Test*/
.level-top-mega .mage-column.cat-mega{margin:0;list-style: outside none none;}
.fixed{z-index:999;width:100%}
.fixed .custom-menu{padding-bottom:7px;padding-top:10px;box-shadow:0 0 6px 0 rgba(0,0,0,0.2)}
.fixed .quick-access{display:none}
@media only screen and (min-width:768px){.nav-mobile{display:none !important;}}
/* hide the link until viewport size is reached */
a.meanmenu-reveal{display:none}
/* when under viewport size,.mean-container is added to body */
.mean-container{display: block;vertical-align: top;height: 40px;line-height: 40px;text-align: center;}
.mean-container .mean-bar{overflow: hidden;}
.mean-container a.meanmenu-reveal{margin: 0 auto;width:17px;line-height: 18px;padding:12px;position:relative;z-index: 32;top:0;right:0;cursor:pointer;outline:medium none;text-decoration:none;font-size:14px;text-indent:-9999em;display:block;font-weight: 700;}
.mean-container a.meanmenu-reveal:hover{color: #fff;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:2px;margin-top:3px}
.mean-container .mean-nav .mobi-title{font-size:14px;line-height:48px;margin:0;padding:0 0 0 15px;text-align:left;text-transform:uppercase;font-weight: bold;position: absolute;z-index: 0;}
.mean-container .mean-nav > ul{float:left;top: 100%;position: absolute;list-style-type:none;z-index: 32;left: 0;right: 0;display: none;margin: 0 15px;}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%}
.mean-container .mean-nav ul li a img{display: none;}
.mean-container .mean-nav ul li a{display:block;padding:5px 0;margin:0;text-align:left;border-width:0 0 1px 0 ;border-style: solid;text-decoration:none;text-transform:capitalize;line-height: 32px;}
.mean-container .mean-nav ul li a span{font-size:15px;padding:0 14px;}
.mean-container .mean-nav ul li a span.short_desc{display: none;}
.mean-container .mean-nav ul li ul li a span.cat_label{background-color:#5ba0d0;color:#fff;font-size:11px;font-weight:300;height:16px;line-height:15px;margin:0 5px;padding:0 5px;position:absolute;text-transform:capitalize}
.mean-container .mean-nav ul li ul li a span.cat_label.Hot{background-color:#fe5858}
.mean-container .mean-nav ul li li a{font-size: 15px; padding: 5px 0 5px 25px;filter:alpha(opacity=75);visibility:visible;}
.mean-container .mean-nav ul li.mean-last a{margin-bottom:0}
.mean-container .mean-nav ul li li li a{font-size: 15px; padding: 5px 0 5px 50px;}
.mean-container .mean-nav ul li li li li a{padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{padding:1em 25%}
.mean-container .mean-nav ul li a.mean-expand{width:15px;height:15px;line-height:15px;padding:0px!important;text-align:center;position:absolute;right:11px;top:13px;z-index:2;font-weight:300;border:none!important}
.mean-container .mean-nav ul li a.mean-expand:hover{color:#cc9933;background-color: transparent;}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}

