@charset "utf-8";
/* CSS Document */
/**** Navigation menu *********************/
@media screen and (min-width: 980px) {
#toggle{ display:none;}
.menu{position: relative; float:right;}

ul.top-menu{ margin:0; padding:0; list-style:none; font-size:0;width:100%; text-align:right; white-space:nowrap}
.top-menu li {
	display:inline-block;
	position: relative;
	text-align:center;
	font-size:16px;
	margin:0;
	padding:0 7px;
}

.top-menu li:first-child{
	background:none;
}
.top-menu li li{
	display:block;
	text-align:left;
	border-top:1px solid #f04e23;
	text-transform:capitalize;
	font-size:16px;
	padding:0;
}

.top-menu li a {
	color: #4d4d4d;
	display: block;	
	line-height: 86px;
	padding: 0 5px;
	font-weight:700;
}

.top-menu li li a {
	padding: 0 20px;
	line-height: 30px;
	font-weight:400;
}

.top-menu li:hover > a,
.top-menu li a:hover,
.top-menu li:focus > a,
.top-menu li a:focus {
color:#ff4a01;	
border-bottom:4px solid #ff4a01;
}

.top-menu li li:hover > a,
.top-menu li li a:hover,
.top-menu li li:focus > a,
.top-menu li li a:focus {
color:#fff;	
border-bottom:none;
background:#6d6f71;
}


.top-menu .sub-menu,
.top-menu .children {
	background-color: #f8f4f3;
	padding: 0;
	position: absolute;
	left: 7px;
	top:100%;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	border-bottom:4px solid #f04e23!important;
	margin-top:-1px;
}

.top-menu .sub-menu ul,
.top-menu .children ul {
	left: 100%;
	top: 0;
}

ul.top-menu ul a,
.top-menu ul ul a {
	color: #f04e23;
	width: 178px;
}

ul.top-menu ul a:hover,
.top-menu ul ul a:hover,
ul.top-menu ul a:focus,
.top-menu ul ul a:focus {
color:#fff;
border-bottom:none;
background:#f04e23;
}

ul.top-menu li:hover > ul,
.top-menu ul li:hover > ul,
ul.top-menu .focus > ul,
.top-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
	border-bottom:none;
}

.top-menu .current_page_item > a,
.top-menu .current_page_ancestor > a,
.top-menu .current-menu-item > a,
.top-menu .current-menu-ancestor > a {
color:#ff4a01;
border-bottom:4px solid #ff4a01;
}

.top-menu .current_page_item > a:hover,
.top-menu .current_page_ancestor > a:hover,
.top-menu .current-menu-item > a:hover,
.top-menu .current-menu-ancestor > a:hover {

}

}

@media screen and (max-width: 979px) {
/*** Responsive menu X icon*********************/
.gn-icon-menu {
display: block;
padding: 17px 5px 5px 5px;
width: 36px;
height:auto;
background:#f04e23;
color:#fff;
font-size:10px;
}
a.gn-icon-menu:hover { color: #fff; }
.gn-icon-menu menutitle { display: block; margin-top: 10px; color: #fff;}
.gn-icon-menu span {
background: #fff;
display: block;
position: relative;
-webkit-transform: translate3d(0,0,0);
}
.gn-icon-menu span,
.gn-icon-menu span:before,
.gn-icon-menu span:after {
width: 100%;
height: .2em;
-moz-transition:       all 0.4s;
-o-transition:         all 0.4s;
-webkit-transition:    all 0.4s;
transition:            all 0.4s;
-webkit-transform: translate3d(0,0,0);
}
.gn-icon-menu span:before,
.gn-icon-menu span:after {
background: #fff;
content: " ";
margin-top: -.6em;
position: absolute;
}
.gn-icon-menu span:after {
margin-top: .6em;
}
.gn-icon-menu.on span {
background: transparent;
}
.gn-icon-menu.on span:before {
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
-webkit-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.gn-icon-menu.on span:after {
-moz-transform: rotate(-45deg) translate(.45em, -.35em);
-ms-transform: rotate(-45deg) translate(.45em, -.35em);
-o-transform: rotate(-45deg) translate(.45em, -.35em);
-webkit-transform: rotate(-45deg) translate(.45em, -.35em);
transform: rotate(-45deg) translate(.45em, -.35em);
}
/*** Scrollbar *********************/
.menu::-webkit-scrollbar { 
display: none; 
}


/*** Responsive Menu position *********************/
.menu{
transition: all 0.3s ease;
position: fixed;
width: 0%;
top: 0;
right: -300px;
background:#000;
height: 100%;
z-index: 999;
box-shadow: 0px 0px 10px black;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
} 
#toggle{
position: fixed;
top: 4px;
right:4px;
z-index: 1000;
}
#toggle:hover{
cursor: pointer;
}
.menu.open{
right: 0;
width: 300px;
display: block;
}
#toggle.open{
right:20px;
}
.menu a{
display: block;
padding:0;
margin:0;
transition: all 0.2s ease;
outline-style:none;
}

.menu ul{ margin:80px 0 0 0; padding:0; list-style:none;}
.menu ul ul{ margin:0; text-indent:15px;}
.menu ul ul ul{ margin:0; text-indent:30px;}
.menu ul li{ margin:0; padding:0; list-style:none; line-height:normal; border-top:1px solid #181818;}
.menu ul li a{ color:#868686; font-size:13px; padding:7px 15px;}
.menu ul li a:hover{ color:#FFFFFF; background:#f04e23;}

.menu .current_page_item > a,
.menu .current_page_ancestor > a,
.menu .current-menu-item > a,
.menu .current-menu-ancestor > a {
background:#f04e23;
color:#FFFFFF;
}

.menu .current_page_item > a:hover,
.menu .current_page_ancestor > a:hover,
.menu .current-menu-item > a:hover,
.menu .current-menu-ancestor > a:hover {
background:#f04e23;
color:#FFFFFF;
}

}