/************************************* desktop menu************************************/

#menu-trigger {

	display: none;

}

#menu-wrap {

	position: relative;

	z-index: 2;



	

}

#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;
    float: right;
    margin-right: 150px;
    margin-top: -35px;

}
.desktop #menu-custom >li {

	float: left;
	

	position: relative;


}

.desktop #menu-custom > li >a {

	font-weight: bold;

	-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;

	text-transform:uppercase;

	display:block;

	font-size: 16px;

	line-height:20px;

	text-decoration: none;

	padding: 8px 19px;

	font-family:'Roboto', sans-serif;

}

.desktop #menu-custom >li>a>i {

	position:absolute;

	bottom:-2px;

	color:#fff;

	left:50%;

	margin-left:-3px;

	cursor:pointer

}

.desktop #menu-custom >li > a:hover, .desktop #menu-custom > li:hover > a, .desktop #menu-custom > li.sfHoverForce > a {

	color:#000;

	background:#E5007D;

}



.desktop #menu-custom >li > a:hover >i, .desktop #menu-custom > li:hover > a >i, .desktop #menu-custom > li.sfHoverForce > a>i {

	color:#000;



}



.desktop #menu-custom ul {

	margin:0;

	filter:alpha(opacity=0);

	opacity:0;

	visibility: hidden;

	position: absolute;

	top:36px;

	left: 0;

	z-index: 1;

	background: #2d2d2d;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

	width:228px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.desktop #menu-custom ul a {

	display: block;

	white-space: nowrap;

	float: none;

	text-transform: none;

	font-size: 13px;

	line-height:18px;

	font-weight: normal;

	color:#fff;

	padding:6px 18px;

   -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 ul li:hover > a ,

.desktop #menu-custom ul li.sfHoverForce > a 

{

	color: #fff;

	background:#000;

}





.desktop #menu-custom li:hover > ul {

	filter:alpha(opacity=100);

	opacity:1;

	visibility: visible;

}

.desktop #menu-custom ul ul {

	top: -10px;

	left: 231px;

}

.desktop #menu-custom ul li {

	float: none;

	display: block;

	position:relative

}

.desktop #menu-custom ul li i {

	position:absolute;

	top:6px;

	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:767px) {

 #menu-wrap.desktop {

display:none;

}

 #menu-wrap {

 position: relative;

 padding:0;
 	background:#E5007D;
	
	margin: 20px 0 20px 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: 0px;

 /*position: absolute;*/

 top: 55px;

 width: 100%;

 z-index: 100;

 background-color: #fff;

 display: none;

 font-family:'Roboto', sans-serif;



}

 .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:hover, 

 #menu-custom .open-mobile-2:hover + a {

 color:#E5007D;

}

 #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;

}

}