@charset "utf-8";
/* MB Photo 2.0 CSS Document */

.over, .out
	{ cursor: pointer; }

@media all
{
 BODY
	{}
	DIV#main
		{ }
		.main DIV#top
			{ }			

		.main DIV#menu
			{
			 /*display: none;*/
			 width: 100%;
			 background-color: white;
			 position: sticky; 
			 left: 0; top: 0;
			 z-index: 100;/**/
			}
		.main DIV#menu.nosticky
			{
			 position: static; 
			 margin-top: 0 !important;
			}
		.main DIV#menu.fixed
			{
			 position: relative; 
			 left: 0; top: 0;
			 z-index: 100;
			}

			.main DIV#menu UL
				{
				 width: 100%;
				 margin: 0; padding: 0;
				 color: black;
				 list-style: none;
				 ackground-color: pink;
				}
				.main DIV#menu UL LI
					{ 
					 width: auto;
					 float: left;
					}
				.main DIV#menu UL LI:active .onclick
					{ }

					.main DIV#menu UL LI A
						{ }

				.main DIV#menu UL LI.right
					{ float: right; }

				.main DIV#menu UL LI.text
					{ text-align: left; }
					.main DIV#menu UL LI.text A
						{ color: black; }
					.main DIV#menu UL LI.text A.admin
						{ color: orange; }
					.main DIV#menu UL LI.text A:visited
						{ color: #555; }
					.main DIV#menu UL LI.text A:hover
						{
						 color: blue;
						 text-decoration: none;
						}
				.main DIV#menu UL LI.text:hover
					{ }

				.main DIV#menu UL LI.text.logo
					{ font-family: 'ArrusBT-Roman'; }
					.main DIV#menu UL LI.text.logo A
						{ color: darkblue; }
					.main DIV#menu UL LI.text.logo A:hover
						{ color: blue; }

				.main DIV#menu UL LI.text.contact
					{ font-family: Arial, Helvetica, sans-serif; }
					.main DIV#menu UL LI.text.contact A:visited
						{ color: black; }
					.main DIV#menu UL LI.text.contact A:hover
						{ color: blue; }

				.main DIV#menu UL LI.text.language
					{ float: right; }
				.main DIV#menu UL LI.text.language.short
					{ display: none; }
					.main DIV#menu UL LI.text.language A:visited
						{ color: black; }
					.main DIV#menu UL LI.text.language A:hover
						{ color: blue; }

				.main DIV#menu UL LI.image
					{ }
					.main DIV#menu UL LI.image IMG
						{ width: auto; height: 100%; }
					.main DIV#menu UL LI.image A
						{ }
						.main DIV#menu UL LI.image A IMG
							{ cursor: pointer; }
						.main DIV#menu UL LI.image A IMG:active
							{ }

				.main DIV#menu UL LI.image.logo
					{ }

				.main DIV#menu UL LI.image.social
					{ float: right; }

					.main DIV#menu UL LI.image .roll
						{ }
						.main DIV#menu UL LI.image .roll IMG.over
							{ display: none; }
						.main DIV#menu UL LI.image:hover .roll IMG.over
							{ display: initial; }
		
						.main DIV#menu UL LI.image .roll IMG.out
							{ display: initial; }
						.main DIV#menu UL LI.image:hover .roll IMG.out
							{ display: none; }

				.main DIV#menu UL LI#more
					{ 
					 position: relative;
					 left: 0; top: 0;
					}
				.main DIV#menu UL LI#more.mobile
					{ display: none; }
				.main DIV#menu UL LI.image.drop
					{ }
					.main DIV#menu UL LI.image.onclick IMG
						{ cursor: pointer; }

					.main DIV#menu UL LI DIV#dropdown
						{ 
						 width: auto; height: auto;
						 position: absolute;
						 ackground-color: white;
						 display: none;
						}
					.main DIV#menu UL LI.more DIV#dropdown:hover,
					.main DIV#menu UL LI.more:hover DIV#dropdown
						{ 
						 overflow: visible;
						 display: table;
						}
						.main DIV#menu UL LI DIV#dropdown UL
							{ background-color: white; }
							.main DIV#menu UL LI DIV#dropdown UL LI
								{ 
								 float: none;
								 margin: 0;
								 background: white;
								 position: static;
								 white-space: nowrap;
								 background-color: white;
								}
							.main DIV#menu UL LI DIV#dropdown UL LI:first-child
								{ }

					.main DIV#menu UL LI DIV#share
						{ display: none; }

		.main DIV.container
			{ }
}

@media (orientation: landscape) and (max-width: 1440px)
{
 DIV#main
	{ }
	.main DIV#top
		{ }
		.main DIV#menu { }
		.main DIV#menu.nosticky { }
		.main DIV#menu.fixed { }
		.main.desktop.wide DIV#menu
			{
			 height: 40px;
			 margin-top: -40px;/**/
			}

		.main.phone.wide DIV#menu
			{
			 height: 11vh;
			 margin-top: -11vh;
			}

		.main DIV#menu.nosticky 
			{ margin-top: 0; }

			.main DIV#menu UL
				{ }
			.main.desktop DIV#menu UL.menu_bar
				{
				 width: 70%;
				 margin: 0 auto;
				 padding-top: 7px;
				}
			.main.phone DIV#menu UL.menu_bar
				{ padding-top: 2vh; }

				.main DIV#menu UL LI
					{ }
					.main DIV#menu UL LI A
						{ }

				.main DIV#menu UL LI.text.switch
					{ display: none; }
				.main.phone DIV#menu UL LI.text.main
					{ /*display: none;*/ }
				.main.phone DIV#menu UL LI.text.switch
					{ display: block; }

				.main DIV#menu UL LI.text
					{ }
				.main.desktop DIV#menu UL LI.text
					{
					 margin-top: 5px;
					 margin-left: 1ex;
					 height: 20px;
					 font-size: 20px;
					 line-height: 19px;
					 padding-bottom: 1px;
					}
				.main.phone DIV#menu UL LI.text
					{
					 margin-top: 1.3vh;
					 margin-left: 1.2ex;
					 height: 6vh;
					 font-size: 6vh;
					 line-height: 6vh;
					}
				.main DIV#menu UL LI.text:hover
					{ border-bottom-width: 2px; }

				.main DIV#menu UL LI.text.logo
					{ }
				.main.desktop.wide DIV#menu UL LI.text.logo
					{
					 height: 26px;
					 margin-top: 0;
					 margin-left: 0ex; 
					 font-size: 26px;
					 line-height: 26px;
					 padding-bottom: 0;
					}
				.main.phone.wide DIV#menu UL LI.text.logo
					{
					 height: 9.2vh;
					 margin-top: -0.5vh;
					 margin-left: 1ex; 
					 font-size: 9vh;
					 line-height: 9vh;
					 padding-bottom: 0;
					}

				.main DIV#menu UL LI.text.contact
					{ }
				.main.desktop DIV#menu UL LI.text.contact
					{
					 margin-top: 2px;
					 margin-right: 0ex;
					 height: 20px;
					 font-size: 20px;
					 line-height: 20px;
					 padding-bottom: 4px;
					}
				.main.phone DIV#menu UL LI.text.contact
					{
					 margin-top: 0.2vh;
					 margin-left: 1.2ex;
					 height: 6vh;
					 font-size: 6vh;
					 line-height: 6vh;
					}

				.main DIV#menu UL LI.text.language
					{ }
				.main.desktop.wide DIV#menu UL LI.text.language
					{
					 margin-top: 2px;
					 margin-right: 1.5ex;
					 height: 18px;
					 font-size: 18px;
					 line-height: 18px;
					}
					.main.desktop.wide DIV#menu UL LI.text.language .icon
						{
						 width: auto; height: 22px;
						 vertical-align: text-bottom;
						}
				.main.phone.wide DIV#menu UL LI.text.language
					{
					 margin-top: -0.3vh;
					 margin-right: 0.5ex;
					 height: 6.2vh;
					 font-size: 6.2vh;
					 line-height: 6.2vh;
					}
					.main.phone.wide DIV#menu UL LI.text.language .icon
						{
						 width: auto; height: 7.5vh;
						 vertical-align: text-bottom;
						}

				.main DIV#menu UL LI.image
					{ }
				.main.desktop.wide DIV#menu UL LI.image
					{ height: 26px; }
				.main.phone.wide DIV#menu UL LI.image
					{ height: 7.5vh; }

				.main DIV#menu UL LI.image.logo
					{ }

				.main DIV#menu UL LI.image.social
					{ }
				.main.desktop.wide DIV#menu UL LI.image.social
					{ margin-right: 0ex }
				.main.phone.wide DIV#menu UL LI.image.social
					{ margin-right: 1.5ex }

					.main DIV#menu UL LI.image.social IMG
						{ }
					.main.desktop.wide DIV#menu UL LI.social.image IMG
						{ margin-left: 4px; }
					.main.phone.wide DIV#menu UL LI.social.image IMG
						{ margin-left: 1.5ex; }

					.main DIV#menu UL LI.image .roll
						{ }

				.main DIV#menu UL LI#more
					{ }
				.main.phone DIV#menu UL LI#more.mobile
					{ display: initial; }

				.main DIV#menu UL LI.image.drop
					{ }
					.main DIV#menu UL LI.image.drop IMG
						{ }

				.main DIV#menu UL LI.image.glyph
					{ }
				.main.desktop.wide DIV#menu UL LI.image.glyph
					{
					 height: 16px;
					 margin-top: 7px;
					 margin-left: 1.5ex;
					}
				.main.phone.wide DIV#menu UL LI.image.glyph
					{
					 height: 4.2vh;
					 margin-top: 2.27vh;
					 margin-left: 1.5ex;
					}

					.main DIV#menu UL LI DIV#dropdown
						{ isplay: block; }
					.main.desktop.wide DIV#menu UL LI DIV#dropdown
						{ 
						 left: -1ex; top: 0px;
						 padding-right: 0;
						}
					.main.mobile.wide DIV#menu UL LI:hover DIV#dropdown
						{ display: block; }
					.main.phone.wide DIV#menu UL LI DIV#dropdown
						{ 
						 left: -1ex; top: 0vh;
						 padding-right: 0;
						}
					.main DIV#menu UL LI.more DIV#dropdown:hover,
					.main DIV#menu UL LI.more:hover DIV#dropdown
						{ }
						.main.desktop.wide DIV#menu UL LI.image.glyph DIV#dropdown IMG
							{
							 height: 16px;
							 margin-left: 1ex;
							}
						.main.phone.wide DIV#menu UL LI.image.glyph DIV#dropdown IMG
							{
							 height: 4.2vh;
							 margin-left: 1ex;
							}

						.main DIV#menu UL LI DIV#dropdown UL
							{ }
						.main.desktop DIV#menu UL LI DIV#dropdown UL
							{ padding: 6px 0 0 0; }
						.main.phone DIV#menu UL LI DIV#dropdown UL
							{ padding: 6px 0 0 0; }
							.main DIV#menu UL LI DIV#dropdown UL LI
								{ padding: 7px 1ex 8px 1ex; }
							.main DIV#menu UL LI DIV#dropdown UL LI:last-child
								{ padding-bottom: 13px; }
								.main DIV#menu UL LI DIV#dropdown UL LI IMG.drop
									{
									 padding: 7px 0 8px 1ex;
									 background: transparent;
									}

					.main DIV#menu UL LI DIV#share
						{ }

		.main DIV.container
			{ }
		.main DIV.footer
{ }
}

@media (orientation: landscape) and (min-width: 1441px)
{
 DIV#main
	 { }
	.main DIV#top
		{ }
	.main DIV#menu
		{ }
	.main.desktop.wide DIV#menu
		{
		 height: 60px;
		 margin-top: -60px;/**/
		}

	.main DIV#menu.fixed { }

		.main DIV#menu UL.menu_bar
			{
			 width: 80%;
			 margin: 0 auto;
			 padding-top: 11px;
			}

			.main DIV#menu UL LI
				{ }

			 DIV#menu UL LI.text.switch
				{ display: none; }
			.main DIV#menu UL LI.text
				{
				 margin-top: 8px;
				 margin-left: 1ex;
				 height: 30px;
				 font-size: 30px;
				 line-height: 30px;
				}
				.main DIV#menu UL LI.text A { }

			.main DIV#menu UL LI.text.logo
				{
				 margin-top: 0;
				 margin-left: 1ex;
				 height: 40px;
				 line-height: 40px;
				 font-size: 40px;
				}

			.main.desktop DIV#menu UL LI.text.contact
				{
				 margin-top: 5px;
				 margin-right: 0ex;
				 padding-bottom: 7px;
				 height: 27px;
				 line-height: 27px;
				 font-size: 27px;
				 font-weight: bold;
				}

			.main DIV#menu UL LI.text.language
				{
				 margin-top: 3px;
				 margin-right: 1.5ex;
				 height: 30px;
				 font-size: 30px;
				 line-height: 30px;
				}
				.main DIV#menu UL LI.text.language .icon
					{
					 width: auto; height: 35px;
					 vertical-align: text-bottom;
					}

			.main DIV#menu UL LI.image
				{
				 height: 40px;
				 margin-top: 0;
				}

			.main DIV#menu UL LI.image.logo
				{ }

			.main DIV#menu UL LI.image.social
				{ margin-right: 2ex; }

				.main DIV#menu UL LI.image.social IMG
					{  margin-left: 4px; }

			.main DIV#menu UL LI.image.glyph
				{
				 height: 21px;
				 margin-top: 14px;
				 margin-left: 1.5ex;
				}

				.main DIV#menu UL LI DIV#dropdown
					{ left: -1ex; top: 0px; }

				.main DIV#menu UL LI.more DIV#dropdown:hover,
				.main DIV#menu UL LI.more:hover DIV#dropdown
					{ }
					.main.desktop.wide DIV#menu UL LI.image.glyph DIV#dropdown IMG
						{
						 height: 21px;
						 margin-left: 1ex;
						}
					.main DIV#menu UL LI DIV#dropdown UL
						{ padding-top: 9px; }
						.main DIV#menu UL LI DIV#dropdown UL LI
							{ padding: 7px 1ex 8px 1ex; }
						.main DIV#menu UL LI DIV#dropdown UL LI:last-child
							{ padding-bottom: 25px; }

	.main DIV.container { }
	.main DIV.footer { }
}

@media (orientation: portrait)
{
 DIV#main
	{ }
	.main DIV#top
		{ }
		.main DIV#menu { }
		.main DIV#menu.nosticky { }
		.main DIV#menu.fixed { }
		.main DIV#menu
			{
			 height: 40px;
			 margin-top: -40px;/**/
			}

		.main.phone.wide DIV#menu
			{
			 height: 11vh;
			 margin-top: -11vh;
			}

		.main DIV#menu.nosticky 
			{ margin-top: 0; }

			.main DIV#menu UL
				{ }
			.main.desktop DIV#menu UL.menu_bar
				{
				 width: 100%;
				 margin: 0 auto;
				 padding-top: 7px;
				}
			.main.phone DIV#menu UL.menu_bar
				{ padding-top: 1.2vh; }

				.main DIV#menu UL LI
					{ }
					.main DIV#menu UL LI A
						{ }

				.main DIV#menu UL LI.text.switch
					{ display: none; }
				.main.phone DIV#menu UL LI.text.main
					{ isplayd: none; }
				.main.phone DIV#menu UL LI.text.switch
					{ display: block; }

				.main DIV#menu UL LI.text
					{ }
				.main.desktop DIV#menu UL LI.text
					{
					 margin-top: 5px;
					 margin-left: 1ex;
					 height: 20px;
					 font-size: 20px;
					 line-height: 19px;
					 padding-bottom: 1px;
					}
				.main.phone DIV#menu UL LI.text
					{
					 margin-top: 1.3vh;
					 margin-left: 1.2ex;
					 height: 6vh;
					 font-size: 6vh;
					 line-height: 6vh;
					}
				.main DIV#menu UL LI.text:hover
					{ border-bottom-width: 2px; }

				.main DIV#menu UL LI.text.logo
					{ }
				.main.desktop.wide DIV#menu UL LI.text.logo
					{
					 height: 26px;
					 margin-top: 0;
					 margin-left: 0ex; 
					 font-size: 26px;
					 line-height: 26px;
					 padding-bottom: 0;
					}
				.main.phone.wide DIV#menu UL LI.text.logo
					{
					 height: 9.2vh;
					 margin-top: -0.5vh;
					 margin-left: 1ex; 
					 font-size: 9vh;
					 line-height: 9vh;
					 padding-bottom: 0;
					}

				.main DIV#menu UL LI.text.contact
					{ }
				.main.desktop DIV#menu UL LI.text.contact
					{
					 margin-top: 2px;
					 margin-right: 0ex;
					 height: 20px;
					 font-size: 20px;
					 line-height: 20px;
					 padding-bottom: 4px;
					}
				.main.phone DIV#menu UL LI.text.contact
					{
					 margin-top: 0.2vh;
					 margin-left: 1.2ex;
					 height: 6vh;
					 font-size: 6vh;
					 line-height: 6vh;
					}

				.main DIV#menu UL LI.text.language
					{ }
				.main.desktop.tall DIV#menu UL LI.text.language
					{
					 margin-top: 0.5vh;
					 margin-right: 1.5ex;
					 height: 18px;
					 font-size: 2vh;
					 line-height: 18px;
					}
					.main.desktop.tall DIV#menu UL LI.text.language .icon
						{
						 width: auto; height: 2.5vh;
						 vertical-align: text-bottom;
						}
				.main.phone.tall DIV#menu UL LI.text.language
					{
					 margin-top: -0.3vh;
					 margin-right: 0.5ex;
					 height: 6.2vh;
					 font-size: 6.2vh;
					 line-height: 6.2vh;
					}
					.main.phone.tall DIV#menu UL LI.text.language .icon
						{
						 width: auto; height: 4vh;
						 vertical-align: text-bottom;
						}

				.main DIV#menu UL LI.image
					{ }
				.main.desktop.wide DIV#menu UL LI.image
					{ height: 26px; }
				.main.phone.wide DIV#menu UL LI.image
					{ height: 7.5vh; }

				.main DIV#menu UL LI.image.logo
					{ }

				.main DIV#menu UL LI.image.social
					{ }
				.main.desktop.wide DIV#menu UL LI.image.social
					{ margin-right: 0ex }
				.main.phone.wide DIV#menu UL LI.image.social
					{ margin-right: 1.5ex }

					.main DIV#menu UL LI.image.social IMG
						{ }
					.main.desktop.wide DIV#menu UL LI.social.image IMG
						{ margin-left: 4px; }
					.main.phone.wide DIV#menu UL LI.social.image IMG
						{ margin-left: 1.5ex; }

					.main DIV#menu UL LI.image .roll
						{ }

				.main DIV#menu UL LI#more
					{ }
				.main.phone DIV#menu UL LI#more.mobile
					{ display: initial; }

				.main DIV#menu UL LI.image.drop
					{ }
					.main DIV#menu UL LI.image.drop IMG
						{ }

				.main DIV#menu UL LI.image.glyph
					{ }
				.main.desktop.wide DIV#menu UL LI.image.glyph
					{
					 height: 16px;
					 margin-top: 7px;
					 margin-left: 1.5ex;
					}
				.main.phone.wide DIV#menu UL LI.image.glyph
					{
					 height: 4.2vh;
					 margin-top: 2.27vh;
					 margin-left: 1.5ex;
					}

					.main DIV#menu UL LI DIV#dropdown
						{ isplay: block; }
					.main.desktop.wide DIV#menu UL LI DIV#dropdown
						{ 
						 left: -1ex; top: 0px;
						 padding-right: 0;
						}
					.main.mobile.wide DIV#menu UL LI:hover DIV#dropdown
						{ display: block; }
					.main.phone.wide DIV#menu UL LI DIV#dropdown
						{ 
						 left: -1ex; top: 0vh;
						 padding-right: 0;
						}
					.main DIV#menu UL LI.more DIV#dropdown:hover,
					.main DIV#menu UL LI.more:hover DIV#dropdown
						{ }
						.main.desktop.wide DIV#menu UL LI.image.glyph DIV#dropdown IMG
							{
							 height: 16px;
							 margin-left: 1ex;
							}
						.main.phone.wide DIV#menu UL LI.image.glyph DIV#dropdown IMG
							{
							 height: 4.2vh;
							 margin-left: 1ex;
							}

						.main DIV#menu UL LI DIV#dropdown UL
							{ }
						.main.desktop DIV#menu UL LI DIV#dropdown UL
							{ padding: 6px 0 0 0; }
						.main.phone DIV#menu UL LI DIV#dropdown UL
							{ padding: 6px 0 0 0; }
							.main DIV#menu UL LI DIV#dropdown UL LI
								{ padding: 7px 1ex 8px 1ex; }
							.main DIV#menu UL LI DIV#dropdown UL LI:last-child
								{ padding-bottom: 13px; }
								.main DIV#menu UL LI DIV#dropdown UL LI IMG.drop
									{
									 padding: 7px 0 8px 1ex;
									 background: transparent;
									}

					.main DIV#menu UL LI DIV#share
						{ }

		.main DIV.container
			{ }
		.main DIV.footer
{ }
}