/* --------------------------------------------------------------------
    Copyright (c) Demosphere International Inc.
    No permission is granted for any purpose without prior
    written consent from Demosphere International Inc.
-----------------------------------------------------------------------*/

/*-------------------- Menu Normalization & Menu Defaults ------------------------------*/

.dii-content.dii-content-nav-menu {
  padding: 0;
}
.dii-content-nav-menu,
.dii-content-nav-menu ul,
.dii-content-nav-menu ul li,
.dii-content-nav-menu ul li a.dii-sub-menu-link {
  position: relative;
  display: block;
  margin: 0;
  border: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dii-content-nav-menu ul.show li a.dii-sub-menu-link,
.dii-content-nav-menu ul li a.dii-sub-menu-link:hover {
  text-decoration: none;
}
.dii-content-nav-menu ul li {
  position: relative;
  cursor: pointer;
}
.dii-content-nav-menu ul ul {
  max-width: 180%;
  width: 100%;
  min-width: 200px;
}
.dii-content-nav-menu .link-ext::after {
  content: '\f08e';
  position: absolute;
  right: 5%;
  top: 30%;
  font-family: 'FontAwesome';
  font-size: 10px;
  font-weight: normal;
}
.dii-content-nav-menu.ww-item-nav-horizontal > ul > li,
.dii-content-nav-menu.horizontal > ul > li {
  display: inline-block;
}
#design-container-main-nav .dii-content-nav-menu.vertical ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-link::after,
#design-container-main-nav .dii-content-nav-menu.vertical ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-icon::after,
#design-container-main-nav .dii-content-nav-menu.horizontal ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-link::after,
#design-container-main-nav .dii-content-nav-menu.horizontal ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-icon::after,
#design-container-main-nav .dii-content-nav-menu ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-link::after,
#design-container-main-nav .dii-content-nav-menu ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-icon::after {
	content: "";
}
#design-container-main-nav .dii-content-nav-menu.horizontal li.dii-menu-item-sub-menu > a.dii-sub-menu-icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-weight: normal;
  width: 30px;
}
#design-container-main-nav .dii-content-nav-menu.horizontal li.dii-menu-item-sub-menu > a.dii-sub-menu-icon::before {
  content: '\f0d7';
  font-family: 'FontAwesome';
  position: absolute;
  right: 8px;
}
#design-container-main-nav .dii-content-nav-menu.vertical li.dii-menu-item-sub-menu > a.dii-sub-menu-icon {
  content: '\f0da';
  position: absolute;
  right: 10px;
  top: 0;
  font-family: 'FontAwesome';
  font-size: 10px;
  font-weight: normal;
  width: 15px;
  height:100%;
  padding: 10px 4px;
}
#design-container-main-nav .dii-content-nav-menu.vertical li.dii-menu-item-sub-menu > a.dii-sub-menu-icon::before {
  content: '\f0da';
  font-family: 'FontAwesome';
  top: 30%;
  position: absolute;
  right: 2px;
}
#design-container-main-nav .dii-content-nav-menu.horizontal > ul > li > a.dii-sub-menu-icon,
#design-container-main-nav .dii-content-nav-menu.vertical > ul > li > a.dii-sub-menu-icon,
#design-container-main-nav .dii-content-nav-menu > ul > li > a.dii-sub-menu-icon,
.dii-content.dii-content-nav-menu > ul > li.dii-menu-item-sub-menu > .dii-sub-menu-icon {
  display: none;
}
.dii-content-nav-menu ul ul li.dii-menu-item-sub-menu > a.dii-sub-menu-link::before {
	display: none;
}

/*-- Main Nav --*/

#design-container-main-nav:not(:has(.dii-content-list:empty)) .dii-content-add,
#design-container-main-nav .dii-content-add-area {
  display: none !important;
	max-height: 0;
	padding: 0;
}

/*-- Menu Nav button for Mobile views --*/

#design-container-main-nav #ww-btn-main-nav {
  display: none;
  z-index: 9;
  position: relative;
  width: 100%;
  margin: 0;
  border-width: 0 0 3px;
  padding: 10px 30px;
  line-height: 14px;
  font-size: 14px;
  cursor: pointer;
}
#design-container-main-nav #ww-btn-main-nav .caret {
  position: absolute;
  right: 15px;
}

/*-------------------- NON-Theme Defaults ------------------------------*/

.dii-content-nav-menu.theme-none ul li {
  position: relative;
  cursor: pointer;
}
.dii-content-nav-menu.theme-none ul.show > li,
.dii-content-nav-menu.theme-none ul li:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.dii-content-nav-menu.theme-none > ul > li > a.dii-sub-menu-link {
  padding: 5px 20px 8px;
  font-size: 18px;
}
.dii-content-nav-menu.theme-none ul ul {
  z-index: 99999;
  position: absolute;
  left: -9999px;
  background-color: #fff;
}
.dii-content-nav-menu.theme-none ul ul a.dii-sub-menu-link {
  padding: 10px;
}
.dii-content-nav-menu.theme-none li:hover > ul ul,
.dii-content-nav-menu.theme-none ul.show ul {
  left: -9999px;
}

.dii-content-nav-menu.theme-none.horizontal ul.show > li > ul,
.dii-content-nav-menu.theme-none.horizontal li:hover > ul {
  top: 100%;
  left: 0;
}
.dii-content-nav-menu.theme-none.horizontal ul ul li:hover > ul,
.dii-content-nav-menu.theme-none.horizontal li ul.show {
  top: 0;
  left: 100%;
}

.dii-content-nav-menu.theme-none.vertical li:hover > ul,
.dii-content-nav-menu.theme-none.vertical li ul.show {
  top: 0;
  left: 100%;
}

/*-------------------- Themed Defaults ------------------------------*/

.dii-content-nav-menu:not(.theme-none) > ul {
  z-index: 100;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.dii-content-nav-menu:not(.theme-none) > ul > li > a {
  padding: 7px 25px;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 700;
}
.dii-content-nav-menu:not(.theme-none) > ul > li:first-child > a.dii-sub-menu-link {
  border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
}
.dii-content-nav-menu:not(.theme-none):not(.dii-is-mobile) > ul > li.dii-menu-item-sub-menu:hover > ul,
.dii-content-nav-menu:not(.theme-none) > ul > li.dii-menu-item-sub-menu > ul.show {
  top: 25px;
  left: -8px;
  opacity: 1;
}
.dii-content-nav-menu:not(.theme-none):not(.dii-is-mobile) ul ul > li.dii-menu-item-sub-menu:hover > ul,
.dii-content-nav-menu:not(.theme-none) ul ul > li.dii-menu-item-sub-menu > ul.show {
  top: 8px;
  left: 172px;
  opacity: 1;
}
.dii-content-nav-menu:not(.theme-none) ul ul {
  z-index: 101;
  position: absolute;
  opacity: 0;
  top: 18px;
  left: -9999px;
  transition: top 0.2s ease, opacity 0.2s ease-in;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  font-size: 13px;
}
.dii-content-nav-menu:not(.theme-none) ul ul li a.dii-sub-menu-link {
  padding: 11px 25px;
  text-decoration: none;
  font-weight: 400;
}
.dii-content-nav-menu:not(.theme-none) ul ul li:first-child > a.dii-sub-menu-link {
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}
.dii-content-nav-menu:not(.theme-none) ul ul li:last-child > a.dii-sub-menu-link {
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
}
.dii-content-nav-menu.horizontal:not(.theme-none) > ul > li {
  display: inline-block;
}
.dii-content-nav-menu.horizontal:not(.theme-none) > ul > li:first-child > a.dii-sub-menu-link,
.dii-content-nav-menu.horizontal:not(.theme-none) > ul > li:first-child:hover > a.dii-sub-menu-link {
  border-left: 0;
}
.dii-content-nav-menu.vertical:not(.theme-none) > ul > li:first-child > a.dii-sub-menu-link,
.dii-content-nav-menu.vertical:not(.theme-none) > ul.show > li:first-child > a.dii-sub-menu-link,
.dii-content-nav-menu.vertical:not(.theme-none) > ul > li:first-child:hover > a.dii-sub-menu-link {
  border-top: 0;
}
.dii-content-nav-menu.vertical:not(.theme-none) > ul > li > ul.show,
.dii-content-nav-menu.vertical:not(.theme-none) > ul > li:hover > ul {
  left: 168px;
}

/*-------------------- Light Theme ------------------------------*/

.dii-content-nav-menu.theme-light:not(.theme-none) > ul {
	border: 1px solid #d9d9d9;
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
}
.dii-content-nav-menu.theme-light:not(.theme-none) > ul > li > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
	color: #5687ac;
}
.dii-content-nav-menu.theme-light:not(.theme-none) > ul.show > li > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-light:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-light:not(.theme-none) ul ul li:hover > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%);
	color: #2e6e9e;
}
.dii-content-nav-menu.theme-light:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-light:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link, /*-- top directory link on hover --*/
.dii-content-nav-menu.theme-light:not(.theme-none) ul ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-light:not(.theme-none) ul ul li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-light:not(.theme-none) ul ul {
  border: 1px solid #fff;
  background-color: #fff;
}
.dii-content-nav-menu.theme-light:not(.theme-none) ul ul li a.dii-sub-menu-link {
  color: #777;
}
.dii-content-nav-menu.theme-light.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link {
  border-left: 1px solid rgba(256, 256, 256, 0.85);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.dii-content-nav-menu.theme-light.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-light.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link {
  border-left: 1px solid rgba(256, 256, 256, 0.65);
}
.dii-content-nav-menu.theme-light.vertical.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link {
  border-top: 1px solid #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

/*-------------------- Dark Theme ------------------------------*/

.dii-content-nav-menu.theme-dark:not(.theme-none) > ul {
	border: 1px solid #000;
	background: linear-gradient(to bottom,  rgba(93,93,93,1) 0%,rgba(44,44,44,1) 100%);
}
.dii-content-nav-menu.theme-dark:not(.theme-none) > ul > li > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(111,111,111,1) 0%,rgba(75,75,75,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-dark:not(.theme-none) > ul.show > li > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-dark:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-dark:not(.theme-none) ul ul li:hover > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(79,134,163,1) 0%,rgba(30,89,123,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-dark:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-dark:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link,
.xxxdii-content-nav-menu.theme-dark:not(.theme-none) ul ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-dark:not(.theme-none) ul ul li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(140,140,140,1) 0%,rgba(111,111,111,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-dark:not(.theme-none) ul ul {
  border: 1px solid #fff;
  background-color: #e6e6e6;
}
.dii-content-nav-menu.theme-dark:not(.theme-none) ul ul li a.dii-sub-menu-link {
  color: #1e597b;
}
.dii-content-nav-menu.theme-dark.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link {
  border-left: 1px solid #333;
  border-right: 1px solid #8a8a8a;
}
.dii-content-nav-menu.theme-dark.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-dark.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link {
  border-left: 1px solid #1b3746;
}
.dii-content-nav-menu.theme-dark.vertical.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link {
  border-top: 1px solid #8a8a8a;
}

/*-------------------- Blue Theme ------------------------------*/

.dii-content-nav-menu.theme-blue:not(.theme-none) > ul {
	border: 1px solid #000;
	background: linear-gradient(to bottom,  rgba(12,83,136,1) 0%,rgba(4,63,108,1) 100%);
}
.dii-content-nav-menu.theme-blue:not(.theme-none) > ul > li > a.dii-sub-menu-link {
  /*-- top link --*/
	background: linear-gradient(to bottom,  rgba(10,97,162,1) 0%,rgba(12,83,136,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-blue:not(.theme-none) > ul.show > li > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-blue:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-blue:not(.theme-none) ul ul li:hover > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(0,150,255,1) 0%,rgba(0,120,204,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-blue:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-blue:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link, /*-- top directory link on hover --*/
.dii-content-nav-menu.theme-blue:not(.theme-none) ul ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-blue:not(.theme-none) ul ul li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(148,175,197,1) 0%,rgba(124,148,166,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-blue:not(.theme-none) ul ul {
  border: 1px solid #fff;
  background-color: #edf7ff;
}
.dii-content-nav-menu.theme-blue:not(.theme-none) ul ul li a.dii-sub-menu-link {
  color: #0a61a2;
}
.dii-content-nav-menu.theme-blue.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link {
  border-left: 1px solid #043f6c;
  border-right: 1px solid #6193b8;
}
.dii-content-nav-menu.theme-blue.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-blue.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link {
  border-left: 1px solid #0068b1;
  border-right: 1px solid #4ab5ff;
}
.dii-content-nav-menu.theme-blue.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-blue.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link {
  border-left: 1px solid #c1d2e0;
  border-right: 1px solid #b4cfe5;
}

/*-------------------- Gold Theme ------------------------------*/

.dii-content-nav-menu.theme-gold:not(.theme-none) > ul {
	border: 1px solid #b5b5b5;
	background: linear-gradient(to bottom,  rgba(237,215,136,1) 0%,rgba(209,180,80,1) 100%);
}
.dii-content-nav-menu.theme-gold:not(.theme-none) > ul > li > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(248,230,163,1) 0%,rgba(222,196,104,1) 100%);
	color: #978868;
}
.dii-content-nav-menu.theme-gold:not(.theme-none) > ul.show > li > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-gold:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-gold:not(.theme-none) ul ul li:hover > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(255,192,0,1) 0%,rgba(207,141,0,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-gold:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-gold:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-gold:not(.theme-none) ul ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-gold:not(.theme-none) ul ul li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(174,166,148,1) 0%,rgba(142,134,117,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-gold:not(.theme-none) ul ul {
  border: 1px solid #000;
  background-color: #fff;
}
.dii-content-nav-menu.theme-gold:not(.theme-none) ul ul li a.dii-sub-menu-link {
  color: #8e8675;
}
.dii-content-nav-menu.theme-gold.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link {
  border-left: 1px solid #d1b450;
  border-right: 1px solid #fbf0c9;
}
.dii-content-nav-menu.theme-gold.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-gold.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link {
  border-left: 1px solid #b67c00;
}
.dii-content-nav-menu.theme-gold.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-gold.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link {
  border-left: 1px solid #8e8675;
}

/*-------------------- Green Theme ------------------------------*/

.dii-content-nav-menu.theme-green:not(.theme-none) > ul {
	border: 1px solid #05420b;
	background: linear-gradient(to bottom,  rgba(52,135,60,1) 0%,rgba(18,103,26,1) 100%);
}
.dii-content-nav-menu.theme-green:not(.theme-none) > ul > li > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(78,161,86,1) 0%,rgba(31,125,40,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-green:not(.theme-none) > ul.show > li > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-green:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-green:not(.theme-none) ul ul li:hover > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(121,235,37,1) 0%,rgba(49,186,7,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-green:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-green:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-green:not(.theme-none) ul ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-green:not(.theme-none) ul ul li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(141,161,143,1) 0%,rgba(116,132,118,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-green:not(.theme-none) ul ul {
  border: 1px solid #fff;
  background-color: #f1f8f2;
}
.dii-content-nav-menu.theme-green:not(.theme-none) ul ul li a.dii-sub-menu-link {
  color: #748476;
}
.dii-content-nav-menu.theme-green.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link {
  border-left: 1px solid #12681a;
  border-right: 1px solid #60b569;
}
.dii-content-nav-menu.theme-green.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-green.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link {
  border-left: 1px solid #2b8300;
  border-right: 1px solid #90da98;
}
.dii-content-nav-menu.theme-greenhorizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-greenhorizontal.dii-content-nav-menu:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link {
  border-right: 1px solid #9db29f;
}

/*-------------------- Red Theme ------------------------------*/

.dii-content-nav-menu.theme-red:not(.theme-none) > ul {
	border: 1px solid #2f1818;
	background: linear-gradient(to bottom,  rgba(126,52,52,1) 0%,rgba(83,26,26,1) 100%);
}
.dii-content-nav-menu.theme-red:not(.theme-none) > ul > li > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(155,67,67,1) 0%,rgba(111,29,29,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-red:not(.theme-none) > ul.show > li > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-red:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-red:not(.theme-none) ul ul li:hover > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(233,3,1,1) 0%,rgba(186,2,2,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-red:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-red:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-red:not(.theme-none) ul ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-red:not(.theme-none) ul ul li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link {
	background: linear-gradient(to bottom,  rgba(158,143,143,1) 0%,rgba(123,106,106,1) 100%);
	color: #fff;
}
.dii-content-nav-menu.theme-red:not(.theme-none) ul ul {
  border: 1px solid #fff;
  background-color: #f6f6f6;
}
.dii-content-nav-menu.theme-red:not(.theme-none) ul ul li a.dii-sub-menu-link {
  color: #9b4343;
}
.dii-content-nav-menu.theme-red.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li > a.dii-sub-menu-link {
  border-left: 1px solid #652323;
  border-right: 1px solid #a25f5f;
}
.dii-content-nav-menu.theme-red.horizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-red.horizontal.dii-content-nav-menu:not(.theme-none) > ul > li:hover > a.dii-sub-menu-link {
  border-right: 1px solid #e26361;
}
.dii-content-nav-menu.theme-redhorizontal.dii-content-nav-menu:not(.theme-none) > ul.show > li.dii-menu-item-sub-menu > a.dii-sub-menu-link,
.dii-content-nav-menu.theme-redhorizontal.dii-content-nav-menu:not(.theme-none) > ul > li.dii-menu-item-sub-menu:hover > a.dii-sub-menu-link {
  border-right: 1px solid #b0a2a2;
}


/* ------------------------------ Responsive ------------------------------*/

@media screen and (max-width: 480px) {
  .dii-content-nav-menu li li >a.dii-sub-menu-link {
		display: block;
		position: relative;
		z-index: 100;
	}
  .dii-content-nav-menu li li li >a.dii-sub-menu-link {
		z-index: 200;
	}
  .dii-content-nav-menu li li >.dii-sub-menu-icon {
		z-index: 101;
	}
  .dii-content-nav-menu li li li >.dii-sub-menu-icon {
		z-index: 201;
	}
  .dii-content-nav-menu.horizontal:not(.theme-none) > ul > li,
  .dii-content-nav-menu.horizontal > ul > li {
		display: block;
		float: none;
	}
  #design-container-main-nav div.dii-content-nav-menu.horizontal > ul > li:first-child > a::before, #design-container-main-nav .dii-content-nav-menu.horizontal > ul.show > li:first-child > a::before,
  #design-container-main-nav div.dii-content-nav-menu.horizontal > ul > li:first-child > a::before, #design-container-main-nav .dii-content-nav-menu.horizontal > ul > li:first-child:hover > a::before {
		display: block;
	}
  #design-container-main-nav .dii-content.dii-content-nav-menu > ul > li.dii-menu-item-sub-menu > .dii-sub-menu-icon {
		display: block;
		height: 100%
	}
  #design-container-main-nav .dii-content-nav-menu ul ul a.dii-sub-menu-link::after, #design-container-main-nav .dii-content-nav-menu.horizontal ul ul li.dii-menu-item-sub-menu > a::after {
		display: none;
		content: none;
	}
}
@media screen and (max-width: 800px) {
  .dii-content-nav-menu.horizontal:not(.theme-none) > ul > li,
  .dii-content-nav-menu.horizontal > ul,
  .dii-content-nav-menu.horizontal > ul > li,
  .dii-content-nav-menu.horizontal > ul > li > a.dii-sub-menu-link {
		display: block;
	}
  .dii-content.dii-content-nav-menu > ul > li.dii-menu-item-sub-menu > .dii-sub-menu-icon {
		display: block;
		height: 100%
	}
  #design-container-main-nav .dii-content-nav-menu.horizontal li.dii-menu-item-sub-menu > .dii-sub-menu-icon::before {
		top: 0;
		font-size: 30px;
		right: 10px;
	}
  #design-container-main-nav .dii-content-nav-menu ul ul a.dii-sub-menu-link::after, #design-container-main-nav .dii-content-nav-menu.horizontal ul ul li.dii-menu-item-sub-menu > a::after {
		display: none;
		content: none;
	}
}
@media only screen and (max-width: 900px) {
  .dii-content-nav-menu.dii-is-mobile ul ul:not(.show) {display: none}
  #design-container-main-nav #ww-btn-main-nav {
		display: block;
		text-align: left;
	}
  #design-container-main-nav .dii-content-nav-menu {
		display: none;
	}
  #design-container-main-nav .dii-content-nav-menu > ul {
		display: block;
		height: auto;
	}
  #design-container-main-nav .dii-content-nav-menu ul li {
		float: none !important;
	}
  #design-container-main-nav .dii-content-nav-menu ul li ul.show,
  #design-container-main-nav .dii-content-nav-menu:not(.dii-is-mobile) ul li:hover > ul {
		opacity: 1;
		left: 10px;
		width: 90%;
	}
  #design-container-main-nav .dii-content-nav-menu ul ul li > ul.show,
  #design-container-main-nav .dii-content-nav-menu ul ul li:hover > ul {
		top: 35px;
		left: 10px;
	}
  #design-container-main-nav .dii-content.dii-content-nav-menu > ul > li.dii-menu-item-sub-menu > .dii-sub-menu-icon {
		display: block;
		height: 100%
	}
  #design-container-main-nav .dii-content-nav-menu ul ul a.dii-sub-menu-link::after, #design-container-main-nav .dii-content-nav-menu.horizontal ul ul li.dii-menu-item-sub-menu > a::after {
		display: none;
		content: none;
	}
}