/**
 * 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-04-01 22:46:35
 * @@Function:*/
 .custom-menu{position:relative;}
.magicmenu .nav-desktop{position:static;margin:0;padding:0;}
.magicmenu .nav-desktop .level0{padding:0px;float:left;}
.magicmenu .nav-desktop .level0.home {padding:0 0 0 20px;}
.magicmenu .nav-desktop .level0.active{color:#333333}
.magicmenu .nav-desktop .level0.over > a,.magicmenu .nav-desktop .level0.active > a,.magicmenu .nav-desktop .level0.active > a span.icon-text,.magicmenu .nav-desktop .level0 > a:hover,.magicmenu .nav-desktop .level0 > a:hover.icon-text{/* color:#fff;background-color:#187fd6; */}
.magicmenu .nav-desktop .level0 > a:hover .short_desc{color:#888888}
.magicmenu .nav-desktop .level0 .level-top{padding:16px 15px 0;text-transform:uppercase;font-size:15px;position: relative;color:#3f3f3f;text-decoration:none;outline:medium none;display:block;text-align:center;line-height: 20px;}
.magicmenu .nav-desktop .level0 .level-top span.icon-text{padding:0;text-transform:uppercase;font-size:12px;text-decoration:none;outline:medium none;text-align:left}
.magicmenu .nav-desktop .level0 .level-top span.cat_label{right: 0;top: -8px;}
.magicmenu .nav-desktop .level0 .level-top > span{position:relative;display:block;white-space: nowrap;font-size:12px; letter-spacing: 2px;vertical-align: top;line-height: 20px;}
.magicmenu .nav-desktop .level0.home .level-top{}
.magicmenu .nav-desktop .level0.home .level-top .icon-home{display:none}
.magicmenu .nav-desktop .level0.home .level-top .icon-home{font-size:40px}
.magicmenu .nav-desktop .level0 .level-top-mega{  background-color:#fff;box-shadow: 1px 6px 7px 0 rgba(0, 0, 0, 0.15);padding:0 0 0px 20px;position:absolute;z-index:999;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:60px;visibility:hidden}
.magicmenu .nav-desktop .level0:hover .level-top-mega{opacity:1;top:67px;visibility:visible}
.magicmenu .nav-desktop .level0 .level-top-mega .menuextra,.magicmenu .nav-desktop .level0 .level-top-mega .custom-width,.magicmenu .nav-desktop .level0 .level-top-mega .extramenu{background-color:#ffffff;border:1px solid #ececec}
.magicmenu .nav-desktop .level0:hover .level-top span:before, .magicmenu .nav-desktop .level0.active .level-top span:before { display: block;}
.magicmenu .mage-column.mega-block-top p { font-style: italic; font-weight: normal;}
.magicmenu .nav-desktop .level0:hover .level-top span.boder-menu {display: inline-block;}
.magicmenu .nav-desktop .level0 .level-top span.boder-menu { background: none repeat scroll 0 0 #333333;height: 3px; width: 100%;margin-top: 27px;display:none;}
.magicmenu .nav-desktop .level0 .level-top-mega .children a {letter-spacing: 1px;}
.magicmenu .nav-desktop .level0 .level-top-mega .children a,.magicmenu .nav-desktop p{line-height:25px;text-align:left;text-decoration:none;color:#696969;font-size: 12px;text-transform:uppercase;}
.magicmenu .nav-desktop .level0 .level-top-mega .children a:hover{color:#000;}
.magicmenu .nav-desktop .level0 .level-top-mega .children a:before {color: #696969;content: "";font-family: FontAwesome;font-size: 14px;margin-right: 10px;text-align: left;width: 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 .level-3{border-bottom:1px solid #e6e6e6;margin:30px 0;padding:0 0 10px;}

.magicmenu .nav-desktop .level0 .level-top-mega .children .level-3 img{max-width:100%;height:auto;}
.magicmenu .nav-desktop .level0 .level-top-mega .children .level-3 a{ font-size: 18px;text-transform: uppercase; letter-spacing: 2px;color:#000;}
.magicmenu .nav-desktop .level0 .level-top-mega .children .level-3 a:before{display:none;}
.magicmenu .nav-desktop .level0 .level-top-mega .children .nav:last-child { border: 0 none;}
.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 .content-mega-horizontal{overflow:hidden;}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column{float:none;}
.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:290px;}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column .children ul{margin-right:68px;}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column.mega-block-left{float:left;}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column.mega-block-right{float:right;padding:0;}
.block-left,.block-right,.cat-mega{float:left}
.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:#fe5858;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;}
.cutom-top h3{padding:12px 0 9px 0;margin:0;color:#333;font-size:16px;line-height:16px;text-transform:capitalize;font-weight:500}
.nav-desktop .cutom-top p,.nav-desktop .cutom-top span{padding:0;margin:0;color:#555;font-size:13px;text-transform:capitalize;font-weight:300;line-height:18px}
.nav-desktop .custom-width .cutom-top span{padding-bottom:5px;display:block}
.cutom-top a{padding:0;margin:0;color:#aaaaaa;font-size:12px;text-transform:capitalize;font-weight:300;text-decoration:none;line-height:20px;display:block;background-image:url("../../../images/bg-readmore.png");background-position:62px 7px;background-repeat:no-repeat}
.cutom-top a:hover{color:#b2d36e;background-image:url("../../../images/bg-readmore-hover.png");background-position:62px 7px}
.cutom-top .block-custom4 a{background:none}
.custom-width{width:840px;padding:20px}
.block-custom{text-align:left}
.block-custom4{border-left:1px solid #ececec;padding-left:15px}
.block-custom4 p{font-size:13px;color:#666666;padding:10px 0 0 0}
.customul li{line-height:25px}
.customul li a:hover{color:#8ac28f}
.cutom-top{margin-bottom:60px}
.cutom-top .pr{padding-right:5px}
.cutom-bootom{border-top:1px solid #ececec;text-align:left;padding:26px 0 15px;clear:both}
.cutom-bootom a{text-align:left;color:#fff;text-transform:uppercase;background-color:#8ac28f;padding:5px 10px;display:inline-block;text-decoration:none;line-height:15px}
.cutom-bootom a:hover{color:#fff}
.cutom-bootom h4{text-align:right;font-size:14px;color:#aaa;text-transform:uppercase;float:right;margin:0;line-height:24px}
.cutom-bootom h4 strong{color:#666666}
.magicmenu .nav-desktop .level0 .level-top .short_desc{display:block;font-size:13px;font-weight:300;line-height:13px;text-transform:capitalize;color:#999}
/**
	rest main-container
 */
.main-container{clear:both}
.magicmenu .nav-desktop .level0 .cat_label{background-color:#5ba0d0;color:#ffffff;font-weight: normal;font-size:11px;line-height:18px;padding:0 5px;margin: 0 5px;text-transform:capitalize;position:absolute;}
.magicmenu .nav-desktop .level0 .cat_label:before {
    border-color: transparent;
    border-style: solid;
	border-top-color: #fe5858;
    border-width: 4px;
    content: "";
    height: 0;
    position: absolute;
    right: 6px;
    top: 18px;
    transition: border-color 450ms ease-in-out 0s;
    width: 0;
}
.magicmenu .nav-desktop .level0 .cat_label.New:before {
	border-top-color: #5ba0d0;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children .level-3 a .cat_label:before {
	display:none;
}
.magicmenu .nav-desktop .level0 .cat_label.Hot{background-color:#fe5858;}
/* Extra Menu*/
.menuextra .cutom-top .banner-inner{float:left}
.menuextra .cutom-top .banner-inner1{width:270px}
.menuextra .cutom-top .banner-inner2,.menuextra .cutom-top .banner-inner3{width:281px}
.menuextra .cutom-top .banner-inner2{margin-right:4px}
.cutom-top.menu-extra .banner-inner1 .block-custom1{padding:70px 0 69px 23px}
.cutom-top.menu-extra .banner-inner1 .block-custom1 p{font-style:normal;color:#aaaaaa}
.cutom-top.menu-extra{margin:0;padding:4px;overflow:hidden}
.cutom-top .banner-inner{padding:0}
.cutom-top.menu-extra .block-custom1{padding:69px 0 88px}
.cutom-top.menu-extra .block-custom1 h3{font-size:14px;color:#666;font-family:"Montserrat";padding:0 0 10px 0;line-height:14px}
.cutom-top.menu-extra .block-custom1 h2{font-size:23px;color:#333333;font-family:"Montserrat";margin:0;padding:10px 0;font-weight:bold}
.cutom-top.menu-extra .block-custom1 p{font-size:12px;color:#666;line-height:12px;font-style:italic;text-transform:none}
.cutom-top.menu-extra .block-custom1 .view-more{display:inline-block;font-size:13px;color:#fff;text-transform:none;margin-top:25px;padding:0 14px;background-image:none}
.before{background-color:#7e7e7e;height:2px;width:60px;display:block}
.cutom-top.menu-extra.cutom-new{width:908px;padding:0;height:339px}
.cutom-top.menu-extra.cutom-hot{width:844px}
.cutom-top.menu-extra.cutom-new img{float:right;margin-top:27px}
.cutom-top.menu-extra.cutom-new .block-custom1{margin:0 auto 0 264px;text-align:center;width:276px;position:absolute}
.cutom-top.menu-extra.cutom-new .block-custom1 .before{margin:0 auto}
.cutom-top.menu-extra.cutom-new .block-custom1 h2,.cutom-top.menu-extra.cutom-new .block-custom1 h3,.cutom-top.menu-extra.cutom-new .block-custom1 p,.cutom-top.menu-extra.cutom-new .block-custom1 .view-more{text-align:center}
/* Vertical Menu*/
.vmagicmenu{display:block;position:relative;padding:0 0 10px}
.vmagicmenu .vmagicmenu-narrow{border:1px solid #eee;border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px}
.vmagicmenu .block-title{background-color:#8ac28f;border-radius:3px 3px 0 0;line-height:50px;padding:0 18px}
.vmagicmenu .block-title span{color:#ffffff;font-size:14px}
.vmagicmenu .block-title .vmagicmenu-subtitle{text-transform:uppercase;padding:0 0 0 10px}
.vmagicmenu .level0{padding:0;float:left;line-height:46px;width:100%;border-bottom:1px solid #eee}
.vmagicmenu .level0.last{border:none}
.vmagicmenu .level0.cat.noChild:after,.vmagicmenu .level0.cat.noChild .level-top:after{display:none}
.vmagicmenu .level0:hover,.vmagicmenu .level0.active{background-color:#f4f4f4}
.vmagicmenu .level0 .level-top{padding:0 0 0 18px;color:#666666;font-size:100%;text-decoration:none;font-weight:300;display:block;outline:medium none}
.vmagicmenu .level0 .level-top:after{content:"";font-family:FontAwesome;font-size:9px;color:#c2c2c2;padding-right:14px;float:right;font-style:normal;font-weight:normal;text-decoration:inherit;vertical-align:middle}
.vmagicmenu .level0 .level-top:hover{}
.vmagicmenu .level0 .level-top span{font-size:15px}
.vmagicmenu .level0 .level-top-mega{position:absolute;background-color:#FFFFFF;box-shadow:1px 6px 7px 0 rgba(0,0,0,0.15);z-index:999;margin-left:260px;left:30px;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;visibility:hidden;opacity:0;border:1px solid #ececec;/*width:780px;*/}
.vmagicmenu .level0:hover .level-top-mega{left:0;opacity:1;visibility:visible}
.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 .cat-mega{}
.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;color:#555}
.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{color:#555;font-weight:300}
.vmagicmenu .level0 .level-top-mega .children .nav a:hover{color:#8ac28f}
.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:15px 0 20px}
.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:210px;text-align:left;margin-bottom:25px}
.vmagicmenu .level0 .level-top-mega .mage-column .children ul{margin-right:40px}
.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}
/*Test*/
.level-top-mega .mage-column.cat-mega{margin:0}
.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 */
.mean-container .mean-bar{display: inline-block;position:static;padding:0;min-height:40px;z-index:10;width: 40px;}
.mean-container a.meanmenu-reveal{width:20px;height:20px;padding:15px 10px 10px;position:static;top:0;right:0;cursor:pointer;outline:medium none;color:#333;text-decoration:none;font-size:16px;line-height:0;font-size:1px;display:block;font-weight:700;font-size: 20px !important;}
.mean-container a.meanmenu-reveal.meanclose {line-height: 20px;}
.mean-container a.meanmenu-reveal span{background: none repeat scroll 0 0 #333333; display: inline-block; height: 3px;  margin: 3px 0 0;width: 100%;}
.mean-container .mean-nav{background: none repeat scroll 0 0 #ffffff; border-top: 1px solid #eeeeee; float: left;left: 0; position: absolute; top: 100%; width: 100%;z-index: 1000;}
.mean-container .mean-nav .mobi-title{ display: none;color:#fff;font-size:16px;line-height:42px;margin:0;padding:0 0 0 15px;text-align:left;text-transform:uppercase}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type: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:#666;border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;text-decoration:none;text-transform:capitalize}
.mean-container .mean-nav ul li a span{font-size:15px;font-weight:300;padding:0 14px;}
.mean-container .mean-nav ul li ul li a span.cat_label{background-color:#a5cc72;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:#f2c568}
.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,0.25);filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a{margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover{background-color:#f4f4f4}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:23px;height:23px;line-height:23px;padding:10px!important;text-align:center;position:absolute;right:0;top:0;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:#666666;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}
