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

#menu-trigger {

	display: none;

}

#menu-wrap {



	position: relative;

	z-index: 2;

	display:none

}

#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:first-child > a {

	padding-left: 20px;

}

.desktop #menu-custom a {

	float: left;

	padding: 14px 10px;

	color: #fff;

	text-transform: uppercase;

	font-size: 23px;

	font-weight: bold;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	text-decoration: none;

}

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

	color: #747474;

}

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

	color: #fff;

	background-color: #747474;

}

.desktop #menu-custom ul {

	margin: 20px 0 0 0;

	opacity: 0;

	visibility: hidden;

	display:none;

	position: absolute;

	top: 48px;

	left: 0;

	z-index: 1;

	background: #444;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}

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

	opacity: 1;

	visibility: visible;

	display:block;

	margin: 0;

}

.desktop #menu-custom ul ul {

	top: 0;

	left: 220px;

	margin: 0 0 0 20px;

}

.desktop #menu-custom ul li {

	float: none;

	display: block;

	border: 0;

	position: relative;



}

.desktop #menu-custom ul a {

	padding: 10px;

	width: 200px;

	display: block;

	white-space: nowrap;

	float: none;

	text-transform: none;

	font-size: 14px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	

}

.desktop #menu-custom ul a:hover {

	background-color: #747474;

}

#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{left:0px;right:0;bottom:-71px;position:absolute}

	

	#menu-wrap * {

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

	}

	#menu-trigger {

  color: #fff;

  font-size: 26px;

  line-height: 28px;

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

  color: #fff;

  text-shadow: 1px 1px #c77003;

  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b81e24), color-stop(100%, #c32026 ));

  background-image: -webkit-linear-gradient(#b81e24, #c32026 );

  background-image: -moz-linear-gradient(#b81e24, #c32026 );

  background-image: -o-linear-gradient(#b81e24, #c32026 );

  background-image: linear-gradient(#b81e24, #c32026 );

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b81e24', endColorstr='#c32026 ',GradientType=0 );

  text-transform: uppercase;

  border: none;

  padding: 14px 5px 16px 20px;

  margin-bottom: 0;

  -webkit-border-radius: 6px;

  -moz-border-radius:6px;

  -ms-border-radius: 6px;

  -o-border-radius:6px;

  border-radius: 6px;

  font-weight: bold;

  position: relative;

  border-bottom:1px solid #c26603;

    border-right:1px solid #d87703;

	}

	



	#menu-trigger .menu-icon {

		font-size:30px;

		line-height:30px;

		width:auto;

		display: block;

		position: absolute;

		top: 14px;

		right: 14px;

		z-index:1000;cursor:pointer

	}

	.mobile #menu-custom {

		margin: 0;

		padding: 0px;

		position: absolute;

		top: 58px;

		width: 100%;

		z-index: 1;

	

		display: none;

	}

	#menu-custom ul.menu-mobile-2 {

		display: none;

	}

	#menu-custom li {

		position: static;

		display: block;

		position: relative;



	}

	#menu-custom a {

		color:#fff;	

	float: none;	

	white-space: nowrap;

	text-transform: none;

	font-weight: normal;

	display: block;

	border-bottom:1px solid #c4c4c4;

	padding: 14px 20px;

	border:none;

	border-top: 1px solid #292929;

	font-size:17px;

	line-height:20px;

	background:#676767;

	border-radius:0



	}

	#menu-custom a:hover ,

	.open-mobile-2:hover + a{

	color:#c32026;

	}

	#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: 10px;

		height:30px;

		width:30px;

		text-align:center;

		vertical-align:middle;

		color:#fff;

	}

	.open-mobile-2:hover {

		cursor: pointer;

	}

	

}



@media only screen and (max-width:767px) {

		#menu-wrap {

	

		display:block

	}

	}