/*------menu-main------*/
 		
 		.menu-main {height:100px;align-items:center;padding-right:45px;padding-left:45px;}

 	/*------Fixed Menu scroll-----*/	
		.fixed-menu {height:100px;width:100%;}
		.fixed-menu.black {color:var(--color-white);font-weight:200;position:absolute;top:0;z-index:99;}
		/*.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;} .menu-main {padding-right:0px;padding-left:0px;} }
		@media (min-width:1900px){ .fixed-menu, .menu-main {height:120px;} .menu-main {padding-right:135px;padding-left:135px;}}

		/*Оформление*/
			@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:99;top:0;}
			@keyframes menuFixedOff{0%{opacity:1}100%{opacity:0}}
			
			.fixed-menu .on {animation:menuFixedOn 0.7s ease;position:fixed;z-index:99;top:0;}
			@keyframes menuFixedOn{0%{opacity:0}100%{opacity:1}}

			.fixed-menu .home {animation:menuFixedHome 0.7s ease both;position:fixed;z-index:99;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:99;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>.left {display: flex;align-items: center;}
	    .menu-main>.right {display: flex;justify-content:flex-end;align-items:center;}
	    @media (max-width: 768px){
	    	.menu-main>.left {padding-right: 0;}
	    }

	 	.menu-main .logo {margin-right: 90px;}
	 	.menu-main .logo img {max-width:178px;}
	 	@media (max-width: 768px) {.menu-main .logo {margin-right:15px;}}
	 	@media (min-width:1900px){ .menu-main .logo img {max-width: 178px;} }

		/*кнопки в меню*/
			.menu-main .hooks:after {content: ']';margin-left: 10px;} /*скобки для стиля*/
			.menu-main .hooks:before {content: '[';margin-right: 10px;}/*скобки для стиля*/
			@media (max-width: 768px){.menu-main .hooks:after, .menu-main .hooks:before {display: none;}}

			.menu-main .btn-menu {margin-right:30px;font-size:14px;line-height:140%;display:inline-flex;position:relative;overflow:hidden;cursor:pointer;}
			.menu-main .btn-menu i{font-style: normal;display:inline-block;color:rgb(0 0 0 / 0%);transition:transform 1.2s cubic-bezier(.19,1,.22,1)}
			.menu-main .btn-menu i:after,.menu-main .btn-menu i:before{color: var(--color-black); content:attr(data-text);display:block;position:absolute;}
			.menu-main .btn-menu i:before{top:0;transform:skewY(0);transform-origin:right bottom;transition:transform 2s cubic-bezier(.19,1,.22,1)}
			.menu-main .btn-menu i:after{top:105%;transform:skewY(10deg);transform-origin:left top;transition:transform 2s cubic-bezier(.19,1,.22,1)}
			.menu-main .btn-menu:hover i{transform:translateY(-105%);}
			.menu-main .btn-menu:hover i:before{transform:skewY(10deg);}
			.menu-main .btn-menu:hover i:after{transform:skewY(0);}
			.menu-main .btn-menu img {display: none;}
			@media (max-width: 768px){
				.menu-main .btn-menu {margin-right:5px; padding:9px;min-width:37px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color(srgb 1 1 1 / 0.20);border-radius:100%;}
				.menu-main .btn-menu img {display: block;position:relative;width:19px;height:18px;}
				.menu-main .btn-menu i {display: none;}
			}

			.menu-main .open {display:block;margin:auto 0;margin-left:30px;}
			.menu-main .open>span {margin-left:10px;margin-bottom:2px;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 .open{margin-left:10px;padding:0;min-width:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:0;border-radius:0;}
				.menu-main .open>span {margin-left:0px;}
			}

			.black .menu-main .btn-menu i:after,
			.black .menu-main .btn-menu i:before{color:var(--color-white);}
			.menu-main .hooks:after,.menu-main .hooks:before {color: var(--color-black); }
			.black .menu-main .hooks:after,.black  .menu-main .hooks:before {color: var(--color-white); }
	/*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 0.9s ease both; display: block;}
		    @keyframes menu-main-Open{0%{width: 0px;}100%{width: 600px;}}
		    
		    .menu-main .off-canvas.close{animation:menu-main-Close 0.9s ease both; display: block;} 
		    @keyframes menu-main-Close{0%{width: 600px;}100%{width: 0px;}}
		    
		    @media (max-width: 768px){
	    		@keyframes menu-main-Open{0%{width: 0vw;}100%{width:calc(100vw - 15px);}}
				@keyframes menu-main-Close{0%{width:calc(100vw - 15px);}100%{width: 0vw;}}
		    }
		    @media (min-width: 2500px){
				@keyframes menu-main-Open{0%{width: 0px;}100%{width: 800px;}}
				@keyframes menu-main-Close{0%{width: 800px;}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:30px;line-height:180%;transition: 0.5s;letter-spacing:-1px;}
			.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:28px;}}*/

			/*анимация пунктов меню*/
			.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.9s 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.9s !important;}
		/*1 уровень*/
			.menu-main .off-canvas .menu ul {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:15px;font-size:28px;line-height:140%;letter-spacing: -1px;}
			.menu-main .off-canvas .menu ul li a {line-height:normal;color:var(--color-grey);transition: 0.5s;}
			.menu-main .off-canvas .menu ul li a:hover {color: var(--color-accent);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 {font-size:24px;line-height:160%;letter-spacing: -0.8px;padding-left:10px;}}
		
		/*Дополнительный текст пункта меню*/
			.dop-text-url {display:inline;}
			.dop-text-url span {font-size:14px;opacity:0.6;margin-bottom:-10px;margin-top:5px;line-height:14px;display:block;}
			@media (max-width: 768px){ .dop-text-url span {margin-bottom:-8px;font-size:12px;line-height:12px;} }