
.shablon__header_1 {
	
	/*header*/
	position: relative;

    .header__inner {
    
    }
    
    .header__row {
    	display: flex;
    	/*flex-wrap: wrap;*/
    	flex-wrap: nowrap;
    }
    .header__col {
    	display: flex;
    	flex-wrap: wrap;
    	min-height: 80px;
    	align-items: center;
    }
    .header__col > div {
    	width: 100%;
    }
    
    
    /*logo*/
    .logo-outer {
    	padding-right: 30px;
    }
    .logo {
    	max-width: 190px;
    	display: none;
    }
    .logo:first-child {
    	display: block;
    }
    .header__inner.is_dark .logo.is_dark {
    	display: none;
    }
    .header__inner.is_dark .logo.is_light {
    	display: block;
    }
    .header__inner.is_light .logo.is_light {
    	display: none;
    }
    .header__inner.is_light .logo.is_dark {
    	display: block;
    }
    .logo img {
    	max-width: 100%;
    	height: auto!important;
    }
    .logo__text {
    	color: #333;
    	font-weight: 700;
    }
    .logo__text a {
    	text-decoration: none;
    	color: #333;
    }
    .logo.is_light .logo__text {
    	color: #fff;
    }
    .logo.is_light .logo__text a {
    	color: #fff;
    }
    .logo__text a:hover {
    	text-decoration: none;
    }
    .logo__image {
    	display: block;
    	padding: 10px 0;
    }
    .logo__image img {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    
    /*tagline*/
    .tagline-outer {
    	padding-right: 77px;
    	padding-top: 16px;
    	padding-bottom: 16px;
    }
    .tagline {
    	max-width: 200px;
    	color: #333;
    	opacity: .6;
    	font-size: .867em;
    	line-height: 20px;
    	display: block;
    }
    .header__inner.is_dark .tagline {
    	color: #fff;
    }
    
    
    /*phones*/
    .items {
    	position: relative;
    	margin-top: -3px;
    }
    .items > .contacts__item {
    	position: relative;
    	/*margin: 3px 0 0;*/ /*так правильно, но телефон не по центру по вертикали*/
    	margin: 6px 0 0;
    	font-size: 1.0666em;
    	font-weight: 700;
    	display: inline-block;
    }
    .items.opener > .contacts__item {
    	padding-right: 14px!important;
    }
    .items.opener > .contacts__item:after {
    	content: '';
    	cursor: pointer;
    	position: absolute;
    	right: 3px;
    	top: 50%;
    	margin: -2px 0 0;
    	width: 5px;
    	height: 3px;
    	display: block;
    	width: 5px;
    	height: 3px;
    	background-repeat: no-repeat;
    	background-position: center center;
    	background-image: url(../img/_opener_black.svg);
    }
    .header__inner.is_dark .items.opener > .contacts__item:after {
    	background-image: url(../img/_opener_white.svg);
    }
    .items > .contacts__item:not(:first-child) {
    	display: none;
    }
    .contacts__item {
    	line-height: 1em;
    }
    .contacts__item a {
    	color: #222;
    	white-space: nowrap;
    }
    .contacts__item.has_icon a {
    	padding-left: 25px;
        display: block;
        position: relative;
    }
    .contacts__item .contact_icon {
    	position: absolute;
        left: 0;
        top: 0;
        font-size: 0;
        height: 16px;
        width: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .contacts__more .contacts__item .contact_icon {
        left: 18px;
        top: 18px;
    }
    .contacts__item .contact_icon img {
    	position: absolute;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	max-width: 100%;
    	max-height: 100%;
    	margin: auto;
    	opacity: .35;
    }
    .contacts__item .contact_comment {
    	display: none;
    	font-size: .8em;
    	font-weight: 400;
    	padding-top: 6px;
    	color: #999;
    	overflow: hidden;
    	text-overflow: ellipsis;
    }
    .contacts__more .contacts__item .contact_comment {
    	display: block;
    }
    .header__inner.is_dark .contacts__item a {
    	color: #fff;
    }
    .contacts__more {
    	display: none;
    	position: absolute;
    	padding-top: 7px;
    	left: calc(50% - 7px);
    	z-index: 92;
    	min-width: 200px;
    	max-width: 250px;
    	-webkit-transform: translate(-50%, 0);
    	-ms-transform: translate(-50%, 0);
    	transform: translate(-50%, 0);
    }
    .items.opener:hover .contacts__more {
    	display: block;
    }
    .contacts__more > div {
    	background: #fff;
    	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    	-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    	box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    	border-radius: 3px;
    }
    .contacts__more .contacts__item {
    	display: block;
    	/*line-height: 1em;*/
    	border-top: 1px solid #f2f2f2;
    	font-size: 1.0666em;
    	font-weight: 700;
    }
    .contacts__more .contacts__item:first-child {
    	border-top: 0;
    }
    .contacts__more .contacts__item.callback {
    	font-weight: 400;
    }
    .contacts__more .contacts__item.callback a {
    	color: var(--color1)!important;
    }
    .contacts__more .contacts__item a {
    	padding: 18px 22px 16px;
    	display: block;
    	color: #222!important;
    	white-space: nowrap;
    }
    .contacts__more .contacts__item.has_icon a {
    	padding-left: 43px;
    	position: relative;
    }
    .contacts__more .contacts__item a:hover {
    	background-color: #fafafa;
    }
    .contacts__more .contacts__item a span {
    	/*display: block;*/
    	/*font-size: .8em;*/
    	/*font-weight: 400;*/
    	/*padding-top: 6px;*/
    	/*color: #999;*/
    	/*overflow: hidden;*/
    	/*text-overflow: ellipsis;*/
    }
    
    
    /*callback*/
    .callback-outer {
    
    }
    .callback {
    	margin-top: -3px;
    }
    .callback > span {
    	margin: 0 0 0 13px;
    	/*font-size: .6em;*/
    	font-size: .6667em;
    	text-transform: uppercase;
    	letter-spacing: .8px;
    	cursor: pointer;
    	white-space: nowrap;
    	color: var(--color1);
    }
    .header__inner.is_dark .callback > span {
    	color: #fff;
    }
    .callback > span:hover {
    	color: #333;
    }
    .header__inner.is_dark .callback > span:hover {
    	opacity: .5;
    }
    
    
    /*right-area*/
    .right-area-outer {
    	margin-left: auto;
    }
    .right-area {
    	display: flex;
    	/*flex-wrap: wrap;*/
    	flex-wrap: nowrap;
    }
    
    
    /*header-icon*/
    .header-icon {
    	/*padding-left: 50px;*/
    	padding-left: 40px;
    	display: flex;
    	flex-wrap: wrap;
    	align-items: center /* new */
    }
    .header-icon > .span {
    	font-size: .6667em;
    	line-height: 1.2em;
    	text-transform: uppercase;
    	letter-spacing: .8px;
    	padding-left: 26px;
    	cursor: pointer;
    	position: relative;
    	color: #333;
    	text-decoration: none;
        height: 18px; /* new 19.06.24 */
        display: inline-flex; /* new 19.06.24 */
        align-items: center; /* new 19.06.24 */
    }
    .header__inner.is_dark .header-icon > .span {
    	color: #fff;
    }
    .header-icon > .span:hover {
    
    }
    .header-icon > .span:before {
    	content: '';
    	width: 18px;
    	height: 18px;
    	display: block;
    	position: absolute;
    	background-position: center center;
    	background-repeat: no-repeat;
    	left: 0;
    	/*top: -4px;*/
        top: -2px; /* new 19.06.24 */
    	opacity: .5;
    	background-size: contain;
    }
    .header-icon > .span:hover:before {
    	opacity: 1;
    }
    .catalog-find-icon:before {
    	background-image: url(../img/_catalog-find-icon_black.svg);
    }
    .mini-account-icon:before {
    	background-image: url(../img/_mini-account-icon_black.svg);
    }
    .compare-icon:before {
    	background-image: url(../img/_compare-icon_black.svg);
    	top: -2px!important;
    }
    .favorites-icon:before {
    	background-image: url(../img/_favorites-icon_black.svg);
    	top: -2px!important;
    }
    .mini-cart-icon:before {
    	background-image: url(../img/_mini-cart-icon_black.svg);
    	top: -2px!important;
    }
    .header-icon__amount {
    	/*top: -4px;*/
    	top: -2px;
        min-width: 18px;
        height: 18px;
        font-size: 11px;
        padding: 0 4px;
        position: relative;
        color: #fff;
        border-radius: 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--color1);
    }
    
    
    @media (min-width:1260px) {
    	.header__inner.is_dark .catalog-find-icon:before {
    		background-image: url(../img/_catalog-find-icon_white.svg);
    	}
    	.header__inner.is_dark .mini-account-icon:before {
    		background-image: url(../img/_mini-account-icon_white.svg);
    	}
    	.header__inner.is_dark .compare-icon:before {
    		background-image: url(../img/_compare-icon_white.svg);
    	}
    	.header__inner.is_dark .favorites-icon:before {
    		background-image: url(../img/_favorites-icon_white.svg);
    	}
    	.header__inner.is_dark .mini-cart-icon:before {
    		background-image: url(../img/_mini-cart-icon_white.svg);
    	}
    }
    
    @media (max-width:1259px) {
    	.header-icon__amount {
    		top: -9px;
    	    right: -12px;
    	    min-width: 14px;
    	    height: 14px;
    	    font-size: 10px;
    	    position: absolute;
    	    border-radius: 7px;
    	}
    	.logo-outer {
    		margin-right: auto;
    		flex-wrap: nowrap;
    	}
    	.tagline-outer {
    		display: none;
    	}
    	.callback-outer {
    		display: none;
    	}
    	.header-icon {
    		padding-left: 30px;
    	}
    	.header-icon > .span {
    		font-size: 0;
    		width: 18px;
    		height: 18px;
    		padding: 0;
    	}
    	.header-icon > .span:before {
    		top: 0!important;
    	}
    	.right-area-outer {
    		margin-left: 0;
    	}
    	.contacts-outer {
    		display: none;
    	}
    	.items {
    		margin-top: 0; /* new */
    	}
    	.items.opener > .contacts__item {
    		margin: 0;
    		padding-right: 0!important;
    		width: 18px;
    		height: 18px;
    		position: relative;
    		display: block;
    	}
    	.items.opener > .contacts__item:before {
    		content: '';
    		width: 18px;
    		height: 18px;
    		display: block;
    		position: absolute;
    		background-position: center center;
    		background-repeat: no-repeat;
    		left: 0;
    		top: 0;
    		opacity: .5;
    		background-image: url(../img/_phone-icon_black.svg);
    	}
    	.items.opener > .contacts__item:after {
    		display: none;
    	}
    	.items.opener > .contacts__item a {
    		display: none;
    	}
    	.items.opener:hover .contacts__more {
    		display: none;
    	}
    	.contacts__more {
    		position: fixed;
    		padding-top: 0;
    		left: 0;
    		right: 0;
    		max-width: 100%;
    		-webkit-transform: translate(0, 0);
    		-ms-transform: translate(0, 0);
    		transform: translate(0, 0);
    		top: 64px;
    	}
    	.contacts__more > div {
    		-webkit-box-shadow: none;
    		-moz-box-shadow: none;
    		box-shadow: none;
    		border-radius: 0;
    	}
    }
    
    
    @media (max-width:959px) {
    	/* 18.10.24 */
    	position: fixed;
    	left: 0;
    	right: 0;
    	top: 0;
    	z-index: 50;
    	
    	.header__inner .container {
    		padding: 0 32px;
    	}
    }
    
    
    @media (max-width:767px) {
    	.header__inner .container {
    		padding: 0 16px 0 32px;
    	}
    }
    
    
    @media (max-width:540px) {
    	.logo {
    		max-width: 112px;
    	}
    
    	.header-icon {
    		padding-left: 20px;
    	}
    }
    
    
    @media (max-width:359px) {
    	.header__inner .container {
    		padding: 0 16px 0 23px;
    	}
    
    	.header-icon {
    		padding-left: 13px;
    	}
    
    	.logo {
    	    max-width: 102px;
    	}
    }

}

.site-width_1260 .shablon__header_1 .tagline-outer {
	padding-right: 32px;
}
.site-width_1260 .shablon__header_1 .header-icon > .span {
    font-size: 0;
}

@media (max-width:1259px) {
	.menu-outer {
		display: none;
	}
	.header__inner {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		background: #fff;
		border-bottom: 1px solid #f5f5f5;
		z-index: 91;
	}
	.header__inner.fixed {
		position: fixed;
	}
	.header__row {
		justify-content: flex-end;
	}
	.header__col {
		min-height: 63px;
	}
}	
