.menuzord, .menuzord * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'Neutra-Text-Bold-Alt'; }
.menuzord { width: 100%; padding: 0; float: right; position: relative; clear: right }
.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 { margin: 0; padding: 0; float: left; list-style: none; }
/* Right alignment */

.menuzord-menu.menuzord-right { float: right; }
/* Menu items */

.menuzord-menu > li { display: inline-block; float: left; background: url(../images/link-arrow.png) no-repeat right center; }
.menuzord-menu > li:nth-child(4) { margin-right: 347px; background: none; }
.menuzord-menu > li:nth-child(9) { background: none; }
.menuzord-menu > li > a { font-size: 17px; color: #fff; letter-spacing: 0.2px; padding: 15px; display: inline-block; text-decoration: none; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }
/* Active/hover state (Menu items) */

.menuzord-menu > li.active > a, .menuzord-menu > li:hover > a { color: #333; }
/* 4 - DROPDOWN

======================================*/

.menuzord-menu ul.sub-menu, .menuzord-menu ul.sub-menu li ul.sub-menu { 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.sub-menu li ul.sub-menu { left: 100%; }
/* Dropdown items */

.menuzord-menu ul.sub-menu li { clear: both; width: 100%; border: 0 none; font-size: 12px; position: relative; }
.menuzord-menu ul.sub-menu li a { width: 100%; background: none; padding: 10px 25px 10px 22px; color: #888; 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.sub-menu li:hover > a { padding-left: 28px; padding-right: 19px; color: #333; }
/* Dropdown left alignment */

.menuzord-menu ul.sub-menu.sub-menu-left { left: none; }
.menuzord-menu ul.sub-menu li ul.sub-menu.sub-menu-left { left: -100%; }
/* 5 - DROPDOWN/MEGAMENU INDICATORS

======================================*/

.menuzord-menu li .indicator { margin-left: 3px; }
.menuzord-menu li ul.sub-menu li .indicator { 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: 60px; height: 46px; padding: 13px 0 0; display: none; float: right; 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: 20px; height: 3px; margin: 3.5px 20px 0; float: right; background: #777; }
/* 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.sub-menu 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.sub-menu 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.sub-menu li:hover > a { color: #fff; background: #b2b7b2; box-shadow: 0 5px 5px -8px #000 inset; }
/* orange */

.menuzord.orange .menuzord-menu > li.active > a, .menuzord.orange .menuzord-menu > li:hover > a, .menuzord.orange .menuzord-menu ul.sub-menu 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.sub-menu 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.sub-menu 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.sub-menu li:hover > a { color: #D770AD; }



/* 14 - MOBILE MODE (RESPONSIVE MODE)

======================================*/

@media (max-width: 1024px) {
/* Responsive menu container */

.menuzord-responsive.menuzord { padding: 0; }
/* 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; }
/* 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-bottom: solid 1px #f0f0f0; }
.menuzord-responsive .menuzord-menu > li:first-child > a { border-top: solid 1px #f0f0f0; }
/* Dropdown */

.menuzord-responsive .menuzord-menu ul.sub-menu, .menuzord-responsive .menuzord-menu ul.sub-menu li ul.sub-menu { width: 100%; left: 0; position: static; border: none; background: #fff; float: left; }
/* Dropdown items */

.menuzord-responsive .menuzord-menu ul.sub-menu li { position: relative; }
.menuzord-responsive .menuzord-menu ul.sub-menu li a { border-bottom: solid 1px #f0f0f0; }
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.sub-menu > li > a { padding-left: 40px !important; }
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.sub-menu > li > ul.sub-menu > li > a { padding-left: 60px !important; }
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { padding-left: 80px !important; }
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.sub-menu > li:hover > a { padding-left: 50px !important; }
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.sub-menu > li > ul.sub-menu > li:hover > a { padding-left: 70px !important; }
.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > 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.sub-menu 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 { text-align: left; }
.menuzord .showhide em { background: #fff; }
.menuzord-responsive .menuzord-menu > li { background: none; }
.menuzord .showhide { float: left; }
}
 @media screen and (min-width:481px) and (max-width:600px) {
.menuzord { text-align: left; }
.menuzord .showhide em { background: #fff; }
.menuzord-responsive .menuzord-menu > li { background: none; }
.menuzord .showhide { float: left; }
}
 @media screen and (min-width:601px) and (max-width:767px) {
.menuzord { text-align: left; }
.menuzord .showhide em { background: #fff; }
.menuzord-responsive .menuzord-menu > li { background: none; }
.menuzord .showhide { float: left; }
}
 @media screen and (min-width:768px) and (max-width:900px) {
.menuzord { text-align: left; }
.menuzord .showhide em { background: #fff; }
.menuzord-responsive .menuzord-menu > li { background: none; }
.menuzord .showhide { float: left; }
}
 @media screen and (min-width:901px) and (max-width:1024px) {
.menuzord { text-align: left; }
.menuzord .showhide em { background: #fff; }
.menuzord-responsive .menuzord-menu > li { background: none; }
.menuzord .showhide { float: left; }
}
 @media screen and (min-width:1025px) and (max-width:1110px) {
.menuzord-menu > li > a { font-size: 16px; padding: 15px 12px; }
.menuzord-menu > li:nth-child(4) { margin-right: 308px; background: none; }
.menuzord-menu.menuzord-right { float:left}
}

@media screen and (min-width:1111px) and (max-width:1145px) {
.menuzord-menu > li:nth-child(4) { margin-right: 296px; background: none; }
}