/**
 * 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-05-04 11:53:27
 * @@Function:*/
 .custom-menu{position:relative;}
.magicmenu .nav-desktop{position:static;margin:0;padding:0;}
.magicmenu .nav-desktop .level0{padding:0px;margin:0px;display: inline-block;float: none;}
.magicmenu .nav-desktop .level0 > a:hover .short_desc{color:#888888}
.magicmenu .nav-desktop .level0 .level-top{padding:0 20px;text-transform:capitalize;font-size:15px;font-weight:normal;position: relative;text-decoration:none;outline:medium none;display:block;text-align:center;line-height: 100px;}
.magicmenu .nav-desktop .level0 .level-top span.icon-text{}
.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:15px;vertical-align: top;font-weight:normal;}
.magicmenu .nav-desktop .level0.home .level-top{}
.magicmenu .nav-desktop .level0 .level-top > span::before { border-top: 3px solid rgba(0, 0, 0, 0); content: ""; position: absolute; top: 0; width: 100%;}
.magicmenu .nav-desktop .level0 .level-top:hover > span::before, .magicmenu .nav-desktop .level0.active .level-top > span::before { border-color: #6b869d;}
.magicmenu .nav-desktop .level0 .level-top > span.boder-menu::before { display: none;border: 0 none;}
.magicmenu .nav-desktop .level0.home .level-top .icon-home{display: none;}
.magicmenu .nav-desktop .level0 .level-top-mega{border-top: 3px solid #6b869d;box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);padding:0 0 0px 30px;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:120px;visibility:hidden}
.magicmenu .nav-desktop .level0:hover .level-top-mega{opacity:1;top:100px;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 .nav-desktop .level0 .level-top-mega .children a,.magicmenu .nav-desktop p{line-height:15px;text-align:left;text-decoration:none;font-size: 13px;text-transform:capitalize;}
.magicmenu .nav-desktop .level0 .level-top-mega .children .nav a{ display: block;line-height: 28px;transition: all 0.5s ease 0s;}
.magicmenu .nav-desktop .level0 .level-top-mega .children .nav a:hover { margin-left: 5px;}
.magicmenu .nav-desktop .level0.home .level-top-mega a{ display: block;line-height: 28px;}
.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{margin:25px 0 15px;}
.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: 17px;text-transform: none;margin:20px 0 0;display: block;}
.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.home .level-top-mega { padding: 20px 30px 30px;width:215px;text-align:left;}
.magicmenu .nav-desktop .level0 .level-top-mega .mega-block-bottom{text-align: center;overflow: hidden; padding-right: 30px;}
.magicmenu .nav-desktop .level0 .level-top-mega .mega-block-bottom .img-responsive{display: inline;}
.magicmenu .nav-desktop .level0 .level-top-mega .content-mega-horizontal{overflow:hidden;}
.magicmenu .nav-desktop .level0 .level-top-mega .content-mega-horizontal .cat-mega{padding-bottom: 30px;}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column{float:none;}
.magicmenu .menu-bottom-left { padding-left: 0;}
.magicmenu .menu-bottom-right { padding-right: 0;}
.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:185px;}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column .children ul{margin-right:30px;}
.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;text-align: right;}
.magicmenu .mega-block-right .menu-images-right { padding: 30px 30px 0 0;}
.mega-block-right img{display: inline;}
.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:#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;}
.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,.mean-container .mean-nav ul li a span.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*/

/* Tickker Menu */
.header-container-fixed .magicmenu .nav-desktop .level0 .level-top-mega{top: 100px;}
.header-container-fixed .magicmenu .nav-desktop .level0:hover .level-top-mega{top: 82px;}


/* 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 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 .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{float: right; min-height: 60px; padding: 0; position: static; width: auto;  z-index: 1;margin: 0 0 0;}
.mean-container a.meanmenu-reveal{width:20px;height:20px;padding:20px;top:0;right:0;cursor:pointer;outline:medium none;color:#6b869d;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-weight:700;border-right: 1px solid #717171;}
.header-container-fixed .mean-container a.meanmenu-reveal { border-color: #f3f3f3;}
.mean-container a.meanmenu-reveal span{display:block;background:#777777;height:3px;margin-top:3px}
.cms-index-index .mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.header-container-fixed .mean-container a.meanmenu-reveal span{display:block;background:#777777;height:3px;margin-top:3px}
.mean-container .mean-nav{left: 0;position: absolute;  width: 100%;background: #ffffff ;z-index: 1000;top:60px;}
.mean-container .mean-nav ul {border-top: 3px solid #6b869d;}
.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{background-color: #fff;display:block;padding:10px 0;margin:0;text-align:left;color:#252525;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;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{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:#d9dadc;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}

@media (max-width: 480px) {
.mean-container .mean-nav { top: 80px;}


}

/* cvelde override */
.content-mega-horizontal{
    /*width:185px !important;*/
}
ul.c-level-3 {
    visibility:hidden;
    position: absolute;
    top: -3px;
    left: 215px;
    background: white;
    border-top: 3px solid #fb5f02;
    padding: 0px 20px 10px 20px;   
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
    display:none;
}
ul.c-level-3:hover,
li.level-3:hover ul.c-level-3 {
    visibility:visible;
}
.c-level-1-span {
    padding: 0 20px;
    text-transform: capitalize;
    font-size: 17px;
    font-weight: normal;
    font-family: Play;
    position: relative;
    text-decoration: none;
    outline: medium none;
    display: block;
    text-align: center;
    line-height: 100px;
    width:100px;
    cursor:pointer;
    float:left;
}
.c-level-1 li.level0{
    display:none !important;
}
.c-level-1:hover li.level0{
    display:block !important;
    width: 215px;
}
.c-container { 
    display:none;
    position:absolute;
    background: white;
    border-top: 3px solid #fb5f02;
    z-index:10001;    
    top:100px;    
    width:200px;    
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}
.c-level-1:hover .c-container,
.c-container:hover {
    display:block;
    padding-top: 15px;
}

.level-top-mega {
    top:-3px !important;
    /*width:200px !important;*/
    left: 200px;
}
.level-top-mega, .c-container, .c-level-3 {
    height:500px;
}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column .children ul {
    margin-right: 0px !important;
}
.magicmenu .nav-desktop .level0 .level-top:hover > span::before, .magicmenu .nav-desktop .level0.active .level-top > span::before {
    border:none !important;
}
.header-center {
    float:left !important;
    width:auto !important;
}
.header-left {
    margin-right:0px !important;
}
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column .children {
    float: left;
    text-align: left;
    padding: 0;
    width: 185px;
}
.magicmenu .nav-desktop .level0 .level-top span, 
.magicmenu .nav-desktop .level0 .level-top-mega .children .level-3 a {
    font-size:15px !important;
    margin: 14px 0 0;
    line-height: 20px;
}
.magicmenu .nav-desktop .level0 .level-top span.boder-menu {
    margin:0;
}
.magicmenu a:hover,
.magicmenu .nav-desktop .level0 .level-top-mega .children .level-3 a:hover,
.magicmenu .nav-desktop .level0 .level-top-mega .children .level-3.active a,
.magicmenu li:hover a span,
.magicmenu li.active a span,
.magicmenu .active a{
    color: #FB5F02 !important;
}
.magicmenu .nav-desktop .level0 .level-top,
.magicmenu .nav-desktop .level0 .level-top-mega .mage-column .children {
    border-bottom:1px dashed #dedede;
    width: 175px !important;
    margin-right: 20px;
    height: 56px;
    text-align:left !important;
}
.magicmenu .nav-desktop .level0 .level-top {
    height:44px;
    text-transform:none !important;
}
.magicmenu .nav-desktop .level0 .level-top-mega .children .level-3 {
    margin: 8px 0 0 !important;
    padding: 0 0 4px 0;
}
.magicmenu .nav-desktop .level0:hover .level-top-mega {
    padding-left: 20px !important;
    padding-top: 18px;
}
.header-container-fixed .magicmenu .nav-desktop .level0:hover .level-top-mega {
    top:-3px !important;
}
.magicmenu .nav-desktop .level0 .level-top > span {
    white-space:normal !important;
}
.c-level-1 {
    float:left;
}