/*menu====*/
.menu-icon{display: none}
.nav-fixed {

    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    margin: 0;
    z-index: 1000;
    max-width: 100%;
    background-color: #ffffff;
    border-bottom: 2px solid #edecec;
    border:1px solid #fefefe;max-height: 100%;
     -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.15)
  

}
nav.nav-fixed  .nav {
    padding: 0.3em 0 0.2em;

}
.toggle-nav{ display: none;}
.menu{ 
position: relative;
margin-left:8rem;
}

	.menu ul{ padding: 0px; margin: 0px;}
	.menu ul li ul{margin:10px;}
	
	.menu li{
		padding: 0.3em;
		list-style: none;
		display:inline-block;
		position: relative;
		}

.menu li .fa-angle-down{ font-size: 1.3rem} 
.menu li:last-child{padding-right: 0px;}
	.menu li a{
		padding: 0.4em;
		font-size: 1em;
		display: block;
		color: #000000;
		text-decoration: none;
		text-transform: uppercase;
		cursor: pointer;
        text-align: left;
        font-weight: 600;
	}
	.menu li .dropdown-menu {
		background: #ffffff;
		width: 220px;
		padding: 0px; 
		margin-top:63px; 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		z-index: 99;
        border: 0px;
		border-top: 1px solid #dddddd;
}

.menu li .dropdown-menu.show {margin-top:13px; }
		.menu li .dropdown-menu li{ display: block; border-bottom: 1px solid #dddddd} 
		.menu li .dropdown-menu a{ display: block; padding: 4px 6px; color: #373736; font-size: 0.9em; font-weight: normal;} 
		/*.menu li:hover .dropdown-menu{ display: block;}*/
		.menu li a:hover, .menu li a:hover i, .menu li .dropdown-menu a:hover{
           /* background: linear-gradient(131deg, #ff6348 0.9554140127388535%, #4f50ff 99.36305732484077%);
             background:-webkit-linear-gradient(131deg, #ff6348 0.9554140127388535%, #4f50ff 99.36305732484077%);
            background-clip: text !important;
            -webkit-background-clip: text !important;      
            text-fill-color:transparent;
        -webkit-text-fill-color: transparent !important;*/
            color: #000000;

}
		.menu li a.text-green{ color:#6AAC3C; }
.menu li a.signbtn{ color: #ff6348; }
.menu li:hover a.signbtn{  color: #ffffff; }
@media only screen and (max-width: 1680px) {
	
}

@media only screen and (max-width: 1280px) {}
@media only screen and (max-width: 1024px) {
   
}
@media only screen and (max-width: 980px) {
	.toggle-nav {display: block; position: absolute; z-index:99;
		top: 10px;
		right: -43px;
		width: 30px;
		height: 30px;
		box-sizing: border-box;
		outline: none;
		border: none;
	
	}
	.toggle-nav span{
		display: block;
		width: 27px;
		height: 3px;
		background: #262626;
		position: absolute;
		top:19px;
		transition: 2ss;
	}
	.toggle-nav span:before{
		content: '';
		position: absolute;
		top: -10px;
		left: 0;
		width: 100%;
		height: 3px;
		transition: 2s;
		background: #262626;
	}
	
	.toggle-nav span:after{
		content: '';
		position: absolute;
		top: 10px;
		left: 0;
		width: 100%;
		height: 3px;
		transition: 2s;
		background: #262626;
	}
	
	.toggle-nav.toggle span{
		background: transparent;
	}
	.toggle-nav.toggle span:before{
		top: 0px;
		transform: rotate(45deg);
	}
	.toggle-nav.toggle span:after{
		top: 0px;
		transform: rotate(-45deg);
	}
.menu{ background: #ffffff;
height: 100%;
width: 250px;
left: -250px;
position: fixed;
top: 0px;
    /*animation*/
 -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: .3s ease all;
  transition: .3s ease all;
	z-index: 999;
	padding: 10px;
    margin-left: 0px;

}
    
.menu ul { margin: 0px; padding: 10px;}
.menu ul li ul { margin: 0px; padding: 0px 0;}
  .menu ul li ul > li {padding: 0.4em 0;}  
.menu li{ display: block}
    .menu li .dropdown-menu{margin-top: 11px}

.open{ left: 0px; -webkit-transform: translateX(0px);
  transform: translateX(0px);}
	
	.menu li .dropdown-menu {
		position:relative; 
		
}
}

@media only screen and (max-width: 736px) {
}

@media only screen and (max-width: 480px) {
}