nav												{z-index: 596;}

.nav_fixed 										{position: fixed; top: 0; z-index: 1; width: 100%; z-index: 596;}

/* Main menu ================================================================================ */

#navigation-main 								{z-index: 596; width: auto; padding: 0; margin: 0; border: 0;}
#navigation-main ul, 
#navigation-main li 							{z-index: 599; list-style: none; margin: 0; padding: 0;}
#navigation-main ul 							{position: relative; z-index: 597; text-transform: uppercase; width: 100%; font-size: 1rem; padding: 0; margin: 0;}
#navigation-main > ul 							{display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex;
									 	 		 -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
									 	 		 -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
#navigation-main > ul li						{position: relative; -webkit-flex: 1; -ms-flex: 1; -webkit-box-flex: 1; flex: 1; white-space: nowrap; text-align: center; font-weight: bold;}
#navigation-main > ul li:last-child, #navigation-main > ul li:first-child {
										 		 -webkit-flex: 0.6; -ms-flex: 0.6; -webkit-box-flex: 0.6; flex: 0.6;}
#navigation-main a 								{display: block; text-decoration: none;	color: #fff; padding: 0.7rem 2rem;}
#navigation-main > ul 							{*display: inline-block;}
#navigation-main ul > li.has-sub > a:after 		{background-size: 0.8rem 0.8rem; background-position: center; background-repeat: no-repeat;
    									 		 width: 0.8rem; height: 2rem; content:""; position: absolute; margin-left: 0.5rem;}
#navigation-main > ul > li > a 					{line-height: 2rem;}
.nav-main-hover									{background: }
.nav-main-hover > a:after						{background-image: url('/images/svg/arrow-white-down.svg');}
.nav-main-hover:hover							{background: ; cursor: pointer;}
.nav-main-selected								{background: }
.nav-main-selected > a:after					{background-image: url('/images/svg/arrow-white-up.svg') !important;}

/* First sub menu ================================================================================ */

#navigation-main ul ul 							{display: none; position: absolute; z-index: 598; margin-top: 0; text-transform: none;
										 		 background-color: #f5f5f5; min-width: 240px; /*width: 100%;*/ white-space: nowrap; /*box-shadow: 0 0.2rem 0.2rem #aaa;*/}
#navigation-main > ul > li > ul					{box-shadow: 0 0.4rem 0.4rem #444;}
#navigation-main ul ul li 						{font-weight: normal; position: relative; text-align: left;}
#navigation-main ul ul a 						{color: #333; border-bottom: 1px solid #e1e1e1; padding: 0 1rem; line-height: 44px; font-size: 12px;}
#navigation-main ul ul li.has-sub > a:after		{background-size: 0.8rem 0.8rem; background-position: center; background-repeat: no-repeat;
										 		 width: 0.8rem; height: 44px; content:""; position: absolute; right: 1rem;}
.nav-main-sub-hover, .has-no-sub				{background-color: #f5f5f5;}
.nav-main-sub-hover > a:after					{background-image: url('/images/svg/arrow-gray-right.svg');}
.nav-main-sub-hover:hover, .has-no-sub:hover
												{background: #fdfdfd; cursor: pointer;}
.nav-main-sub-selected							{background: #fdfdfd;}
.nav-main-sub-selected > a:after				{background-image: none !important;}

/* Second sub menu ================================================================================ */

#navigation-main ul ul ul 						{top: 0; left: 240px; width: 240px; box-shadow: 0 0.3rem 0.3rem -0.3rem #222; z-index: -1;}
#navigation-main ul ul ul a 					{background: #fdfdfd; /* fff */}
#navigation-main ul ul ul a img					{margin-right: 7px; vertical-align: text-bottom;}

#navigation-main ul ul ul li:hover > a 			{background: #fff;}

/* Last menus ======================================================================================*/

#navigation-main ul li.last ul 					{left: auto; right: 0;}
#navigation-main ul li.last ul ul 				{left: auto; right: 99.5%;}

/* Mobile buttons */

#nav_mobile_search, #nav_mobile_menu			{display: none;}

/* Search form =========================================================================================*/

#header_search, 
#content_search, #popup-user-search				{z-index: 1; margin: 0; padding: 0;}
#header_search form, 
#content_search form,
#popup-user-search form
												{padding: 0.6rem 0 0.8rem 0 !important; height: 2.8rem !important; 
										 		 display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex;
									 	 		 -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
									 	 		 -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;
									 	 		 -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
#header_search_mobile							{display: none; position: absolute; z-index: 1000; width: 100%;
										 		 -webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
										 		 -moz-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
										 		 box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);}
#header_search_mobile form						{padding: 1rem 0.7rem; height: 3rem; 
												 display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex;
												 -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
												 -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
												 -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}

#header_search form input[type=text],
#header_search_mobile form input[type=text]		{max-width: 260px; border: none; padding: 0 0.5rem !important; border-radius: 0; font-size: 1.3rem !important;}
#header_search form input[type=text]			{border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top-left-radius: 0.2rem; 
												 border-bottom-left-radius: 0.2rem;}

#header_search form input[type=submit],
#content_search form input[type=submit],
#header_search_mobile form input[type=submit],
#popup-user-search form input[type=submit]		{width: 3rem; min-width: 3rem; border: none; background:  url('/images/svg/search.svg') no-repeat center center; background-size: 1.5rem;}

#header_search form input[type=submit],
#content_search form input[type=submit],		
#popup-user-search form input[type=submit]		{border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem;}


#content_search form input[type=text],
#popup-user-search form input[type=text]		{height: auto !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; padding: 0 0.5rem !important; border-right: none; font-size: 1.3rem !important;}


/* Media querries ======================================================================================*/

@media only screen and (max-width: 950px) {
nav												{width: 100%; display: none; position: absolute; z-index: 1000; background-color: ;
										 		 -webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
										 		 -moz-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
										 		 box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);}
.nav_fixed 										{position: absolute; top: auto; z-index: 1; width: 100%;}
#navigation-top									{display: none;}
#nav_mobile_menu								{display: block; padding: 1rem; cursor: pointer;
									 	 		 background: url('/images/svg/menu.svg') no-repeat center center; background-size: 1.8rem; width: 1.8rem;}
#nav_mobile_search								{display: block; padding: 1rem; cursor: pointer;
									 	 		 background: url('/images/svg/search.svg') no-repeat center center; background-size: 1.8rem; width: 1.8rem;}
#navigation-main a 								{padding-left: 1rem; padding-right: 1rem;}
#navigation-main ul > li						{text-align: left;}
#navigation-main > ul 							{display: block;}
#navigation-main ul ul 							{display: none; position: relative; top: 0;}
#navigation-main ul li.has-sub > a:after		{right: 1rem;}
#navigation-main ul ul ul 						{width: 100%; left: 0;}
.nav-main-hover:hover							{background: none;}
#navigation-main > ul > li > a 					{line-height: 2.3rem; border-bottom: 1px solid ;}
#navigation-main ul ul li.has-sub > a:after		{background-size: 0.8rem 0.8rem; background-position: center; background-repeat: no-repeat;
										 		 width: 0.8rem; height: 3.4rem; content:""; position: absolute; margin-left: 0.5rem;}

.nav-main-sub-selected							{background: ;}
.nav-main-sub-hover > a:after					{background-image: url('/images/svg/arrow-gray-down.svg');}
.nav-main-sub-selected > a:after				{background-image: url('/images/svg/arrow-gray-up.svg') !important;}

#navigation-main ul li.last ul 					{left: 0; right: 0;}
#navigation-main ul li.last ul ul 				{left: 0; right: 0;}
#header_search_mobile form input[type=text]		{max-width: none; width: 100%;}
}
@media only screen and (min-width: 440px) {
#nav_mobile_search, #nav_mobile_menu			{padding: 1rem 1.5rem;}
}


/* Navigation top ================================================================================ */

#navigation-top 								{z-index: 696; padding: 0; margin: 0; border: 0;}
#navigation-top ul, 
#navigation-top li 								{list-style: none; position: relative; margin: 0; padding: 0;}
#navigation-top ul 								{z-index: 697; font-size: 0.9rem;}
#navigation-top > ul							{*display: inline-block;}
#navigation-top ul > li.top-has-sub > a:after	{background-size: 0.7rem 0.7rem; background-position: center; background-repeat: no-repeat;
    									 		 width: 0.7rem; height: 1.5rem; content:""; position: absolute; margin-left: 0.2rem;}
.nav-top-hover a 								{display: block; color: #ccc !important; white-space: nowrap; padding: 0.3rem 1rem;}
.nav-top-hover a:hover 							{background: #111; cursor: pointer; color: #fff !important; text-decoration: none;}
.nav-top-hover > a:after						{background-image: url('/images/svg/arrow-white-down.svg');}
.nav-top-selected > a							{display: block; color: #fff !important; white-space: nowrap; padding: 0.3rem 1rem; background-color: ;}
.nav-top-selected a:hover						{text-decoration: none;}
.nav-top-selected > a:after						{background-image: url('/images/svg/arrow-white-up.svg');}
.top-has-sub > a								{padding-right: 1.7rem !important;}

/* Navigation top first sub menu ================================================================================ */

#navigation-top ul ul 							{display: none; position: absolute; z-index: 698; margin-top: 0; text-transform: none; 
												 background: #f5f5f5; min-width: 170px; white-space:nowrap;}
#navigation-top > ul > li > ul					{box-shadow: 0 0.4rem 0.4rem #444;}
#navigation-top ul ul li 						{font-weight: normal; position: relative; text-align: left;}
#navigation-top ul ul a 						{display: block; color: #333; border-bottom: 1px solid #e1e1e1; padding: 0 1rem; line-height: 3rem;}

#navigation-top ul ul li a:hover 				{color: #000;}
#navigation-top ul ul li:hover > a 				{background: #fff;}
/*#navigation-top ul ul li:hover > a:after 		{content: '';}*/

/* Navigation top last menus ======================================================================================*/

#navigation-top ul li.last ul 					{left: auto; right: 0;}
/*#navigation-top ul li.last ul ul 				{left: auto; right: 99.5%;}*/