#lpmenu1 {	
	opacity: 0;
	text-align: left;
	top: 30px; left:-30px;  
	transition: transform 1s ease; 
	z-index: 60; 
	width: 220px; 
	position: absolute; 
	background: #225bba; 
	margin:0px;
	visibility: hidden;
}

.menu-opened #lpmenu1 {
	visibility: visible;
	opacity: 1;
	transition: 0.4s;
  } 

.menu1_v{list-style-type: none; display: inline-block; text-align: left; margin:10px 0px; width: 100%; background:#225bba; padding: 0px;}
.menu1_v li{vertical-align: top; margin:0px; padding:15px 30px; color: #fff; font-size:16px; transition: 0.3s;}
.menu1_v li:hover{background-color: #e8e8e8; padding:15px 30px; color: #000!important;}
.menu1_v li a {background:none; font-size:16px; color: #fff; text-decoration: none; padding: 15px 0px;}
.menu1_v li a:hover {color: #000; }

.burger-menu {position: relative; width: 25px; height: 30px; cursor: pointer; height: inherit; float: left; margin-left: 10px; z-index: 100;}
.burger-zagol{z-index: 100; position: relative; top:30%; color:#fff; font-size:16px; text-align:left; left: 30px;}

.burger {z-index: 100; position: absolute; background: #fff; width: 20px; height: 2px; top: 52%; left: 0px; margin-top: -3px; 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);}

.korzina_m, .menucat_burger{display:none;}


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

.menu1_v li, .menu1_v li a{font-size:14px;}
.burger-zagol{font-size:14px;}

}

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

.menu1_v li, .menu1_v li a{font-size:14px;}
.burger-zagol{font-size:13px;}

}

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

#lpmenu2_fon {position:fixed; top:0; width:100%; height:40px; margin:0px; z-index: 200; margin: auto;}
#lpmenu2 {	
	position: fixed; 
	overflow-y:scroll; 
	background: #e0e0e0; 
	top: 40px; left: 0; right:0; bottom: 0; 
 	-webkit-transform: translate3d(-100%, 0, 0); 
	-moz-transform: translate3d(-100%, 0, 0); 
	-o-transform: translate3d(-100%, 0, 0); 
	transform: translate3d(-100%, 0, 0); 
	-webkit-transition: transform .5s ease; 
	-moz-transition: transform .5s ease; 
	-o-transition: transform .5s ease; 
	transition: transform .5s ease; 
	z-index: 200; 
	width: 400px;
	height:auto;
	padding: 10px 0px 40px 0px;
}

#lpmenu2_fon{background-color: #a8a8a8;}

#menu1_m{margin:10px 0px; width:100%;}
#menu1_m a{margin:0px 0px 10px 10px; text-align:center; padding:5px; border:1px solid #a8a8a8; width:44%; display: inline-block; text-decoration:none; font-size:14px;}
#menu1_m a:hover{background: #225bba; color:#fff;}

.menu2_zag{background-color: #225bba; padding:5px 12px; color: #fff;}

.menu2_v{margin:10px 0px; padding:0px; width:100%; list-style:none;}
.menu2_v li{margin:0px; padding:5px 0px; list-style:none; width:100%; position:relative;}
.menu2_v li a {text-decoration:none; padding:0px 10px; display:block; font-size:14px; font-family: "Century Gothic Bold";}
.menu2_v li a:hover, .menu1_v li #subactive a{padding:0px 10px; background: #225bba; color:#fff;}

.menu2_vv{margin:0px; padding:0px; width:100%;}
.menu2_vv li{margin:0px; padding:5px 10px; width:100%; position:relative;}
.menu2_vv li a {text-decoration:none; padding:0px 10px; display:block; font-size:14px; font-family: "Century Gothic Regular";}

.burger2-menu {position: relative; width: 25px; height: 30px; cursor: pointer; height: inherit; float: left; margin-left: 10px;}
.burger2-zagol{position: relative; top:30%; color:#fff; font-size:14px; text-align:left; left: 35px; width: 200px; }

.korzina_m, .menucat_burger{display:block;}
.burger2_korzina{width:65%; float:right; text-align:right;}
.korzina_name_m{font-size:13px; color:#fff; text-align:left; display:inline-block; vertical-align:top; margin: 12px 8px 0px 0px;}
#cart_zakaz_link_m{font-size:13px; color:#fff; text-decoration:underline; text-align:left; display:inline-block; vertical-align:top; margin: 0px 8px 0px 8px;}

.burger2 {position: absolute; background: #fff; width: 100%; height: 3px; top: 50%; left: 0px; margin-top: 0px; opacity: 1;}
.burger2::before {position: absolute; background: #fff; width: 25px; height: 3px; top: 7px; content: ""; display: block;}
.burger2::after {position: absolute; background: #fff; width: 25px; height: 3px; bottom: 7px; content: ""; display: block;}

.burger2::after, .burger2::before, .burger2 {
	-o-transition: all .3s ease-in-out; 
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out; 
	transition: all .3s ease-in-out; 
}


.burger2-menu.menu-on .burger2::after{
	-o-transform: rotate(-40deg); 
	-ms-transform: rotate(-40deg); 
	-moz-transform: rotate(-40deg);  
	-webkit-transform: rotate(-40deg); 
	transform: rotate(-40deg); 
	bottom: 0px;
}

.burger2-menu.menu-on .burger2::before{ 
	-o-transform: rotate(40deg);  
	-ms-transform: rotate(40deg);  
	-moz-transform: rotate(40deg);   
	-webkit-transform: rotate(40deg); 
	transform: rotate(40deg); 
	top: 0px;
}


.burger2-menu.menu-on .burger2{background: rgba(0,0,0,0);}

body.menu-opened {overflow: hidden;}

.menu-opened #lpmenu2 {
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0); 
	-moz-transform: translate3d(0, 0, 0); 
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

}

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


#lpmenu2_fon {position:fixed; top:0; width:100%; height:40px; margin:0; z-index: 200;}
#lpmenu2 {	
	position: fixed; 
	overflow-y:scroll; 
	background: #e0e0e0; 
	top: 40px; left: 0; right:0; bottom: 0; 
 	-webkit-transform: translate3d(-100%, 0, 0); 
	-moz-transform: translate3d(-100%, 0, 0); 
	-o-transform: translate3d(-100%, 0, 0); 
	transform: translate3d(-100%, 0, 0); 
	-webkit-transition: transform .5s ease; 
	-moz-transition: transform .5s ease; 
	-o-transition: transform .5s ease; 
	transition: transform .5s ease; 
	z-index: 200; 
	width: 90%;
	height:auto;
	padding: 10px 0px 40px 0px;
}

#lpmenu2_fon{background-color: #a8a8a8;}

#menu1_m{margin:10px 0px; width:100%;}
#menu1_m a{margin:0px 0px 10px 10px; text-align:center; padding:5px; border:1px solid #a8a8a8; width:44%; display: inline-block; text-decoration:none; font-size:14px;}
#menu1_m a:hover{background: #225bba; color:#fff;}

.menu2_zag{background-color: #225bba; padding:5px 12px; color: #fff;}

.menu2_v{margin:10px 0px; padding:0px; width:100%; list-style:none;}
.menu2_v li{margin:0px; padding:5px 0px; list-style:none; width:100%; position:relative;}
.menu2_v li a {text-decoration:none; padding:0px 10px; display:block; font-size:14px; font-family: "Century Gothic Bold";}
.menu2_v li a:hover, .menu1_v li #subactive a{padding:0px 10px; background: #225bba; color:#fff;}

.menu2_vv{margin:0px; padding:0px; width:100%;}
.menu2_vv li{margin:0px; padding:5px 10px; width:100%; position:relative;}
.menu2_vv li a {text-decoration:none; padding:0px 10px; display:block; font-size:14px; font-family: "Century Gothic Regular";}

.burger2-menu {position: relative; width: 25px; height: 30px; cursor: pointer; height: inherit; float: left; margin-left: 10px;}
.burger2-zagol{position: relative; top:30%; color:#fff; font-size:14px; text-align:left; left: 35px; width: 200px; }

.korzina_m, .menucat_burger{display:inline;}
.burger2_korzina{width:60%; float:right; text-align:right;}
.korzina_name_m{font-size:13px; color:#fff; text-align:left; display:inline-block; vertical-align:top; margin: 12px 8px 0px 0px;}
#cart_zakaz_link_m{font-size:13px; color:#fff; text-decoration:underline; text-align:left; display:inline-block; vertical-align:top; margin: 0px 8px 0px 8px;}

.burger2 {position: absolute; background: #fff; width: 100%; height: 3px; top: 50%; left: 0px; margin-top: 0px; opacity: 1;}
.burger2::before {position: absolute; background: #fff; width: 25px; height: 3px; top: 7px; content: ""; display: block;}
.burger2::after {position: absolute; background: #fff; width: 25px; height: 3px; bottom: 7px; content: ""; display: block;}

.burger2::after, .burger2::before, .burger2 {
	-o-transition: all .3s ease-in-out; 
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out; 
	transition: all .3s ease-in-out; 
}


.burger2-menu.menu-on .burger2::after{
	-o-transform: rotate(-40deg); 
	-ms-transform: rotate(-40deg); 
	-moz-transform: rotate(-40deg);  
	-webkit-transform: rotate(-40deg); 
	transform: rotate(-40deg); 
	bottom: 0px;
}

.burger2-menu.menu-on .burger2::before{ 
	-o-transform: rotate(40deg);  
	-ms-transform: rotate(40deg);  
	-moz-transform: rotate(40deg);   
	-webkit-transform: rotate(40deg); 
	transform: rotate(40deg); 
	top: 0px;
}


.burger2-menu.menu-on .burger2{background: rgba(0,0,0,0);}

body.menu-opened {overflow: hidden;}

.menu-opened #lpmenu2 {
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0); 
	-moz-transform: translate3d(0, 0, 0); 
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


}