/*********************************** Simple Accessible Horizontal Navigation bar ********************************/

.bottomBar				{}
@media screen and (max-width: 630px) {
	.bottomBar		{text-align:center !important;}
}

#NavHorizontalSimpleByID1230		{}
@media screen and (min-width: 631px) {
	#NavHorizontalSimpleByID1230	{float:right;}
}
UL.NavigationBarSimple			{margin:18px 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.3rem; line-height:1.5rem; font-weight:normal;}

LI.NavigationBarSimple			{}
LI A.NavigationBarSimple		{color:#fff; text-decoration:none;}
LI A.NavigationBarSimple:hover	{color:#5ebbdb; text-decoration:none;}

LI.NavigationBarSimpleOn			{}
LI A.NavigationBarSimpleOn			{color:#5ebbdb; text-decoration:none;}
LI A.NavigationBarSimpleOn:hover	{color:#5ebbdb; text-decoration:none;}

SPAN.NavigationBarSimpleItem		{/*white-space:nowrap;*/}
IMG.NavigationBarSimpleSeperator	{vertical-align:top; width:1px; height:11px; margin:2px 10px 0px 10px; background:#fff;} /* left/right - 4px difference */

UL.NavigationBarSimple LI A:active, UL.NavigationBarSimple LI A:focus	{color:#5ebbdb;}




/****************** top-line Simple Bar ******************/
.top-line UL.NavigationBarSimple				{margin:50px 50px 0px 20px; padding:0px; text-align:right; font-size:0px; /*white-space:nowrap;*/ background:transparent;}
.top-line UL.NavigationBarSimple LI				{margin:0px; padding:0px; list-style-image:none; list-style-type:none; display:block;}
.top-line UL.NavigationBarSimple LI A			{display:inline-block; vertical-align:top; font-size:1.5rem; line-height:1.7rem; font-weight:normal;}

.top-line LI.NavigationBarSimple				{}
.top-line LI A.NavigationBarSimple				{color:#214079; text-decoration:none;}
.top-line LI A.NavigationBarSimple:hover		{color:#0457a7; text-decoration:none;}

.top-line LI.NavigationBarSimpleOn				{}
.top-line LI A.NavigationBarSimpleOn			{color:#0457a7; text-decoration:none;}
.top-line LI A.NavigationBarSimpleOn:hover		{color:#0457a7; text-decoration:none;}

.top-line SPAN.NavigationBarSimpleItem			{/*white-space:nowrap;*/}
.top-line IMG.NavigationBarSimpleSeperator		{width:100%; height:2px; margin:10px 0px 10px 10px; background:transparent;}

.top-line UL.NavigationBarSimple LI A:active, .top-line UL.NavigationBarSimple LI A:focus	{color:#0457a7;}


/** Simple Top nav Box & Collaps button **/
@media screen and (max-width: 900px) {
	#simple480					{position:relative; width:39px; height:39px; margin-left:12px;}
	#simple480 #simple-source	{width:39px; height:39px; background-color:#fff; border:#0459a9 1px solid; border-radius:20px; overflow:hidden; box-sizing:border-box; position:absolute; top:0px; right:0px; z-index:1;}
	#simple480 .simple-source-focus		{width:200px !important; height:345px !important;}
	#simple480 A.simple-open			{width:37px; height:37px; display:table; border-radius:50%; position:absolute; top:1px; right:1px; z-index:2; background:#fff url('../toMenu.png') no-repeat center center; background-size:57%;}
	#simple480 A.simple-open:hover		{background-color:#fee3a4 !important;}
	.header UL.NavigationBarSimple		{margin:14px 0px 0px 70px;}
}




/****************** header Simple Bar ******************/
#simple1200			{clear:both;}
#simple990			{}
#simple-source {
	-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;
}
.header UL.NavigationBarSimple				{margin:0px; padding:0px; text-align:left; font-size:0px; /*white-space:nowrap;*/ background:transparent;}
.header UL.NavigationBarSimple LI			{margin:0px; padding:0px; list-style-image:none; list-style-type:none; display:inline;}
.header UL.NavigationBarSimple LI A			{display:inline-block; vertical-align:top; font-size:2.2rem; line-height:2.4rem; font-weight:normal;}

.header LI.NavigationBarSimple				{}
.header LI A.NavigationBarSimple			{color:#272d3d; text-decoration:none;}
.header LI A.NavigationBarSimple:hover		{color:#0457a7; text-decoration:none;}

.header LI.NavigationBarSimpleOn			{}
.header LI A.NavigationBarSimpleOn			{color:#0457a7; text-decoration:none;}
.header LI A.NavigationBarSimpleOn:hover	{color:#0457a7; text-decoration:none;}

.header SPAN.NavigationBarSimpleItem			{/*white-space:nowrap;*/}
.header IMG.NavigationBarSimpleSeperator		{vertical-align:top; width:1px; height:13px; margin:6px 15px 0px 15px; background:#000;} /* left/right - 4px difference */

.header UL.NavigationBarSimple LI A:active, .header UL.NavigationBarSimple LI A:focus	{color:#0457a7;}

/** Simple header nav Box & Collaps button **/
A.simple-open-header		{display:none;}
A.simple-open-header:hover	{background-color:#fee3a4 !important;}

@media screen and (max-width: 1700px) {
	.header UL.NavigationBarSimple LI A			{font-size:2.1rem; line-height:2.4rem;}
}

@media screen and (max-width: 1600px) {
	.header UL.NavigationBarSimple LI A			{font-size:2rem; line-height:2.4rem;}
}

@media screen and (max-width: 1500px) and (min-width: 901px) {
	#simple990							{position:relative; height:49px; margin:0px 0px 0px 69px;}
	#simple990 #simple-source			{width:49px; height:49px; background-color:#fff; border:#0459a9 1px solid; border-radius:25px; overflow:hidden; box-sizing:border-box; position:absolute; top:0px; left:0px; z-index:3;}
	#simple990 .simple-source-focus		{width:925px !important;}
	#simple990 A.simple-open-header		{width:47px; height:47px; display:table; border-radius:50%; position:absolute; top:1px; left:1px; z-index:4; background:#fff url('../toMenu.png') no-repeat center center;}
	.header UL.NavigationBarSimple		{margin:14px 0px 0px 70px;}
}

@media screen and (max-width: 1040px) and (min-width: 901px) {
	#simple990 .simple-source-focus			{width:250px !important; height:345px !important;}
	#simple990 UL.NavigationBarSimple		{padding-right:30px;}
	#simple990 UL.NavigationBarSimple LI	{display:block; text-align:right;}
	#simple990 IMG.NavigationBarSimpleSeperator		{width:100%; height:2px; margin:10px 0px 10px 10px; background:transparent;}
}

@media screen and (max-width: 1800px) and (min-width: 1201px) {
	#simple990							{margin:0px !important;}
}



/*********************************************************************************************************/
/******************************* 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:#ff8c37; text-decoration:none;}

#nav-awesome LI.NavigationBarAwesomeOn			{}
#nav-awesome LI A.NavigationBarAwesomeOn		{color:#ff8c37; text-decoration:none;}
#nav-awesome LI A.NavigationBarAwesomeOn:hover	{color:#ff8c37; 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:#ff8c37;}



/****************** 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:#ff8c37; text-decoration:none;}

#workshop LI.NavigationBarAwesomeOn			{}
#workshop LI A.NavigationBarAwesomeOn		{color:#ff8c37; text-decoration:none;}
#workshop LI A.NavigationBarAwesomeOn:hover	{color:#ff8c37; 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:#ff8c37;}
#workshop UL.NavigationBarAwesome LI A:active, #workshop UL.NavigationBarAwesome LI A:focus	{color:#ff8c37;}

/** 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;}



