@charset "utf-8";
/* CSS Document */
.menuzord,.menuzord *{
	font-family: 'octopus_300light';
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
	.menuzord{
		width:100%;
		/*padding:0 30px;*/
		float:left;
		position:relative;
		background:#ebeef0
		}
	.menuzord a{
		-o-transition:color .3s linear,background .3s linear;
		-moz-transition:color .3s linear,background .3s linear;
		-webkit-transition:color .3s linear,background .3s linear;
		transition:color .3s linear,background .3s linear
		}
	.menuzord-menu.scrollable>.scrollable-fix{display:none}
	.menuzord-brand{
		/*margin:18px 30px 0 0;*/
		float:left;
		color:#666;
		text-decoration:none;
		line-height:1.3;
		cursor:pointer
		}
	.menuzord-menu{
		margin:0;
		padding:0;
		float:left;
		list-style:none
		}
	.menuzord-menu.menuzord-right{float:right}
	.menuzord-menu>li{
		display:inline-block;
		float:left
		}
	.menuzord-menu>li>a {
		padding: 40px 15px;
		display: inline-block;
		text-decoration: none;
		font-size: 15px;
		color: #000;
		outline: 0;
		line-height: 1.42857143;
		-webkit-tap-highlight-color: transparent;
		 } 
	.menuzord-menu>li.active>a,.menuzord-menu>li:hover>a{color:#333}
	.menuzord-menu ul.dropdown,.menuzord-menu ul.dropdown li ul.dropdown{
		list-style:none;
		margin:0;
		padding:0;
		display:none;
		position:absolute;
		z-index:99;
		min-width:180px;
		white-space:nowrap;
		background:#fff;
		}
	.menuzord-menu ul.dropdown li ul.dropdown{left:100%}
	.menuzord-menu ul.dropdown li{clear:both;width:100%;border:0;font-size:12px;position:relative}
	.menuzord-menu ul.dropdown li a{
		width:100%;
		background:0 0;
		padding:10px 25px 10px 22px;
		color:#000;
		text-decoration:none;
		display:inline-block;
		float:left;
		clear:both;
		position:relative;
		outline:0;
		-o-transition:padding .2s linear;
		-moz-transition:padding .2s linear;
		-webkit-transition:padding .2s linear;
		transition:padding .2s linear;
		font-size:14px;
		font-family: 'octopus_300light';
		}
		.menuzord-menu ul.dropdown li:hover>a{padding-left:28px;padding-right:19px;color:#333}
		.menuzord-menu ul.dropdown.dropdown-left{left:none}
		.menuzord-menu ul.dropdown li ul.dropdown.dropdown-left{left:-100%}
		.menuzord-menu li .indicator{margin-left:3px}
		.menuzord-menu li ul.dropdown li .indicator{position:absolute;top:8px;right:10px;font-size:15px}
		.menuzord-menu>li>.megamenu{
			width:100%;
			padding:20px 30px;
			left:0;
			position:absolute;
			display:none;
			z-index:99;
			border-top:solid 1px #f0f0f0;
			background:#fff;}
	.menuzord-menu>li>.megamenu.megamenu-half-width{width:50%;left:auto}
	.menuzord-menu>li>.megamenu.megamenu-quarter-width{width:25%;left:auto}
	.menuzord-menu>li>.megamenu .megamenu-row{width:100%;margin-top:15px}
	.menuzord-menu>li>.megamenu .megamenu-row:first-child{margin-top:0}
	.menuzord-menu>li>.megamenu .megamenu-row:after,.menuzord-menu>li>.megamenu .megamenu-row:before{
		display:table;
		content:"";
		line-height:0;
		}
	.menuzord-menu>li>.megamenu .megamenu-row:after{clear:both}
	.menuzord-menu>li>.megamenu .megamenu-row .col1,.menuzord-menu>li>.megamenu .megamenu-row 
	.col10,.menuzord-menu>li>.megamenu .megamenu-row .col11,.menuzord-menu>li>.megamenu .megamenu-row 
	.col12,.menuzord-menu>li>.megamenu .megamenu-row .col2,
	.menuzord-menu>li>.megamenu .megamenu-row .col3,.menuzord-menu>li>.megamenu .megamenu-row 
	.col4,.menuzord-menu>li>.megamenu .megamenu-row .col5,.menuzord-menu>li>.megamenu 
	.megamenu-row .col6,.menuzord-menu>li>.megamenu .megamenu-row 
	.col7,.menuzord-menu>li>.megamenu .megamenu-row 
	.col8,.menuzord-menu>li>.megamenu .megamenu-row 
	.col9{display:block;min-height:20px;float:left;margin-left:3%}
	
	.menuzord-menu>li>.megamenu .megamenu-row [class*=col]:first-child{margin-left:0}
	.menuzord-menu>li>.megamenu .megamenu-row .col1{width:5.583333333333%}
	.menuzord-menu>li>.megamenu .megamenu-row .col2{width:14.166666666666%}
	.menuzord-menu>li>.megamenu .megamenu-row .col3{width:22.75%}
	.menuzord-menu>li>.megamenu .megamenu-row .col4{width:31.333333333333%}
	.menuzord-menu>li>.megamenu .megamenu-row .col5{width:39.916666666667%}
	.menuzord-menu>li>.megamenu .megamenu-row .col6{width:48.5%}
	.menuzord-menu>li>.megamenu .megamenu-row .col7{width:57.083333333333%}
	.menuzord-menu>li>.megamenu .megamenu-row .col8{width:65.666666666667%}
	.menuzord-menu>li>.megamenu .megamenu-row .col9{width:74.25%}
	.menuzord-menu>li>.megamenu .megamenu-row .col10{width:82.833333333334%}
	.menuzord-menu>li>.megamenu .megamenu-row .col11{width:91.416666666667%}
	.menuzord-menu>li>.megamenu .megamenu-row .col12{width:100%}
	
	.menuzord .showhide{
		width:60px;
		height:46px;
		padding:13px 0 0;
		display:none;
		float:right;
		text-decoration:none;
		outline:0;
		-webkit-tap-highlight-color:transparent;
		background:#0E7DBF;
		}
	.menuzord .showhide em{
		width:20px;
		height:3px;
		margin:3.5px 20px 0;
		float:right;background:#FFF;
		}
	.menuzord-menu>li>a>i{margin:0 5px 0 0;font-size:18px;float:left;line-height:20px;font-family:FontAwesome}
	.menuzord-menu>li.search form{float:left;padding:22px 16px 17px}
	.menuzord-menu>li.search form input[type=text]{
		width:160px;
		padding:5px 10px;
		font-family:'Open Sans',sans-serif;
		border:none;
		background:#f0f0f0;
		border-radius:2px;outline:0;
		-o-transition:width 1s ease-out;
		-moz-transition:width 1s ease-out;
		-webkit-transition:width 1s ease-out;
		transition:width 1s ease-out
		}
	.menuzord-menu>li.search form:hover input[type=text]{width:160px}
	.menuzord-tabs{width:100%;float:left}.menuzord-tabs-nav{width:20%;margin:0;padding:0;float:left;list-style:none}
	.menuzord-tabs-nav>li>a{
		width:100%;
		padding:7px 16px;
		float:left;
		font-size:13px;
		text-decoration:none;
		color:#666;
		border:1px solid #f0f0f0;
		outline:0;
		}
	.menuzord-tabs-nav li.active a,.menuzord-tabs-nav li:hover a{background:#f0f0f0}
	.menuzord-tabs-content{
		width:80%;
		min-height:30px;
		padding:20px;
		float:right;
		display:none;
		font-size:13px;
		border:1px solid #f0f0f0;
		}
	.menuzord-tabs-content.active{display:block}
	.menuzord.blue .menuzord-menu ul.dropdown li:hover>a,.menuzord.blue 
	.menuzord-menu>li.active>a,.menuzord.blue .menuzord-menu>li:hover>a{color:#4A89DC}
	
	.menuzord.green .menuzord-menu ul.dropdown li:hover>a,.menuzord.green 
	.menuzord-menu>li.active>a,.menuzord.green .menuzord-menu>li:hover>a{color:#37BC9B}
	
	.menuzord.red .menuzord-menu ul.dropdown li:hover>a,.menuzord.red .menuzord-menu>li.active>a,
	.menuzord.red .menuzord-menu>li:hover>a{color:#e48842}
	.menuzord-menu .active{color:#e48842}
	.menuzord.orange .menuzord-menu ul.dropdown li:hover>a,.menuzord.orange 
	.menuzord-menu>li.active>a,.menuzord.orange .menuzord-menu>li:hover>a{color:#ff670f}
	
	.menuzord.yellow .menuzord-menu ul.dropdown li:hover>a,.menuzord.yellow .menuzord-menu>li.active>a,
	.menuzord.yellow .menuzord-menu>li:hover>a{color:#F6BB42}
	
	.menuzord.purple .menuzord-menu ul.dropdown li:hover>a,.menuzord.purple .menuzord-menu>li.active>a,
	.menuzord.purple .menuzord-menu>li:hover>a{color:#967ADC}
	
	
	.menuzord.pink .menuzord-menu ul.dropdown li:hover>a,.menuzord.pink 
	.menuzord-menu>li.active>a,.menuzord.pink .menuzord-menu>li:hover>a{color:#D770AD}
	
	@media (max-width:768px){
	.menuzord-responsive.menuzord{padding:0}.menuzord-responsive .menuzord-brand{
		margin:8px 30px 10px 20px;
		font-size:20px;
		line-height:1.55;
		}
	.menuzord-responsive .showhide{margin:0}.menuzord-responsive .menuzord-menu{width:100%;float:left!important}
	.menuzord-responsive .menuzord-menu.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}
	.menuzord-responsive .menuzord-menu.scrollable>.scrollable-fix{display:block}
	.menuzord-responsive .menuzord-menu>li{width:100%;display:block;position:relative}
	.menuzord-responsive .menuzord-menu>li>a{width:100%;padding:12px 20px;display:block;border-bottom:solid 1px #f0f0f0}
	.menuzord-responsive .menuzord-menu>li:first-child>a{border-top:solid 1px #f0f0f0}
	.menuzord-responsive .menuzord-menu ul.dropdown,.menuzord-responsive 
	.menuzord-menu ul.dropdown li ul.dropdown{width:100%;left:0;position:static;border:none;background:#fff;float:left}
	.menuzord-responsive .menuzord-menu ul.dropdown li{position:relative}
	.menuzord-responsive .menuzord-menu ul.dropdown li a{border-bottom:solid 1px #f0f0f0}
	.menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>a{padding-left:40px!important}
	.menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>a{padding-left:60px!important}
	.menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li>a{
		padding-left:80px!important}
		.menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li:hover>a{padding-left:50px!important}
		.menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li:hover>a{padding-left:70px!important}
		.menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li:hover>a{
			padding-left:90px!important}
	.menuzord-responsive .menuzord-menu li .indicator{
		width:60px;
		height:45px;
		position:absolute;
		right:0;
		top:0;
		font-size:22px;
		text-align:center;
		line-height:43px;
		border-left:solid 1px #f5f5f5;
		}
	.menuzord-responsive .menuzord-menu li ul.dropdown li .indicator{
		height:38px;
		right:0;
		top:0;
		font-size:18px;
		line-height:36px
		}
	.menuzord-responsive .menuzord-menu>li>.megamenu{
		width:100%!important;
		left:0!important;
		position:static;
		border-top:none;
		border-bottom:solid 1px #f0f0f0;
		}
	.menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row [class*=col]{
		float:none;
		display:block;
		width:100%!important;
		margin-left:0;
		margin-top:15px;
		}
	.menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row,.menuzord-responsive 
	.menuzord-menu>li>.megamenu .megamenu-row:first-child [class*=col]:first-child{margin-top:0}
	
	.menuzord-responsive .menuzord-menu>li.search form{
		width:100%;
		margin:4px 0;
		padding:10px 16px!important;
		}
	.menuzord-responsive .menuzord-menu>li.search form input[type=text],
	.menuzord-responsive .menuzord-tabs-content,.menuzord-responsive .menuzord-tabs-nav{width:100%}
	}

.grey .megamenu-row [class*="col"] {
    background: none repeat scroll 0 0 #dedede;
	}

