.menuzord, .menuzord * { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.menuzord { text-align: center; padding: 0; float: left; position: relative;}
.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;
}
/* scrollable menu */
.menuzord-menu.scrollable > .scrollable-fix { display: none; }
/* 2 - BRAND
======================================*/
.menuzord-brand { margin: 18px 30px 0 0; float: left; color: #666; text-decoration: none; font-size: 24px; font-weight: 600; line-height: 1.3; cursor: pointer; }
/* 3 - MENU
======================================*/
.menuzord-menu { width: 100%; margin: 0; padding: 0; float: left; list-style: none;}
/* Right alignment */
.menuzord-menu.menuzord-right { float: right; }
/* Menu items */
.menuzord-menu > li { float:none; display:inline-block; position:relative;}
.menuzord-menu > li:after { content:""; width:1px; float:left; background:#d5a7a7; transform:translateY(-50%); margin:0 0 0; padding:0 0 12px; position:absolute; top:46%; left:0;}
.menuzord-menu > li:first-child:after { display:none;}
.menuzord-menu > li a { font-size:12px; font-weight:500; color:#ffffff; letter-spacing:1.8px; text-transform:uppercase; display:inline-block; padding:10px 18px 13px 26px; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent;}
.menuzord-menu > li:first-child a { padding-left:0;}
.menuzord-menu > li:nth-child(6) a { padding-right:0;}

/* Active/hover state (Menu items) */
.menuzord-menu > li.active > a, .menuzord-menu > li:hover > a { color: #333; }
/* 4 - DROPDOWN
======================================*/
.menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown { text-align:left; 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%; }
/* Dropdown items */
.menuzord-menu ul.dropdown li { clear: both; width: 100%; border: 0 none; font-size: 12px; position: relative; }
.menuzord-menu ul.dropdown li a { width: 100%; background: none; padding: 10px 25px 10px 22px; font-size:14px; color: #172337; 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;
}
/* Hover state (dropdown items) */
.menuzord-menu ul.dropdown li:hover > a { padding-left: 28px; padding-right: 19px; color: #333; }
/* Dropdown left alignment */
.menuzord-menu ul.dropdown.dropdown-left { left: none; }
.menuzord-menu ul.dropdown li ul.dropdown.dropdown-left { left: -100%; }
/* 5 - DROPDOWN/MEGAMENU INDICATORS
======================================*/
.menuzord-menu li .indicator { width:10px; height:6px; float:right; font-size:0; background: no-repeat center; display:inline-block; margin:10px 0 0 7px; }
.menuzord-menu li:hover .indicator { background: no-repeat center;}
.menuzord-menu li ul.dropdown li .indicator { background:none; margin:0 0 0; position: absolute; top: 8px; right: 10px; font-size: 15px; }
/* 6 - MEGAMENU
======================================*/
.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; }
/* 7 - MEGAMENU WIDTHS
======================================*/
/* Half width */
.menuzord-menu > li > .megamenu.megamenu-half-width { width: 50%; left: auto; }
/* Quarter width */
.menuzord-menu > li > .megamenu.megamenu-quarter-width { width: 25%; left: auto; }
/* 8 - GRID SYSTEM
======================================*/
.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:before, .menuzord-menu > li > .megamenu .megamenu-row:after { 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 .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, .menuzord-menu > li > .megamenu .megamenu-row .col10, .menuzord-menu > li > .megamenu .megamenu-row .col11, .menuzord-menu > li > .megamenu .megamenu-row .col12 { 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%; }
/* 9 - SHOW/HIDE BUTTON (MOBILE MODE)
======================================*/
.menuzord .showhide { width: 30px; height: auto; padding: 0 0 0; display: none; float: left; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }
/* Show/hide button icon */
.menuzord .showhide em { width: 100%; height: 4px; margin: 4px 0 0; float: right; background: #d4cb9c;}
.menuzord .showhide em:first-child { margin-top:0;}
/* 10 - ICONS (parent menu items)
======================================*/
.menuzord-menu > li > a > i { margin: 0 5px 0 0; font-size: 18px; float: left; line-height: 20px; font-family: 'FontAwesome'; }
/* 11 - SEARCH FIELD
======================================*/
/* Form */
.menuzord-menu > li.search form { float: left; padding: 22px 16px 17px; }
/* Input */
.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; }
/* 12 - VERTICAL TABS
======================================*/
.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: solid 1px #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: solid 1px #f0f0f0; }
.menuzord-tabs-content.active { display: block; }
/* 13 - COLOR SCHEMES
======================================*/
/* blue */
.menuzord.blue .menuzord-menu > li.active > a, .menuzord.blue .menuzord-menu > li:hover > a, .menuzord.blue .menuzord-menu ul.dropdown li:hover > a { color: #4A89DC; }
/* green */
.menuzord.green .menuzord-menu > li.active > a, .menuzord.green .menuzord-menu > li:hover > a, .menuzord.green .menuzord-menu ul.dropdown li:hover > a { color: #37BC9B; }
/* red */
.menuzord.red .menuzord-menu > li.active > a, .menuzord.red .menuzord-menu > li:hover > a, .menuzord.red .menuzord-menu ul.dropdown li:hover > a { color: #d5a7a7; }

/* orange */
.menuzord.orange .menuzord-menu > li.active > a, .menuzord.orange .menuzord-menu > li:hover > a, .menuzord.orange .menuzord-menu ul.dropdown li:hover > a { color: #ff670f; }
/* yellow */
.menuzord.yellow .menuzord-menu > li.active > a, .menuzord.yellow .menuzord-menu > li:hover > a, .menuzord.yellow .menuzord-menu ul.dropdown li:hover > a { color: #F6BB42; }
/* purple */
.menuzord.purple .menuzord-menu > li.active > a, .menuzord.purple .menuzord-menu > li:hover > a, .menuzord.purple .menuzord-menu ul.dropdown li:hover > a { color: #967ADC; }
/* pink */
.menuzord.pink .menuzord-menu > li.active > a, .menuzord.pink .menuzord-menu > li:hover > a, .menuzord.pink .menuzord-menu ul.dropdown li:hover > a { color: #D770AD; }

/* 14 - MOBILE MODE (RESPONSIVE MODE)
======================================*/
@media (max-width: 767px) {
	
	/* Brand */
	.menuzord-responsive .menuzord-brand {
 margin: 8px 30px 10px 20px;
 font-size: 20px;
 line-height: 1.55;
}
	
	/* Show/hide button */
	.menuzord-responsive .showhide {
 margin: 0 0 0;
}
	
	/* Menu */
	.menuzord-responsive .menuzord-menu {
 width: 100%;
 float: left !important;
}
	/* scrollable menu*/
	.menuzord-responsive .menuzord-menu.scrollable {
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}
 .menuzord-responsive .menuzord-menu.scrollable > .scrollable-fix {
 display: block;
}
	
	/* Menu items */
	.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-top: solid 1px #f0f0f0;
}
 .menuzord-responsive .menuzord-menu > li:first-child > a { border-top:none;}
	
	/* Dropdown */
	.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;
}
	
	/* Dropdown items */
	.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;
}
	
	/* Dropdown/megamenu indicators */
	.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;
}
	
	/* Megamenu */
	.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:first-child [class*="col"]:first-child {
 margin-top: 0;
}
 .menuzord-responsive .menuzord-menu > li > .megamenu .megamenu-row {
 margin-top: 0;
}
	
	/* Search field */
	.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"] {
 width: 100%;
}
	
	/* Tabs */
	.menuzord-responsive .menuzord-tabs-nav {
 width: 100%;
}
 .menuzord-responsive .menuzord-tabs-content {
 width: 100%;
}
}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.menuzord-menu > li:after { width:1px; display:none; margin:0 0 0;}
.menuzord-responsive .menuzord-menu { background:#ffffff;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.menuzord-menu > li:after { width:1px; display:none; margin:0 0 0;}
.menuzord-responsive .menuzord-menu { background:#ffffff;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.menuzord-menu > li:after { width:1px; display:none; margin:0 0 0;}
.menuzord-responsive .menuzord-menu { background:#ffffff;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.menuzord-menu > li:after { display:none;}
.menuzord-menu > li a { font-size:9px; letter-spacing:1.2px; padding:10px 4px 13px 4px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.menuzord-menu > li:after { display:none;}
.menuzord-menu > li a { font-size:10px; letter-spacing:1.5px; padding:10px 7.7px 13px 7.7px;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.menuzord-menu > li:after { display:none;}
.menuzord-menu > li a { font-size:11px; padding:10px 10px 13px 10px;}
}

@media screen and (min-width:1241px) and (max-width:1340px) {

}