/* @option theme miscellaneos */

#cssmenu2 {
	margin-top:0;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	z-index:10000;
	text-align: center;
	display: block;
	visibility: visible;
}
#cssmenu2 li > a:after {
	content:"\f107";
	font-family:FontAwesome;
	left:6px;
	padding-right:5px;
	position:relative;}
#cssmenu2 li > a:only-child:after {
	content:'';}
#cssmenu2 ul ul li > a:after {
	content:"\f105";
	position:relative;
	left:8px;
	padding-right:5px;
	font:13px FontAwesome !important;}
#cssmenu2 ul {
	list-style:none;
	padding: 0;
	margin:0;
	position:relative;
	z-index:100;
	line-height:2.4;}
#cssmenu2 ul li:hover {
	position:relative;}
#cssmenu2 ul li:hover > ul {
	visibility:visible;}
#cssmenu2 > ul {
	position:relative;
	display:block;
	width:100%;
	z-index:500;}
#cssmenu2:after, #cssmenu2 > ul:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;}
#cssmenu2.align-right > ul > li {float:right;}
#cssmenu2.align-center ul {text-align:center;}
#cssmenu2.align-center ul ul {text-align:left;}
#cssmenu2 > ul > li {
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;}
#cssmenu2 ul li .current, #cssmenu2 li a:hover, #cssmenu2 ul li .currentAncestor, #cssmenu2 ul ul, #cssmenu2 > ul > li:hover > a {}
#cssmenu2 ul ul li .current, #cssmenu2 ul ul li .currentAncestor {border-top-style:none;}
#cssmenu2 > ul > #menu-button {display:none;}
#cssmenu2 ul li a {
	display:block;
	text-decoration:none;}
#cssmenu2 > ul > li > a {
	padding: 1px 10px 3px;
	text-transform: none;
	-webkit-transition:color .25s ease-out;
	-moz-transition:color .25s ease-out;
	-ms-transition:color .25s ease-out;
	-o-transition:color .25s ease-out;
	transition:color .25s ease-out;}

#cssmenu2 > ul > li.has-sub > a {
	padding-right:32px;}

#cssmenu2 li.has-sub::after {
	display:block;
	content:"";
	position:absolute;
	width:0;
	height:0;}
#cssmenu2 > ul > li.has-sub::after {
	right:10px;
	top:20px;
	border:5px solid transparent;
	border-top-color:#7a8189;}
#cssmenu2 > ul > li:hover::after {
	border-top-color:#fff;}
#cssmenu2 ul ul {
	position:absolute;
	left:-9999px;
	top:90px;
	opacity:0;
	visibility:hidden;
	-webkit-transition:opacity .3s ease, top .25s ease;
	-moz-transition:opacity .3s ease, top .25s ease;
	-ms-transition:opacity .3s ease, top .25s ease;
	-o-transition:opacity .3s ease, top .25s ease;
	transition:opacity .3s ease, top .25s ease;
	z-index:1000;
	border-top-style:none;}
#cssmenu2 ul ul ul {
	top:37px;
	padding-left:0;}
#cssmenu2 ul ul li {
	position:relative;}
#cssmenu2 > ul > li:hover > ul {
	left:auto;
	opacity:1;}
#cssmenu2.align-right > ul > li:hover > ul {
	left:auto;
	right:0;
	opacity:1;}
#cssmenu2 ul ul li:hover > ul {
	left:200px;
	top:0;
	opacity:1;}
#cssmenu2.align-right ul ul li:hover > ul {
	left:auto;
	right:220px;
	top:0;
	opacity:1;
	padding-right:5px;}
#cssmenu2 ul ul li a {
	width:180px;
	padding: 7px 11px;
	text-align:left;
	line-height: 1.4;}
#cssmenu2.align-right ul ul li a {
	text-align:right;}
#cssmenu2 ul ul li:hover > a {
	border-top-style:none;}
#cssmenu2 ul ul li:last-child > a, #cssmenu2 ul ul li.last > a {border-bottom:0;}
#cssmenu2.align-right > ul > li > ul::after {
	left:auto;
	right:30px;}
@media screen and (max-width:910px) {
#cssmenu2 ul li a, #cssmenu2 ul ul li a {padding-left: 9px;padding-right: 7px;}
#cssmenu2 ul ul li:hover > ul {left:170px;}
#cssmenu2.align-right ul ul li:hover > ul {right:180px;}
#cssmenu2 ul ul li a {width:160px;}}
@media screen and (max-width:810px) {
#cssmenu2 ul li a, #cssmenu2 ul ul li a {
padding-left:9px;padding-right:7px;}
#cssmenu2 ul ul li:hover > ul {left:160px;}
#cssmenu2.align-right ul ul li:hover > ul {right:170px;}
#cssmenu2 ul ul li a {width:150px;}}

.title2,.title2 h1, .title2 h1 a:link, .title2 h1 a:visited,.title2 h2 {display: block;height: auto;}

#header2{
	position: relative;
	width: 100%;
	z-index: 999999;}

#header2 #cssmenu2{margin-top: 12px;}

.title2 { 
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999999;
    background-position: center 0px;
	background-repeat: no-repeat;
	display: none;
	padding-bottom: 0px;
	padding-top: 10px;} 

.title2 h1 {
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	text-align: center;
	line-height: 1;
	font-size: 22px;
	padding: 0 30px 8px;}

.title2 h1, .title2 h1 a:link, .title2 h1 a:visited {text-decoration:none;}

.title2 h2 {
	z-index:10;
	margin-right: auto;
	margin-left: auto;
	padding: 0 30px;
	text-align: center;
	line-height: 1;
	font-size: 12px;}

#logo2 {
	z-index:10;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 0px;}

#logo2 img {
	width: auto;
	height: 38px;}
	
@media screen and (max-width:768px) {
.mean-container .mean-bar {min-height:54px;}
.mean-container .mean-nav {margin-top:54px;}	
.mean-container a.meanmenu-reveal {top: 1px !important;}

.title2 { width: 89.5%;}
.title2 h1,.title2 h2 {text-align: left;padding-left: 25px;padding-right: 15px;}
.title2 h1 {font-size: 18px;}
.title2 h2{font-size: 12px;padding-bottom: 10px;}
#logo2 {z-index:10;text-align: center;float: left;
padding: 0px 10px 0px 25px;}
#logo2 img {height: 38px;}}

@media screen and (max-width:600px) {
.title2 { width: 86.5%;}
.title2 h1 {
	font-size: 17px;}
.title2 h1,.title2 h2 {
	padding-left: 20px;
	padding-right: 10px;}
.title2 h2{padding-bottom: 11px;}
#logo2 {
	padding-left: 20px;
	padding-right: 8px;}
#logo2 img {height: 35px;}}

@media screen and (max-width:480px) {
.title2 { width: 83.5%;padding-bottom: 1px;}
.title2 h1,.title2 h2 {padding-left: 15px;padding-right: 15px;}
.title2 h1 {font-size: 16px;padding-top: 1px;
padding-bottom: 7px;}
#logo2 {padding-left: 15px;padding-right: 8px;}
#logo2 img {height: 34px;}}

@media screen and (max-width:375px) {
.title2 { width: 78.5%;}}

@media screen and (max-width:320px) {
.title2 {width:  76%;padding-top: 13px;padding-bottom: 2px;}
.title2 h1,.title2 h2 {padding-left: 15px;padding-right: 5px;}
.title2 h1 {font-size: 15px;	padding-bottom: 6px;}
.title2 h2 {font-size: 10px;}
#logo2 {padding-right: 5px;}
#logo2 img {height: 32px;}}