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

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

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

LI.NavigationBarSimple			{}
LI A.NavigationBarSimple		{color:#ddd; text-decoration:none;}
LI A.NavigationBarSimple:hover	{color:#deff02; text-decoration:none;}

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

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

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




/****************** top-line Simple Bar XX cancelled is link in grid ******************/
#lang					{float:left;} /* mast have only 1 category */
.top-line #lang		{float:right; margin:5px 12px 0px 0px;}
#lang UL.NavigationBarSimple				{display:table; height:15px; margin:6px 0px 0px 23px; padding:0px 0px 0px 10px; float:left; text-align:left; /*white-space:nowrap;*/ background:transparent; border-left:#ffffff 1px solid;}
#lang  UL.NavigationBarSimple LI			{display:table-cell; line-height:15px; margin:0px; padding:0px; list-style-image:none; list-style-type:none;}
#lang  UL.NavigationBarSimple LI A			{height:auto; display:inline; line-height:16px; font-size:1.5rem; font-weight:normal;}

#lang  LI.NavigationBarSimple				{}
#lang  LI A.NavigationBarSimple				{color:#ffffff; text-decoration:none;}
#lang  LI A.NavigationBarSimple:hover		{color:#deff02; text-decoration:none;}

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

#lang  SPAN.NavigationBarSimpleItem			{/*white-space:nowrap;*/}
#lang  IMG.NavigationBarSimpleSeperator		{vertical-align:middle; width:1px; height:17px; margin:-1px 6px 0px 10px; background:#ffffff;} /* left/right - 4px difference */

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

.top-line #lang UL.NavigationBarSimple				{padding:0px 10px 0px 0px; border-left:0; border-right:#fff 1px solid;}

/** Simple Top nav Box & Collaps button **/
A.simple-open		{display:none;}

@media screen and (max-width: 480px) {
	#lang					{display:none;}
	.top-line #lang		{display:block;}
}

/*@media screen and (max-width: 768px) {
	DIV.simple-box		{background-color:#fff; width:200px; float:none !important; position:fixed; top:0px; right:-210px; z-index:9999; direction:rtl; box-shadow:0 0px 8px rgba(0,0,0,0.3);}

	A.simple-open, A.simple-close	{display:block; width:24px; height:30px; position:fixed; top:5px; right:0px; background:#eee url('../toMenu-small.png') no-repeat right center; z-index:9999;}

	.top-line UL.NavigationBarSimple				{}
	.top-line UL.NavigationBarSimple LI				{float:none !important; display:block; margin:5px 10px 5px 10px;}
	.top-line UL.NavigationBarSimple LI A			{height:auto; line-height:115%;}
	.top-line IMG.NavigationBarSimpleSeperator		{display:none;}
}*/




/****************** Gdudim (units) Simple Bar ******************/
#units UL.NavigationBarSimple				{margin:0px auto 15px auto; padding:0px; text-align:right; display:flex; justify-content:center;}
#units  UL.NavigationBarSimple LI			{width:25%; position:relative; list-style-image:none; list-style-type:none;}
#units  UL.NavigationBarSimple LI A			{width:100%; height:101px; display:block; padding:25px 15px 30px 100px; font-size:2.5rem; line-height:2.6rem; font-weight:normal; box-sizing:border-box;}
#units  UL.NavigationBarSimple LI:nth-of-type(1) A	{background-color:#90a65b;}
#units  UL.NavigationBarSimple LI:nth-of-type(2) A	{background-color:#b7cb40;}
#units  UL.NavigationBarSimple LI:nth-of-type(3) A	{background-color:#90a65b;}
#units  UL.NavigationBarSimple LI:nth-of-type(4) A	{background-color:#b7cb40; padding:13px 15px 15px 100px !important;}
#units  UL.NavigationBarSimple LI A			{
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
} 

#units  LI.NavigationBarSimple				{}
#units  LI A.NavigationBarSimple				{color:#000; text-decoration:none;}
#units  LI A.NavigationBarSimple:hover		{background-color:#acb960 !important; color:#000; text-decoration:none;}

#units  LI.NavigationBarSimpleOn				{}
#units  LI A.NavigationBarSimpleOn			{background-color:#acb960 !important; color:#000; text-decoration:none;}
#units  LI A.NavigationBarSimpleOn:hover		{background-color:#acb960 !important; color:#000; text-decoration:none;}

#units  SPAN.NavigationBarSimpleItem			{/*white-space:nowrap;*/}
#units  IMG.NavigationBarSimpleSeperator		{display:none;} /* left/right - 4px difference */
#units  IMG.tank		{display:block; position:absolute; top:35px; left:8px;}
.wobble-horizontal-hover {
	-webkit-animation-name: hvr-wobble-horizontal;
	animation-name: hvr-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

#units UL.NavigationBarSimple LI A:active, #units UL.NavigationBarSimple LI A:focus	{background-color:#acb960; color:#000;}

@media screen and (max-width: 990px) and (min-width: 541px) { /* 2 items */
	#units  UL.NavigationBarSimple				{width:500px; flex-wrap:wrap; justify-content:center; opacity:0.9;}
	#units  UL.NavigationBarSimple LI			{width:50%;}
	#units  UL.NavigationBarSimple LI:nth-of-type(1) A	{background-color:#90a65b;}
	#units  UL.NavigationBarSimple LI:nth-of-type(2) A	{background-color:#b7cb40;}
	#units  UL.NavigationBarSimple LI:nth-of-type(3) A	{background-color:#b7cb40;}
	#units  UL.NavigationBarSimple LI:nth-of-type(4) A	{background-color:#90a65b;}
}

@media screen and (max-width: 540px) { /* 1 items */
	#units  UL.NavigationBarSimple				{width:250px; flex-direction:column; justify-content:center; opacity:0.9;}
	#units  UL.NavigationBarSimple LI			{width:100%;}
	#units  UL.NavigationBarSimple LI:nth-of-type(1) A	{background-color:#90a65b;}
	#units  UL.NavigationBarSimple LI:nth-of-type(2) A	{background-color:#b7cb40;}
	#units  UL.NavigationBarSimple LI:nth-of-type(3) A	{background-color:#90a65b;}
	#units  UL.NavigationBarSimple LI:nth-of-type(4) A	{background-color:#b7cb40;}
}



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

/****************** standart  ******************/
#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:#b7cb40; text-decoration:none;}

#nav-awesome LI.NavigationBarAwesomeOn			{}
#nav-awesome LI A.NavigationBarAwesomeOn		{color:#b7cb40; text-decoration:none;}
#nav-awesome LI A.NavigationBarAwesomeOn:hover	{color:#b7cb40; 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:#b7cb40;}



/****************** Hp 6 "banners" ******************/
#NavHorizontalAwesomeByIDXXX/**/			{}
#workshop UL.NavigationBarAwesome			{margin:20px 0px 0px 0px; padding:0px; text-align:center;}
#workshop 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;}
#workshop UL.NavigationBarAwesome LI A		{}

#workshop LI.NavigationBarAwesome			{}
#workshop LI A.NavigationBarAwesome			{color:#999999; text-decoration:none;}
#workshop LI A.NavigationBarAwesome:hover	{color:#b7cb40; text-decoration:none;}

#workshop LI.NavigationBarAwesomeOn			{}
#workshop LI A.NavigationBarAwesomeOn		{color:#b7cb40; text-decoration:none;}
#workshop LI A.NavigationBarAwesomeOn:hover	{color:#b7cb40; text-decoration:none;}

#workshop IMG.NavigationBarAwesomeBg			{width:100%; height:auto; display:block;}
#workshop SPAN.NavigationBarAwesomeFa			{}
#workshop UL.NavigationBarAwesome LI A .fa		{border-radius:42px; border:#fe8439 1px solid; margin:5px; padding:20px; font-size:32px;}
#workshop SPAN.NavigationBarAwesomeTitle		{}

#workshop UL.NavigationBarAwesome LI:focus		{color:#b7cb40;}
#workshop UL.NavigationBarAwesome LI A:active, #workshop UL.NavigationBarAwesome LI A:focus	{color:#b7cb40;}

/** css for code that added by JQ function **/
DIV.awesomeBar-item-over			{width:100%; height:0; text-align:center; position:absolute; top:0; left:0; text-decoration:none; background:rgba(19,43,93,0.7); overflow:hidden;}
SPAN.awesomeBar-item-title			{display:inline-block; font-size:26px; line-height:115%; color:#ffffff; margin:5px 15px 10px 15px;}
A.awesomeBar-item-link				{display:table; font-size:32px; margin:auto;}
A.awesomeBar-item-link .fa-link		{padding:10px !important; font-size:21px !important;}