@media only screen and (orientation: portrait)
{body	{}
.sitenav	{
	padding-left : 0px;
	}
img.logo-phone
	{
	display: block; margin: 10px auto;
	 max-width: 100px; width: 100%; height: auto;
	}
img.logo-menu
	{
	display: block; margin: 20px auto 10px;
	 max-width: 100px; width: 100%; height: auto;
	}
.MobileMenu
	{
	margin: 20px auto 20px;max-width: 300px;
	}
}
@media only screen and (orientation: landscape) and (max-width: 750px)
{body	{}
.sitenav	{
	padding-left : 0px;
	}
img.logo-phone
	{
	display: block; margin: 10px auto;
	 max-width: 100px; width: 100%; height: auto;
	}
img.logo-menu
	{
	display: block; margin: 12px auto 10px;
	 max-width: 100px; width: 100%; height: auto;
	}
.MobileMenu
	{
	margin: 20px auto 20px;max-width: 340px;
	}
}
@media only screen and (orientation: landscape) and (min-width: 750px)
{body	{
	}
.sitenav	{
	padding-left : 0px;
	}
img.logo-phone
	{
	display: block; margin: 10px auto;
	 max-width: 100px; width: 100%; height: auto;
	}
img.logo-menu
	{
	display: block; margin: 12px auto 10px;
	 max-width: 100px; width: 100%; height: auto;
	}
.MobileMenu
	{
	margin: 20px auto 20px;max-width: 340px;
	}
}
@media screen and (min-width: 1200px)
{body	{
		}
.sitenav	{
	padding-left : 0px;
	}
img.logo-phone
	{
	display: block; margin: 10px auto;
	 max-width: 100px; width: 100%; height: auto;
	}
img.logo-menu
	{
	display: block; margin: 20px auto 10px;
	 max-width: 100px; width: 100%; height: auto;
	}
.MobileMenu
	{
	margin: 20px auto 20px;max-width: 320px;
	}
}
.sitenav {display: none; height: 0;transition: 0.5s;}
.sitenav_toggle.sitenav {display: inherit !important; z-index: 1100; position: fixed;top: 0;left: 0;overflow-x: hidden;min-height: 100%; background: #fff; padding-top: 10px; margin: 0; transition: 0.5s;width: 100%;border-bottom: 5px solid #fff;}

.MobileMenu
	{
	text-align:left;opacity: 1;text-transform: uppercase; padding: 0 15px;
	background: #fff;border:1px solid red;border-radius: 4px;
	box-shadow: inset 0 20px 10px -20px #000000,	inset 20px 0px 10px -20px #000000, inset -20px 0px 10px -20px #000000;}
.MobileMenu a
	{text-decoration:none;color: #0066cc;}
.MobileMenu .link
	{
	cursor: pointer;  display: block;  position: relative;padding: 15px 15px 15px 50px;
	font-size: 13pt;  font-weight: bold; color:  #0066cc;  border-bottom: 1px solid #CCC;
	transition: all 0.5s ease;
	}
.MobileMenu li:last-child .link { border-bottom: 0; }
.MobileMenu li ic, .MobileMenu li i {
  position: absolute;  top: 16px;  left: 13px;
  font-size: 14pt;  color: #0066cc;
  -webkit-transition: all 0.5s ease;  -o-transition: all 0.5s ease;  transition: all 0.5s ease;
}
.MobileMenu a:hover, .MobileMenu .link:hover, .MobileMenu li ic:hover, .MobileMenu li i:hover
	{color:#006600;}
.MobileMenu li ic.icon-circle-down, .MobileMenu li i.icon-circle-down {
  right: 13px;
  left: auto;
  font-size: 16pt;
}
.MobileMenu li.open .link { color: #0066cc }

.MobileMenu li.open ic, .MobileMenu li.open i { color: #0066cc }

.MobileMenu li.open ic.icon-circle-down, .MobileMenu li.open i.icon-circle-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.MobileSubMenu {
  display: none;
  color: #fff;background: #0066cc;
  font-size: 11pt;
}
.MobileSubMenu li { border-bottom: 1px solid #4b4a5e; }
.MobileSubMenu a {
  display: block;
  text-decoration: none; font-weight: bold;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 60px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.MobileSubMenu a:hover {
  background: #006600;
  color: #fff;
}

#MenuFixed, #BotFixed
{	z-index: 1000; text-align: center; background:#000;	}

#MenuFixed a, #BotFixed a
{	text-decoration: none;
	}
.fb.a:hover
{	color: blue;	}
 @media (orientation:portrait) and (max-width: 1200px)
{
#MenuFixed
{	position: fixed; top: 0px; left: 0px;}
#BotFixed
{	display: none; position: fixed; bottom: 0px; left: 0px;}
#MenuFixed, #BotFixed
{	margin: 0 auto 0 auto; padding: 2px 0 0 0;
	height: auto; width: 100%;
	box-shadow: 0px 0px 10px #000000;	}

.icon_holder
{	text-transform: uppercase;
	display:inline-block; margin: 0 10px; padding: 7px 5px 3px 5px;
	width: 35px; height: 35px;
	background: #fff; color: #0066cc;
	border: solid 1px #000; border-radius: 5px;
	cursor: pointer;}
.menu_logo_holder
{	text-transform: uppercase;
	display:block; margin: 5px 0; padding: 0 3px;
	width: 110px; height: auto;
	background: #fff; color: #0066cc;
	border: solid 1px #000; border-radius: 5px;
	cursor: pointer;
}

}

@media only screen and (orientation: landscape) and (max-width: 1200px)
{
#MenuFixed
{	position: fixed; top: 0px; left: 0px; bottom: 0px; margin-left: auto; margin-right: auto;
	height: 100%;
	padding: 40px 5px 0 5px;
	width: auto;
	box-shadow: 0px 0px 10px #000000; 	-moz-box-shadow: 0px 0px 10px #000000;	-webkit-box-shadow: 0px 0px 10px #000000;
}
#BotFixed
{	display: none; position: fixed; bottom: 0px; left: 0px;
	margin-left: auto; margin-right: auto;
	width: auto;
	padding: 5px;
}

.icon_holder
{	text-transform: uppercase;
	display:block; margin: 5px 0; padding: 7px 5px 3px 5px;
	width: 35px; height: 35px;
	background: #fff; color: #0066cc;
	border: solid 1px #000; border-radius: 5px;
	cursor: pointer;
}

}
@media screen and (min-width: 1200px)
{
#MenuFixed
{	position: fixed; top: 0px; left: 0px;}
#BotFixed
{	display: none; position: fixed; bottom: 0px; left: 0px;}
#MenuFixed, #BotFixed
{	margin: 0 auto 0 auto; padding: 2px 0 0 0;
	height: auto; width: 100%;
	box-shadow: 0px 0px 10px #000000;	}

.icon_holder
{	text-transform: uppercase;
	display:inline-block; margin: 0 10px; padding: 7px 5px 3px 5px;
	width: 35px; height: 35px;
	background: #fff; color: #0066cc;
	border: solid 1px #000; border-radius: 5px;
	cursor: pointer;}
ul.nav a
{	transition:0.8s;text-decoration:none;color:#555555; font-weight:bold;
	}
ul.nav a:visited
{	transition:0.8s;text-decoration:none;color:#555555; font-weight:bold;
	}
ul.nav a:hover
{	transition:0.8s;color:green; font-weight:bold;
	}
.link_holder
{	transition:0.8s;display:inline-block;margin: 0 10px;padding: 10px 0;width: 150px;
	border: solid 2px #000; border-radius: 5px;
	text-transform:uppercase;
	}
.link_holder:hover
{	transition:0.8s;border: solid 2px green;background: #f2f2f2;
	}

.icon-nav
{	margin-bottom:10px;display:block;font-size:50px;}

}

.icon_holder:hover
{	color: #006600;	}

.icon_holder_reset
{	color: #0066cc;	}


	img.menu_icon	{	display: block; width: 35px;  height: 32px; margin-left: auto; margin-right: auto;	 cursor: pointer;	}
	img.close_icon	{	display: block; width: 40px;  height: 40px; margin-left: auto; margin-right: auto; cursor: pointer;	}
	img.top_page_icon		{	display: block; width: 40px;  height: 40px; margin-left: auto; margin-right: auto; cursor: pointer;	}