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

.phone_m, .menu1_m{
	display: none;
}

.menu1{
    margin:0 auto;  
}

.menu1 a{
	font-size:16px; 
	padding:10px 15px; 
	display:inline-block; 
	text-decoration:none; 
	text-transform: uppercase;
	transition: 0.5s;
	margin: 0px 15px;
	font-family: "CharisRegular";
}

.menu1 a:hover, .menu1 #active{
	color:#45adb1;
}

.bull{
	font-size: 26px;
	top: 3px;
	position: relative;
}

.bull:first-child{
	display: none;
}

.burger-menu{display: none;}


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

	.menu1 a{
		padding:10px 20px; 
		margin: 0px 10px;
	}  
}

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

	.menu1{
		width: 90%;
	}

}


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

	nav{
		display: none!important;
	}

	.menu1_m{
		height: 40px;
		overflow: hidden;
		display: inline;
	}

	#lpmenu1_fon {
		position:fixed; 
		top:0; left:0; 
		width:100%; height:40px; 
		z-index: 200; 
		background-color:#f8f8f8;
	}

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

	.burger {position: absolute; background: #58b3b7; width: 20px; height: 2px; top: 50%; left: 0px; margin-top: -1px; opacity: 1;}
	.burger::before {position: absolute; background: #58b3b7;  width: 20px; height: 2px; top: 6px; content: ""; display: block;}
	.burger::after {position: absolute; background: #58b3b7;  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; 
		background-color:#fff;
		top: 40px; left: 0px; bottom: 0;
		transform: translate3d(-140%, 0, 0); 
		transition: transform .5s ease; 
		z-index: 200; 
		width: 260px; 
		margin:0px; padding:0px;
		overflow-y: scroll;
	}

	#lpmenu1 a{
		list-style-type: none; 
		display:block; 
		text-decoration:none; 
		color: #58b3b7; 
		padding: 15px 20px;
		font-size: 20px;
		text-align: left;
	}

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

	.phone_m{
		font-family: "CharisRegular";
		position: absolute;
		top: 5px; right: 15px;
		display: inline-block;
	}

	.zvonok_burger{
		text-decoration: none;
		display: inline-block;
		text-align:left;
		margin:5px 0px 0px 20px;
		color:#58b3b7;
		font-size:16px;
		float:left;
		font-family: "CharisRegular";
	}

	.menu1 a {
	    padding: 0px;
	}

	.cart__money_m, .cart__money_m a{
		color: #fff;
		font-size: 13px!important;
		font-family: "CharisRegular";	   
		 margin: 0;
	}
}

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

	.zvonok_burger{
		font-size:14px;
		margin: 7px 0px 0px 10px;
	}

	.phone_m{
		font-size:14px;
		top: 7px;
	}
}


