/* @font-face{
	font-family: 'Oswald', sans-serif;   

	src: url("../font/ufonts.com_factory-lightregular.eot");
	src: url("../font/ufonts.com_factory-lightregular.eot?#iefix") format("embedded-opentype"), url("../font/ufonts.com_factory-lightregular.ttf") format("truetype");
} */

/* new menu code */

#menu > li{
	border-left:1px solid #ddd;	
}
#menu > li:hover {
    background: #295cab;
}
#menu > li:first-child{
	border:none !important;	
}
.mo-menu > li::after{
	content:"";	
}
.has-submenu:hover {
    color: #fff !important;
}
#menu > li:hover{
	    color: #fff !important;

}
/*.mo-menu a:hover, .mo-menu a:focus, .mo-menu a:active, .mo-menu a.highlighted{
		    color: #fff !important;

}*/

#menu > li:hover a{
  color: #fff;
}

.mo-menu a:hover, .mo-menu a:active, .mo-menu a.highlighted{
		    color: #fff !important;

}
.mo-menu a:hover, .mo-menu a:focus, .mo-menu a:active, .mo-menu a.highlighted{
		    color: #fff !important;

}
.mo-menu ul a:hover, .mo-menu ul a:focus, .mo-menu ul a:active, .mo-menu ul a.highlighted{
	background:rgba(0,0,0,0) !important;	
}
header .menu-content{
	padding-top:0px;	
}
.mo-menu a{
	line-height:76px !important;	
	padding-left: 15px !important;
    padding-right: 15px !important;
}
.sm-nowrap li > a{
	color: #fff;
	line-height:20px !important;
}

.sm-nowrap li:hover{
	    background: #fff;
}
.sm-nowrap li:hover a{ color:#666;}
.sm-nowrap a:hover{
	color: #295cab !important;
}

/* new menu code end*/
.sm, .sm ul, .sm li {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: normal;
	direction: ltr
}
ul.sm li {
	position: relative
}
ul.sm a {
	position: relative;
	display: block
}
ul.sm a.disabled {
	cursor: default
}
ul.sm ul {
	position: absolute;
	top: -999999px;
	left: -800px;
	width: 100px
}
ul.sm li {
	float: left
}
ul.sm-rtl {
	direction: rtl
}
ul.sm-rtl li {
	float: right
}
ul.sm ul li, ul.sm-vertical li {
	float: none;
	border-bottom: 1px solid #ddd;
}
ul.sm a {
	white-space: nowrap
}
ul.sm ul a, ul.sm-vertical a {
	white-space: normal
}
* html ul.sm-vertical li {
	float: left;
	width: 100%
}
* html ul.sm-vertical ul li {
	float: none;
	width: auto
}
*:first-child + html ul.sm-vertical > li {
	float: left;
	width: 100%
}
ul.sm ul.sm-nowrap > li > a {
	white-space: nowrap
}
ul.sm:after {
	content: "\00a0";
	display: block;
	height: 0;
	font: 0/0 serif;
	clear: both;
	visibility: hidden;
	overflow: hidden
}
* html ul.sm {
	height: 1px
}
*:first-child + html ul.sm {
	min-height: 1px
}
ul.sm li *, ul.sm li *:before, ul.sm li *:after {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
ul.sm {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mo-menu {
	padding: 0 12px;
	background: white;
}
.mo-menu ul {
	background: #295cab !important;
	border-top: 5px solid #295cab !important;
	margin-top: 0px !important;
	padding: 5px 0;
}
.mo-menu > li:first-child:after {
	content: ""
}
/* .mo-menu > li:after {
	height: 4px;
/* 	content: "\2022"; 
	font-size: 10px;
	color: #afafaf;
	margin-top: -27px;
	position: relative;
	display: inline-block;
	float: left;
	left: -2px
} */
.mo-menu-vertical {
	padding: 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
.mo-menu-vertical > li > ul:before, .mo-menu-vertical > li > ul:after {
	display: none
}
.mo-menu a {
	padding: 12px 9px;
	color: #666;
	font-size: 14px;
	line-height: 17px;
	font-family: 'Oswald', sans-serif !important;
	/*font-family: 'Oswald', sans-serif;  */
	text-decoration: none
}
.mo-menu a:hover, .mo-menu a:focus, .mo-menu a:active, .mo-menu a.highlighted {
	color: #00a859;
	
}
.mo-menu-vertical a:hover, .mo-menu-vertical a:focus, .mo-menu-vertical a:active, .mo-menu-vertical a.highlighted {
	background: #fff;
}
.mo-menu-vertical a, .mo-menu ul a {
	padding: 10px 20px;
}
.mo-menu-vertical a.has-submenu, .mo-menu ul a.has-submenu {
	padding-right: 40px
}
.mo-menu ul a {
	font-size: 13px
}
.mo-menu ul a:hover, .mo-menu ul a:focus, .mo-menu ul a:active, .mo-menu ul a.highlighted {
	color: #00a859;
	background: white
}
.mo-menu a.active, .mo-menu a.current, .mo-menu a.current:hover, .mo-menu a.current:focus, .mo-menu a.current:active {
	color: #00a859
}
.mo-menu a span.sub-arrow {
	top: 50%
}
.mo-menu a span.sub-arrow:after {
	width: 0px;
	height: 0px;
	font-size: 10px;
	right: -7px;
	float: right;
	position: relative
}
.mo-menu a:hover span.sub-arrow:after, .mo-menu a:focus span.sub-arrow:after, .mo-menu a:active span.sub-arrow:after, .mo-menu a.highlighted span.sub-arrow:after {
	color: #00a859
}
.mo-menu-vertical a span.sub-arrow, .mo-menu ul a span.sub-arrow {
	top: 50%
}
.mo-menu-vertical a span.sub-arrow:after, .mo-menu ul a span.sub-arrow:after {
	width: 0px;
	height: 0px;
	font-size: 10px;
	right: -7px;
	float: right;
	position: relative;
	font-family: "WebHostingHub-Glyphs";
	font-style: normal;
	color: #afafaf;
	content: "\f488"
}
.mo-menu span.scroll-up, .mo-menu span.scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	overflow: hidden;
	background: #fff;
	height: 20px
}
.mo-menu span.scroll-up:hover, .mo-menu span.scroll-down:hover {
	background: #eee
}
.mo-menu span.scroll-up-arrow, .mo-menu span.scroll-down-arrow {
	position: absolute;
	left: 50%;
	top: 50%
}
.mo-menu span.scroll-up-arrow:after, .mo-menu span.scroll-down-arrow:after {
	top: -5px;
	left: -6px;
	float: right;
	width: 0px;
	height: 0px;
	font-size: 10px;
	position: relative;
	font-family: "WebHostingHub-Glyphs";
	font-style: normal;
	color: #afafaf;
	content: "\f48a"
}
.mo-menu span.scroll-up:hover span.scroll-up-arrow:after {
	color: #295cab
}
.mo-menu span.scroll-down-arrow:after {
	top: -5px;
	float: right;
	width: 0px;
	height: 0px;
	font-size: 10px;
	position: relative;
	font-family: "WebHostingHub-Glyphs";
	font-style: normal;
	color: #afafaf;
	content: "\f48b"
}
.mo-menu span.scroll-down:hover span.scroll-down-arrow:after {
	color: #295cab;
}
.mo-menu, .mo-menu > li.mega-menu {
	font-family: 'Oswald', sans-serif;
	position: static !important
}
.mo-menu > li.mega-menu a:before, .mo-menu > li.mega-menu a:after, .mo-menu > li.mega-menu a.highlighted:before, .mo-menu > li.mega-menu a.highlighted:after {
	-webkit-transition: all 4s ease-in-out;
	-moz-transition: all 4s ease-in-out;
	transition: all 4s ease-in-out;
	opacity: 0
}
.mo-menu > li > ul.mega-menu {
	margin-right: 10px !important;
	margin-left: 10px !important;
	right: 0 !important;
	width: auto !important;
	max-width: none !important
}
.mo-menu > li > ul.mega-menu:before {
	display: none
}
.mo-menu > li > ul.mega-menu:after {
	display: none
}
.mo-menu .mega-menu-content {
	padding: 10px 20px;
	float: left;
	text-align: left
}
.mo-menu .mega-menu-content .column, .mo-menu .mega-menu-content .columns {
	padding-left: 0;
	padding-right: 0
}
.mo-menu .mega-menu-sub-content {
	padding: 0px;
	font-family: 'Oswald', sans-serif;   
}
.mo-menu .mega-menu-title {
	font-weight: bold;
	font-size: 14px;
	padding: 13px 0px;
	display: block
}
.mo-menu .mega-menu-list {
	top: 0;
	left: 0;
	padding: 0;
	width: 100%;
	position: relative;
	border: none;
	box-shadow: none;
	display: block
}
.mo-menu .mega-menu-list a {
	padding: 5px 0 5px 5px
}
@media screen and (max-width: 850px) {
.mo-menu:not(.mo-menu-vertical) > li > a {
	padding-left: 8px;
	padding-right: 8px
}
.mo-menu:not(.mo-menu-vertical) > li > a.has-submenu {
	padding-right: 25px
}
}
@media screen and (max-width: 750px) {
.mo-menu:not(.mo-menu-vertical) > li > a {
	padding-left: 3px;
	padding-right: 3px
}
.mo-menu:not(.mo-menu-vertical) > li > a.has-submenu {
	padding-right: 25px
}
.logo-content {
	padding-left: 20px !important;
}
}
@media screen and (max-width: 1023px) {
.is-sticky header {
	height: 80px !important;
	min-height: 80px !important;
	background: #fff;
}
header .logo-content {
	padding-bottom: 10px;
	height:auto !important; 
}
.sticky-wrapper {
	height:100px !important;
}
.logo img {
	width: 200px !important;
}
.logo {
	text-align: left !important;
	width:200px;
}
#menu {
	width: auto;
	float: none !important;
	clear: both;
}
.top_m_menu li:first-child {
    margin-top: 45px !important;
	border-top:1px solid #ddd !important
}
header .menu-content {
	padding-top: 0px !important;
}
header .menu-content {
	float: none !important;
	clear: both;
}
.mo-menu a span.sub-arrow {
	top: 50%
}
.mo-menu a span.sub-arrow:after {
	background: red !important;
	width: 0px;
	height: 0px;
	font-size: 10px;
	float: right;
	position: relative;
	top: 5px;
	font-family: "WebHostingHub-Glyphs";
	font-style: normal;
	color: #afafaf;
	content: "\f48b"
}
ul.mo-menu {
	width: auto !important
}
ul.mo-menu a {
	transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important
}
ul.mo-menu ul {
	display: none;
	position: static !important;
	top: auto !important;
	left: auto !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important
}
ul.mo-menu > li {
	float: none;
}
ul.mo-menu > li > a, ul.mo-menu ul.sm-nowrap > li > a {
	white-space: normal
}
ul.mo-menu iframe {
	display: none
}
.mo-menu {
	padding: 0
}
.mo-menu ul {
	border: 0;
	padding: 0;
	background: #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none
}
.mo-menu > li > ul:before, .mo-menu > li > ul:after {
	display: none
}
.mo-menu a {
	padding: 13px 5px 13px 28px !important;
	background: transparent !important
}
.mo-menu ul a {
	border-left: 8px solid transparent
}
.mo-menu ul ul a {
	border-left: 16px solid transparent
}
.mo-menu ul ul ul a {
	border-left: 24px solid transparent
}
.mo-menu ul ul ul ul a {
	border-left: 32px solid transparent
}
.mo-menu ul ul ul ul ul a {
	border-left: 40px solid transparent
}
.mo-menu > li > ul.mega-menu {
	margin-right: 0px !important;
	margin-left: 0px !important
}
.mo-menu > li > ul.mega-menu > li {
	clear: both
}
.mo-menu .mega-menu-content {
	padding-top: 0px;
	padding-bottom: 0px
}
.mo-menu .mega-menu-content {
	padding: 0
}
.mo-menu .mega-menu-sub-content {
	padding: 0px 28px 13px
}
.mo-menu .mega-menu-title {
	padding: 13px 28px 13px 28px
}
.mo-menu .mega-menu-list li:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}
.mo-menu .mega-menu-list li a:hover, .mo-menu .mega-menu-list li a:focus, .mo-menu .mega-menu-list li a:active {
	color: #295cab !important
}
.mo-menu > li.mega-menu a:hover:before, .mo-menu > li.mega-menu a:focus:before, .mo-menu > li.mega-menu a:active:before, .mo-menu > li.mega-menu a.highlighted:before {
	display: none
}
.mo-menu > li.mega-menu a:hover:after, .mo-menu > li.mega-menu a:focus:after, .mo-menu > li.mega-menu a:active:after, .mo-menu > li.mega-menu a.highlighted:after {
	display: none
}
.mo-menu a span.sub-arrow:after, .mo-menu ul a span.sub-arrow:after {
	right: 20px
}

.mo-menu ul a span.sub-arrow:after {
	font-family: "WebHostingHub-Glyphs";
	font-style: normal;
	color: #afafaf;
	content: "\f48b"
}
.mo-menu a.highlighted span.sub-arrow:after {
	font-family: "WebHostingHub-Glyphs";
	font-style: normal;
	color: #afafaf;
	content: "\f48a"
}
.mo-menu li {
	border-top: 1px solid rgba(0, 0, 0, 0.05)
}
.mo-menu > li:first-child {
	border-top: 0
}
}
.mo-menu ul li {
	border-bottom: 1px solid #f1f1f1
}
.sm-nowrap {
	border-top: 5px solid #295cab;
}
.mo-menu ul ul {
	margin-top: -47px !important;
}
 @media only screen and (min-width: 1023px) and (max-width: 1140px) {
.mo-menu a {
	padding: 12px 4px !important;
}
}

@media only screen and (min-width: 569px) and (max-width: 767px) {
#header-bg {
	height: 78px !important;
}

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
#header-bg {
	height: 100px !important;
}
header .logo-content {
	height:100px !important;
}
header .menu-trigger{
	height: 100px !important;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1060px) {
header .logo{
	padding-top:22px !important;
}
}



ul.sm ul.sm-nowrap > li:hover > a {
  color: #666 !important;
}