/************************************* desktop menu************************************/
#menu-trigger {
	display: none;
}
#menu-wrap {
		position: relative;
		z-index: 2;
		display:inline-block;
		margin-left:305px;
		top:-58px	
	
}
#menu-custom, #menu-custom ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu-custom:before, #menu-custom:after {
	content: "";
	display: table;
}
#menu-custom:after {
	clear: both;
}
#menu-custom {
	zoom: 1;
}
.desktop #menu-custom >li {
	float: left;
	position: relative;margin-right:20px
}
.desktop #menu-custom > li >a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #fff;
	display:block;
	font-size: 16px;
	line-height:20px;
	padding-bottom:10px;
	font-weight:bold;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
}

.desktop #menu-custom  li a {font-weight: bold;}

.desktop #menu-custom >li> a>i {	
	color:#24b7fd;
	margin-left:6px;
	font-size:14px;
	line-height:20px;	
}
.desktop #menu-custom >li > a:hover, .desktop #menu-custom > li:hover > a, .desktop #menu-custom > li.sfHoverForce > a {
	color:#24b7fd;
	background:none;
}
.desktop #menu-custom ul {
	margin:0;
	filter:alpha(opacity=0);
	opacity:0;
	visibility: hidden;
	position: absolute;
	top:31px;
	left: -20px;
	padding:23px 0;
	z-index: 1;
	background: #1a1a1a; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width:275px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.desktop #menu-custom ul li{padding:0 30px}


.desktop #menu-custom ul a {
	display: inline-block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	font-size: 13px;
	line-height:18px;
	font-weight:bold;
	color:#fff;
	padding:0;

}
.desktop #menu-custom ul a:before{
	    content: "";
		color:#25b9ff;
		font-size:14px;
		line-height:18px;
		display:inline-block;
		margin-right:12px;
		font-family:FontAwesome;
		font-weight:normal
	}

.desktop #menu-custom ul li:hover > a {
	color:#25b9ff;
	background:none
}

.desktop #menu-custom ul li:hover > a:before{color:#fff}

.desktop #menu-custom li:hover > ul {
	filter:alpha(opacity=100);
	opacity:1;
	visibility: visible;
}
.desktop #menu-custom ul ul {
	top: -23px;
	left: 222px;
}
.desktop #menu-custom ul li {
	float: none;
	display: block;
	position:relative;
	margin-bottom:10px;
}
.desktop #menu-custom ul li i {
	position:absolute;
	top:2px;
	right:10px;
	color:#fff
}
.desktop #menu-custom ul li:first-child {
	border:none
}
#menu-trigger {
	display: none;
}
.desctop #menu-custom {
	display: block;
}
/**************************************************mobile menu**************************************************************/
@media only screen and (max-width:1229px) {
	
	
	
 #menu-wrap.desktop {
display:none;
}
 #menu-wrap {
 position: relative;
 padding:0;top:0
}
 #menu-wrap * {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
 #menu-trigger {
 height: 50px;
 line-height: 50px;
 cursor: pointer;
 padding: 0 20px;
 color: #fff;
 font-weight: bold;
 font-size: 23px;
}
 #menu-trigger .menu-icon {
 font-size:30px;
 line-height:30px;
 width:auto;
 display: block;
 position: absolute;
 top: 12px;
 right: 14px;
}
 .mobile #menu-custom {
 margin: 0;
 padding: 10px 0px;
 position: absolute;
 top: 53px;
 width: 100%;
 z-index: 100;
 background-color: #f2f2f2;
 display: none;
}
 .mobile #menu-custom  .icon-angle-down,
  .mobile #menu-custom .icon-angle-right
 {display:none}



 #menu-custom ul.menu-mobile-2 {
 display: none;
}
 #menu-custom li:first-child a {
}
 #menu-custom li {
 position: static;
 display: block;
 position: relative;
}
 #menu-custom a {
 display: block;
 float: none;
 padding: 10px 20px;
 color: #000;
 font-size: 18px;
}
 #menu-custom a i.icon-caret-down{display:none}


 #menu-custom a:hover,  #menu-custom .open-mobile-2:hover + a {
 color:#24b7fd
}
 #menu-custom ul a {
 padding-left:40px;
 width: auto;
}
 #menu-custom ul ul a {
 padding-left:60px;
 width: auto;
}
 .open-mobile-2 {
 font-size:25px;
 line-height:30px;
 display: block;
 position: absolute;
 right: 13px;
 top: 4px;
 height:30px;
 width:30px;
 text-align:center;
 vertical-align:middle;
 color:#000;
}
 .open-mobile-2:hover {
 cursor: pointer;
}
}