/*********************************** Simple Accessible Horizontal Navigation bar ********************************/

.bottomBar				{}
@media screen and (max-width: 768px) {
	.bottomBar		{text-align:center !important;}
}

#NavHorizontalSimpleByID4		{}
UL.NavigationBarSimple			{margin:14px 0px 6px 0px; padding:0px; text-align:right; font-size:0px; /*white-space:nowrap;*/}
UL.NavigationBarSimple LI		{margin:0px; padding:0px; list-style-image:none; list-style-type:none; display:inline;}
UL.NavigationBarSimple LI A		{display:inline-block; vertical-align:top; font-size:1.6rem; line-height:1.6rem; font-weight:normal;}

LI.NavigationBarSimple			{}
LI A.NavigationBarSimple		{color:#000; text-decoration:none;}
LI A.NavigationBarSimple:hover	{color:#016289; text-decoration:none;}

LI.NavigationBarSimpleOn			{}
LI A.NavigationBarSimpleOn			{color:#016289; text-decoration:none;}
LI A.NavigationBarSimpleOn:hover	{color:#016289; text-decoration:none;}

SPAN.NavigationBarSimpleItem		{/*white-space:nowrap;*/}
IMG.NavigationBarSimpleSeperator	{vertical-align:top; width:1px; height:11px; margin:2px 10px 0px 10px; background:transparent;} /* left/right - 4px difference */

UL.NavigationBarSimple LI A:active, UL.NavigationBarSimple LI A:focus	{color:#000;}

@media screen and (max-width: 990px) {
	.bottomBar UL.NavigationBarSimple LI A		{font-size:1.5rem;}
}
@media screen and (max-width: 480px) {
	.bottomBar UL.NavigationBarSimple LI A		{font-size:1.4rem;}
}



/*********************************** Simple Accessible Footer Blue bar ********************************/

.blueBar				{}
@media screen and (max-width: 480px) {
	.blueBar		{text-align:center !important;}
}

#NavHorizontalSimpleByIDXXX		{}
#blue-bar UL.NavigationBarSimple			{margin:8px 0px 16px 0px; padding:0px; text-align:right; font-size:0px; /*white-space:nowrap;*/}
#blue-bar UL.NavigationBarSimple LI		{margin:0px; padding:0px; list-style-image:none; list-style-type:none; display:inline;}
#blue-bar UL.NavigationBarSimple LI A		{display:inline-block; vertical-align:middle; font-size:2rem; line-height:115%; padding-bottom:3px; font-weight:normal;}

#blue-bar LI.NavigationBarSimple			{}
#blue-bar LI A.NavigationBarSimple		{color:#fff; text-decoration:none;}
#blue-bar LI A.NavigationBarSimple:hover	{color:#000; text-decoration:none;}

#blue-bar LI.NavigationBarSimpleOn			{}
#blue-bar LI A.NavigationBarSimpleOn			{color:#000; text-decoration:none;}
#blue-bar LI A.NavigationBarSimpleOn:hover	{color:#000; text-decoration:none;}

#blue-bar SPAN.NavigationBarSimpleItem		{/*white-space:nowrap;*/}
#blue-bar IMG.NavigationBarSimpleSeperator	{vertical-align:middle; width:6px; height:6px; margin:0px 14px 0px 14px; background:#633783; border-radius:50%;}

.show-focus #blue-bar UL.NavigationBarSimple LI A:active, .show-focus #blue-bar UL.NavigationBarSimple LI A:focus	{color:#000;}

@media screen and (max-width: 990px) {
	#blue-bar UL.NavigationBarSimple LI A		{font-size:1.8rem;}
}
@media screen and (max-width: 480px) {
	#blue-bar UL.NavigationBarSimple LI A		{font-size:1.6rem;}
}



/****************** top-line Lang Bar ******************/
.lang-box UL.NavigationBarSimple				{margin:0px; padding:0px; text-align:center; font-size:inherit; /*white-space:nowrap;*/ background:transparent;}
.lang-box UL.NavigationBarSimple LI				{margin:0px; padding:0px; list-style-image:none; list-style-type:none; display:inline;}
.lang-box UL.NavigationBarSimple LI A			{display:inline-block; vertical-align:top; font-size:110%; line-height:115%; font-weight:normal;}

.lang-box LI.NavigationBarSimple				{}
.lang-box LI A.NavigationBarSimple				{color:#000; text-decoration:none;}
.lang-box LI A.NavigationBarSimple:hover		{color:#b10172; text-decoration:none;}

.lang-box LI.NavigationBarSimpleOn				{}
.lang-box LI A.NavigationBarSimpleOn			{color:#b10172; text-decoration:none;}
.lang-box LI A.NavigationBarSimpleOn:hover		{color:#b10172; text-decoration:none;}

.lang-box SPAN.NavigationBarSimpleItem			{/*white-space:nowrap;*/}
.lang-box IMG.NavigationBarSimpleSeperator		{vertical-align:top; width:1px; height:11px; margin:6px 8px 0px 8px; background:#000;} /* left/right - 4px difference */

.lang-box UL.NavigationBarSimple LI A:active, .lang-box UL.NavigationBarSimple LI A:focus	{color:#b10172;}
.show-focus .lang-box UL.NavigationBarSimple LI A:active, .show-focus .lang-box UL.NavigationBarSimple LI A:focus	{color:#000;}

@media screen and (min-width: 1280px) {
	.lang-box UL.NavigationBarSimple LI			{line-height:39px;}
	.lang-box UL.NavigationBarSimple LI A		{line-height:39px;}
	.lang-box IMG.NavigationBarSimpleSeperator	{margin-top:0px; vertical-align:middle;}
}

/** Simple Top nav Box & Collaps button **/
DIV.lang-box		{width:100%; display:table; box-sizing:border-box;}

@media screen and (max-width: 1279px) {
	#lang			{margin:0px;}
	DIV.lang-box	{background-color:#00a9ec; padding:12px 2.5% 8px 5%; box-sizing:border-box;}

	.lang-box UL.NavigationBarSimple				{padding:10px 0px 10px 0px;}
	.lang-box UL.NavigationBarSimple LI				{}
	.lang-box UL.NavigationBarSimple LI A			{}
	.lang-box IMG.NavigationBarSimpleSeperator		{height:16px; background-color:#fff; margin-top:4px;}

	.lang-box LI A.NavigationBarSimple				{color:#fff;}
	.lang-box LI A.NavigationBarSimple:hover		{color:#000;}
	.lang-box LI A.NavigationBarSimpleOn			{color:#000;}
	.lang-box LI A.NavigationBarSimpleOn:hover		{color:#000;}
}

@media screen and (max-width: 680px) {
	.lang-box UL.NavigationBarSimple				{text-align:left;}
}




/****************** top-line Simple Bar ******************/
.simple-container UL.NavigationBarSimple				{margin:0px; padding:0px; text-align:center; font-size:inherit; /*white-space:nowrap;*/ background:transparent;}
.simple-container UL.NavigationBarSimple LI				{margin:0px; padding:0px; list-style-image:none; list-style-type:none; display:inline;}
.simple-container UL.NavigationBarSimple LI A			{display:inline-block; vertical-align:top; font-size:110%; line-height:115%; font-weight:normal;}

.simple-container LI.NavigationBarSimple				{}
.simple-container LI A.NavigationBarSimple				{color:#000; text-decoration:none;}
.simple-container LI A.NavigationBarSimple:hover		{color:#b10172; text-decoration:none;}

.simple-container LI.NavigationBarSimpleOn				{}
.simple-container LI A.NavigationBarSimpleOn			{color:#b10172; text-decoration:none;}
.simple-container LI A.NavigationBarSimpleOn:hover		{color:#b10172; text-decoration:none;}

.simple-container SPAN.NavigationBarSimpleItem			{/*white-space:nowrap;*/}
.simple-container IMG.NavigationBarSimpleSeperator		{vertical-align:top; width:1px; height:11px; margin:6px 11px 0px 15px; background:#000;} /* left/right - 4px difference */

.simple-container UL.NavigationBarSimple LI A:active, .simple-container UL.NavigationBarSimple LI A:focus	{color:#b10172;}
.show-focus .simple-container UL.NavigationBarSimple LI A:active, .show-focus .simple-container UL.NavigationBarSimple LI A:focus	{color:#000;}

@media screen and (min-width: 1680px) {
	.simple-container UL.NavigationBarSimple			{display:flex; max-width:770px;}
	.simple-container UL.NavigationBarSimple LI			{line-height:39px;}
	.simple-container UL.NavigationBarSimple LI A		{line-height:39px;}
	.simple-container IMG.NavigationBarSimpleSeperator	{margin-top:0px; vertical-align:middle;}
}


/** Simple Top nav Box & Collaps button **/
A.simple-open, A.simple-close		{display:none;}
DIV.simple-box		{}
A.SimpleClose:focus		{background-image:url('../x-close.png') !important;} /*x-close*/

@media screen and (min-width: 1680px) {
	A.SimpleClose		{display:none !important;} /*x-close*/
	#simple-box-end		{display:none;}
}

@media screen and (max-width: 1679px) {
	DIV.simple-box		{display:none; background-color:#fff; width:200px; max-width:300px; float:none !important; position:fixed; top:60px; /* top from JS */ margin:0px; padding-top:40px; left:-210px; z-index:9999; direction:rtl; border-bottom:#ddd 1px solid; border-top:#bbb 1px solid; /*box-shadow:inset 0 0px 8px rgba(0,0,0,0.3);*/}

	A.simple-open, A.simple-close	{display:table; padding:3px 6px 0px 6px; z-index:9999;}
	#simple-but .fa-bars			{font-size:26px; font-weight:normal; line-height:26px; vertical-align:top;}
	A.simple-open					{background-color:#ececee;}
	A.simple-open .fa-bars			{color:#000;}
	A.simple-close					{background-color:#fff; border:#df0095 1px solid; padding:2px 5px 1px 5px;}
	A.simple-close .fa-bars			{color:#000;}

	.simple-container UL.NavigationBarSimple				{text-align:right;}
	.simple-container UL.NavigationBarSimple LI				{float:none !important; display:block;}
	.simple-container UL.NavigationBarSimple LI A			{display:block; height:auto; line-height:115%; padding:8px 20px 9px 20px;}
	.simple-container IMG.NavigationBarSimpleSeperator		{width:100%; height:1px; margin:0px; background-color:#ddd; display:block;}

	.simple-container LI A.NavigationBarSimple				{color:#000;}
	.simple-container LI A.NavigationBarSimple:hover		{color:#b10172;}
	.simple-container LI A.NavigationBarSimpleOn			{color:#b10172;}
	.simple-container LI A.NavigationBarSimpleOn:hover		{color:#b10172;}
}

@media screen and (max-width: 680px) {
	DIV.simple-box		{max-width:680px;}
}

@media screen and (max-width: 360px) {
	#simple-but .fa-bars		{font-size:22px;}
}




/*********************************************************************************************************/
/******************************* Awesome Accessible Horizontal Navigation bar ****************************/

/****************** standart  ******************/
DIV.nav-awesome-title			{text-align:center;}
DIV.nav-awesome-title H3		{display:block; color:#e30494; margin:0; padding:0; font-size:2.5rem; line-height:2.7rem; font-weight:normal;}

#NavHorizontalAwesomeByIDXXX/**/				{}
#nav-awesome UL.NavigationBarAwesome			{margin:20px 0px 0px 0px; padding:0px; text-align:center;}
#nav-awesome UL.NavigationBarAwesome LI			{position:relative; margin-bottom:20px; text-align:center; box-shadow:0 1px 8px rgba(0,0,0,0.3); list-style-image:none; list-style-type:none;}
#nav-awesome UL.NavigationBarAwesome LI A		{width:100%; height:100%; position:absolute; right:0; left:0; top:0; bottom:0; text-shadow:1px 1px 1px rgba(0,0,0,0.7);}

#nav-awesome LI.NavigationBarAwesome			{}
#nav-awesome LI A.NavigationBarAwesome			{color:#ffffff; text-decoration:none;}
#nav-awesome LI A.NavigationBarAwesome:hover	{color:#00a9eb; text-decoration:none;}

#nav-awesome LI.NavigationBarAwesomeOn			{}
#nav-awesome LI A.NavigationBarAwesomeOn		{color:#00a9eb; text-decoration:none;}
#nav-awesome LI A.NavigationBarAwesomeOn:hover	{color:#00a9eb; text-decoration:none;}

#nav-awesome IMG.NavigationBarAwesomeBg			{width:100%; height:auto; display:block;}
#nav-awesome SPAN.NavigationBarAwesomeFa		{display:block; margin:10% 0px 10% 0px;}
#nav-awesome UL.NavigationBarAwesome LI A .fa	{font-size:48px; text-shadow:1px 1px 1px rgba(0,0,0,0.7);}
#nav-awesome SPAN.NavigationBarAwesomeTitle		{display:inline-table; margin:0px 10px 0px 10px; padding:10px; font-size:21px; font-weight:bold; background-color:rgba(0,0,0,0.3); border-radius:10px;}

#nav-awesome UL.NavigationBarAwesome LI A:active, #nav-awesome UL.NavigationBarAwesome LI A:focus	{color:#00a9eb;}



/****************** Products category 382 ******************/
#content-in DIV.nav-awesome-title			{display:none; /*text-align:center;*/}
#content-in DIV.nav-awesome-title H3		{/*display:block; color:#8bc4ff; margin:0; padding:0; font-size:190%; font-weight:normal;*/}

#NavHorizontalAwesomeByIDXXX/**/			{}
#content-in UL.NavigationBarAwesome			{display:flex; flex-wrap:wrap; justify-content:space-between; padding:20px 0px 0px 0px; text-align:center;}
#content-in UL.NavigationBarAwesome LI		{display:block; text-align:center; list-style-image:none; list-style-type:none; box-sizing:border-box;}
#content-in UL.NavigationBarAwesome LI A	{width:100%; display:table;}

#content-in LI.NavigationBarAwesome				{}
#content-in LI A.NavigationBarAwesome			{color:#000; text-decoration:none;}
#content-in LI A.NavigationBarAwesome:hover		{color:#24a6ee; text-decoration:none;}

#content-in LI.NavigationBarAwesomeOn			{}
#content-in LI A.NavigationBarAwesomeOn			{color:#24a6ee; text-decoration:none;}
#content-in LI A.NavigationBarAwesomeOn:hover	{color:#24a6ee; text-decoration:none;}

#content-in IMG.NavigationBarAwesomeBg			{width:100%; max-width:147px; height:auto; margin:0px auto 7px auto; display:block;}
#content-in SPAN.NavigationBarAwesomeFa			{}
#content-in UL.NavigationBarAwesome LI A .fa	{display:none; /*display:block; margin:10% 0px 10% 0px;*/}
#content-in SPAN.NavigationBarAwesomeTitle		{font-size:2.6rem; line-height:105%; font-weight:bold;}

#content-in UL.NavigationBarAwesome LI:focus		{color:#24a6ee;}
#content-in UL.NavigationBarAwesome LI A:active, #content-in UL.NavigationBarAwesome LI A:focus	{color:#161f38;}

#content-in UL.NavigationBarAwesome LI A, #content-in UL.NavigationBarAwesome LI A IMG.NavigationBarAwesomeBg {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#content-in UL.NavigationBarAwesome LI A:hover IMG.NavigationBarAwesomeBg		{border-color:#fff; background-color:#001760; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9);}

@media screen and (min-width: 1201px) { /* 7 items */
	#content-in UL.NavigationBarAwesome			{max-width:1210px; margin:0px auto 20px auto;}
	#content-in UL.NavigationBarAwesome LI		{width:150px;}
	#content-in IMG.NavigationBarAwesomeBg		{max-width:130px;}
	#content-in SPAN.NavigationBarAwesomeTitle	{font-size:2.2rem;}
}

@media screen and (max-width: 1200px) and (min-width: 821px) { /* 4+3 items */
	#content-in UL.NavigationBarAwesome		{max-width:730px; margin:auto;}
	#content-in UL.NavigationBarAwesome LI	{width:177px; margin-bottom:30px;}
	#content-in SPAN.NavigationBarAwesomeTitle	{font-size:2.6rem;}
}

@media screen and (max-width: 820px) and (min-width: 621px) { /* 3+3+1 items */
	#content-in UL.NavigationBarAwesome		{max-width:641px; margin:auto;}
	#content-in UL.NavigationBarAwesome LI	{width:177px; margin-bottom:30px;}
	#content-in UL.NavigationBarAwesome LI:last-child	{margin:0 auto 30px auto;}
}

@media screen and (max-width: 620px) { /* 2 items */
	#content-in UL.NavigationBarAwesome				{max-width:401px; margin:auto;}
	#content-in UL.NavigationBarAwesome LI			{width:46%; margin-bottom:30px;}
	#content-in IMG.NavigationBarAwesomeBg			{width:80%;}
	#content-in SPAN.NavigationBarAwesomeTitle		{font-size:2.1rem;}
	#content-in UL.NavigationBarAwesome LI:last-child	{margin:0 auto 30px auto;}
}