/* Навигация меню*/

.header--fixed {
	background:#fff; 
	height:78px;
	/*background: url(../image/menu.png) repeat-x 50% 50%;*/
	/*border-bottom: 1px solid #dddddd;*/
}
/*2*/
@media only screen and (min-width: 1088px) and (max-width: 1184px){
	.header--fixed {height:71px;}
}
/*3*/
@media only screen and (min-width: 896px) and (max-width: 1088px){
	.header--fixed {height:65px;}
}
/*4*/
@media only screen and (min-width: 736px) and (max-width: 896px){
	.header--fixed {height:65px;}
}
/*5*/
@media only screen and (min-width: 520px) and (max-width: 736px){
	.header--fixed {height:44px;background:#00963f;}
}
/*6*/
@media only screen and (max-width: 520px){
	.header--fixed {height:44px;background:#00963f;}
}




.header--grid {
	display: grid;
	grid-template-columns: 200px 4fr 230px;
	grid-column-gap: 32px;
	grid-row-gap: 32px;
	max-width: 1120px;
	margin: 0 auto;
	
}
.header--grid > div {
	padding: 15px 0;
}

/*2*/
@media only screen and (min-width: 1088px) and (max-width: 1184px){
	.header--grid{min-width:1024px;max-width:1024px}
	.header--grid > div {padding: 14px 0;}
}
/*3*/
@media only screen and (min-width: 896px) and (max-width: 1088px){
	.header--grid{min-width:832px;max-width:832px}
	.header--grid > div {padding: 11px 0;}
}
/*4*/
@media only screen and (min-width: 736px) and (max-width: 896px){
	.header--grid{min-width:672px;max-width:672px}
	.header--grid > div {padding: 9px 0;}
}
/*5*/
@media only screen and (min-width: 520px) and (max-width: 736px){
	.header--grid{min-width:472px;max-width:472px}
	.header--grid > div {padding: 6px 0;}
}
/*6*/
@media only screen and (max-width: 520px){
	.header--grid{min-width:0;max-width:100%}
	.header--grid > div {padding: 6px 0;}
}

/*Размер колонок*/
@media only screen and (min-width: 360px) and (max-width: 896px){
	.header--grid {	grid-template-columns: 0px 4fr 230px;}
}
@media only screen and (max-width: 360px){
	.header--grid {	grid-template-columns: 0px 4fr 230px;}
}
/*Межколонник 24*/
@media only screen and (min-width: 360px) and (max-width: 736px){
	.header--grid {grid-column-gap: 0px;grid-row-gap: 0px;}
}
/*Межколонник 16*/
@media only screen and (max-width: 360px){
	.header--grid {grid-column-gap: 16px;grid-row-gap: 16px;}
}



@media only screen and (max-width: 736px){
	.header--grid {grid-template-columns: 0px 0px 1fr;}
}
@media only screen and (max-width: 520px){
}
.header--nav {
	float: right;
	text-align:right;
}

.header--nav ul{
  list-style: none; /*убираем маркеры списка*/
  margin: 0; /*убираем верхнее и нижнее поле, равное 1em*/
  padding-left: 0; /*убираем левый отступ, равный 40px*/
 }
 .header--nav li{
  display: inline;
 }

.header--logo> img {
	width: auto;
	height: 50px;
	margin: 0 5px 0 5px;
}

@media only screen and (max-width: 896px){
	.header--logo> img {display: none}
}

.header--button > a {
	border: solid 1px green;
	border-radius: 5px;
	padding: 15px;
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	line-height:16px;
	position:relative;
	display:inline-block;
	text-decoration:none;
	letter-spacing:.1em;
	text-transform:uppercase;
	color: green;
}
.header--button{
	color:#423930;
    text-align: right;
}

@media only screen and (max-width: 736px){
	.header--button > a {
		border: none;  
		margin: 0 auto;
		padding: 8px 0; 
		text-align: left; 
		width:100%;
		color:#fff	}
}
@media only screen and (max-width: 520px){
	.header--button > a {
		border: none;  
		margin: 0 auto;
		padding: 8px 0; 
		text-align: left; 
		width:100%;
		color:#fff	}
}

.header-navicon{position:absolute;top:21px;left:20px;display:none;width:20px;height:14px;cursor:pointer}
.header-navicon:before{position:absolute;top:-90%;left:-70%;width:240%;height:280%;content:'';background:transparent}
@media only screen and (max-width: 736px){
	.header-navicon{display:block}
}



.header-navicon__lines{position:absolute;top:6px;left:0;width:100%;height:2px;transition:background .1s .4s;background:#7a685a}
.header-navicon__lines:before,.header-navicon__lines:after{position:absolute;left:0;width:100%;height:100%;content:'';transition:top .4s,-webkit-transform .4s;transition:transform .4s,top .4s;transition:transform .4s,top .4s,-webkit-transform .4s;transition-delay:0s,.5s;background:#7a685a}
.header-navicon__lines:before{top:-6px}
.header-navicon__lines:after{top:6px}
.menu-is-open .header-navicon__lines{background-color:transparent}
.menu-is-open .header-navicon__lines:before,.menu-is-open .header-navicon__lines:after{top:0;transition-delay:.5s,0s}
.menu-is-open .header-navicon__lines:before{-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg)}
.menu-is-open .header-navicon__lines:after{-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg)}
.header-nav{position:relative;z-index:1;height:76px;transition:left 1s;text-align:center}
@media only screen and (min-width:1000px){
	.header--fixed .header-nav{height:62px}
}


@media only screen and (max-width: 736px){
	.header-nav{
		top:55px;
		overflow:hidden;
		height:calc(100vh - 55px);
	/*	background: #ffffff; */
		width:100%;
		left: -100%;
		position:fixed;
		z-index:9001;
	}
	.header-nav .ps-scrollbar-y-rail{overflow:hidden;max-height:calc(100vh - 55px - 10px)}
}

/* меню */
.header-nav__menu{
	display:inline-block;
	margin-top:29px;
	transition:opacity .4s .6s,margin-top .4s,-webkit-transform .6s .6s cubic-bezier(.25, .46, .45, .94);
	transition:opacity .4s .6s,transform .6s .6s cubic-bezier(.25, .46, .45, .94),margin-top .4s;
	transition:opacity .4s .6s,transform .6s .6s cubic-bezier(.25, .46, .45, .94),margin-top .4s,-webkit-transform .6s .6s cubic-bezier(.25, .46, .45, .94)
}

@media only screen and (min-width:1000px){
	.page-init .header-nav__menu{opacity:0}
	.header--fixed .header-nav__menu{margin-top:20px}
}
@media only screen and (max-width: 736px){
	.menu-is-open .header-nav__menu{
		transition-delay:.5s;
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
		opacity:1;
		margin-top:0;
	}
}
.header-nav__menu--left{margin-right:130px}


@media only screen and (max-width: 736px){
	.header-nav__menu--left{padding-top:22px}
}
.header-nav__item{text-align:center}
.header-nav__menu--left .header-nav__item:first-child{margin-right:49px}
.header-nav__item.is-hover .submenu{visibility:visible;transition-delay:.2s;opacity:1}

@media only screen and (max-width: 736px){
	.header-nav__item{float:none !important;margin-right:0 !important;margin-bottom:26px;text-align:left}
}
body:not(.is-touch) .header-nav__item:hover .submenu{visibility:visible;transition-delay:.2s;opacity:1}



/* Меню конференции */
.header-nav__link{
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	line-height:16px;
	position:relative;
	display:inline-block;
	padding: 15px 20px;
	text-decoration:none;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:#423930
}
@media only screen and (min-width: 736px) and (max-width: 1184px){
	.header-nav__link{padding: 15px 10px;}
}
/*.header-nav__link:before{position:absolute;top:6px;left:0;width:30px;height:1px;content:'';transition:width .3s;background:#d2d2d2}*/
.header-nav__link span{position:relative;display:block}
.header-nav__link span:before{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:'';
	opacity:0;
	background:linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,0) 40%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 60%, rgba(255,255,255,0));
	background-size:200% 200%
}
.header-nav__item:hover .header-nav__link:before{width:30px}
.header-nav__item:hover .header-nav__link:not(.is-active) span:before{-webkit-animation:headerNavLink .6s;animation:headerNavLink .6s}
.header-nav__link.is-active{color:#977c64}
.header-nav__link.is-active:before{background:#cebfb2}
.header--fixed .header-nav__link{}
@media only screen and (max-width: 736px){
	.hs .header-nav__link:after{
		position:absolute;
		top:4px;
		right:0;
		width:11px;
		height:6px;
		content:'';
		transition:-webkit-transform .3s;
		transition:transform .3s;
		transition:transform .3s, -webkit-transform .3s;
		background-image:url('/bitrix/templates/manzetti_responsive/public_html/css/../img/min/caret2.svg');
		background-repeat:no-repeat;
		background-size:contain
	}
	.is-hover .header-nav__link:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
}
@media only screen and (min-width: 520px) and (max-width: 736px){
	.header-nav__link{font-size:30px;line-height:1;height:48px !important}
	.header-nav__link:before{top:16px}
	.header-nav__link:after{top:11px !important;width:15px !important;height:8px !important}
}
@media only screen and (max-width: 520px){
	.header-nav__link{padding-right:30px;padding-left:49px;height:50px !important;font-size:20px}
}


@-webkit-keyframes headerNavLink{
	0%{opacity:1;background-position:100% 0}
	90%{opacity:1}
	100%{opacity:0;background-position:-5% 100%}
}
@keyframes headerNavLink{
	0%{opacity:1;background-position:100% 0}
	90%{opacity:1}
	100%{opacity:0;background-position:-5% 100%}
}
.header-nav__submenu{
	position:absolute;
	top:76px;
	left:0;
	visibility:hidden;
	box-sizing:border-box;
	width:100vw;
	height:268px;
	transition:opacity .4s,visibility .4s;
	opacity:0;
	border-top:1px solid #ececec;
	background:#fff}

.header--fixed .header-nav__submenu{top:62px}
.header-nav__submenu:before,.header-nav__submenu:after{position:absolute;left:50%;content:'';border-right-style:solid;border-right-color:transparent;border-bottom-style:solid;border-left-style:solid;border-left-color:transparent}
.header-nav__submenu:before{z-index:2;top:-14px;border-right-width:14px;border-bottom-width:14px;border-bottom-color:#fff;border-left-width:14px}
.header-nav__submenu:after{z-index:1;top:-16px;border-right-width:15px;border-bottom-width:15px;border-bottom-color:#ececec;border-left-width:15px}
@media only screen and (min-width: 520px) and (max-width: 736px){
	.header-nav__submenu .wrapper{max-width:100%}
}
@media only screen and (max-width: 736px){
	.header-nav__submenu{position:relative;top:0 !important;visibility:visible;overflow:hidden;height:auto;max-height:0;padding-left:49px;transition:max-height .3s,opacity .3s;transition-delay:0s !important;opacity:0 !important;border-top:0}
	.header-nav__submenu:before,.header-nav__submenu:after{display:none}
	.is-hover .header-nav__submenu{opacity:1 !important}
}
@media only screen and (min-width: 520px) and (max-width: 736px){
	.is-hover .header-nav__submenu{max-height:260px}
}
@media only screen and (max-width: 520px){
	.is-hover .header-nav__submenu{max-height:240px;padding-bottom:20px}
}


.header-nav__item--search{padding-right:0;padding-left:14px}
@media only screen and (max-width: 736px){
	.header-nav__item--search{display:none}
}

.header-logo{
	font-size:110px;
	position:absolute;
	z-index:2;
	top:9px;
	left:50%;
	overflow:hidden;
	/*width:1.6em;*/
	height:45px;
	margin-left:-0.8em;
	transition:height .4s,top .4s;
}
.header-logo svg{display:block;width:100%;height:51px}
.header-logo img{display:block;/*width:100%*/;height:45px; transition:height .5s, width .5s;}
.header-logo:hover:before{position:absolute;top:0;left:0;width:100%;height:100%;content:'';-webkit-animation:headerLogo .8s;animation:headerLogo .8s;opacity:0;background:linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,0) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 60%, rgba(255,255,255,0));background-size:200% 200%}
.header--fixed .header-logo{top:15px;height:51px}
@media only screen and (max-width: 736px){
	.menu-is-open .header-logo,.header--fixed .header-logo{top:18px !important;height:37px}
	.menu-is-open .header-logo img{z-index:0;}
}
@media only screen and (min-width: 736px) and (max-width: 1184px){
	.header-logo{font-size:80px;top:10px !important;height:40px}
	.header-logo svg{height:40px}
	.header-logo img{height:40px}
}
@media only screen and (min-width: 520px) and (max-width: 736px){
	.header-logo{font-size:80px;top:10px !important;height:37px}
	.header-logo svg{height:37px}
	.header-logo img{height:37px}
}
@media only screen and (max-width: 520px){
	.header-logo{font-size:67px;top:13px !important;height:31px}
	.header-logo svg{height:31px}
	.header-logo img{height:31px}
}

@-webkit-keyframes headerLogo{
	0%{opacity:1;background-position:100% 0}
	50%{opacity:1}
	100%{opacity:0;background-position:0 100%}
	}
@keyframes headerLogo{
	0%{opacity:1;background-position:100% 0}
	50%{opacity:1}
	100%{opacity:0;background-position:0 100%}
}

@media only screen and (max-width: 736px){
	header:not(.header--fixed){transition-delay:0s,.4s;transition-duration:.4s,0s}
	header:not(.header--fixed).search-is-open{transition-delay:0s}
}

.header-catalog__list{font-size:0;display:inline-block;margin-top:26px;text-align:center}
@media only screen and (max-width: 1260px){
	.header-catalog__list.header-catalog__list--page-404 .header-catalog__item{margin-right:4.5vw;margin-left:4.5vw}
}
@media only screen and (max-width: 736px){
	.header-catalog__list{margin-top:0}
}
.header-catalog__item{display:inline-block;margin-right:4vw;margin-left:4vw}
@media only screen and (max-width: 1260px){
	.header-catalog__item{margin-right:3vw;margin-left:3vw}
}
@media only screen and (min-width: 520px) and (max-width: 736px){
	.header-catalog__item{margin-bottom:20px}
}
@media only screen and (max-width: 767px){
	.header-catalog__item{margin-bottom:21px}
}
@media only screen and (max-width: 736px){
	.header-catalog__item{display:block;float:none !important;margin-right:0;margin-left:0;text-align:left}
	.header-catalog__item:last-child{margin-bottom:5px}
}
.header-catalog__link{
	text-decoration:none;
	font-family:'PT Sans', sans-serif;
}
.header-catalog__link .img{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	width:129px;
	height:96px;
	margin-bottom:8px;
	transition:-webkit-transform .4s;
	transition:transform .4s;
	transition:transform .4s, -webkit-transform .4s;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:50% 50%;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center}

.header-catalog__link .name{
	font-size:16px;
	line-height:0.5;
	transition:color .4s;
	letter-spacing:.025em;
	color:#636363}
.header-catalog__link .border{transition:fill .4s}
.header-catalog__link:hover .name{color:#282828}
.header-catalog__link:hover .border{fill:#ebe4d8}
@media only screen and (min-width: 520px) and (max-width: 736px){.header-catalog__link .name{font-size:30px}}
@media only screen and (max-width: 520px){.header-catalog__link .name{font-family: 'PT Sans', sans-serif;font-size:18px}}
@media only screen and (max-width: 736px){.header-catalog__link .img{display:none}}
.header-catalog__link img{width:74px;height:74x}



.submenu__stripe{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	min-height:1px;
	background:#c98690;
}
@media only screen and (max-width: 736px){
	.submenu__stripe{display:none}
}
.submenu__stripe--dv:before{position:absolute;top:18px;left:50%;width:1px;height:30px;content:'';background:#cdbfb2}
.submenu__offer__col{width:100%}
.submenu__offer{
	display:block;
	width:96.6%;
	height:46px;
	margin:8px auto;
	text-align:center;
}


.submenu__offer__arr{display:inline-block;width:62px;height:11px;}
@media only screen and (max-width: 1184px){
	.submenu__offer__arr{display:none}
}
.submenu__offer__name{
	font-family: 'Oranienbaum',Serif;
	font-size:24px;

	display:inline-block;
	padding-top: 8px;
	padding-bottom:4px;
	margin-right:34px;
	margin-left:21px;
	transition:color .4s;
	letter-spacing:.1em;
	color:#fff;
	
	
	position:relative;
	text-decoration:none; 
}

.tel-link{
	position:relative;
	text-decoration:none; 
	color:#6f8966
}
.submenu__offer__name:before,.submenu__offer__name:after{
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	content:'';
	transition:-webkit-transform .3s;
	transition:transform .3s;
	transition:transform .3s, -webkit-transform .3s;
	background:white;
}
.submenu__offer__name:before{bottom:0}
.submenu__offer__name:after{bottom:-3px}
.submenu__offer__name:hover:before{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}
.submenu__offer__name:hover:after{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}

@media only screen and (max-width: 640px){
	.submenu__offer__name{
		font-size: 18px;
	}
}

@media only screen and (min-width: 736px) and (max-width: 1184px){

}
@media only screen and (min-width: 520px) and (max-width: 736px){
	.header-nav__menu{
		float:none !important;
		overflow:hidden;
		box-sizing:border-box;
		width:100%;
		margin-top:0;
		margin-right:0 !important;
		margin-left:0 !important;
		padding-left:18px;
		transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s;-webkit-transform:translateX(-5%);-ms-transform:translateX(-5%);transform:translateX(-5%);opacity:0
	}
	.header-nav__menu:first-child{padding-top:45px}
	.header-nav__menu:last-child{/*margin-top:-37px*/}
	
	.header-nav{position:fixed;z-index:9001;left:-100%;width:100%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s;background:#fff}
}

@media only screen and (max-width: 736px){
	.header-nav__link {font-family:'Oranienbaum', serif; display: none;}
	.header-nav__link::before {
		position: absolute;
		top: 16px;
		left: 0;
		width: 30px;
		height: 1px;
		content: '';
		-webkit-transition: width .3s;
		-o-transition: width .3s;
		transition: width .3s;
		background: #7a685a;
	}
}
@media only screen and (max-width: 520px){
	.header-nav__link::before {	top: 6px;	}


}
@media only screen and (max-width: 520px){
	.header-nav__link::before {	top: 6px;	left: 20px;	width: 20px;}
}