@charset "utf-8";
/* CSS Document */

.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 small{display: none;}
.menuzord-menu > li a { font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 1.4px; text-transform: uppercase; display: inline-block; padding: 12px 20px 12px 20px; outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; cursor: pointer; }
.menuzord-menu > li:first-child a { padding-left: 0; }
.menuzord-menu > li:nth-child(5) a { padding-right: 0; }
/* .menuzord-menu > li:last-child a::after{content: none;} */
/* 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: 12px; 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: 7px; height: 5px; float: right; font-size: 0; background: url(../images/down-white-plain-arrow.svg) no-repeat center/100% 100%; display: inline-block; transition: all 0.25s ease-out 0s; margin: 8px 0 0 4px; }
.menuzord-menu li:hover .indicator { background: url(../images/down-blue-plain-arrow.svg) 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: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%; }
/* 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: #0098d8; }
.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: #0098d8; }

/* 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; }

.menuzord-menu > li a {padding-right: 15px !important; position: relative;}
.menuzord-menu > li a:after {content: "|"; position: absolute; right: -7px; top: 49%; transform: translateY(-50%); width: fit-content; color: #ffffff;}
.menuzord-menu > li:last-child a:after {display: none;}
.menuzord-menu > li:nth-child(8) a:after {display: none;}
.menuzord-menu > li:nth-child(8) a:before{content: "|"; position: absolute; left: -7px; top: 49%; transform: translateY(-50%); width: fit-content; color: #ffffff;}

.menuzord-menu > li ul li a:after {display: none;}
.menuzord-menu > li:nth-child(7) a::after{content: none;}


/* .menuzord-menu > li:nth-child(6) a::after{content: none;} */
/* 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: #fff; }
}

@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: #fff; }
}

@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: #fff; }
}

@media screen and (min-width:768px) and (max-width:900px) {
  .menuzord-menu li .indicator { width: 5px; margin: 5px 0 0 2px; }
  .menuzord-menu > li a { font-size: 10px; letter-spacing: 1px; padding: 10px 7px 10px 4px !important; }
  .header-wrapp .header-col1 { margin-left: 30px; }
/*  .menuzord-menu > li:nth-child(5) a {padding-right: 0 !important;}*/
  /* .menuzord-menu > li:nth-child(7) a:after {display: none;} */
  .menuzord-menu > li a:after {top: 48%; right: -1px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
  .menuzord-menu li .indicator { width: 6px; margin: 6px 0 0 3px; }
  .menuzord-menu > li a { font-size: 12px; letter-spacing: 1.2px; padding: 11px 8px 11px 8px !important; }
  .header-wrapp .header-col1 { margin-left: 30px; }
/*  .menuzord-menu > li:nth-child(5) a {padding-right: 0 !important;}*/
  /* .menuzord-menu > li:nth-child(7) a:after {display: none;} */
  .menuzord-menu > li a:after {right: -4px;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
  .menuzord-menu li .indicator { margin: 7px 0 0 4px; }
  .menuzord-menu > li a { font-size: 13px; padding: 12px !important;}
  .header-wrapp .header-col1 { margin-left: 30px; }
/*  .menuzord-menu > li:nth-child(5) a {padding-right: 0 !important;}*/
  /* .menuzord-menu > li:nth-child(5) a:after {display: none;} */
}

@media screen and (min-width:1241px) and (max-width:1340px) {
  .header-wrapp .header-col1 { margin-left: 50px; }
  .menuzord-menu > li a { font-size: 14px; padding-right: 10px !important; }
}
@media screen and (min-width:1341px) and (max-width:1600px) {
  .header-wrapp .header-col1 { margin-left: 25px; }
  .menuzord-menu > li a { font-size: 14px; }
}