/************************************* desktop menu************************************/
#menu-trigger {
	display: none;
}
#menu-wrap {
	position: relative;
	z-index: 2;
 }

#menu-custom,
#menu-trigger{
	display:none ;
background: #e6e6e6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e6e6e6 0%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6e6e6 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6e6e6 0%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6e6e6 0%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e6e6e6 0%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
	}

#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;
}
.desktop #menu-custom li a{
	color: #333;
    font-family: 'Roboto', sans-serif;
	text-transform:uppercase;}

.desktop #menu-custom > li >a {

	display:block;
	border-right:1px solid #dcdcdc;
	font-weight:bold;
	font-size: 17px;
	line-height:20px;
	text-decoration: none;
	padding: 14px 29px 16px;	
	position:relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	 transition: all 0.3s ease;	
}

.desktop #menu-custom >li> a>i {
	position:absolute;
	bottom:1px;
	color:#333;
	left:50%;
	margin-left:-3px
}
.desktop #menu-custom >li > a:hover, .desktop #menu-custom > li:hover > a, .desktop #menu-custom > li.sfHoverForce > a {
color:#68b96a;
background: #ededed; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ededed 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */    
}

.desktop #menu-custom ul {
	margin:0;
	filter:alpha(opacity=0);
	opacity:0;
	visibility: hidden;
	position: absolute;
	top:50px;
	left: 0;	
	z-index: 1;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	 transition: all 0.3s ease;
	 width:253px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.desktop #menu-custom ul li{border-top:1px dotted #d3d3d3;padding:8px 15px 9px;}
.desktop #menu-custom ul li:first-child{border:none;}
.desktop #menu-custom ul a {
	display: inline-block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	font-size: 13px;
	line-height:18px;
	font-weight: normal;	
	color:#282828;
	padding:0;	
}

.desktop #menu-custom ul li:hover > a,
.desktop #menu-custom ul li.sfHoverForce > a
 {
	color: #68b96a;
}
.desktop #menu-custom li:hover > ul {
	filter:alpha(opacity=100);
	opacity:1;
	visibility: visible;
}
.desktop #menu-custom ul ul {
	top: 0px;
	left: 254px;
}
.desktop #menu-custom ul li {
	float: none;
	display: block;
	position:relative;
	margin-bottom:5px
}
.desktop #menu-custom ul li i {
	position:absolute;
	top:11px;
	right:12px;
	color:#777;
	font-size:14px;
}
.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:767px) {
 #menu-wrap.desktop {
display:none ;
}
 #menu-wrap {
 position: relative;
 padding: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;
 display:block;
 border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
-webkit-border-radius:0 0 6px 6px;
background:#252526;
}
 #menu-trigger .menu-icon {
 font-size:30px;
 line-height:30px;
 width:auto;
 display: block;
 position: absolute;
 top: 10px;
 right: 14px;
}
 .mobile #menu-custom {
 margin: 0;
 padding: 0px;
 position: absolute;
 top: 51px;
 width: 100%;
 z-index: 100;
 background-color: #4c4c4c; 
 display: none;
 border-bottom:3px solid #333;
  border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;

}
 .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: #333;
 font-size: 18px;
}
 #menu-custom a:hover,  #menu-custom .open-mobile-2:hover + a {
 color:#68b96a
}
 #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:#333;
}
 .open-mobile-2:hover {
 cursor: pointer;
}
}
