/* Меню основное */


.menu1{
	text-align:center; 
	margin:10px auto 0px auto; 
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	width: 90%;
	position:relative;
}

.menu1 a{
	font-size:15px; 
	padding:15px 40px;
	display:inline-block; 
	text-decoration:none; 
	color:#000;
}

.menu1 #active, .menu1 a:hover{
	background-color: #5b5b5b;
	color: #fff;
}

#menu1_v li{z-index:333; text-align: center; display:inline-block; padding:0px; }
#menu1_v li:hover{background-color: #5b5b5b; color: #fff;}
#menu1_v li a:hover{color: #fff;}

#menu1_v{text-align:center; margin:0 auto; padding:0; z-index:1000;}
#menu1_v ul {display: none; position:absolute; top:52px; z-index:333; transition: 1s; margin: 0px;}

#menu1_v li:hover ul{
	display: block;
	/*background-color: rgba(255, 255, 255, 0.8);*/
	background-color: #5b5b5b;
	text-align: left;
	width:220px;
	vertical-align:top;
	padding:0px;
	-webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -webkit-animation: push-in-down 0.3s;
    animation: push-in-down 0.3s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@keyframes push-in-down
{
	0% {transform: rotateX(-90deg); opacity: 0;}
	100% {transform: none;}
}

@-webkit-keyframes push-in-down
{
    0% {-webkit-transform: rotateX(-90deg); opacity: 0;}
    100% {-webkit-transform: none;}
}

#menu1_v ul li, #menu1_v ul li:hover{
	color: #fff; 
	display: block; 
	text-align: left; 
	padding:8px 15px; 
	margin:0px; 
	vertical-align:top; 
	z-index:1000; 
	border-bottom: 1px solid #fff; 
}

#menu1_v ul li:last-child{
	border-bottom: 0px;
}

#menu1_v ul li:hover{
	background:#5b5b5b;
	color: #fff;
}

/*#menu1_v ul li:first-of-type{margin-top:15px;}
#menu1_v ul li:last-of-type{margin-bottom:15px;}*/

#menu1_v ul li a{
	color: #fff; 
	font-size:14px; 
	padding:0px; 
	margin-left:5px;
}

#menu1_v ul li a:hover {
	background:#5b5b5b;
	text-decoration:none; 
	padding:0px; 
	margin-left:5px;
}

.burger-menu{display: none;}




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

.menu1 a {
    font-size: 14px;
    padding: 15px 30px;
}

}


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

.menu1 a{
	padding: 15px 20px;
}


}


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

.fon_menu{width:100%; }

#lpmenu1_fon {
	position:absolute; 
	top:-120px; left:0px; 
	width:40px; height:40px; 
	z-index: 200; 
	margin: auto;
	background-color: rgba(91, 91, 91, 0.8);
	border-radius: 50%;
}

.burger-menu {
	position: relative; 
	width: 25px; height: 30px; 
	cursor: pointer; 
	height: inherit; 
	float: left;
	margin-left: 10px;
	display: inline;
}

.burger {position: absolute; background: #fff; width: 20px; height: 2px; top: 50%; left: 0px; margin-top: -1px; opacity: 1;}
.burger::before {position: absolute; background: #fff;  width: 20px; height: 2px; top: 6px; content: ""; display: block;}
.burger::after {position: absolute; background: #fff;  width: 20px; height: 2px; bottom: 6px; content: ""; display: block;}

.burger::after, .burger::before, .burger {transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.burger-menu.menu-on .burger::after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); bottom: 0px;}
.burger-menu.menu-on .burger::before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 0px;}
.burger-menu.menu-on .burger{background: rgba(0,0,0,0);}

body.menu-opened {overflow: hidden;}

.menu-opened #lpmenu1 {
	transform: translate3d(0, 0, 0);
	 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  } 


#lpmenu1 {
	position: fixed; 
	overflow:auto!important; 
	background-color: rgb(91, 91, 91);
	top: 110px; left: 70px; 
	transform: translate3d(-140%, 0, 0); 
	transition: transform .5s ease; 
	z-index: 200; 
	width: 220px; 
	margin:0px; 
	padding:0px;
}

#lpmenu1 a{
	list-style-type: none; 
	display:block; 
	box-sizing: border-box; 
	text-decoration:none; 
	color: #fff; 
	padding: 7px;
}

#menu1_v {
	list-style-type: none; 
	margin:10px;
}

#menu1_v li{
	display: block; 
	padding: 2px 10px;
	text-align: left;
}

#menu1_v li a{
	background:none; 
	list-style-type: none; 
	font-size:16px;
}

#menu1_v ul {display: none;}

}



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

#lpmenu1_fon {
	position:absolute; 
	top:-102px; left:0px; 
	width:40px; height:40px; 
	z-index: 200; 
	margin: auto;
	background-color: rgba(91, 91, 91, 0.8);
	border-radius: 50%;
}

#lpmenu1 {
	top: 110px; left: 44px; 
}

}