.nav_box {
	margin: 0px auto;
}
#cssmenu {
	list-style: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: 1; display: block; position: relative; box-sizing: border-box;
}
#cssmenu ul {
	list-style: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: 1; display: block; position: relative; box-sizing: border-box;
}
#cssmenu ul li {
	list-style: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: 1; display: block; position: relative; box-sizing: border-box;
}
#cssmenu ul li a {
	list-style: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: 1; display: block; position: relative; box-sizing: border-box;
}
#cssmenu #menu-button {
	list-style: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; line-height: 1; display: block; position: relative; box-sizing: border-box;
}
#cssmenu::after {
	height: 0px; line-height: 0; clear: both; display: block; visibility: hidden; content: ".";
}
#cssmenu > ul::after {
	height: 0px; line-height: 0; clear: both; display: block; visibility: hidden; content: ".";
}
#cssmenu #menu-button {
	display: none;
}
#cssmenu {
	margin: auto; width: auto; text-align: right; line-height: 1; z-index: 999; max-width: 1170px;
}
#menu-line {
	background: 0px 0px rgb(0, 154, 225); transition:0.25s ease-out; left: 0px; top: 0px; height: 3px; position: absolute;
}
#cssmenu > ul > li {
	margin-right: 92px; float: left;
}
#cssmenu > ul > li:last-child {
	margin-right: 0px;
}
#cssmenu > ul > li > a {
	margin: 14px 0px; padding: 4px 5px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0); transition:0.3s; border-image: none; color: rgb(255, 255, 255); line-height: 22px; font-family: "lato-bold"; font-size: 16px; text-decoration: none;
}
@media only screen and (max-width:1200px)
{
#cssmenu > ul > li {
	margin-right: 40px;
}
#cssmenu > ul > li > a {
	padding: 4px 20px;
}
}
@media only screen and (max-width:920px)
{
#cssmenu > ul > li {
	margin-right: 10px;
}
#cssmenu > ul > li > a {
	padding: 4px 20px;
}
}
@media only screen and (max-width:768px)
{
#cssmenu > ul > li {
	margin: 0px !important;
}
#cssmenu > ul > li {
	padding: 0px; margin-right: 70px; float: left;
}
#cssmenu > ul > li > a {
	margin: 0px; padding: 2px 10px; transition:0.3s; color: rgb(68, 68, 68); text-transform: capitalize; font-size: 16px; font-weight: normal; text-decoration: none;
}
#cssmenu > ul > li > a {
	padding: 10px;
}
}
#cssmenu > ul > li ul li {
	background: rgba(255, 255, 255, 0.8); text-transform: capitalize;
}
#cssmenu ul ul {
	left: -9999px; text-align: left; position: absolute;
}
#cssmenu li:hover > ul {
	left: auto;
}
.align-right#cssmenu li:hover > ul {
	right: 0px;
}
#cssmenu ul ul ul {
	top: 0px; margin-left: 100%;
}
.align-right#cssmenu ul ul ul {
	margin-right: 100%; margin-left: 0px;
}
#cssmenu ul ul li {
	transition:height 0.2s; height: 0px;
}
#cssmenu ul li:hover > ul > li {
	height: auto;
}
@media only screen and (max-width:940px)
{
#cssmenu ul li:hover > ul > li {
	height: auto;
}
}
#cssmenu ul ul li a {
	padding: 14px 10px; transition:color 0.2s; width: 230px; color: rgb(102, 102, 102); font-size: 13px; text-decoration: none;
}
@media only screen and (max-width:940px)
{
#cssmenu ul ul li a {
	font-size: 12px;
}
}
#cssmenu ul ul li:hover {
	background: rgba(0, 147, 240, 0.8);
}
#cssmenu ul ul li:hover > a {
	color: rgb(255, 255, 255);
}
#cssmenu ul ul li a:hover {
	color: rgb(255, 255, 255);
}
#cssmenu ul ul li.has-sub > a::after {
	transition:border-color 0.2s; top: 18px; width: 8px; height: 8px; right: 10px; color: rgb(0, 147, 240); border-right-color: rgb(0, 147, 240); border-bottom-color: rgb(0, 147, 240); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; position: absolute; content: ""; transform: rotate(-45deg);
}
.align-right#cssmenu ul ul li.has-sub > a::after {
	border-width: 1px 0px 0px 1px; border-style: solid none none solid; left: 10px; right: auto;
}
#cssmenu ul ul li.has-sub:hover > a::after {
	border-color: rgb(255, 255, 255);
}
@media all and (max-width:768px), not all, not all, not all, not all, only screen and (max-width:768px) and (min-resolution:192dpi), not all
{
#cssmenu {
	width: 100%;
}
.open {
	background: 0px 0px rgb(255, 255, 255);
}
#cssmenu ul {
	width: 100%; display: none;
}
.align-center#cssmenu > ul {
	text-align: left;
}
.align-right#cssmenu ul ul {
	text-align: left;
}
#cssmenu ul li {
	width: 100%; height: auto;
}
#cssmenu ul ul li {
	width: 100%; height: auto;
}
#cssmenu ul li:hover > ul > li {
	width: 100%; height: auto;
}
#cssmenu ul li a {
	width: 100%;
}
#cssmenu ul ul li a {
	width: 100%;
}
#cssmenu > ul > li {
	border-bottom-color: rgb(245, 245, 245); border-bottom-width: 1px; border-bottom-style: solid; float: none; display: block;
}
.align-center#cssmenu > ul > li {
	border-bottom-color: rgb(245, 245, 245); border-bottom-width: 1px; border-bottom-style: solid; float: none; display: block;
}
.align-right#cssmenu > ul > li {
	border-bottom-color: rgb(245, 245, 245); border-bottom-width: 1px; border-bottom-style: solid; float: none; display: block;
}
#cssmenu > ul > li ul li {
	background: none;
}
#cssmenu ul ul li a {
	background: 0px 0px rgba(0, 0, 0, 0); font-size: 13px; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
#cssmenu ul ul li a img {
	width: 40px !important; max-width: none;
}
#cssmenu ul ul li {
	box-shadow: none;
}
#cssmenu ul ul li:hover > a {
	color: rgb(255, 255, 255);
}
#cssmenu ul ul li a:hover {
	color: rgb(255, 255, 255);
}
#cssmenu ul ul ul li a {
	padding: 12px 15px; color: rgb(102, 102, 102);
}
#cssmenu ul {
	text-align: left;
}
#cssmenu ul ul ul li a::before {
	padding-right: 5px; font-family: FontAwesome; content: "?";
}
#cssmenu ul ul {
	margin: 0px; left: 0px; width: 100%; right: auto; position: relative;
}
#cssmenu ul ul ul {
	margin: 0px; left: 0px; width: 100%; right: auto; position: relative;
}
#cssmenu > ul > li.has-sub > a::after {
	display: none;
}
#cssmenu ul ul li.has-sub > a::after {
	display: none;
}
#menu-line {
	display: none;
}
#cssmenu #menu-button {
	background: rgb(0, 147, 240); margin: 5px; border-radius: 5px; width: 40px; height: 40px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 14px; display: inline-block; cursor: pointer;
}
#cssmenu #menu-button::after {
	background: 0px 0px rgb(255, 255, 255); top: 15px; width: 15px; height: 2px; right: 13px; display: block; position: absolute; content: "";
}
#cssmenu #menu-button::before {
	top: 20px; width: 15px; height: 7px; right: 13px; border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; display: block; position: absolute; content: "";
}
#cssmenu .submenu-button {
	top: 0px; width: 62px; height: 42px; right: 2px; display: block; position: absolute; z-index: 10; cursor: pointer;
}
#cssmenu .submenu-button::after {
	background: 0px 0px rgb(119, 119, 119); left: 31px; top: 16px; width: 1px; height: 11px; display: block; position: absolute; z-index: 99; content: "";
}
#cssmenu .submenu-button::before {
	background: 0px 0px rgb(119, 119, 119); left: 50%; top: 50%; width: 11px; height: 1px; margin-left: -5px; display: block; position: absolute; z-index: 99; content: "";
}
#cssmenu .submenu-opened.submenu-button::after {
	display: none;
}
#cssmenu ul ul {
	background: 0px 0px rgb(248, 248, 248);
}
#cssmenu ul ul ul {
	background: 0px 0px rgb(248, 248, 248);
}
#cssmenu ul ul li {
	background: 0px 0px rgba(0, 0, 0, 0);
}
#cssmenu ul ul {
	padding-top: 0px;
}
#cssmenu > ul > li > a {
	border-radius: 0px;
}
}
@media only screen and (min-width:768px)
{
#cssmenu > ul > li > ul {
	margin: -20px 0px 0px; transition:0.5s; top: 60px; height: 0px; position: absolute; opacity: 0;
}
#cssmenu > ul > li:hover > ul {
	margin: 0px; height: auto; opacity: 1;
}
#cssmenu > ul > li > ul > li > ul {
	padding: 0px; transition:0.5s; top: 0px; margin-left: 95%; opacity: 0;
}
#cssmenu > ul > li > ul > li:hover > ul {
	padding: 0px; transition:0.5s; top: 0px; margin-left: 100%; opacity: 1;
}
#cssmenu ul ul {
	transform-origin: 0% 0% 0px; transition:-moz-transform 0.5s, opacity 0.3s; left: -9999px; position: absolute;
}
#cssmenu2 ul ul {
	transform-origin: 0% 0% 0px; transition:-moz-transform 0.5s, opacity 0.3s; left: -9999px; position: absolute;
}
#cssmenu li:hover > ul {
	left: auto;
}
.align-right#cssmenu li:hover > ul {
	right: 0px;
}
.align-right#cssmenu2 li:hover > ul {
	right: 0px;
}
#cssmenu ul ul ul {
	top: 0px; margin-left: 100%;
}
#cssmenu2 ul ul ul {
	top: 0px; margin-left: 100%;
}
.align-right#cssmenu ul ul ul {
	margin-right: 100%; margin-left: 0px;
}
.align-right#cssmenu2 ul ul ul {
	margin-right: 100%; margin-left: 0px;
}
}
#cssmenu .active a {
	border: 1px solid rgba(255, 255, 255, 0.54) !important; border-image: none !important;
}
#cssmenu > ul > li:hover > a {
	border: 1px solid rgba(255, 255, 255, 0.54) !important; border-image: none !important;
}
#cssmenu ul ul li a img {
	width: 20%; margin-right: 10px;
}
#cssmenu ul ul li a i {
	margin-right: 10px;
}