/**
 * 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 10:30:58
 * @@Function:*/
 .border-bottom{position: relative;}
.magicmenu{position:relative;}
.magicmenu .nav-desktop{position:static;margin:0;padding:0;}
.magicmenu .nav-desktop .level0{padding:0px;margin:0 0 0 1px;display: inline-block;}
.magicmenu .nav-desktop .level0.home{padding-left: 15px;}
.magicmenu .nav-desktop .level0.logo.display{display: none;border: 0;}
.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.cat:hover .level-top:before{border-right:1px solid #ff3366;} 
.magicmenu .nav-desktop .level0 > a:hover .short_desc{color:#888888;}
.magicmenu .nav-desktop .level0 .level-top{padding:35px 25px;text-transform:capitalize;font-size:14px;position: relative;text-decoration:none;outline:medium none;display:block;text-align:center;line-height: 20px;}
.magicmenu .nav-desktop .level0.hasChild .level-top:after{content: "";font-family: "FontAwesome";font-size: 14px;vertical-align: 0;position: absolute;left: 50%;top: 50px;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.magicmenu .nav-desktop .level0 .level-top span.icon-text{outline:medium none;}
.magicmenu .nav-desktop .level0 .level-top span.cat_label{right: 15px;top: 15px;}
.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,
.magicmenu .nav-desktop .level0 .level-top > img{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: 0 1px 1px 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;}
.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: 30px;min-width: 210px;}
.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 .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-style: solid;border-width: 0 0 1px 0;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 .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;margin-top: 30px;}
.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{background-color:#f4fd00;border-radius: 45%; -moz-border-radius: 45%;-webkit-border-radius: 45%;-ms-border-radius: 45%; -o-border-radius: 45%;color:#e62e04;font-weight: bold;font-size:11px !important;line-height:20px;padding:0 5px;text-transform:uppercase;position:absolute;}
.magicmenu .nav-desktop .level0 .cat_label:before {border-color: transparent;border-style: solid;border-top-color: #dc1212;border-width: 6px 10px 0 0;content: "";height: 0;position: absolute;left: 10px;top: 17px;transition: border-color 450ms ease-in-out 0s;width: 0;}
.magicmenu .nav-desktop .level0 .cat_label.New:before,
.magicmenu .nav-desktop .level0 .cat_label.Map:before {border-top-color: #f4fd00;}
.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;}
.magicmenu .nav-desktop .level0 .cat_label.Hot:before, .vmagicmenu .level0 .cat_label.Hot:before{border-color: #dc1212 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
.magicmenu .nav-desktop .level0 .cat_label.Sale:before,.magicmenu .nav-desktop .level0 .cat_label.sale:before,.vmagicmenu .level0 .cat_label.Sale:before,.vmagicmenu .level0 .cat_label.sale:before{border-color: #ff6600 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
.magicmenu .nav-desktop .level0 .cat_label.Sale,.magicmenu .nav-desktop .level0 .cat_label.sale,.vmagicmenu .level0 .cat_label.Sale,.vmagicmenu .level0 .cat_label.sale{background-color:#ff6600;color: #fff;}
.magicmenu .nav-desktop .level0 .cat_label.Hot,.magicmenu .nav-desktop .level0 .cat_label.hot,.vmagicmenu .level0 .cat_label.Hot,.vmagicmenu .level0 .cat_label.hot{background-color:#dc1212;color: #fff;}
/* Extra Menu*/

/* Vertical Menu*/
.vmagicmenu{display:block;position:relative;padding:0px;z-index: 2;width: 270px;float: left;}
.vmagicmenu .block-vmagicmenu-content{border: 1px solid #eaeaea;padding: 0px;background-color: #fff;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 0 0;overflow: hidden;}
.vmagicmenu .block-title span{font-size:14px;}
.vmagicmenu .block-title .vmagicmenu-subtitle{text-transform:uppercase;padding:0px;letter-spacing: 1px;float: right;}
.vmagicmenu .block-title .fa{line-height: 40px;font-family:FontAwesome;background-color: #2a2a2a;width: 40px;text-align: center;}
.vmagicmenu .level0{padding:0 20px;float:left;line-height:34px;width:100%;list-style: none;}
.vmagicmenu .level0 .level-top{line-height: 36px;}
.vmagicmenu .level0 .level0{line-height: 28px;}
.vmagicmenu .level0.last{border:none}
.vmagicmenu .level0:hover,.vmagicmenu .level0.active{background-color:#f04923;}
.vmagicmenu .level0:hover .level-top{border-bottom: 1px dotted transparent;}
.vmagicmenu .level0:hover .level0{background-color: transparent;}
.vmagicmenu .level0 .level-top{ border-bottom: 1px dotted #eaeaea;padding: 0px;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;color:#666;float:right;font-style:normal;font-weight:normal;text-decoration:inherit;vertical-align:middle}
.vmagicmenu .level0:hover .level-top:after,.vmagicmenu .level0:hover .level-top{color: #fff;}
.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%; 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;*/left:30px;z-index:999;/*  -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); */opacity: 0;visibility: hidden;border-width: 1px;border-style: solid;margin-left:100%;}
.vmagicmenu .level0:hover .level-top-mega,
.vmagicmenu .vmagicmenu-narrow .level0.dropdown.hasChild:hover > ul{left:0;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{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-bottom: 1px solid #e8e8e8;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 .content-mega{margin:0}
.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: #fff;}
.cms-index-index .vmagicmenu .block-vmagicmenu-content {opacity: 1;visibility: visible;}
/*.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;padding: 0px;margin-top: 5px;}
.vmagicmenu .block-vmagicmenu-content .all-cat span {border-top: 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;}
.vmagicmenu .block-vmagicmenu-content .all-cat span:hover{color: #fff;background-color: #f04923;border-top: 1px solid #f04923;}
/*Test*/
.level-top-mega .mage-column.cat-mega{margin:0;list-style: outside none none;}
.vmagicmenu .level0 .level-top-mega .content-mega{}
.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 */
.menu-mobile{position: relative;}
.mean-container .mean-bar{overflow: hidden;}
.mean-container a.meanmenu-reveal{width:20px;height:18px;padding:15px;position:relative;z-index: 32;top:0;right:0;cursor:pointer;outline:medium none;text-decoration:none;font-size:14px;text-indent:-9999em;line-height:18px;display:block;float: right;font-weight: 700;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;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;margin: 0 15px;top: 100%;position: absolute;list-style-type:none;z-index: 2;left: 0;display: none;}
.mean-container .mean-nav ul li a img{display: none;}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%}
.mean-container .mean-nav ul li a{display:block;padding:10px 0;margin:0;text-align:left;color:#fff;border-bottom:1px solid #333;text-decoration:none;text-transform:capitalize}
.mean-container .mean-nav ul li a span{font-size:15px;padding:0 14px;}
.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: 10px 0 10px 40px;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: 10px 0 10px 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:hover{color:#999;}
.mean-container .mean-nav ul li a.mean-expand{width:15px;height:15px;line-height:15px;padding:10px!important;text-align:center;position:absolute;right:5px;top:5px;z-index:2;font-weight:300;background:rgba(255,255,255,0.1);border:none!important}
.mean-container .mean-nav ul li a.mean-expand:hover{background:#444;color:#fff}
.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}