html { -webkit-font-smoothing: antialiased; }
body {
	min-height: 100%;
	background: #fff;
	font-size: 14px;
	line-height: 1.6;
	color: #666;
	padding: 0;
	font-weight: normal;
	word-wrap: break-word;
}


#nmPageTop {
	background: rgba(59, 89, 152, .45); /* top menu background #7CA2C6*/
	/* background: rgba(59, 89, 152, .85); */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 45px;
	position: relative;
	z-index: 999;
}

a {
	color: #363636;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	transition: color 0.2s linear;
	text-decoration: none !important;
}

input[type=text], textarea, input[type=password] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, input[type=password]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);

  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

a:hover,
a:active,
a:focus {
	color: #e25b32;
}
a:hover,
{
	color: #e25b32 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: normal;
}

h1 {
	font-size: 46px;
}

h2,
.componentheading {
	font-size: 42px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 125%;
}

h5 {
	font-size: 110%;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul li {
	line-height: 2.0;
}

p {
	margin: 0.5em 0 1.5em;
}

iframe {
	max-width: 100%!important;
}

.nmPage {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto!important;
}


#nmPageWrap {
	margin: 0 auto;
}

#nmPageContent {
	border: 1px solid #e5e5e5;
	border-bottom: none;
	border-top: none;
	width: 100%;
}

#nmContent,
#nmPageContent {
	background: transparent url('/images/line.png') repeat-y 0 0;
}


#nmLogo {
	height: 35px;
	/*margin: 5px 30px 0 0;*/
	padding: 0;
	text-indent: -999em;
	text-shadow: none;
	width: 140px;
	display: block;
	float: left;
	z-index: 10000;
}

#nmLogo img {
	display: block;
	margin: 0;
}

#nmLogo.cssLogo {
	background: transparent url('/images/style1/logo.png') no-repeat 0 0;
	height: 45px;
	margin: 0 30px 0 0;
	width: 84px;
}

#nmLogo.text {
	color: #fff;
	font-size: 36px;
	min-height: 24px;
	padding: 0;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
}

#nmLogo.text > span {
	display: block;
	font-size: 32px;
	font-weight: 700;
	line-height: 25px;
	padding: 0;
}

#nmLogo.text .nmLogoSlogan {
	color: #eee;
	display: block;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	text-transform: none;
}


#nmUserArea {
	float: right;
	margin-left: 20px;
	display: none;
}

#nmUserArea a {
	-webkit-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
	-ms-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
	display: block;
	float: left;
	height: 45px;
	margin: 0;
	text-indent: -9999px;
	-webkit-transition: background-color .3s ease-out;
	-moz-transition: background-color .3s ease-out;
	-ms-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out;
	width: 50px;
}

#nmLogoff {
	background: #A38FB2 url('/images/topmenu_icons.png') no-repeat 0 center;
	margin-right: 120px !important;
}

#nmLogoff:active,
#nmLogoff:focus,
#nmLogoff:hover {
	background-color: #e25b32;
}

#nmLogin {
	background: #A38FB2 url('/images/topmenu_icons.png') no-repeat -50px center;
	margin-right: 120px !important;
}

#nmLogin:active,
#nmLogin:focus,
#nmLogin:hover {
	background-color: #e25b32;
}


#nmContentTop {
	border: 1px solid #e5e5e5;
	border-top: none;
	padding: 14px 20px;
}

#nmTopMenu {
	background: transparent url('/images/topmenu_bg.png') repeat 0 0;
	float: left;
	line-height: 28px;
	margin-right: 30px;
}

#nmTopMenu li {
	border: none;
	color: #7a7a7a;
	float: left;
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#nmTopMenu li:hover {
	background: none
}

#nmTopMenu li a {
	color: #7a7a7a;
	display: block;
	line-height: 28px;
	padding: 0 8px;
}

#nmTopMenu li a:active,
#nmTopMenu li a:focus,
#nmTopMenu li a:hover {
	color: #DA3E0F !important;
}


#nmMainMenu {
	float: left;
	margin: 0;
	padding: 0px;
	width: auto;
}


#nmMainMenu a
{
transition: none !important;
padding-left:3px !important;
padding-right:3px !important;
}

#nmMainMenu .nmMenu {
	display: block;
}
.nmMenu > ul > li {
	float: left;
	width: auto;
}
.nmMenu > ul > li > a {
	display: block;
	color: #fff !important;
}
.nmMenu > ul > li a small {
	display: block;
	font-size: 11px;
	line-height: 13px;
}
.nmMenu > ul > li > .childcontent,
.nmMenu > ul > li > .childcontent .childcontent {
	position: absolute;
	left: -999em;
	z-index: 999;
}
.nmMenu > ul > li > .childcontent .nmcol {
	float: left;
}
.nmMenu > ul > li:hover > .childcontent,
.nmMenu > ul > li:hover > .childcontent li:hover > .childcontent {
	left: inherit;
}
.nmMenu > ul > li:hover > .childcontent .childcontent {
	margin-left: 140px;
	margin-top: -25px !important;
}


.nmMenu {
	float: left;
	margin: 0;
	position: relative;
	z-index: 1000;
}
.nmMenu > ul {
	height: 45px;
	margin: 0;
	padding: 0;
}
.nmMenu > ul > li {
	height: 45px;		
	margin: 0;
}
.nmMenu > ul > li > a {
	border: 1px solid transparent;
	border-top: none;
	border-bottom: none;
	border-left: none;
	color: #c7c7c7;
	display: block;
	font-size: 14px;
	font-weight: 400;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0 14px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
.nmMenu > ul > li:hover > a,
.nmMenu > ul > li:active > a,
.nmMenu > ul > li:focus > a,
.nmMenu > ul > li.active:hover > a,
.nmMenu > ul > li.active:active > a,
.nmMenu > ul > li.active:focus > a,
.nmMenu > ul > li.active > a {
	color: #fff !important;
	text-shadow: 1px 1px 1px #276286;
	background: #A38FB2;
	border-color: #2a2a2a;
	border-bottom: none;
	border-top: none;
	-webkit-box-shadow: inset 0 0 27px rgba(31, 12, 45, 0.75);
	-moz-box-shadow: inset 0 0 27px rgba(31, 12, 45, 0.75);
	-ms-box-shadow: inset 0 0 27px rgba(31, 12, 45, 0.75);
	box-shadow: inset 0 0 27px rgba(31, 12, 45, 0.75);
	border: 1px solid transparent;
}

.nmMenu > ul > li:hover > a,
.nmMenu > ul > li:active > a,
.nmMenu > ul > li:focus > a {
	background: #D82127 !important; /* e25b92 */
	border-color: #700000 !important;
	border-bottom: none;
	border-top: none;
	-webkit-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
	   -moz-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
	    -ms-box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
	        box-shadow: inset 0 0 27px rgba(0, 0, 0, 0.75);
	border-right: 1px solid;
	border-left: 0px solid;
}

.nmMenu > ul ul {
	margin: 0;
	padding: 0;
}
.nmMenu > ul div.childcontent {
	margin-top: 0;
	text-transform: none;
}
.nmMenu > ul div.childcontent-inner {
	background: #ffffff;
	overflow: hidden;
	text-align: left;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
.nmMenu > ul div.childcontent-inner div.childcontent-inner {
	margin-top: -12px!important;
}
.nmMenu > ul div.childcontent-inner div.childcontent-inner div.childcontent-inner {
	margin-top: 0!important;
}
.nmMenu > ul > li > .childcontent .nmcol {
	padding-bottom: 0;
}
.nmMenu > ul div.childcontent li {
	margin: 0;
	padding: 0 16px;
	border-top: 1px solid #444;
	
}
.nmMenu > ul div.childcontent li:hover {
	 background: #A38FB2;
}

.nmMenu > ul div.childcontent li:first-child { 
	border: none;
}

.nmMenu > ul div.childcontent a {
	color: #000020;
	font-size: 13px;
	display: block;
	min-height: 24px;
	font-weight: bold;
	padding: 8px 0;
}
.nmMenu > ul div.childcontent small {
	color: #ddd;
	font-size: 11px;
	font-weight: 300;
	margin: 0 0 6px;
}
.nmMenu > ul div.childcontent li.group {
	padding: 0;
	margin: 0;
	height: auto;
	border: none !important;
	background: none;
}
.nmMenu > ul div.childcontent li.active > a,
.nmMenu > ul div.childcontent li:hover > a,
.nmMenu > ul div.childcontent li > a:hover {
	color: #fff;
}
.nmMenu > ul div.childcontent header {
	padding: 10px 16px 6px 16px;
	display: block;
	color: #fff;
	margin: 0;
	font-weight: 400!important;
}
.nmMenu > ul div.childcontent header a {
	font-size: 16px;
	line-height: 24px;
	padding: 8px 0 4px;
	text-transform: uppercase;
	border-bottom: 2px solid #444;
}
.nmMenu > ul div.childcontent header small {
	display: block;
	text-transform: none;
}
#nmMainMenu .module p {
	font-size: 12px;
	line-height: 18px;
}

#nmMobileMenu {
	display: none;
}


#nmMainbody .registration {
	width: 500px
}

#nmMainbody #dynamic_recaptcha_1,
#nmMainbody #recaptcha_area {
	margin-bottom: 10px
}


#nmMainbody > div {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
}
#nmInnerInset {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}
#nmMainbody > div + #nmInnerInset {
	float: left;
	padding-left: 32px;
}
#nmMainbody > div.nmInnerInsetLeft {
	float: right;
}
#nmMainbody > div.nmInnerInsetLeft + #nmInnerInset {
	float: left;
	padding-right: 32px;
}
#nmMainbodyTop {
	margin: -10px -19px 0 -20px;
	border-bottom: 1px solid #e5e5e5;
}

#nmMainbodyBottom {
	margin: -10px -19px 0 -20px;
	border-top: 1px solid #e5e5e5;
}

#nmMainbody .box {
	padding-left: 0!important;
	padding-right: 0!important;
	width: 100%;
}

#nmMainbody .box,
#nmMainbodyTop .box,
#nmMainbodyBottom .box {
	border-top: 1px solid #e5e5e5;
}

#nmMainbody .box:first-child,
#nmMainbodyTop .box:first-child,
#nmMainbodyBottom .box:first-child {
	border-top: none;
}

#nmPageContent::after,
#nmContent::after,
#nmSidebar::after,
footer::after,
header::after,
section::after,
aside::after,
article::after,
.box::after,
.itemSocialSharing::after,
#nmTopMenu::after,
article header ul::after,
#nmTop1 > div::after,
#nmTop2 > div::after {
	clear: both;
	content: "";
	display: table;
}


section#nmContent,
section#nmComponentWrap,
aside#nmSidebar {
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
}

#nmContent.nmColumnLeft {
	float: right;
}
#nmContent.nmColumnLeft + #nmSidebar {
	float: left;
}


body > footer:first-child,
body > header:first-child,
body > section:first-child,
section#nmPage > section:first-child,
section#nmContent > section:first-child,
section#nmComponentWrap > section:first-child {
	margin-top: 0;
}

#nmContentWrap {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	padding: 10px 20px;
}
#nmContentWrap + #nmInset {
	float: left;
}
#nmContentWrap.nmInsetLeft {
	float: right;
}
#nmContentWrap.nmInsetLeft + #nmInset {
	float: left;
}



section#nmPageTop {
	overflow: visible; 
	width: 100%; 
}


body[data-mobile="true"] #nmMobileMenu select {
    font-size: 50px;
} 


select,
textarea,
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"] {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #a5a5a5;
	box-sizing: border-box;
	color: #777;
	font-size: 12px;
	height: 32px;
	line-height: 33px;
	max-width: 100%!important;
	padding: 0 12px
}

textarea {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	max-width: 100%!important;
	padding: 24px
}

select {
	height: inherit;
	padding: 6px
}

html.-moz-select {
	padding: 3px 5px
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
textarea:focus {
	background: #fffef4
}

button,
.button,
input.button,
span.button,
button.button,
div.button,
input[type="submit"],
input[type="button"],
.pagenav-prev a,
.pagenav-next a,
.readon,
.pagination ul li a,
.pagination ul li span {
	-moz-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	background: #7070C5;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: 400;
	height: 42px;
	line-height: 42px;
	margin: 0 5px 2px 2px;
	padding: 0 25px;
	text-align: center;
	transition: all .1s ease-out;
}



input[type=checkbox],
.checkbox,
input[type=radio],
.radio {
	background: transparent!important;
	border: none!important;
	height: auto!important;
	margin-top: 7px!important
}

select[size] {
	font-size: 12px;
	height: auto
}

select[size="1"] {
	height: 29px!important;
	line-height: 24px
}

.invalid {
	background: #fffef4;
	border: 1px solid #e25527!important;
	color: #000
}

label {
	color: #363636;
	font-size: 12px;
	font-weight: 600
}

label.invalid {
	background: #fff;
	border: none!important;
	color: #e25527!important
}

fieldset.filters > div > * {
	float: left;
	margin-right: 10px
}

fieldset.filters > div > select {
	margin-top: 4px
}

section article {
	margin-top: 10px
}

section > header {
	margin: 0 0 32px;
	padding: 0
}

section > header h2 small {
	color: #666;
	font-size: 20px
}

section > header div p {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.4;
	text-transform: none
}

section img {
	height: auto!important;
	max-width: 100%!important
}

section.category .children,
section.blog .children {
	clear: both;
	margin-top: 22px
}

section.categories-list ul ul li {
	border: none;
	border-top: 1px solid #eee;
	list-style: lower-latin inside;
	padding-left: 6px
}

section.categories-list li,
section.category .children li,
section.blog .children li {
	border-top: 1px solid #e5e5e5;
	clear: both;
	font-size: 16px;
	line-height: 1.4;
	overflow: hidden;
	padding: 12px 0
}

section.categories-list li > div p,
section.category .children li > div p,
section.blog .children li > div p {
	font-size: 14px;
	margin: .5em 0
}

section.categories-list ul ul li dl {
	margin-left: 36px
}

section.categories-list li > dl,
section.category .children li > dl,
section.blog .children li > dl {
	font-size: 11px;
	margin: 0
}

section.categories-list li > dl > dt,
section.category .children li > dl > dt,
section.blog .children li > dl > dt {
	float: left
}

section.categories-list li > dl > dd,
section.category .children li > dl > dd,
section.blog .children li > dl > dd {
	float: left;
	font-weight: 700;
	margin-left: 5px
}

section.category .children h3,
section.blog .children h3 {
	font-size: 24px;
	line-height: 24px;
	margin: 20px 0
}

.blog .k2box {
	margin-bottom: 20px
}

.filters .display-limit select {
	display: inline!important;
	float: none
}

table {
	margin-bottom: 5px;
	
}

th {
	background: #222;
	color: #fff;
	font-weight: 400;
	padding: 8px 10px;
	text-align: left;
	text-transform: uppercase
}

tbody tr td {
	border-bottom: 1px solid #e5e5e5;
	padding: 8px 10px
}

tbody tr td p {
	margin: .5em 0
}


section.blog .items-row {
	clear: both;
	margin-bottom: 10px;
	overflow: hidden
}

section.blog .items-more h3 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 10px
}

.items-leading > div {
	clear: both!important
}

article,
article > section {
	position: relative
}

article aside {
	display: block;
	float: left;
	text-align: right;
	width: 118px
}

article aside.itemAsideInfo > div {
	border-top: 1px solid #e5e5e5;
	font-size: 11px;
	padding: 20px 0
}

article aside.itemAsideInfo > ul {
	padding: 0 0 20px
}

article aside.itemAsideInfo > ul li {
	background: none!important;
	font-size: 11px;
	margin: 0 2px!important;
	padding: 0 2px!important
}

article header {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 24px;
	width: 100%
}

article header h1,
.category header,
article header h2 {
	clear: both;
	font-size: 38px;
	font-weight: 300;
	line-height: 42px;
	padding: 0 0 6px
}

article header h1 a,
article header h2 a {
	color: #212121
}

li.print-icon,
li.email-icon {
	padding: 2px 6px 10px!important
}

li.print-icon a,
li.email-icon a {
	position: relative;
	top: 3px
}

article.item-page ul.content-links li {
	background: none
}

.img-intro-none {
	float: none
}

.img-intro-none img {
	float: none!important;
	margin: 0 auto
}

.img-fulltext-none,
.img-fulltext-left,
.img-fulltext-right {
	float: none;
	margin: 0 0 32px;
	overflow: hidden;
	position: relative
}

.img-fulltext-none > div,
.img-fulltext-left > div,
.img-fulltext-right > div {
	float: none!important;
	width: 100%!important
}

.img-fulltext-none img,
.img-fulltext-left img,
.img-fulltext-right img {
	display: block;
	height: auto!important;
	max-width: 100%!important;
	width: 100%!important
}

p.img_caption {
	background: #e25b32;
	color: #fff;
	font-size: 12px;
	margin: 0;
	padding: 5px 12px;
	position: absolute;
	right: 0;
	top: 15px
}

section.blog div.img_caption img.caption {
	display: block;
	float: none!important
}

.item-page ul {
	list-style-type: none
}

.edit fieldset > div {
	clear: both;
	padding: 5px 0
}

.edit fieldset > div label {
	display: block;
	float: left;
	min-width: 120px
}

section.login .login-fields {
	padding-bottom: 16px
}

section.login .login-fields label {
	display: block;
	float: left;
	line-height: 34px;
	min-width: 100px
}

section.login ul {
	font-size: 11px;
	margin-top: 20px
}




ul,
ol {
    margin: 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}






img {
    border: 0; 
    -ms-interpolation-mode: bicubic; 
}



svg:not(:root) {
    overflow: hidden;
}






figure {
    margin: 0;
}






form {
    margin: 0;
}



fieldset {
    border: none;
    margin: 0;
    padding: 0;
}



legend {
    border: 0; 
    padding: 0;
    white-space: normal; 
    *margin-left: -7px; 
}



button,
input,
select,
textarea {
    font-size: 100%; 
    margin: 0; 
    vertical-align: baseline; 
    *vertical-align: middle; 
}



button,
input {
    line-height: normal; 
}



button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; 
    -webkit-appearance: button; 
    *overflow: visible;  

}

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
background-color:#6BA2DA;
background-image:-moz-linear-gradient(top, #6BA2DA, #628CB7);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#6BA2DA), to(#628CB7));
background-image:-webkit-linear-gradient(top, #6BA2DA, #628CB7);
background-image:-o-linear-gradient(top, #6BA2DA, #628CB7);
background-image:linear-gradient(to bottom, #6BA2DA, #628CB7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6BA2DA', endColorstr='#ff628CB7', GradientType=0);
border-color:#6BA2DA #628CB7 #283870;

border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
background-repeat:repeat-x;
*background-color:#5151a3;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

}


input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:hover
{
color:#ffffff;
background-image:-moz-linear-gradient(top, #00A4EC, #0043A0);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#00A4EC), to(#0043A0));
background-image:-webkit-linear-gradient(top, #00A4EC, #0043A0);
background-image:-o-linear-gradient(top, #00A4EC, #0043A0);
background-image:linear-gradient(to bottom, #00A4EC, #0043A0);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00A4EC', endColorstr='#ff0043A0', GradientType=0);
border-color:#00A4EC #0043A0 #283870;


}


input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"].active,
input[type="reset"].active,
input[type="submit"].active,
button:active,button.active
{
color:#ffffff;
background-image:-moz-linear-gradient(top, #4D86C7, #4571A4);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#4D86C7), to(#4571A4));
background-image:-webkit-linear-gradient(top, #4D86C7, #4571A4);
background-image:-o-linear-gradient(top, #4D86C7, #4571A4);
background-image:linear-gradient(to bottom, #4D86C7, #4571A4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4D86C7', endColorstr='#ff4571A4', GradientType=0);
border-color:#4D86C7 #4571A4 #283870;


}


button{border-top-color:#ffffff;border-bottom-color:#ffffff;}



input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; 
    padding: 0; 
    *height: 13px; 
    *width: 13px; 
}



input[type="search"] {
    -webkit-appearance: textfield; 
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; 
    box-sizing: content-box;
}



input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}



button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}



textarea {
    overflow: auto; 
    vertical-align: top; 
}






table {
    border-collapse: collapse;
    border-spacing: 0;
}


 

html {
	min-height: 100%;
}
body > div > footer,
body > div > header,
body > div > section,
body > footer,
body > header,
body > section {
	
	clear: both;
	margin: 0 auto;
}


[hidden] {
    display: none;
}






html {
    font-size: 100%; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
}



html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}



body {
    margin: 0;
}






a:focus {
    outline: none;
}



a:hover,
a:active {
    outline: none;
}






h1 {
    font-size: 2em;
}



abbr[title] {
    border-bottom: 1px dotted;
}



b, 
strong { 
    font-weight: bold; 
}

blockquote {
    margin: 1em 40px;
}



dfn {
    font-style: italic;
}



mark {
    background: #ff0;
    color: #000;
}



pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}



pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}





q {
    quotes: none;
}



q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}



sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

nmcol { width: 200px; }

@media screen and (max-width: 768px) {
	    	#k2Container .itemsContainer { width: 100%!important; } 
	    	.cols-2 .column-1,
	    	.cols-2 .column-2,
	    	.cols-3 .column-1,
	    	.cols-3 .column-2,
	    	.cols-3 .column-3,
	    	.demo-typo-col2,
	    	.demo-typo-col3,
	    	.demo-typo-col4 {width: 100%; }
	    	}
#nmPageContent { background-image: none!important; }
#nmContent { background-image: none!important; }
#nmMainbody > div { width: 100%; }

#nmContent { width: 100%; }

#nmContentWrap { width: 100%; }

.nmPage { max-width: 1230px; }

#menu70 > div,
#menu70 > div > .childcontent-inner { width: 200px; }

#menu71 > div,
#menu71 > div > .childcontent-inner { width: 200px; }

#menu121 > div,
#menu121 > div > .childcontent-inner { width: 200px; }

#menu82 > div,
#menu82 > div > .childcontent-inner { width: 200px; }

#menu74 > div,
#menu74 > div > .childcontent-inner { width: 200px; }

#menu112 > div,
#menu112 > div > .childcontent-inner { width: 200px; }

#menu122 > div,
#menu122 > div > .childcontent-inner { width: 200px; }




/* Ultra Premium Dropdown Menu - Professional Grade */

/* Reset and base styles */
#nmMainMenu * {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 5px !important;
}

#nmMainMenu {
    font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    position: relative !important;
    z-index: 9999 !important;
    background: transparent !important;
    padding: 2px !important;
    overflow: visible !important;
}

#nmExtraMenu {
    background: transparent !important;
    padding: 16px 0 !important;
}

/* Main menu container */
.nmmenu.level0 {
    display: flex !important;
    list-style: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: wrap !important;
    background: transparent !important;
}

/* Main menu items */
.nmmenu.level0 > li {
    position: relative !important;
    list-style: none !important;
    background: transparent !important;
}

.nmmenu.level0 > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 22px !important;
    text-decoration: none !important;
    color: #1e293b !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.025em !important;
    text-transform: uppercase !important;
    border-radius: 10px !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08) !important;
    min-width: 100px !important;
    height: 44px !important;
    text-align: center !important;
}

/* Hover effects for main menu */
.nmmenu.level0 > li > a:hover,
.nmmenu.level0 > li:hover > a {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #6366f1 !important;
    border-color: rgba(99, 102, 241, 0.3) !important;
    box-shadow: 0 6px 24px rgba(99, 102, 241, 0.2), 0 3px 12px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-2px) scale(1.02) !important;
}

/* Active state */
.nmmenu.level0 > li.active > a,
.nmmenu.level0 > li > a.active {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: white !important;
    border-color: rgba(99, 102, 241, 0.5) !important;
    box-shadow: 0 8px 32px rgba(99, 102, 241, 0.4), 0 4px 16px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-1px) scale(1.03) !important;
}

/* Dropdown indicator for items with children */
.nmmenu.level0 > li.haschild > a::after {
    content: '▾' !important;
    margin-left: 6px !important;
    font-size: 11px !important;
    transition: transform 0.3s ease !important;
    opacity: 0.7 !important;
}

.nmmenu.level0 > li.haschild:hover > a::after {
    transform: rotate(180deg) !important;
    opacity: 1 !important;
}

/* CRITICAL: Dropdown container with NO GAP */
.childcontent {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(8px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 10000 !important;
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    margin-top: -2px !important; /* OVERLAP to prevent gap */
}

/* Invisible bridge to prevent menu closing */
.childcontent::after {
    content: '' !important;
    position: absolute !important;
    top: -10px !important;
    left: 0 !important;
    right: 0 !important;
    height: 12px !important;
    background: transparent !important;
    pointer-events: all !important;
}

/* Show dropdown on hover */
.nmmenu.level0 > li:hover .childcontent {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* PREMIUM DROPDOWN DESIGN */
.childcontent-inner {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.95)) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-radius: 20px !important;
    box-shadow: 
        0 32px 80px rgba(0, 0, 0, 0.12), 
        0 16px 40px rgba(0, 0, 0, 0.08),
        0 8px 24px rgba(0, 0, 0, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    padding: 24px !important;
    min-width: 280px !important;
    animation: dropdownSlideIn 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Subtle gradient overlay for premium feel */
.childcontent-inner::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.3), transparent) !important;
}

@keyframes dropdownSlideIn {
    0% {
        opacity: 0;
        transform: translateY(-16px) scale(0.94);
        filter: blur(6px);
    }
    60% {
        opacity: 0.8;
        transform: translateY(-2px) scale(1.01);
        filter: blur(1px);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

/* Premium dropdown arrow */
.childcontent .childcontent-inner::after {
    content: '' !important;
    position: absolute !important;
    top: -8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.95)) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    border-bottom: none !important;
    border-right: none !important;
    rotate: 45deg !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    box-shadow: -2px -2px 8px rgba(0, 0, 0, 0.04) !important;
}

/* ULTRA PREMIUM DROPDOWN MENU ITEMS */
.nmmenu.level1 {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

.nmmenu.level1 li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nmmenu.level1 a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 16px 20px !important;
    text-decoration: none !important;
    color: #334155 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    border-radius: 14px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid transparent !important;
    position: relative !important;
    text-transform: none !important;
    letter-spacing: 0.01em !important;
    background: transparent !important;
    width: 100% !important;
    min-height: 52px !important;
    overflow: hidden !important;
}

/* Premium icon space for dropdown items */
.nmmenu.level1 a::before {
    content: '→' !important;
    margin-right: 12px !important;
    font-size: 14px !important;
    opacity: 0 !important;
    transform: translateX(-8px) !important;
    transition: all 0.3s ease !important;
    color: #6366f1 !important;
}

.nmmenu.level1 a:hover::before {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

.nmmenu.level1 a:hover {
    background: linear-gradient(135deg, 
        rgba(99, 102, 241, 0.08), 
        rgba(139, 92, 246, 0.05)) !important;
    color: #6366f1 !important;
    border-color: rgba(99, 102, 241, 0.15) !important;
    transform: translateX(8px) !important;
    box-shadow: 
        0 8px 24px rgba(99, 102, 241, 0.12),
        0 4px 12px rgba(99, 102, 241, 0.08) !important;
    padding-left: 24px !important;
}

/* Animated left border on hover */
.nmmenu.level1 a::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 20% !important;
    bottom: 20% !important;
    width: 0 !important;
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    border-radius: 0 4px 4px 0 !important;
    box-shadow: 0 0 12px rgba(99, 102, 241, 0.4) !important;
}

.nmmenu.level1 a:hover::after {
    width: 4px !important;
}

/* Shimmer effect on main menu items */
.nmmenu.level0 > li > a::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent) !important;
    transition: left 0.6s ease !important;
    opacity: 0 !important;
}

.nmmenu.level0 > li > a:hover::before {
    left: 100% !important;
    opacity: 1 !important;
}

/* Enhanced focus states */
.nmmenu a:focus {
    outline: 2px solid #6366f1 !important;
    outline-offset: 2px !important;
    border-radius: 10px !important;
}

/* Responsive design */
@media (max-width: 768px) {
    .nmmenu.level0 {
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    .nmmenu.level0 > li > a {
        min-width: 240px !important;
        padding: 10px 18px !important;
    }
    
    .childcontent {
        position: static !important;
        transform: none !important;
        margin: 6px 0 0 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: all !important;
    }
    
    .childcontent-inner {
        animation: none !important;
        min-width: 240px !important;
    }
    
    .childcontent-inner::after,
    .childcontent::after {
        display: none !important;
    }
}

/* Column styling */
.nmcol {
    width: 100% !important;
}

/* Hidden elements */
[style*="display: none"] {
    display: none !important;
}

/* Advanced typography */
.nmmenu a {
    font-feature-settings: 'kern' 1, 'liga' 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}






/* Mobile-First Ultra Compact Premium Menu */

/* Reset and base styles */
#nmMainMenu * {
    box-sizing: border-box !important;
    margin: 0;
	margin-top: 1px !important;
    padding: 0 !important;
}

/* Top section layout - single line for everything */
#nmPageTop {
    min-width: auto !important;
    width: 100% !important;
    padding: 8px 12px !important;
    background: transparent !important;
}

.nmPage {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}

/* Logo - compact */
#nmLogo {
    flex-shrink: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
	filter: drop-shadow(0 0 5px white)
            drop-shadow(0 0 10px white)
            drop-shadow(0 0 15px white);
}

#nmLogo img {
    height: 32px !important;
    width: auto !important;
    margin: 0 !important;
}

/* User area - compact */
#nmUserArea {
    flex-shrink: 0 !important;
    margin: 0 !important;
}

#nmUserArea a {
    font-size: 12px !important;
    padding: 6px 12px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    color: #475569 !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
}

#nmUserArea a:hover {
    background: rgba(99, 102, 241, 0.1) !important;
    color: #6366f1 !important;
    border-color: rgba(99, 102, 241, 0.3) !important;
}

/* Main menu container - flexible */
#nmMainMenu {
    font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    position: relative !important;
    z-index: 9999 !important;
    background: transparent !important;
    flex: 1 !important;
    overflow: hidden !important;
    display: flex !important;
    justify-content: center !important;
}

#nmExtraMenu {
    background: transparent !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

/* Main menu - horizontal scroll on mobile */
.nmmenu.level0 {
    display: flex !important;
    list-style: none !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: nowrap !important;
    background: transparent !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    justify-content: center !important;
}

.nmmenu.level0::-webkit-scrollbar {
    display: none !important;
}

/* Compact menu buttons */
.nmmenu.level0 > li {
    position: relative !important;
    list-style: none !important;
    background: transparent !important;
    flex-shrink: 0 !important;
}

.nmmenu.level0 > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 14px !important;
    text-decoration: none !important;
    color: #1e293b !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    min-width: 60px !important;
    height: 36px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

/* Hover effects */
.nmmenu.level0 > li > a:hover,
.nmmenu.level0 > li:hover > a {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #6366f1 !important;
    border-color: rgba(99, 102, 241, 0.3) !important;
    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.2), 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-1px) scale(1.02) !important;
}

/* Active state */
.nmmenu.level0 > li.active > a,
.nmmenu.level0 > li > a.active {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: white !important;
    border-color: rgba(99, 102, 241, 0.5) !important;
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.3), 0 3px 10px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-1px) scale(1.05) !important;
}

/* Compact dropdown indicator */
.nmmenu.level0 > li.haschild > a::after {
    content: '▾' !important;
    margin-left: 4px !important;
    font-size: 9px !important;
    transition: transform 0.3s ease !important;
    opacity: 0.7 !important;
}

.nmmenu.level0 > li.haschild:hover > a::after {
    transform: rotate(180deg) !important;
    opacity: 1 !important;
}

/* Dropdown positioning - mobile optimized */
.childcontent {
    position: fixed !important;
    top: auto !important;
    bottom: 60px !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(10px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 10000 !important;
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    width: 90vw !important;
    max-width: 320px !important;
}

/* Show dropdown */
.nmmenu.level0 > li:hover .childcontent {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* Premium dropdown design - mobile optimized */
.childcontent-inner {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.95)) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-radius: 16px !important;
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.15), 
        0 10px 30px rgba(0, 0, 0, 0.1),
        0 5px 15px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    padding: 20px !important;
    animation: dropdownSlideUp 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    max-height: 60vh !important;
    overflow-y: auto !important;
}

@keyframes dropdownSlideUp {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(0.9);
        filter: blur(6px);
    }
    60% {
        opacity: 0.8;
        transform: translateY(-3px) scale(1.02);
        filter: blur(1px);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

/* Mobile dropdown arrow */
.childcontent .childcontent-inner::after {
    content: '' !important;
    position: absolute !important;
    bottom: -8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.95)) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    border-top: none !important;
    border-left: none !important;
    rotate: 45deg !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
}

/* Mobile-optimized dropdown items */
.nmmenu.level1 {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.nmmenu.level1 li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.nmmenu.level1 a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 14px 16px !important;
    text-decoration: none !important;
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 12px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid transparent !important;
    position: relative !important;
    text-transform: none !important;
    letter-spacing: 0.01em !important;
    background: transparent !important;
    width: 100% !important;
    min-height: 48px !important;
    overflow: hidden !important;
}

/* Mobile dropdown hover effects */
.nmmenu.level1 a::before {
    content: '→' !important;
    margin-right: 10px !important;
    font-size: 12px !important;
    opacity: 0 !important;
    transform: translateX(-6px) !important;
    transition: all 0.3s ease !important;
    color: #6366f1 !important;
}

.nmmenu.level1 a:hover::before {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

.nmmenu.level1 a:hover {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(139, 92, 246, 0.05)) !important;
    color: #6366f1 !important;
    border-color: rgba(99, 102, 241, 0.15) !important;
    transform: translateX(6px) !important;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.1) !important;
    padding-left: 20px !important;
}

/* Mobile left border effect */
.nmmenu.level1 a::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 25% !important;
    bottom: 25% !important;
    width: 0 !important;
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    border-radius: 0 3px 3px 0 !important;
    box-shadow: 0 0 8px rgba(99, 102, 241, 0.4) !important;
}

.nmmenu.level1 a:hover::after {
    width: 3px !important;
}

/* Hidden elements */
[style*="display: none"] {
    display: none !important;
}

/* Desktop responsive adjustments */
@media (min-width: 768px) {
    #nmPageTop {
        padding: 12px 20px !important;
    }
    
    .nmPage {
        gap: 16px !important;
    }
    
    #nmLogo img {
        height: 36px !important;
    }
    
    .nmmenu.level0 {
        gap: 6px !important;
        overflow-x: visible !important;
    }
    
    .nmmenu.level0 > li > a {
        padding: 10px 16px !important;
        font-size: 12px !important;
        height: 40px !important;
        min-width: 80px !important;
    }
    
    .childcontent {
        position: absolute !important;
        top: calc(100% + 4px) !important;
        bottom: auto !important;
        width: auto !important;
        min-width: 240px !important;
        max-width: none !important;
    }
    
    .childcontent-inner::after {
        bottom: auto !important;
        top: -8px !important;
        border-bottom: none !important;
        border-right: none !important;
        border-top: 1px solid rgba(255, 255, 255, 0.7) !important;
        border-left: 1px solid rgba(255, 255, 255, 0.7) !important;
    }
    
    .childcontent-inner {
        max-height: none !important;
        overflow-y: visible !important;
        animation: dropdownSlideIn 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    }
    
    @keyframes dropdownSlideIn {
        0% {
            opacity: 0;
            transform: translateY(-16px) scale(0.94);
            filter: blur(6px);
        }
        60% {
            opacity: 0.8;
            transform: translateY(-2px) scale(1.01);
            filter: blur(1px);
        }
        100% {
            opacity: 1;
            transform: translateY(0) scale(1);
            filter: blur(0);
        }
    }
}

/* Large desktop */
@media (min-width: 1024px) {
    .nmmenu.level0 {
        gap: 8px !important;
    }
    
    .nmmenu.level0 > li > a {
        padding: 12px 20px !important;
        font-size: 13px !important;
        height: 42px !important;
        min-width: 100px !important;
    }
}

/* Advanced typography */
.nmmenu a {
    font-feature-settings: 'kern' 1, 'liga' 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}












        /* Reset and base styles */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        #nmPageTop {
            width: 100%;
            background: #f8f9fa;
            border-bottom: 1px solid #dee2e6;
            position: relative;
        }

        .nmPage {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 60px;
            padding: 0 20px;
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
        }

        /* Logo positioning */
        #nmLogo {
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
        }

        #nmLogo img {
            height: 40px;
            width: auto;
        }

        /* Main menu centering */
        #nmMainMenu {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* Desktop menu styles */
        .nmmenu {
            list-style: none;
            display: flex;
            align-items: center;
            gap: 0;
        }

        .nmmenu li {
            position: relative;
        }

        .nmmenu a {
            display: block;
            padding: 15px 20px;
            text-decoration: none;
            color: #333;
            font-weight: 500;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: all 0.3s ease;
            border-radius: 4px;
        }

        .nmmenu a:hover,
        .nmmenu a.active {
            background: #007bff;
            color: white;
        }

        /* Dropdown styles */
        .haschild .childcontent {
            position: absolute;
            top: 100%;
            left: 0;
            background: white;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            border-radius: 4px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
            z-index: 1000;
            min-width: 200px;
        }

        .haschild:hover .childcontent {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .childcontent-inner {
            padding: 10px 0;
        }

        .level1 {
            flex-direction: column;
            gap: 0;
        }

        .level1 a {
            padding: 10px 20px;
            text-transform: none;
            font-size: 13px;
            color: #666;
        }

        .level1 a:hover {
            background: #f8f9fa;
            color: #007bff;
        }

        /* Mobile menu button */
        .mobile-menu-toggle {
            display: none;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            cursor: pointer;
            flex-direction: column;
            gap: 4px;
            padding: 8px;
        }

        .mobile-menu-toggle span {
            display: block;
            width: 25px;
            height: 3px;
            background: #333;
            transition: all 0.3s ease;
            border-radius: 2px;
        }

        .mobile-menu-toggle.active span:nth-child(1) {
            transform: rotate(45deg) translate(6px, 6px);
        }

        .mobile-menu-toggle.active span:nth-child(2) {
            opacity: 0;
        }

        .mobile-menu-toggle.active span:nth-child(3) {
            transform: rotate(-45deg) translate(6px, -6px);
        }

        /* Mobile menu overlay */
        .mobile-menu-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 999;
        }

        .mobile-menu-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* Mobile menu */
        .mobile-menu {
            position: fixed;
            top: 0;
            right: -300px;
            width: 300px;
            height: 100%;
            background: white;
            transition: all 0.3s ease;
            z-index: 1000;
            overflow-y: auto;
            padding: 80px 0 20px;
        }

        .mobile-menu.active {
            right: 0;
        }

        .mobile-menu .nmmenu {
            flex-direction: column;
            gap: 0;
        }

        .mobile-menu .nmmenu a {
            padding: 15px 20px;
            border-bottom: 1px solid #eee;
            border-radius: 0;
        }

        .mobile-menu .childcontent {
            position: static;
            opacity: 1;
            visibility: visible;
            transform: none;
            box-shadow: none;
            background: #f8f9fa;
            display: none;
        }

        .mobile-menu .haschild.expanded .childcontent {
            display: block;
        }

        .mobile-menu .haschild > a::after {
            content: '▼';
            float: right;
            font-size: 12px;
            transition: transform 0.3s ease;
        }

        .mobile-menu .haschild.expanded > a::after {
            transform: rotate(180deg);
        }

        /* Responsive breakpoints */
        @media (max-width: 768px) {
            .nmPage {
                padding: 0 15px;
            }

            #nmLogo {
                left: 15px;
            }

            #nmMainMenu {
                display: none;
            }

            .mobile-menu-toggle {
                display: flex;
                right: 15px;
            }
        }

        @media (min-width: 769px) {
            .mobile-menu-overlay,
            .mobile-menu {
                display: none !important;
            }
        }