/*------menu-main------*/
 		
 		.menu-main {height:120px;align-items:center;}

 	/*------Fixed Menu scroll-----*/	
		.fixed-menu {height:120px;width:100%;}
		.fixed-menu.black {color:var(--color-white);font-weight:300;position:absolute;top:0;z-index:999;}
		/*.fixed-menu.black .logo ,.fixed-menu.black .menu-main .icon-text img {filter:invert(1);}*/

		@media (max-width: 768px){ .fixed-menu, .menu-main {height:80px;} }
		@media (min-width:1900px){ .fixed-menu, .menu-main {height:120px;} }

		/*Оформление*/
			@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
				.fixed-menu .on, .fixed-menu .off {background: rgb(255 255 255 / 50%);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
				/*BLACK MENU*/
					.fixed-menu.black .on, .fixed-menu.black .off {background: rgb(0 0 0 / 30%);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
			}
			/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
			@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
			  .fixed-menu .on, .fixed-menu .off {background-color:#fff;}
			  	/*BLACK MENU*/
			   		.fixed-menu.black .on, .fixed-menu.black .off {background-color:rgb(0 0 0 / 70%);}
			}
		/*Анимация*/
			.fixed-menu .off {animation:menuFixedOff 0.7s ease both;position:fixed;z-index:999;top:0;}
			@keyframes menuFixedOff{0%{opacity:1}100%{opacity:0}}
			
			.fixed-menu .on {animation:menuFixedOn 0.7s ease;position:fixed;z-index:999;top:0;}
			@keyframes menuFixedOn{0%{opacity:0}100%{opacity:1}}

			.fixed-menu .home {animation:menuFixedHome 0.7s ease both;position:fixed;z-index:999;top:0;}
			@keyframes menuFixedHome{
				0%{background: rgb(255 255 255 / 50%);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
				100%{background: rgb(255 255 255 / 0%);-webkit-backdrop-filter: blur(0px);backdrop-filter: blur(0px);}
			}
			/*BLACK MENU*/
				.fixed-menu.black .home {animation:menuFixedHomeBlack 0.7s ease both;position:fixed;z-index:999;top:0;}
				@keyframes menuFixedHomeBlack{
					0%{background: rgb(0 0 0 / 30%);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
					100%{background: rgb(0 0 0 / 0%);-webkit-backdrop-filter: blur(0px);backdrop-filter: blur(0px);}
				}
 	/*------Header-----*/
	 	.menu-main .right {display:flex;align-items:center;justify-content:end;}
	 	.menu-main .logo {max-width:200px;}
	 	@media (min-width:1900px){ .menu-main .logo {max-width: 155px;} }

	 	.menu-main .icon-text {margin-right:45px;cursor:pointer;white-space:nowrap;}
		.menu-main .icon-text img {display:none;position:relative;width:24px;height:24px;}
		.menu-main .icon-text span {transition: 0.3s;line-height:140%;display:flex;border-bottom:1px solid;letter-spacing:-0.1px;}
		.menu-main .icon-text span:hover {transition: 0.3s;color:var(--color-accent);}
		.black .menu-main .icon-text span:hover {transition: 0.3s;color:var(--color-accent);}
		
		.menu-main .open {cursor:pointer;white-space:nowrap;display:flex;align-items:center;margin-left:45px;}
		.menu-main .open p {display: inline-block;margin: 0;margin-right:15px;letter-spacing:-0.1px;}
		.menu-main .open>span {border-top:2px solid;display:inline-block;width:30px;height:8px;}
		.menu-main .open>span:before {content:'';border-bottom:2px solid;position:relative;display:block;width:24px;height:inherit;margin-left:auto;}		
		@media (max-width: 768px){
			.menu-main .icon-text {margin-right:15px;}
			.menu-main .icon-text img {display: block;}
			.menu-main .icon-text span{display: none;}

			.menu-main .open {margin-left:15px;}
			.menu-main .open p{display: none;}

			.menu-main .btn-black {display: none;}
			.menu-main .btn-white {display: none;}

		}
	/*Off-canvas*/
	    /*Выпадающее меню*/
			.menu-main .off-canvas{width: 0px;height:100vh;background:var(--color-white);color:var(--color-black);font-weight:400;box-shadow: 15px 0px 30px 0px rgb(0 0 0 / 5%);z-index:999;position:fixed;top:0;right:0;overflow:hidden;}
			.menu-main .off-canvas .wrapper { display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;}
		/*Иконка закрыть меню*/
			.menu-main .off-canvas .close {position:absolute;top:25px;right:15px;z-index:1;}
			@media (max-width: 768px){.menu-main .off-canvas .close {position:absolute;top:15px;right:0px;}}
		/*Анимация открытия закрытия меню*/
			.menu-main .off-canvas.open{animation:menu-main-Open .7s ease both; display: block;}
		    @keyframes menu-main-Open{0%{width: 0px;}100%{width: 600px;}}
		    
		    .menu-main .off-canvas.close{animation:menu-main-Close .7s ease both; display: block;} 
		    @keyframes menu-main-Close{0%{width: 600px;}100%{width: 0px;}}
		    
		    @media (max-width: 768px){
	    		@keyframes menu-main-Open{0%{width: 0px;}100%{width: 350px;}}
				@keyframes menu-main-Close{0%{width: 350px;}100%{width: 0px;}}
		    }
		/*Иконка вложенности*/
			/* Иконка стрелочка
			.menu-main .off-canvas .menu .sub-icon{position:relative;top:-8px;margin-left:15px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:30px;height:30px;transform:rotate(-90deg);border:1px solid var(--color-grey-white);border-radius:100%;}
			.menu-main .off-canvas .menu .sub-icon:before{content:"";width:9px;height:5px;background:url(/upload/icon/black/arrow.svg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
			.menu-main .off-canvas .menu .sub-icon.active {transform:rotate(0deg);}
			@media (max-width: 768px){.menu-main .off-canvas .menu .sub-icon {top: -6px;}}*/

			/*Иконка + / - 
			.menu-main .off-canvas .menu .sub-icon{transition:0.3s;margin-bottom:-2px;margin-left:10px;width:24px;height:24px;border:1px solid var(--color-grey-white);border-radius:100%;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
			.menu-main .off-canvas .menu .sub-icon:before{content:"+";font-size:14px;line-height:100%;position:absolute;display:flex;justify-content:center;align-items:center;}
			.menu-main .off-canvas .menu .sub-icon.active:before {content:"-";}
			.menu-main .off-canvas .menu .sub-icon:hover {border:1px solid var(--color-grey-light);transition:0.3s;}
			*/
			.menu-main .off-canvas .menu .sub-icon{transition:0.3s;opacity: 0;background: rgb(0 0 0 / 5%);color:#000;margin-bottom:-2px;margin-left:10px;width:24px;height:24px;border-radius:100%;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
			.menu-main .off-canvas .menu .sub-icon:before{content:"-";font-size:14px;line-height:100%;position:absolute;display:flex;justify-content:center;align-items:center;}
			.menu-main .off-canvas .menu .sub-icon:hover {transition:0.3s;background: rgb(0 0 0 / 15%);}
			.menu-main .off-canvas .menu .sub-icon.active  {opacity: 1;}
			@media (max-width: 768px){
				.menu-main .off-canvas .menu .sub-icon {width:20px;height:20px;}
				.menu-main .off-canvas .menu .sub-icon:before {font-size: 12px;}
			}

			/*переход в категорию по второму клику*/
			.menu-main .off-canvas .menu .sub-icon:after {content:'';position:absolute;height:100%;width:9999px;}
			.menu-main .off-canvas .menu .sub-icon.active:after {display: none;}
		/*0 уровень*/
			.menu-main .off-canvas .menu {overflow-y:auto;overflow-x:hidden;list-style:none;padding:0;margin:0;transition: All 0.5s;padding:60px 100%;}
			/*.menu-main .off-canvas .menu li {white-space: nowrap;font-size:36px;line-height: 165%;transition: 0.5s;}*/
			.menu-main .off-canvas .menu li{white-space:wrap;max-width:100%;min-width:400px;font-size:30px;line-height:200%;transition:.5s;}

			.menu-main .off-canvas .menu li:hover {color: var(--color-accent);transition: 0.5s;}
			.menu-main .off-canvas .menu li.active {color: var(--color-accent);}
			@media(max-width:768px){.menu-main .off-canvas .menu li{font-size:18px;min-width:240px;line-height:150%;margin:15px 0}}

			/*анимация пунктов меню*/
			.menu-main .item-animate {position:relative;overflow:hidden;}
			.menu-main .item-animate i{font-style: normal;transform:translateY(110%) skewY(-5deg); display:inline-block;transition:transform 0.7s cubic-bezier(.19,1,.22,1);border-bottom: 0;}
			.menu-main .off-canvas.open .item-animate i{transform:translateY(0) skewY(0deg);}
			.menu-main .off-canvas.close .item-animate i{transition-delay: 0.7s !important;}
		/*1 уровень*/
			.menu-main .off-canvas .menu ul {max-width: 100%; display:none;height:0;transition:All 0.5s;overflow:hidden; padding:5px 0 10px 0;padding:0;list-style:none;}
			.menu-main .off-canvas .menu ul .sub-icon{margin: 6px 0 0 10px;}
			.menu-main .off-canvas .menu ul li {white-space:wrap;padding-left:20px;font-size:24px;line-height:180%;}
			.menu-main .off-canvas .menu ul li a {display:inline-block;white-space: wrap;line-height:normal;color:var(--color-grey-light);transition: 0.5s;}
			.menu-main .off-canvas .menu ul li a:hover {color: var(--color-black);transition: 0.5s;}
			.menu-main .off-canvas .menu ul li.active a {color:var(--color-accent);}
			@media (max-width: 768px){.menu-main .off-canvas .menu ul li {white-space:wrap;font-size:16px;line-height:160%;padding-left:15px;margin: 5px 0;}}