/* --- normalize.css --- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* --- _style.css --- */
:root {
	--fancybox-opacity: 0.8;
	
	--c-header-bg: #ececec;
	--c-header-text: #333;	
	--c-header-mobile-bg:#018bd3;
	--c-header-mobile-text:#fff;
	
	--c-logo-title: #333;	
	--c-logo-desc: #333;	
	
	--c-primary: #018bd3;
	--c-primary-hover: #018bd3;
	
	--c-primary-op: rgba(1, 139, 211, 0.8);
	--c-primary-op-hover: rgba(1, 139, 211, 1);
	
	--c-primary-light:#ececec;
	--c-primary-light-hover:#e1e1e1;
		
	--c-accent: #D91521;
	--c-accent-hover: #c2121c;
	
	--c-accent2: #FDDB3F;
	--c-accent2-hover: #FDDB3F;
	
	--c-accent2-opacity: rgba(253, 219, 63, 0.96);
	--c-accent2-opacity-hover: rgba(253, 219, 63, 1);
	
	--c-grey-text: #9f9b97;
	--c-grey-text-hover: #9f9b97;
	
	--c-grey: #f0f1f2;
	--c-grey-hover: #f4f5f7;
	
	--c-black: #333;
	--c-black-hover: #000;
	
	--c-footer-bg: #333;
	--c-footer-text: #9f9b97;	
}

a {
	color:var(--c-accent);
	transition:all 0.2s ease;
}
a:hover {
	color:var(--c-accent-hover);
}

a[href^="tel:"] {
	white-space:nowrap;
}
ymaps a{
	text-decoration:underline !important;
}
body {
	font-weight:400;
	font-family:'Commissioner',sans-serif;
	color:var(--c-black);
}

img {
	max-width:100%;
	vertical-align:top;
}

h1,.h1 {
	color:var(--c-black);
	font-weight:700;
	text-transform:uppercase;
}

h2,.h2 {
	color:var(--c-black);
	font-weight:700;
	text-transform:uppercase;
}
h3,.h3 {
	color:var(--c-black);
	font-weight:700;
	text-transform:uppercase;
}

p {
	text-align:left;
}
p,li,td,th {
	font-size:16px;
	line-height:1.3;
}

textarea:focus,
textarea:active,
input[type="text"]:focus,
input[type="text"]:active,
input[type="tel"]:focus,
input[type="tel"]:active {
	outline:0;
}

.fancybox-content {
	padding:0 !important;
	
}
@media screen and (max-width:1000px){
	h1,.h1 {
		font-size:1.5em;
	}
}

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

}

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

}

/* --- banner.css --- */
.banner {
	background-color:var(--c-primary-light);
	box-sizing:border-box;
	/* border-top:4px solid var(--c-accent2); */
	padding:16px;
	color:var(--c-black);
	text-decoration:none;
	display:flex;
	flex-direction:row;
	height:100%;
}

.banner:hover {
	color:var(--c-black);
	background-color:var(--c-primary-light-hover);
}

.banner__view {
	width:48px;
	height:48px;
	background-color:var(--c-primary);	
	flex-shrink:0;
	margin-right:12px;
}

.banner__content {
	flex-grow:1;
	box-sizing:border-box;
}

.banner__title{
	font-size:18px;
	font-weight:700;
		text-transform:uppercase;
}

.banner__desc{
	margin-top:2px;
		text-transform:uppercase;
}

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

}

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

}

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

}

@media screen and (max-width:360px){
	.banner__view {
		width:32px;
		height:32px;
	}
}

/* --- banners.css --- */
.banners {
	display:flex;
	margin:16px -8px;
	width:calc(100% + 16px);
	height:calc(100% + 16px);
	flex-wrap:wrap;
}

.banners__item {
	flex-shrink:0;
	flex-basis:0;
	flex-grow:1;
	margin:8px;
	
	min-width:calc(25% - 16px);
}

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

}

@media screen and (max-width:768px){
	.banners {
		flex-direction:column;
	}
}

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

}

/* --- board-banner.css --- */
.board-banner {
	display:flex;
	margin:16px 0;
}

.board-banner__content {
	margin-right:16px;
	flex-grow:1;
	padding:48px;
	background-position:center;
	background-size:cover;
	display:flex;
}

.board-banner__plate{
	background:rgba(255,255,255,0.96);
	box-sizing:border-box;
	padding:24px;
	display:inline-flex;
	flex-direction:column;
	position:relative;
}
.board-banner__phone a {
	font-size:38px;
	text-decoration:none;
	font-weight:700;
	color:var(--c-accent);
}
.board-banner__phone a:hover {
	color:var(--c-accent-hover);
}
.board-banner__label {
	text-transform:uppercase;
	font-size:22px;
	font-weight:500;
	margin-bottom:8px;
}

.board-banner__slots {
	margin-top:24px;
}
.board-banner__side {
	width:256px;
	flex-shrink:0;
}

.board-banner__city {
	position:absolute;
	right:0;
	bottom:24px;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.board-banner__city-view {
	width:56px;
	height:56px;
	mask-image:url(/kopiya/gup/css/autoload/assets/board-banner/geo.svg);
	mask-position:center;
	mask-repeat:no-repeat;
	mask-size:contain;
	background-color:#dedede;
	margin-bottom:4px;
}

.board-banner__city-name {
	background-color:var(--c-accent);
	color:#fff;
	padding:4px 8px;
	font-size:12px;
}

.board-banner__right {
	align-self:flex-end;
	margin:auto 0 0 auto;
}

.board-banner__btns {
	--gap: 8px;
	column-count: 2;
	width: min-content;
	column-gap: var(--gap);
	margin-bottom:calc(-1 * var(--gap));
}

.board-banner__btns > a {
	width:100%;
	margin-bottom:var(--gap);
	justify-content:center;
	white-space: nowrap;
	font-size: 14px;
	background-color:var(--c-primary-op);
	border-color:var(--c-primary-op);
	color:#fff;
	font-weight:600;
}
.board-banner__btns > a:after {
	content:attr(data-postfix);
}
.board-banner__btns > a:hover {
	background-color:var(--c-primary-op-hover);
	border-color:var(--c-primary-op-hover);
	color:#fff;
}

@media screen and (max-width:1000px){
	.board-banner {
		flex-wrap:wrap;
		margin-top:0;
	}
	.board-banner__content {
		margin-right:0;
		margin:0 -16px;
		padding:24px;
		flex-direction:column;
	}
	.board-banner__phone a {
		font-size: calc(26px + (38 - 26) * (100vw - 320px) / (1000 - 320));
	}
	.board-banner__label {
		font-size: calc(14px + (22 - 14) * (100vw - 320px) / (1000 - 320));
	}
	.board-banner__right {
		display:none;
		margin-top:16px;
	}
}

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

}

@media screen and (max-width:480px){
	.board-banner__content {
		padding:16px;
	}
	.board-banner__plate {
		padding:24px;
	}
	.board-banner__btns {
		width:100%;
	}
	.board-banner__btns > a {
		font-size: calc(12px + (14 - 12) * (100vw - 320px) / (480 - 320));
		padding: 0 calc(6px + (24 - 6) * (100vw - 320px) / (480 - 320));
		
	}
}

/* --- breadcrumb-banner.css --- */
.breadcrumb-banner {
	display:flex;
}

.breadcrumb-banner span {
	color:#fff;
}
.breadcrumb-banner__item + .breadcrumb-banner__item {
	margin-left:8px;
	position:relative;
}
.breadcrumb-banner__item + .breadcrumb-banner__item:before {
	content:"/";
	float:left;
	color:#fff;
	padding-right:8px;
	box-sizing:border-box;
}


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

}

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

}

@media screen and (max-width:480px){
	.breadcrumb-banner  {
		display:block;
	}
	.breadcrumb-banner > div {
		display:inline-block;
	}
}

/* --- breadcrumb.css --- */
.breadcrumb {
	font-size:16px;
	line-height:1.5;
}
.breadcrumb_dark {
	margin:16px 0;
}

.breadcrumb {
	color:#fff;
}

.breadcrumb a{
	color:#fff;
}

.breadcrumb_dark,
.breadcrumb_dark a{
	color:var(--c-primary);
}

.breadcrumb__item{
	display:inline;
}

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



}

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

}

@media screen and (max-width: 480px) {
}

/* --- btn.css --- */
.btn {
	height:32px;
	padding:0 24px;
	display:inline-flex;
	align-items:center;
	border:2px solid var(--c-primary);
	box-sizing:border-box;
	background-color:var(--c-primary);
	color:#fff;
	text-transform:uppercase;
	font-weight:400;
	cursor:pointer;
	position:relative;
	text-decoration:none;
	transition:all 0.2s ease;
}

.btn:hover {
	background:var(--c-primary-hover);
	border-color:var(--c-primary-hover);
	color:#fff;
}

.btn:after {
	content:attr(data-postfix);
}
.btn_red {
	background-color:var(--c-accent);
	border-color:var(--c-accent);
	color:#fff;
}

.btn_red:hover {
	background-color:var(--c-accent-hover);
	border-color:var(--c-accent-hover);
	color:#fff;
}
.btn_grey {
	background-color:#e9e9e9;
	border-color:#e9e9e9;
	color:#000;
}

.btn_grey:hover {
	background-color:#d9d9d9;
	border-color:#d9d9d9;	
	color:#000;
}

.btn__icon {
	position:relative;
	display:inline-flex;
	width:20px;
	height:20px;
	mask-position:center;
	mask-size:cover;
	mask-repeat:no-repeat;	
	margin-right:8px;	
	flex-shrink:0;
}

/* --- certs.css --- */
.certs img{
	height:224px;
}

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

}

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

}

@media screen and (max-width:480px){
	.certs img{
		/* height:auto; */
	}

}

/* --- clear.css --- */
.clear {
	clear:both;
}

/* --- contact.css --- */
.contact {
	display:flex;
	margin:16px 0 32px 0;
}
.contact a {
	color:#000;
	text-decoration:none;
}
.contact__map {
	margin-left:16px;
	flex-grow:1;
	background:#efefef;
}
.contact__map iframe{
	width:100%;
	height:100%;
}

.contact__view{
	flex-grow:1;
	margin-left:16px;
	display:flex;
	flex-direction:column;
}
.contact__view .contact__map{
	margin-left:0;
}
.contact__view .map{
	min-height:auto;
}

.contact__content {
	width:480px;
	max-width:100%;
	flex-shrink:0;
}

.contact__field {
	display:flex;
	margin-bottom:12px;
}

.contact__field-name {
	
	margin-right:8px;
}

.contact__field-value {
	font-weight:700;
}

.contact__title {
	font-weight:700;
	margin:24px 0 12px;
}

.contact__actions {
	display:flex;
	flex-wrap:wrap;
	width:calc(100% + 8px);
	margin:12px -4px -4px;
}

.contact__action {
	width:calc(100% / 2 - 8px);
	margin:4px 4px;
}

.contact__action .btn{
	width:100%;
	justify-content:center;
	text-transform:none;
	white-space:nowrap;
	font-size:16px;
}


.contact__action_phone .btn {
	font-size: 20px;
	font-weight: 700;
}

.contact__action_recall .btn {
	font-size:12px;
	text-transform:uppercase
}


.contact__form {
	margin-top:32px;
}

.contact__btns {
	margin-top:16px;
	display:flex;
	gap:12px;	
}
.contact__btns > .btn {
	color:#fff;
	width:33.33%;
	justify-content:center;
}
.contact__btns > a:after {
	content:attr(data-postfix);
}
.contact__btns > a:hover {
	background-color:var(--c-primary-op-hover);
	border-color:var(--c-primary-op-hover);
	color:#fff;
}

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

	}
}

@media screen and (max-width:768px){
	.contact{
		flex-wrap:wrap;
	}
	.contact__map{
		margin-left:0;

		width:100%;
		height:400px;
		margin-top:16px;

		
	}
	.contact__content{
		margin-top:16px;
		width:100%;
	}
	.contact__view {
		margin-left:0;
		margin-top:16px;
		height:400px;
	}
}

@media screen and (max-width:480px){
	.contact__action {
		width:calc(100% - 8px);
	}
	.contact__route {
		font-size: 14px;
		width: 100%;
		padding: 0;
		justify-content: center;
	}
}

@media screen and (max-width:360px){
	.contact__action {
		width:calc(100% - 8px);
	}
	.contact__route {
		font-size:13px;
	}
}

/* --- container.css --- */
.container {
	width:1280px;
	max-width:100%;
	padding:0 16px;
	margin:0 auto;
	box-sizing:border-box;
}
.container_content {
	
}

/* --- content-sides.css --- */
.content-sides {
	overflow-x:scroll;
	display:none;
}
.content-sides__items {
	max-width:none;
	display:flex;
	flex-wrap:nowrap;
	width:max-content;
	gap:16px;
}

@media screen and (max-width:1000px){
	.content-sides {
		display:block;
		width:calc(100% + 64px);
		margin:0 -32px;
		padding:0 32px 8px;
		box-sizing:border-box;
	}
}

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

}

@media screen and (max-width:480px){
	.content-sides {
		width:calc(100% + 32px);
		margin:0 -16px 16px;
		padding:0 16px 8px;
	}
}

/* --- detail.css --- */
.detail {
}
.detail h2 {
	margin-top:32px;
	margin-bottom:16px;
}
.detail ul {
	padding-left:16px;
}
.detail li {
	margin:6px 0;
}
.detail ul > li {
	position:relative;
	list-style:none;
	padding-left:28px;
}
.detail ul > li:before {
	position:absolute;
	content:"";
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;	
	width:5px;
	height:5px;
	top:10px;
	left:16px;
	
	border-radius:4px;
	background-color:var(--c-accent);
	
}


.detail > .owl-carousel {
	margin:16px 0;
}

/* --- fluid.css --- */
.fluid {
	position:relative;
	padding:32px 0;
	margin:32px 0;
}


.fluid > :first-child{
	margin-top:0;
}

.fluid:before {
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:0;
	width:100vw;
	height:100%;
	transform:translateX(-50%);
	background:var(--c-grey);
}

.fluid > * {
	position:relative;
}

.fluid .wd__item {
	align-items:flex-start;
}

.fluid_news {
	margin-bottom:-64px;
}

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

	.fluid .wd__item {	
		margin-bottom:0;
	}
}

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

}

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

}

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

}

/* --- footer-menu.css --- */
.footer-menu {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}

.footer-menu a {
	margin-bottom:8px;
	color:#9f9b97;
	border-bottom:1px solid transparent;
	text-decoration:none;
}

.footer-menu a:hover {
	color:#9f9b97;
	border-bottom:1px solid #9f9b97;
}

.footer-menu a.footer-menu__title {
	margin-bottom:16px;
	text-transform:uppercase;
	font-weight:700;
}

/* --- footer-messengers.css --- */
.footer-messengers {
	display:flex;
}

.footer-messengers__item {
	margin-left:24px;
}

.footer-messengers__item:first-child {
	margin-left:0;
}

.footer-messengers__item .btn {
	background-color:var(--c-footer-color);
	border-color:var(--c-footer-color);
	color:var(--c-footer-bg);
	white-space:nowrap;
}
.footer-messengers__item .btn:hover {
	background-color:var(--c-grey);
	border-color:var(--c-grey);
}

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

}

@media screen and (max-width:768px){
	.footer-messengers {
		display:flex;
		flex-direction:column;
	}
	.footer-messengers__item {
		margin-left:0;
		margin-bottom:12px;
	}
}

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

}

/* --- footer-phone.css --- */
.footer-phone {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background:var(--c-grey);
	height:48px;
	align-items:center;
	justify-content:center;
	color:#333;
	display:none;
	z-index:10;
	box-shadow:0 0 4px 1px rgba(0,0,0,0.16);
}

.footer-phone__number {
	padding: 6px 16px;
	background-color: var(--c-accent);
	font-weight: 700;
	margin-right:12px;
}
.footer-phone__number a {
	color:#fff;
	text-decoration:none;
}
.footer-phone__label {
	max-width:150px;
	line-height:1;
	font-size:15px;
	text-transform:uppercase;
}



@media screen and (max-width:1000px){
	.footer-phone {
		display:flex;
	}
}

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

}

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

}

@media screen and (max-width:359px){
	.footer-phone__number {
		margin-left:16px;
		margin-right:8px;
		padding:6px 12px
	}
	.footer-phone__number a {
		font-size:15px;
		white-space:nowrap;
	}
	.footer-phone__label {
		font-size:12px;
	}

}

/* --- footer.css --- */
.footer {
	background:var(--c-footer-bg);
	color:var(--c-footer-text);
	padding:32px 0;
}

.footer .obtn {
	text-transform:none;
}

.footer__double {
	display:flex;
	margin-bottom:24px;
}

.footer__left {
	width:calc(100% / 7 * 3);
	padding-right:32px;
	box-sizing:border-box;
}


.footer__right {
	flex-grow:1;
	
}

.footer__header {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.footer__content {
	margin-top:32px;
	display:flex;
}

.footer__contact {
	margin-left:80px;
	margin-top:24px;
}

.footer__rating {
	margin-top:24px;
	margin-left:80px;
}

.footer__menu {
	display:flex;
	flex-grow:1;
}

.footer__column {
	flex-grow:1;
	margin-left:32px;
	box-sizing:border-box;
	flex-basis:0;
}

.footer__column:first-child {
	margin-left:0;
}

.footer__bottom {
	display:flex;
}

.footer__copyright{
	padding-left:80px;
	width:33%;
	box-sizing:border-box;
	padding-right:32px;
}

.footer__host {
	font-weight:900;
	font-size:32px;
	text-transform:uppercase;
}
.footer__messenger {
	margin-left:32px;
	display:flex;
	justify-content: flex-end;
}

.footer__description {
	margin-top:32px;
}

@media screen and (max-width:1280px){
	.footer__contact {
		margin-left:0;
	}
	.footer__rating{
		margin-left:0;
	}
	.footer__bottom {
		flex-direction:column;
	}
	.footer__copyright {
		width:100%;
		margin-bottom:24px;
		margin-left:0;
		padding-left:0;
		order:3;
	}
	.footer__host {
		width:100%;
		margin-bottom:24px;
		margin-left:0;
		padding-left:0;
		order:1;
	}
	.footer__messenger {
		width:100%;
		margin-bottom:24px;
		margin-left:0;
		padding-left:0;
		justify-content: flex-start;
		order:2;
	}
}
@media screen and (max-width:1000px){
	.footer {
		padding-bottom:48px;
	}
	.footer__contact {
		margin-left:0;
	}
	.footer__rating {
		margin-left:0;
	}
	.footer__double {
		flex-direction:column;
	}
	.footer__left{
		margin-bottom:24px;
		width:100%;
	}
	.footer__right{
		margin-bottom:24px;
	}
}

@media screen and (max-width:1000px) and (min-width:768px){
	
	.footer__contact {
		margin-top:0;
		margin-left:32px;
	}
	.footer__rating {
		margin-top:0;
		margin-left:32px;
	}
	
	.footer__left{
		display:flex;
		padding-right:0;
	}
	.footer__left > div{
		flex-basis:0;
		flex-grow:1;
		margin-left:32px;
	}
	.footer__left > div:first-child{
		margin-left:0;
	}
}
@media screen and (max-width:768px){
	.footer__menu {
		flex-direction:column;
	}
	.footer__column{
		margin-left:0;
	}
	.footer__column + .footer__column{
		margin-top:24px;
	}
}

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

}

/* --- header.css --- */
.header {
	display:flex;
	padding:8px 0;
}

.header__logo {
}

.header__content {
	display:flex;
	justify-content:center;
	flex-grow:1;
	line-height:1.3;
	padding:0px 16px;
	font-size:12px;
	align-self:center;
}

.header__content-wrap {
	display: flex;
	flex-direction:column;
	justify-content: center;
	position:relative;
	padding:8px;
	box-sizing:border-box;
	background-color:#fffae6;
}
.header__content-wrap:before {
	content:"";
	position:absolute;
	display:block;
	width:2px;
	height:100%;
	background-color:var(--c-accent2);
	left:0;
	top:0;
	
	display:none;
}


.header__desc {
	font-weight:300;
}

.header__actions {
	display:flex;
	align-items:center;
	margin-top:8px;
}

.header__recall {
	margin-right:12px;
}

.header__contact {
}

.header .red-phone {
	margin-top:4px;
}


.header__btn.btn {
	height:28px;
	font-weight:400;
	padding:0px 16px;
	border:0;
	font-size:14px;
}

.header__burger {
	display: none;
	width: 32px;
	height: 32px;
	flex-shrink:0;
	cursor:pointer;
	position:relative;
	transform:translateY(-4px);
}
.header__burger:before {
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;

	background-color:#fff;
	mask-image:url(/kopiya/gup/css/autoload/assets/header/burger.svg?5);
	mask-position:center;
	mask-size:contain;
	mask-repeat:no-repeat;	
}

.header__burger:after {
	content:"меню";
	display:block;
	position:absolute;
	color:#fff;
	font-size:10px;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	transform:translateY(8px);
}

.menu-open .header__burger:before {
	mask-image:url(/kopiya/gup/css/autoload/assets/header/close.svg?5);
}
.menu-open .header__burger:after {
	
}

@media screen and (max-width:1200px){
	.header__content {
		font-size:10px;
	}
}

@media screen and (max-width:1000px){
	.header{
		height:48px;
		padding:0;
		align-items:center;
	}
	.header__logo {
		flex-grow:1;
	}
	.header__contact {
		display:none;
	}	
	.header__content {
		display:none;
	}
	.header__burger { 
		display:block;
	}
}

@media screen and (max-width:768px){
	
}

@media screen and (max-width:480px){
	.header__logo {
		width:calc(100% - 40px);
	}
}

/* --- important-known.css --- */
.important-known {
	display:flex;
}

.important-known__warn {
	margin-right:16px;
	flex-grow:1;
}

.important-known__side {
	width:calc(100% / 3);
	flex-shrink:0;
}

.important-known__banners {
	height:calc(100% + 16px);
	margin:-8px 0;
	flex-direction:column;
	display:flex;
}

.important-known__banner {
	margin:8px 0;
	flex-grow:1;
}

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

}

@media screen and (max-width:768px){
	.important-known {
		 flex-direction:column;
	}
	
	.important-known__warn {
		margin-right:0;
	}
	
	.important-known__side {
		width:100%;
		margin-top:16px;
	}
	
	.important-known__banners {
		flex-direction:row;
		width:calc(100% + 16px);
		margin:0 -8px;
	}
	
	.important-known__banner {
		width:calc(50% - 16px);
		margin:0 8px;
	}
}

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

}

/* --- infra.css --- */
.infra { 
	width:100%;
	margin:32px 0;
}

.infra__title {
	font-size:18px;
	font-weight:700;
	border-bottom:4px solid var(--c-primary);
	color:var(--c-primary);
}

.infra__items {
	margin:12px 0;
}

.infra__item {
	margin:6px 0;
	padding:6px 16px;
	
	color:#000;
	background:var(--c-grey);
	
	display:block;
	
	box-sizing:border-box;
	border-radius:5px;
	text-decoration:none;
}

.infra__item:hover {
	background:var(--c-accent);
	color:#fff;
}

/* --- inner-banner.css --- */
.inner-banner {
	background-color:#eee;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	line-height:1.15;
	padding:8px 0;
}

.inner-banner_contain {
	background-size:contain;
}

.inner-banner a {
	text-decoration:none;
}

.inner-banner__container {
	margin:16px auto 40px;
}

.inner-banner__breadcrumbs {
	margin:24px 0;
}

.inner-banner__content {
	display:flex;
	flex-wrap:wrap;
}

.inner-banner__plate {
	background:rgba(255,255,255,0.9);
	border-radius:5px;
	box-sizing:border-box;
	padding:32px;
	margin-right:64px;
	width:64%;
	height:100%;
}

.inner-banner__plate > *:last-child {
	margin-bottom:0;
	padding-bottom:0;	
}

.inner-banner__title {
	margin:0 0 24px 0;
	font-weight:700;
	line-height:1.15;
}
.inner-banner__description {
	line-height:1.5;
}

.inner-banner__description > *:last-child {
	margin-bottom:0;
	padding-bottom:0;
}


.inner-banner__side {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: calc(36% - 64px);
	max-width:100%;
	align-self: flex-end;
	justify-content: flex-end;
	margin-right: 0;
	margin-left: auto;
}


@media screen and (max-width:1000px){
	.inner-banner__plate {
		margin-right:0;
		width:100%;
	}
	.inner-banner__side {
		margin-top:32px;
		width:100%;
	}
}

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

}

@media screen and (max-width:480px){
	.inner-banner__title {
		font-size:24px;
	}
	.inner-banner__desc {
		font-size:18px;
	}
	.inner-banner__side {
		align-items:center;
		display:none;
	}
}

/* --- logo.css --- */
.logo {
	display:flex;
	align-items:center;
	color:var(--c-header-text);
	text-decoration:none;
}
.logo:hover {
	color:var(--c-header-text);
}

.logo_grey {
	color:#9f9b97;
}

.logo_grey:hover {
	color:#9f9b97;
}

.logo__view {
	margin-right:12px;
	flex-shrink:0;
	height:64px;
	width:52px;
	text-align:center;
}

.logo__view img{
	height:100%;
}


.logo__content {
	line-height:1;
	align-self:center;
	transform:translateY(-14%);
}

.logo__title {
	text-transform:uppercase;
	overflow:hidden;
	
	font-size:28px;
	font-weight:700;	
	
	color:var(--c-logo-title);
	
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	 
}
.logo__desc{
	color:var(--c-logo-desc);
	margin-top:2px;
	line-height:1.05;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
}
.logo_grey .logo__title{
	color:var(--c-footer-text);
}

.logo_grey .logo__desc{
	color:var(--c-footer-text);
}


@media screen and (max-width:1000px){
	.logo__content {
		margin-top:0;
		align-self:flex-start;
		transform:none;
	}
	.logo__title{
		font-size:21px;
		color:var(--c-header-mobile-text);
	}
	.logo__desc{
		font-size:12px;	
		margin-top:2px;
		color:var(--c-primary-light);
	}
	.logo__view {
		width:32px;
		height:40px;
		margin-right:8px;
	}	
}
@media screen and (max-width:768px){
}

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

}

@media screen and (max-width:360px){
	.logo__content{
		align-self:center;
	}
	.logo__title{
		font-size: calc(17px + (21 - 17) * (100vw - 320px) / (360 - 320));
	}
	.logo__desc{
		font-size: calc(10px + (12 - 10) * (100vw - 320px) / (360 - 320));
	}	
}

@media screen and (max-width:320px){
}

/* --- main-reviews.css --- */
.main-reviews {
	
}

.main-reviews__items {
	
}

.main-reviews__item {
	margin-bottom:24px;
	padding:0 24px;
	position:relative;
	
}

.main-reviews__item:before {
	content:'"';
	position:absolute;
	font-size:48px;
	line-height:.8;
	font-weight:700;
	top:0;
	left:0;
	color:var(--c-accent);
}

.main-reviews__item:after {
	content:'"';
	position:absolute;
	font-size:48px;
	line-height:1;
	font-weight:700;
	bottom:0;
	right:0;
	color:var(--c-accent);
}

.main-reviews__item:last-child {
	margin-bottom:0;
}
.main-reviews__text {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;		
}
.main-reviews__text p{
	margin:0;
}
.main-reviews__rate {
	margin-top:8px;
}

.main-reviews__more {
	text-align:right;
}

/* --- map-block.css --- */
.map-block {
	height:100%;
	display:flex;
	flex-direction:column;
}

.map-block__items{
	display:flex;
	margin-top:16px;
	gap:8px;
}

.map-block__item {
    flex: 1 1 0px;
    height: 32px;
    background: var(--c-primary);
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    transition: all 0.2s ease;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-sizing: border-box;
}
.map-block__item_active{
	background:var(--c-accent);
}

.map-block__maps {
	overflow:hidden;
	flex-grow:1;
}

.map-block__map {
	height:100%;
	display:none;
}
.map-block__map_active {
	display:block;
}

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

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

	

}

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

}

/* --- map.css --- */
.map {
	height:100%;
	position:relative;
	background:#f9f9f9;
	cursor: pointer;
	min-height:324px;
}

.map:after {
	content:"";
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all 0.2s ease;
}

.map_unlock {
	cursor: default;
}

.map_unlock:after {
	display: none;
}

.map:not(.map_unlock):hover:after{
	background: rgba(0,0,0,0.4);
}

/* --- menu-open.css --- */
.menu-open {
	
}

@media screen and (min-width:1000px){
	.page__menu{
		position:relative
	}
	.page__menu:after{ 
		content:"";
		display:block;
		position:absolute;
		left:0;
		top:40px;
		width:100%;
		height:calc(100vh - 120px);
		background:rgba(255,255,255,0.5);
		transition:all 0.2s ease 0.2s;
		opacity:0;
		visibility:hidden;
		pointer-events:none;
		
		
	}
	.menu-open .page__menu:after{
		opacity:1;
		visibility:visible;
		pointer-events:auto;
	}
}
@media screen and (max-width:1000px){
	.menu-open {
		overflow:hidden;
		position:fixed;
		height:100%;
		width:100%;
	}
}

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

}

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

}

/* --- menu.css --- */
.menu {
	display:flex;
	justify-content:space-between;
	margin:0;
	height:40px;
	align-items:center;
	position:relative;
	padding:0;
}

.menu ul {
	padding:0;
	margin:0;
	list-style:none;
}

.menu li:before {
	display:none;
	list-style:none;
}

.menu__item{
	display:flex;
	position:static
}

.menu__item_search{
	flex-grow:0;
}

.menu__item_mobile {
	display:none;
}

.menu__item_left .menu__submenu {
	left:0;
}

.menu__item_right .menu__submenu {
	right:0;
}
.menu__link {
	color:#fff;
	text-decoration:none;
	font-size:16px;
	font-weight:400;
	display:flex;
	flex-grow:1;
	align-items:center;
	justify-content:center;
}

.menu__submenu {
	visibility: hidden;
	opacity:0;
	position:absolute;
	top:40px;
	background:rgba(236,239,246,0.96);
	transition: all .2s ease .2s;
	z-index:20;
	box-sizing:border-box;
	font-size:15px;
	text-transform:uppercase;
	max-width:100%;
	padding:0;
	box-shadow:0px 1px 1px 2px rgba(0,0,0,.1);
}

.menu__item:hover .menu__submenu{
	opacity:1;
	visibility: visible;
}

.menu__groups {
	
}
.menu__group{
	box-sizing:border-box;
	width:280px;
	padding:16px 24px;
	margin:0;
}

.menu__sub-item  {
	padding:2px;
	margin:0;
	position:relative;
}

.menu__sub-item:after {
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:1px;
	bottom:0px;
	left:0;
	background:#d3d7e2;
}



.menu__sub-link {
	color:var(--c-black);
	text-decoration:none;
	font-weight:400;
	line-height:1.15;
	position:relative;
	display:inline-block;
	padding:6px 0;
	text-transform:none;
}

.menu__sub-item_bold .menu__sub-link {
	font-weight:700;
	color:var(--c-black);
}


.menu__text {
	text-align:center;
}


	.menu__link,
	.menu__link:hover{
		color:#fff;
	}
	.menu__sub-link:hover {
		color:var(--c-primary);
	}
	
@media screen and (min-width:1000px){

	.menu__sub-item:last-child:after {
		display:none;
	}

	.menu__item{
		height:100%;
		flex-grow:1;
	}
	.menu__item_search{
		flex-grow:0;
	}
	.menu__item:hover{
		background:var(--c-primary-hover);
	}
	.menu__item_search:hover {
		background:var(--c-primary);
	}
	.menu__link  {
		position:relative;
	}
	.menu__item:last-child .menu__link:after{
		display:none;
	}
	.menu__link:after{
		content:"";
		display:block;
		position:absolute;
		width:2px;
		height:calc(100% - 24px);
		top:12px;
		right:0;
		background:var(--c-accent2);
	}
	.menu__group {
		position:relative;
	}
	.menu__group:after {
		content:"";
		display:none;
		position:absolute;
		width:2px;
		height:calc(100% - 32px);
		top:16px;
		right:0;
		background:#ccc;
	}
	.menu__group:last-of-type:after {
		display:none;
	}
	
	.menu__groups {
		display:flex !important;
	}

	.menu__sub-item_bold + .menu__sub-item {
		margin-top:8px;
	}	
	.menu__sub-item + .menu__sub-item_bold {
		margin-top:32px;
	}
}

@media screen and (max-width:1280px){
	.menu__link {
		font-size:15px;
	}
}
@media screen and (max-width:1000px){
	.menu {
		flex-direction:column;
		align-items:flex-start;
		padding-top:24px;
		
	}

	.menu__item{
		width:100%;
		padding:8px 0;
		margin:0;
	}

	.menu__item_mobile {
		display:block;
		border-bottom:0;
	}
	.menu__item_search {
		position:relative;
	}
	.menu__submenu{
		visibility: hidden;
		opacity: 0;
		position: relative;
		top: 0;
		background: transparent;
		transition: none;
		z-index: 20;
		box-shadow: none;
		display:none;
		transform: translateX(0);
		border-top:0;
	}
	.menu .menu__submenu{
		padding:8px 0 0 0;
	}

	.menu__item_open .menu__submenu {
		visibility: visible;
		opacity:1;
	}


	.menu__item_multi {
		position:relative;
		display:block;
	}
	.menu__link {
		justify-content:flex-start;
	}
	.menu__item_multi .menu__link:after {
		background-image:url('/kopiya/gup/css/autoload/assets/menu/arrow.svg');
		background-repeat:no-repeat;
		width:24px;
		height:24px;
		content:"";
		display:block;
		clear:both;
		position:absolute;
		right:0;
		top:7px;
		transition: all 0.2s;
		pointer-events:none;
		background-color:transparent;
		transform:rotate(0);
	}
	.menu__item_open .menu__link{
		color:#fff;
	}
	.menu__item_open .menu__link:after{
		transform:rotate(90deg);
	}	
	.menu__group {
		width:100%;
		padding:0 16px 0 32px;
	}

	.menu__group:last-child .menu__sub-item:last-child .menu__sub-link:last-child:after {
		display:none;
	}	
	.menu__sub-link {
		color:#fff;
	}
	
	.menu__sub-item_bold .menu__sub-link {
		color:#fff;
	}
	.menu__sub-item_bold:hover .menu__sub-link {
		color:#fff;
	}
	
}

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

}

@media screen and (max-width:480px){
	.menu {
		padding:24px 0 0;
	}
}

/* --- mk.css --- */
/* 2026-09-09: рубрики статей и блок под статьёй */
.mk-rubriki{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.mk-rubriki__item{display:inline-block;padding:7px 12px;border:1px solid #1d63b3;border-radius:4px;color:#1d63b3;text-decoration:none;font-size:14px;line-height:1.2}
.mk-rubriki__item span{opacity:.6;font-size:12px;margin-left:4px}
.mk-rubriki__item._active,.mk-rubriki__item:hover{background:#1d63b3;color:#fff}
.mk-rubrika__opis{font-size:16px;margin:0 0 20px}
.mk-dalshe{margin-top:24px}
.mk-dalshe__tel{margin:12px 0 24px;font-size:15px}

.mk-ryadom{margin:28px 0}
.mk-ryadom__cols{display:flex;flex-wrap:wrap;gap:20px}
.mk-ryadom__col{flex:1 1 260px}
.mk-ryadom__title{font-weight:700;margin:0 0 8px}
.mk-ryadom ul{margin:0;padding-left:18px}
.mk-ryadom li{margin:0 0 6px}
.mk-ryadom li span{color:#777;font-size:13px;margin-left:4px}

/* --- mk-stati: блоки статей (собираются stati_gu.py) --- */

/* --- раздел «Районы» на главной и в списке моргов (2026-09-15) --- */
.mk-rayony{margin:40px 0}
.mk-rayony__t{font-size:26px;line-height:1.25;margin:0 0 8px}
.mk-rayony__lid{color:#5a6472;margin:0 0 20px;max-width:640px}
.mk-rayony__setka{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.mk-rayony__i{display:block;padding:14px 16px;border:1px solid #e0e6ee;border-radius:6px;
  background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.mk-rayony__i:hover{border-color:#1d63b3;box-shadow:0 2px 10px rgba(29,99,179,.12)}
.mk-rayony__i_svoya{border-left:4px solid #1d63b3}
.mk-rayony__n{display:block;font-weight:600;color:#1d63b3;margin:0 0 4px}
.mk-rayony__p{display:block;color:#5a6472;font-size:14px}
.mk-rayony__o{display:block;color:#93a0b0;font-size:13px;margin-top:2px}
.mk-rayony__vse{margin:18px 0 0}
@media (max-width:480px){
  .mk-rayony__t{font-size:22px}
  .mk-rayony__setka{grid-template-columns:1fr 1fr;gap:8px}
  .mk-rayony__i{padding:11px 12px}
  .mk-rayony__n{font-size:15px}
}
.mk-korotko{border:1px solid #d8e2ee;border-left:4px solid #1d63b3;background:#f5f9fd;border-radius:4px;padding:16px 20px;margin:0 0 24px}
.mk-korotko__t{font-weight:700;margin:0 0 8px;color:#1d63b3}
.mk-korotko ul{margin:0;padding-left:18px}
.mk-korotko li{margin:0 0 6px}

/* Карточка звонка ВНУТРИ текста страницы (2026-09-18).
   На моргах её красит тема правилом `.main-section .work-time` - там карточка
   стоит в боковой колонке. Внутри текста (`.detail`) это правило не работает,
   и до 18.09 карточка выходила без фона и без отступов на ВСЕХ страницах услуг,
   включая образцовую «Организацию похорон»: разметка стояла, вида не было.
   Правила намеренно ограничены `.detail` - у моргов другая цепочка родителей
   (`.main-section__right`), и 90 их страниц эти стили не заденут.
   Цвета только из палитры выше, новых не вводим. */
.detail .mk-pomoshch{border:1px solid #d8e2ee;border-radius:12px;background:#fff;
  padding:20px;margin:0 0 24px;box-shadow:0 2px 10px rgba(29,99,179,.08)}
.detail .mk-pomoshch .work-time__title{font-size:13px;letter-spacing:.65px;
  text-transform:uppercase;color:#6b645c;margin:0 0 10px}
.detail .mk-pomoshch__knopka{margin:0 0 10px}
.detail .mk-pomoshch__sut{font-size:14px;color:#6b645c;margin:0 0 14px}
.detail .mk-pomoshch__spisok{list-style:none;margin:0;padding:0}
.detail .mk-pomoshch__spisok li{font-size:15px;line-height:1.45;margin:0 0 8px;
  padding-left:22px;position:relative}
.detail .mk-pomoshch__spisok li:before{content:"";position:absolute;left:6px;top:8px;
  width:6px;height:6px;border-radius:50%;background:#1d63b3}
.detail .mk-pomoshch__snoska{font-size:13px;color:#6b645c;margin:14px 0 0}
/* На телефоне номер - кнопка во всю ширину, так в неё легче попасть пальцем.
   На компьютере та же кнопка растягивалась на 1206 px (замер 18.09) и читалась
   как полоса, а не как кнопка. Шире 768 px ограничиваем её по содержимому. */
@media (min-width:768px){
  .detail .mk-pomoshch__knopka a{display:inline-block;min-width:260px;text-align:center}
}

/* дата публикации: строкой на статье и в карточке списка (2026-09-10) */
.mk-data{color:#7a8494;font-size:14px;margin:0 0 16px}
.mk-data_karta{margin:0 0 6px;font-size:13px}

.mk-tabl{overflow-x:auto;margin:0 0 24px}
.mk-tabl table{width:100%;border-collapse:collapse;font-size:15px;min-width:420px}
.mk-tabl th{text-align:left;background:#1d63b3;color:#fff;padding:10px 12px;font-weight:600}
.mk-tabl td{padding:10px 12px;border-bottom:1px solid #e6ebf1;vertical-align:top}
.mk-tabl tr:nth-child(even) td{background:#fafcfe}
.mk-tabl td:last-child{white-space:nowrap;font-weight:600}
.mk-tabl__p{font-size:13px;color:#777;margin-top:8px}

.mk-shagi{counter-reset:mk;list-style:none;margin:0 0 24px;padding:0}
.mk-shagi__i{counter-increment:mk;position:relative;padding:0 0 14px 44px;margin:0}
.mk-shagi__i:before{content:counter(mk);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:#1d63b3;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.mk-shagi__i b{display:block;margin:4px 0 4px}
.mk-shagi__i span{display:block;color:#444}

.mk-vrezka{border:1px solid #e6d9b8;background:#fdfaf1;border-radius:4px;padding:14px 18px;margin:0 0 24px}
.mk-vrezka__t{font-weight:700;margin:0 0 6px}
.mk-vrezka p{margin:0}

.mk-chisla{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 24px}
.mk-chisla__i{flex:1 1 150px;border:1px solid #d8e2ee;border-radius:4px;padding:14px 16px;background:#fff}
.mk-chisla__i b{display:block;font-size:22px;line-height:1.1;color:#4a6a8f}
.mk-chisla__i span{display:block;font-size:14px;color:#777;margin-top:4px}
/* Одно число главное, остальные тише: три равнозначных читались как таблица,
   глазу не за что было зацепиться (16.09.2026). */
.mk-chisla__i_glavn{flex:1 1 260px;border-color:#1d63b3;background:#f5f9fd}
.mk-chisla__i_glavn b{font-size:34px;color:#1d63b3}
.mk-chisla__i_glavn span{font-size:15px;color:#42505e}

/* фотография внутри страницы услуги: одна под своим заголовком, а не галерея вверху */
.mk-foto{margin:0 0 24px;max-width:760px}
.mk-foto img{width:100%;height:auto;border-radius:4px;display:block}
.mk-foto figcaption{font-size:14px;color:#777;margin-top:8px}

/* плитки комплексов на страницах услуг (вариант «Цена и состав», выбран 15.09.2026) */
.mk-plany{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:0 0 12px}
.mk-plan{background:#fff;border:1px solid #e0e6ee;border-radius:4px;display:flex;flex-direction:column}
.mk-plan__verh{background:#f5f9fd;border-bottom:1px solid #e0e6ee;padding:16px 18px}
.mk-plan__imya{display:block;font-weight:700;margin:0 0 4px}
.mk-plan__cena{display:block;font-size:26px;line-height:1.1;color:#1d63b3;font-weight:700}
.mk-plan ul{margin:0;padding:14px 18px 18px 32px;font-size:15px;color:#555}
.mk-plan li{margin:0 0 7px}
/* Наведение: плитка, на которую смотрит человек, поднимается рамкой и тенью.
   Статично выделен «Базовый» - он остаётся выделенным и без наведения.
   На телефоне наведения нет, поэтому вид там не меняется (16.09.2026). */
.mk-plan{transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease}
@media (hover:hover){
  .mk-plan:hover{border-color:#1d63b3;box-shadow:0 6px 20px rgba(29,99,179,.16);transform:translateY(-2px)}
  .mk-plan:hover .mk-plan__verh{background:#eaf3fc}
  .mk-plan_vydel:hover .mk-plan__verh{background:#164e8e}
}
.mk-plan_vydel{border-color:#1d63b3;border-width:2px}
.mk-plan_vydel .mk-plan__verh{background:#1d63b3}
.mk-plan_vydel .mk-plan__imya,.mk-plan_vydel .mk-plan__cena{color:#fff}
.mk-plany__p{font-size:14px;color:#777;margin:0 0 24px}
/* Остальной состав под раскрытием: раньше на его месте стояло «и ещё 8 позиций»,
   и посмотреть, за что платишь, было негде (16.09.2026). */
.mk-plan__esche{margin:0 18px 16px;font-size:15px}
.mk-plan__esche summary{cursor:pointer;color:#1d63b3;font-weight:600;list-style:none}
.mk-plan__esche summary::-webkit-details-marker{display:none}
.mk-plan__esche summary:before{content:"+ ";font-weight:700}
.mk-plan__esche[open] summary:before{content:"− "}
.mk-plan__esche ul{padding:10px 0 0 14px}
.mk-plan_vydel .mk-plan__esche summary{color:#1d63b3}

/* Переключатель групп комплексов: захоронение и кремация шли восемью плитками подряд,
   человеку нужна одна из двух групп (16.09.2026). Работает на радиокнопках и CSS,
   без скрипта: и до загрузки JS, и там, где его вырезали. */
.mk-vybor{display:flex;flex-wrap:wrap;margin:0 0 8px}
.mk-vybor__r{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.mk-vybor__l{order:-1;cursor:pointer;border:1px solid #d8e2ee;background:#fff;color:#42505e;
  padding:10px 18px;margin:0 8px 16px 0;border-radius:4px;font-size:16px;line-height:1.2;
  transition:background .15s ease,border-color .15s ease,color .15s ease}
@media (hover:hover){.mk-vybor__l:hover{border-color:#1d63b3;color:#1d63b3}}
.mk-vybor__r:checked + .mk-vybor__l{background:#1d63b3;border-color:#1d63b3;color:#fff}
.mk-vybor__r:focus-visible + .mk-vybor__l{outline:2px solid #1d63b3;outline-offset:2px}
.mk-vybor__p{display:none;width:100%}
.mk-vybor__r:checked + .mk-vybor__l + .mk-vybor__p{display:block}

.mk-faq{margin:0 0 24px}
.mk-faq__i{border-bottom:1px solid #e6ebf1;padding:14px 0}
.mk-faq__i:first-child{border-top:1px solid #e6ebf1}
.mk-faq__v{font-weight:700;margin:0 0 6px}
.mk-faq__o{color:#333}

.mk-otzyvy{margin:0 0 28px}
.mk-otzyvy h2{margin:0 0 10px}
.mk-otzyvy__svod{margin:0 0 14px;color:#333}
.mk-otzyvy__svod b{color:#1d63b3}
.mk-otzyvy__ramka{max-width:560px;height:560px;overflow:hidden;position:relative;border-radius:8px}
.mk-otzyvy__ramka iframe{width:100%;height:100%;border:1px solid #e6e6e6;border-radius:8px;box-sizing:border-box;display:block}
.mk-otzyvy__vse{margin:12px 0 0}
.mk-otzyvy__vse a{font-weight:600}

@media(max-width:600px){
.mk-otzyvy__ramka{height:520px}
.mk-tabl table{font-size:14px;min-width:0}
.mk-tabl th,.mk-tabl td{padding:8px 10px}
.mk-tabl td:last-child{white-space:normal}
.mk-chisla__i{flex:1 1 100%}
.mk-vybor__l{flex:1 1 100%;margin-right:0;margin-bottom:8px;text-align:center}
.mk-chisla__i_glavn b{font-size:30px}
}

/* --- страницы моргов и кладбищ: карточка звонка на первом экране и липкая полоса (2026-09-15) ---
   Прототип: prototip/ritual-gu/morgi/variant-1-reestr.html. Номер везде выводит вставка
   phone.php, поэтому подмена Calltouch продолжает работать. */
/* Карточка выравнивается по верху с текстом слева: в теме у .work-time стоит
   margin-top:77px под старый низкий блок, с нашей высокой карточкой это был провал. */
.main-section .work-time.mk-pomoshch{margin-top:0;padding:22px 24px}  /* правило темы
   .main-section .work-time{margin-top:77px} лежит в собранном css позже нашего блока,
   поэтому при равной силе выигрывало оно — берём селектор на ступень точнее */
.main-section .work-time.mk-pomoshch .work-time__title{font-size:13px;letter-spacing:.05em;text-transform:uppercase;
  color:#6b645c;margin-bottom:10px}
.mk-pomoshch__knopka a{display:block;background:#1d63b3;color:#fff;text-decoration:none;
  text-align:center;padding:16px 18px;border-radius:8px;font-size:26px;line-height:1.1;
  font-weight:700;white-space:nowrap}
.mk-pomoshch__knopka a:hover{background:#164e8e;color:#fff}
.mk-pomoshch__sut{font-size:14px;color:#6b645c;margin-top:10px;line-height:1.45}
.mk-pomoshch__spisok{list-style:none;margin:16px 0 0;padding:0}
.mk-pomoshch__spisok li{position:relative;padding:0 0 0 22px;margin-bottom:7px;
  font-size:14px;line-height:1.4;color:#333}
.mk-pomoshch__spisok li:before{content:"";position:absolute;left:2px;top:5px;width:8px;height:8px;
  border-left:2px solid #1d63b3;border-bottom:2px solid #1d63b3;transform:rotate(-45deg)}
.mk-pomoshch__snoska{font-size:12px;color:#8a8580;line-height:1.4;margin-top:14px;
  padding-top:12px;border-top:1px solid #e6e1d9}

/* --- полоса «Ритуальное обслуживание населения» внизу страниц моргов и кладбищ (2026-09-16) ---
   Формулировку владелец оставил, попросил сделать её заметной. Форму отсюда убрали,
   и блок остался из одной строки с телефоном — собираем его как призыв: светлая панель,
   синяя полоса сверху, номер кнопкой. Цвета — те, что уже стоят на сайте. */
.contact_bez-formy{background:#f5f9fd;border:1px solid #d8e2ee;border-top:4px solid #1d63b3;
  border-radius:6px;padding:22px 26px;margin:0 0 28px;display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.contact_bez-formy .contact__content{flex:1 1 320px;min-width:280px}
.contact_bez-formy .contact__field{display:block}
.contact_bez-formy .contact__field-name{font-size:14px;color:#6b645c;margin:0 0 8px;
  text-transform:uppercase;letter-spacing:.04em}
.contact_bez-formy .contact__field-value a{display:inline-block;background:#1d63b3;color:#fff;
  text-decoration:none;padding:13px 26px;border-radius:6px;font-size:24px;font-weight:700;white-space:nowrap}
.contact_bez-formy .contact__field-value a:hover{background:#164e8e;color:#fff}
.contact_bez-formy .contact__view{flex:1 1 380px;min-width:280px}
/* Заголовок над этой полосой — крупнее обычного H2 и с синей чертой слева.
   :has() поддерживают все нынешние браузеры; где не поддержан, заголовок остаётся обычным. */
h2:has(+ .contact_bez-formy){border-left:4px solid #1d63b3;padding-left:14px;margin-bottom:16px}
@media(max-width:600px){
.contact_bez-formy{padding:18px;gap:18px}
.contact_bez-formy .contact__field-value a{display:block;text-align:center;font-size:21px;padding:13px 10px}
}

/* --- липкая полоса звонка внизу экрана (2026-09-16, вечер) ---
   Полоса на сайте одна - своя от темы (`.callback_phone` в footer.php). Наша `mk-polosa`
   с 16.09 не выводится: на телефоне их оказывалось две друг на друге, и на iPhone
   наша кнопка вставала посреди экрана поверх текста (снимок владельца).
   Здесь полоса темы приводится в порядок: владелец 16.09 - «красный бросается сразу,
   сайт выглядит неопрятным». Ярко-красный #FF4343 (контраст с белым 3,4) меняем на
   спокойный белый фон, номер оставляем кнопкой в синем бренда - он и так везде такой.
   Разметку не трогаем: номер печатает тема, его подменяет Calltouch, иначе звонки
   уйдут мимо учёта. Правила темы лежат в <style> внутри страницы и по силе равны
   нашим, поэтому берём на ступень выше: `body .callback_phone`. */
body .callback_phone{background:#fff;border-top:1px solid #e0e6ee;
  box-shadow:0 -6px 18px rgba(0,0,0,.10);padding:8px 12px;gap:10px}
body .callback_phone img{display:none}          /* белая иконка на белом фоне не видна */
body .callback_phone > a:first-child span{color:#42505e!important;font-size:11px!important;
  width:auto!important;line-height:1.3;text-transform:none!important;font-weight:600}
body .callback_phone .callback_phone_container{margin-left:auto;background:#1d63b3;
  border-radius:8px;padding:9px 16px;text-align:center;min-width:186px}
body .callback_phone .callback_phone__phone{color:#fff!important;text-decoration:none!important;
  font-size:19px;line-height:1.15}
body .callback_phone .callback_phone__text{color:rgba(255,255,255,.88)!important;font-size:11px}
/* Полоса лежит поверх страницы и закрывала низ подвала - отводим ей место.
   Отступ вешаем на подвал: у .page__content свой padding в теме, и он сильнее. */
@media(max-width:900px){body .footer{padding-bottom:84px}}

/* Вкладки цен на /stoimost/ и /krematoriy/ (2026-09-18). Кнопка темы `.btn` ровно
   32 px высотой, а надпись «Похороны с кремацией: принадлежности и услуги» - три
   строки: текст вылезал за красную кнопку и налезал на плитки ниже. Правило жило в
   блоке mk-oblik, тот 16.09 сняли целиком - и дефект вернулся (снимок владельца 18.09).
   Теперь здесь: mk-stati на сайте есть всегда. */
.pack-tabs__tab.btn{height:auto;min-height:40px;padding:10px 20px;line-height:1.25;
  text-align:center;white-space:normal;align-items:center}
.pack-tabs__tabs{align-items:stretch;flex-wrap:wrap;gap:8px}

.mk-polosa{display:none}
.mk-polosa-raspor{height:0}
.mk-polosa__knopka a{display:block;text-align:center;background:#1d63b3;color:#fff;
  text-decoration:none;padding:14px;border-radius:8px;font-size:19px;font-weight:700}
@media(max-width:900px){
.main-section .work-time.mk-pomoshch{margin-top:24px;padding:20px}
.mk-pomoshch__knopka a{font-size:23px}
/* 2026-09-16: своя полоса больше не показывается даже на телефоне - на сайте
   одна полоса, от темы. Правила оставлены на случай, если решим вернуться. */
}
/* --- конец mk-stati --- */



/* 2026-09-09: блок реквизитов на странице контактов */
.mk-rekvizity{margin:32px 0;}
.mk-rekvizity h2{margin-bottom:12px;}
.mk-rekvizity dl{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:8px 20px;margin:0;}
.mk-rekvizity dt{color:#6b645c;}
.mk-rekvizity dd{margin:0;}
@media (max-width:600px){
  .mk-rekvizity dl{grid-template-columns:1fr;gap:2px;}
  .mk-rekvizity dt{margin-top:10px;font-size:14px;}
}

/* 2026-09-09: примечание о том, что кремация оплачивается крематорию отдельно */
.mk-kremacia{margin:16px 0 20px;padding:14px 16px;border-left:4px solid var(--c-accent,#b3261e);
  background:#f7f5f2;border-radius:0 6px 6px 0;font-size:15px;line-height:1.5;}
.mk-kremacia p{margin:0 0 6px;}
.mk-kremacia p:last-child{margin-bottom:0;}
.mk-kremacia__posobie{color:#6b645c;font-size:14px;}
.mk-kremacia_kratko{font-size:14px;padding:10px 12px;}

/* 2026-09-09: прайс кремации */
.mk-prays{margin:32px 0;}
.mk-prays h3{margin:20px 0 8px;font-size:17px;}
.mk-prays__tab{width:100%;border-collapse:collapse;}
.mk-prays__tab td{padding:9px 10px;border-bottom:1px solid #e6e1d9;vertical-align:top;}
.mk-prays__tab tr:last-child td{border-bottom:none;}
.mk-prays__cena{text-align:right;white-space:nowrap;font-weight:600;}
.mk-prays__snoska{margin-top:14px;color:#6b645c;font-size:14px;}

/* --- mk-svyazka: блок «Памятник на этом кладбище» (svyazka.py) --- */
.mk-svyazka{margin:28px 0;padding:20px 22px;border:1px solid #d8e2ee;border-radius:4px;background:#f7fafd}
.mk-svyazka h2{margin:0 0 10px;font-size:20px;line-height:1.25}
.mk-svyazka p{margin:0 0 14px;font-size:15px;line-height:1.6;color:#333}
.mk-svyazka a{display:inline-block;padding:10px 18px;border:1px solid #1d63b3;border-radius:4px;
  color:#1d63b3;text-decoration:none;font-size:15px;background:#fff}
.mk-svyazka a:hover{background:#1d63b3;color:#fff}
@media (max-width:575px){.mk-svyazka a{display:block;text-align:center}}
/* --- конец mk-svyazka --- */

/* 2026-09-10: блок отзывов с Яндекс.Карт.
   Правила пишем под классы, которые печатает mk_otzyvy.php (__itog, __vidzhet).
   До этого в файле лежали стили другого варианта блока (__svod, __ramka) — они
   ни к чему не относились, поэтому строка «5,0★★★★★97 отзывов» слипалась,
   а виджет схлопывался в полоску. */
.mk-otzyvy{margin:28px 0;}
.mk-otzyvy h2{margin:0 0 12px;}
.mk-otzyvy__itog{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0 0 8px;}
.mk-otzyvy__ocenka{font-size:34px;font-weight:700;line-height:1;}
.mk-otzyvy__zvezdy{color:#f5a623;font-size:20px;letter-spacing:2px;line-height:1;}
.mk-otzyvy__kolvo{color:#6b645c;flex:1 1 100%;}
.mk-otzyvy__pod{color:#6b645c;font-size:14px;margin:0 0 16px;}
/* виджет и карточка контактов рядом: сам виджет Яндекса шире ~760px не становится */
.mk-otzyvy__ryad{display:grid;grid-template-columns:minmax(0,760px) minmax(260px,1fr);gap:24px;align-items:stretch;}
.mk-otzyvy__vidzhet{border:1px solid #e6e1d9;border-radius:8px;overflow:hidden;background:#f3f1ed;}
.mk-otzyvy__ryadom{display:flex;}
.mk-otzyvy__kartochka{flex:1;display:flex;flex-direction:column;justify-content:center;border:1px solid #e6e1d9;border-radius:8px;background:#f3f1ed;padding:24px;}
.mk-otzyvy__zag{font-weight:700;font-size:18px;margin:0 0 10px;}
.mk-otzyvy__telstroka{margin:0 0 6px;}
.mk-otzyvy__tel{font-size:28px;font-weight:700;line-height:1.2;color:#c8102e;text-decoration:none;}
.mk-otzyvy__tel:hover{text-decoration:underline;}
.mk-otzyvy__rezhim{color:#6b645c;font-size:14px;margin:0;}
.mk-otzyvy__razdelitel{height:1px;background:#e6e1d9;margin:20px 0;}
.mk-otzyvy__adres{margin:0;font-size:16px;line-height:1.5;}
.mk-otzyvy__vidzhet iframe{display:block;width:100%;height:560px;border:0;}
.mk-ocenka{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0;}
.mk-ocenka__zvezdy{color:#f5a623;letter-spacing:2px;}

@media (max-width:900px){
  /* узкий экран: карточка контактов уходит под виджет */
  .mk-otzyvy__ryad{grid-template-columns:1fr;gap:16px;}
  .mk-otzyvy__kartochka{padding:18px;justify-content:flex-start;}
}

@media (max-width:600px){
  .mk-otzyvy__tel{font-size:24px;}
  .mk-otzyvy__ocenka{font-size:28px;}
  .mk-otzyvy__zvezdy{font-size:18px;}
  .mk-otzyvy__kolvo{font-size:14px;}
  .mk-otzyvy__vidzhet iframe{height:620px;}
}

/* --- news.css --- */
.news {
	
}

.news__items {
	display:flex;
	margin:0 -8px;
}

.news__item {
	width:calc(25% - 16px);
	margin:0 8px;
	
	display:flex;
	flex-direction:column;
	text-decoration:none;
}

.news__view {
	flex-grow:1;
	box-sizing:border-box;
	padding:12px 0;
	border-radius:5px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	color:#fff;
	position:relative;
	z-index:2;
	overflow: hidden;
}
.news__view:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1);
	pointer-events: none;
	transition: all 0.2s ease;
	z-index:-1;
}

.news__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;	
	
	font-weight:500;
	font-size:18px;
	line-height:1.3;
	min-height:2.6em;
	padding:0 12px;
	transition:all 0.2s ease;
}

.news__content {
	
}

.news__desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-top:12px;
	padding:0 12px;
	color:#000;	
	line-height:1.3;
	min-height:3.9em;
}

.news__date { 
	margin-top:12px;
	padding:0 12px;
	color:#000;
}



.news__item_big {
	width:calc(50% - 16px);
	position:relative;
	z-index:2;
	border-radius:5px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;	
	overflow:hidden;
}
.news__item_big:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1);
	pointer-events: none;
	transition: all 0.2s ease;
	z-index:-1;
}

.news__item:hover .news__view:before,
.news__item:hover:before {
	background: rgba(0,0,0,0.50);
}


.news__item_big .news__title {
	font-size:26px;
}


@media screen and (min-width:1000px){
	.news__item_big {
		color:#fff;
		padding:24px 12px;
	}
	.news__item_big:hover {
		color:#fff;
	}	
	.news__item_big .news__view {
		background-image:none !important;
		background-color:transparent !important;
	}
	.news__item_big .news__view:Before {
		display:none;
	}
	.news__item_big .news__desc {
		color:#fff;
	}	
	.news__item_big .news__date {
		color:#c9c7c4;
	}	
	
}
@media screen and (max-width:1000px){
	.news__items {
		flex-wrap:wrap;
	}
	.news__item {
		width:calc(100% / 2  - 16px);
	}
	.news__item_big{
		margin-bottom:16px;
		width:calc(100% - 16px);

		background-image:none !important;
		background-color:none !important;		
	}
	.news__item_big:Before {
		display:none;
	}	
	.news__view{
		padding-bottom: 40%;
		height: 0;	
	}
	

}

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

}

@media screen and (max-width:480px){
	.news__item {
		width:calc(100%  - 16px);
		margin-bottom:16px;
	}
		
		
	.news__item_big .news__title {
		font-size:24px;
	}
	.news__title { 
		font-size:24px;
	}
	.news__desc {
		min-height:auto;
	}
	.news__date{
		margin-top:4px;
	}
}

/* --- pack-correct.css --- */
.pack-correct {
	background:var(--c-grey);
	border-radius:5px;
	margin:8px 0;
	
	display:flex;	
	
	padding:16px;
	box-sizing:border-box;
	
	transition:all 0.2s ease;
	
	line-height:1.15;
	
	font-size:18px;
}

.pack-correct__view {
	width: 324px;
	display: flex;
	background-size: cover;
	background-position: center;
	flex-shrink: 0;
	margin-right: 16px;
	border-radius: 5px;
	position:relative;
	overflow:hidden;
}
.pack-correct__view:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	pointer-events: none;
	transition: all 0.2s ease;
}
.pack-correct__content {
	background:#fff;
	border-radius: 5px;	
	padding:16px;
	box-sizing:border-box;
	margin-right:16px;
	
}

.pack-correct__title {
	color:var(--c-accent);
	font-weight:700;
}
.pack-correct__desc {
	margin-top:4px;
;	
}

.pack-correct__action {
	display:flex;
	flex-direction:column;
	margin:-4px 0;
}

.pack-correct__action .btn {
	white-space:nowrap;
	text-transform:none;
	width:100%;
	margin:4px 0;
	flex-grow:1;
	padding-left:16px;
	padding-right:16px;
	height:32px;
}

.pack-correct__phone {
	font-size:24px;
	font-weight:700;
	justify-content:center;
}

@media screen and (max-width:1000px){
	.pack-correct {
		flex-wrap:wrap;
	}
	.pack-correct__view {
		margin-right:0;
		width:100%;
		min-height:128px;
		margin-bottom:16px;
	}
	.pack-correct__content {
		flex-basis:0;
		flex-grow:1;
	}
	.pack-correct__action {
		
	}
}

@media screen and (max-width:768px){
	.pack-correct__content {
		margin-right:0;
	}
	.pack-correct__action {
		width:100%;
		margin-right:0;
		margin-top:16px;
		justify-content:center;
	}
	.pack-correct__action .btn{
		height:32px;
		text-align:center;
		justify-content:center;
	}
}

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

}

/* --- pack-list.css --- */
.pack-list {
	display:flex;
	width:calc(100% + 16px);
	margin:16px -8px;
}

.pack-list__item {
	width:calc(100% / 4 - 16px);
	margin:0 8px;
}

@media screen and (max-width:1000px){
	.pack-list {
		flex-wrap:wrap;
	}
	.pack-list__item {
		width:calc(100% - 16px);
		margin-bottom:16px;
	}
}

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

}

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

}

/* --- pack-popup.css --- */
.pack-popup {
	background:var(--c-grey);
	padding:24px;
	box-sizing:border-box;
	width:384px;
	max-width:100%;
	border-radius:5px;
	position:relative;
	color:var(--c-primary);
}
.pack-popup.fancybox__content {
	padding:0;
}

.pack-popup__content {
	position:relative;
}
.pack-popup__content:before {
	content:"";
	position:absolute;
	width:80%;
	height:80%;
	top:10%;
	left:10%;
	opacity:0.1;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
}
.pack-popup ul{
	padding-left:16px;
	margin:0;
}

.pack-popup__title {
	background:#fff;
	border-radius: 5px;	
	padding:16px 24px;
	margin-top:24px;
	box-sizing:border-box;
	text-transform:uppercase;
	display:inline-block;
	width:100%;	
}

.pack-popup__name {
	font-weight:700;
	font-size:22px;
}

.pack-popup__desc {	
	font-size:13px;
}

.pack-popup__content {
	margin:24px 0;
}
.pack-popup__detail{
	text-transform:uppercase;
}

.pack-popup__cost {
}

.pack-popup__price {
	display:flex;	
	text-align:right;	
	margin:8px 0;
	align-items:center;
	font-weight:400;
}

.pack-popup__price-label {
	padding-left:16px;
	width:90%;
	font-size:15px;
	line-height:1.15;
	text-align:left;
}


.pack-popup__price-value {
	font-size:22px;
	white-space:nowrap;

	background:#fff;

	border-radius: 5px;	
	padding:4px 16px;
	box-sizing:border-box;
	width:140px;
	flex-shrink:0;
	
	
	
}
.pack-popup__price:last-child .pack-popup__price-value {
	font-size:26px;
	font-weight:700;
}

.pack-popup__close {
	position:absolute;
	top:16px;
	right:16px;
	display:flex;
	font-size:14px;
	cursor:pointer;
	align-items:center;
}

.pack-popup__close svg { 
	width:20px;
	height:20px;
	fill:var(--c-primary);
	border:1px solid var(--c-primary);
	border-radius:24px;
	margin-left:4px;
	transition:all 0.2s ease;
}
.pack-popup__close:hover svg { 
	transform:rotate(90deg);
}
.pack-popup__action{
	margin-top:24px;
	text-align:center;
}

.pack-popup__content p + ul {
	margin-top:-8px;
}

.pack-popup__content ul {
	padding-left:16px;
}
.pack-popup__content li {
	margin:12px 0;
	line-height:1.15;
}
.pack-popup__content ul > li {
	position:relative;
	list-style:none;
	padding-left:28px;
}
.pack-popup__content ul > li:before {
	position:absolute;
	content:"";
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;	
	width:20px;
	height:20px;
	top:1px;
	left:0;
	
}
.pack-popup__content p + ul {
	margin-top:-8px;
}



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

}

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

	
}

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

}
@media screen and (max-width:370px){
	.pack-popup__price {
		align-items:center;
	}
	.pack-popup__price-label {
		font-size:14px;
		padding-right:12px;
	}
}

/* --- pack-tabs.css --- */
.pack-tabs {
	
}

.pack-tabs__header {
	display:flex;
}

.pack-tabs__tabs {
	flex-grow:1;
	display:flex;
}

.pack-tabs__labels {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-right:24px;
	font-size:12px;
	text-transform:uppercase;
}
.pack-tabs__label {
	line-height:1.15;
	box-sizing:border-box;
}
.pack-tabs__label:nth-child(1) {
	width:168px;
	padding-left:48px;
}
.pack-tabs__label:nth-child(2) {
	width:208px;
	padding-left:24px;
}

.pack-tabs__header .btn{
	width:calc(25% - 16px);
	justify-content:center;
	margin-right:16px;
	margin-left:0;
	background-color:#ccc;
	border-color:#ccc;
	color:#333;
}
.pack-tabs__header .btn_red{
	background-color:var(--c-accent);
	border-color:var(--c-accent);
	color:#fff;
}

@media screen and (max-width:1000px){
	.pack-tabs__labels{
		display:none;
	}
}

@media screen and (max-width:768px){
	.pack-tabs__tabs {
		justify-content:space-between;
	}
	.pack-tabs__header .btn{
		width:48%;
		margin:0;
	}
}

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

}

@media screen and (max-width:360px){
	.pack-tabs__tabs {
		flex-direction:column;
	}
	.pack-tabs__header .btn{
		width:100%;
		margin-top:8px;
	}
	.pack-tabs__header .btn:first-child{
		margin-top:0;
	}
}

/* --- pack.css --- */
.pack {
	box-sizing:border-box;
	background-color:var(--c-primary-light);
	display: flex;
	flex-direction: column;
	height: 100%;
  
}

.pack__header {
	background-color:var(--c-primary);
	box-sizing:border-box;
	color:#fff;
	width:100%;
	flex-shrink:0;
	padding:8px 16px;
	display:flex;
	font-size:22px;	
	
}

.pack__name {
	font-weight:700;
	flex-grow:1;
}
.pack__cost {
	font-weight:400;	
}

.pack__content {
	flex-grow:1;
	color:var(--c-black);
}
.pack__content p {
	text-align:left;
}

.pack__include {
	padding:16px ;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	height:100%;
}
.pack__include :first-child {
	margin-top:0;
	padding-top:0;
}
.pack__include :last-child {
	margin-bottom:0;
	padding-bottom:0;
}
.pack__include ul {
	padding:0;
	margin:0;
	flex-grow:1;
}
.pack__include ul > li{
	padding:6px 0;
	margin:0;
	border-bottom:2px solid var(--c-primary-light-hover);
	box-sizing:border-box;
}
.pack__include li:last-child {
	border:0;
}
.pack__include li:before {
	display:none;
}


@media screen and (max-width:1280px){
	.pack__header{
		flex-direction:column;  
	}	
}
@media screen and (min-width:1000px){
	.pack__content {
		display:block !important;
	}
}
@media screen and (max-width:1000px){
	.pack {
		flex-direction:column;
	}
	
	.pack__content {
		 display:none; 
	}
	.pack._active .pack__content {
		display:block;
	}

	.pack__header {
		position:relative;
	}
	.pack__header:after {
		background-image:url('/kopiya/gup/css/autoload/assets/pack/arrow.svg');
		background-repeat:no-repeat;
		width:24px;
		height:24px;
		content:"";
		display:block;
		clear:both;
		position:absolute;
		right:16px;
		top:50%;
		transition: all 0.2s;
		pointer-events:none;
		background-color:transparent;
		transform:translateY(-50%) rotate(0);
	}
	.pack._active .pack__header:after{
		transform:translateY(-50%) rotate(90deg);
	}		
}

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

}

@media screen and (max-width:480px){
		
}

/* --- page.css --- */
.page {
	
}

.page__menu {
	background-color:var(--c-primary);
}
.page__content {
	width:100%;
	overflow:hidden;
}
.page__content:not(.page__content_fancybox) {
	padding-bottom:64px;
}

@media screen and (max-width:1000px){
	
	.page__menu {
		display:none;
	}

	.menu-open .page__menu {
		display:block;
		position:fixed;
		top:48px;
		height:calc(100% - 48px - 48px);
		left:0;
		right:0;
		overflow-y:scroll;
	}	
}

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

}

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

}

/* --- personal-data.css --- */
.personal-data {
	padding:16px;
    background: rgba(240, 241, 242, 0.96);
    border-radius: 5px;
    box-sizing: border-box;
	position:fixed;
	
	bottom:16px;
	left:50%;
	transform:translateX(-50%);
	
	width:1280px;
	max-width:calc(100% - 32px);
	z-index:100;
}
.personal-data_accepted {
	display:none;
}
.personal-data__content {
	
}

.personal-data__action {
	margin-top:8px;
	text-align:right;
}

@media screen and (max-width:1000px){
	.personal-data {
		bottom:56px;
		font-size:14px;
	}
}

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

}

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

}

/* --- popuplar-service.css --- */
.popular-service {
	display:flex;
	flex-wrap:wrap;
	margin:0 -8px;
	width:calc(100% + 16px);
}

.popular-service__item {
	width:calc(100% / 4 - 16px);
	margin:8px;
	min-width:288px;
	flex-grow:1;
}

.popular-service__item-view {
	height:100px;
	
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;	
	overflow:hidden;
	
	position:relative;
}



.popular-service__item-title.btn {
	margin-top:8px;
	color:#fff;
	text-align:center;
	padding:8px;
	box-sizing:border-box;
	font-weight:400;
	text-transform:uppercase;
	width:100%;
	justify-content:center;
}

.popular-service__item:hover .popular-service__item-view:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	pointer-events:none;
	transition:all 0.2s ease;
}
.popular-service__item:hover .popular-service__item-view:after {
	background:rgba(0,0,0,0.2);
}

/* --- product-list.css --- */
.product-list {
	
}

.product-list__items {
	display:flex;
	margin:0 -8px;
	width:calc(100% + 16px);
	flex-wrap:wrap;
}

.product-list__item {
	margin:8px;
	width:calc(25% - 16px);
	flex-shrink:0;
	background-color:var(--c-grey);
	box-sizing:border-box;
	padding:16px;
	border-radius:5px;
}
.product-list__item._hidden {
	display:none;
}

.product-list__view {
	background:#fff;
	height:196px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	border-radius:5px;
}
.product-list__view img{
	max-height:100%;
}

.product-list__content {
}

.product-list__title {
	margin-top:12px;
	background:#fff;
	border-radius:5px;
	padding:8px 16px;
	line-height:1.15;
	height:calc(2.3em + 16px);
	box-sizing:border-box;
	display:flex;
	align-items:center;
}
.product-list__name {

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;		
}

.product-list__price {
	background:#fff;
	border-radius:5px;
	padding:8px;
	color:var(--c-primary);
	font-weight:700;
	font-size:24px;
	text-align:center;
	margin-top:12px;
}

.product-list__more {
	margin-top:8px;
	text-align:center;
}


.product-list__more:empty {
	display:none;
}

@media screen and (max-width:1280px){
	.product-list__title {
		height:calc(3.45em + 16px);
	}
	.product-list__name {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;		
	}	
}

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

	.product-list__item {
		width:calc(50% - 16px);
	}
}

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

}

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

	.product-list__items {
		margin:0 -4px;
		width:calc(100% + 8px);
	}

	.product-list__item {
		margin:4px;
		width:calc(50% - 8px);
		padding:4px;
	}
	
	.product-list__title {
		margin-top:4px;
	}
	.product-list__price {
		margin-top:4px;
	}
}

/* --- red-phone.css --- */
.red-phone {
	display:inline-flex;
	flex-direction:column-reverse;
	align-items:flex-end;
}

.red-phone__number {
	
}

.red-phone__number a{
	background:var(--c-accent);
	font-size:21px;
	font-weight:700;
	padding:4px 20px 3%;
	box-sizing:border-box;
	color:#fff;
	display:block;
	white-space:nowrap;
	text-decoration:none;
}
.red-phone__number a:hover{
	background:var(--c-accent-hover);
}

.red-phone__content {
	margin-top:4px;
}


.red-phone__label {
	text-transform:uppercase;
	position:relative;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:12px;
}
.red-phone__label:before {
	content:"";
	display:none;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	background:#27ae60;
	width:6px;
	height:6px;
	border-radius:6px;
}

/* --- right-image.css --- */
.right-image {
	float:right;
	padding:0 0 16px 16px;
	width:384px;
}

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

}

@media screen and (max-width:768px){
	.right-image {
		float:none;
		padding:0;
		width:512px;
		max-width:100%;
		margin:16px auto;
		display:block;
	}
}

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

}

/* --- side.css --- */
.side {
	float:left;
	padding: 0 24px 24px 0;
	width:calc(100% / 3 + 16px);
	box-sizing:border-box;
	max-width:100%;
}

.side_right {
	float:right;
	padding: 0 0 24px 24px;
}


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

}

@media screen and (max-width:768px){
	.side {
		float:none; 
		padding:0;
		margin:16px auto;
		width:100%;
		max-width:512px;
		
	}
}

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


}

/* --- sides.css --- */
.sides {
	display:flex;	
	flex-direction:column;
	margin:-8px 0;
	height:calc(100% + 16px);
}

.sides__item {
	background-color:var(--c-primary-light);
	margin:8px 0;
	flex-grow:1;
	box-sizing:border-box;
	border-top:4px solid var(--c-accent);
	padding:16px;
	color:var(--c-primary);
	text-transform:uppercase;
	text-decoration:none;
}

.sides__item:hover {
	color:var(--c-primary-hover);
	background-color:var(--c-primary-light-hover);
}

.sides__title {
	font-size:19px;
	font-weight:600;
}

.sides__desc {
	margin-top:4px;
}

@media screen and (max-width:1000px){
	.sides {
		width:calc(100% + 16px);
		margin:-8px;
		flex-direction:row;
		flex-wrap:wrap;
	}
	.sides__item {
		width:calc(50% - 16px);
		margin:8px;
	}
	.sides__title {
		font-size:18px;
	}
}

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

}

@media screen and (max-width:480px){
	.sides__title {
		font-size:16px;
		line-height:1.15;
	}
	.sides__desc {
		font-size:14px;
	}
}

/* --- slots.css --- */
.slots {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	
	padding:0;
	margin:0;
	box-sizing:border-box;
	
	max-width:100%;
	font-weight:400;
}

.slots__slot {
	position:relative;
	display:flex;
	flex-direction:column;
	padding:0;
	color:#333;
	text-decoration:none;
	margin:8px 0;
}

.slots__slot:hover {
	color:#000;
}

.slots__slot:hover .slots__slot-view {
	transform:scale(1);
}

.slots__slot:after {
	content:"";
	display:none;
	width:100%;
	height:1px;
	background:#6D5F52;
	position:absolute;
	bottom:0;
	left:0;
}

.slots__slot:last-child {
	padding-right:0;
	margin-right:0;
}

.slots__slot:last-child:after {
	display:none;
}

.slots__slot-content {
	padding-left:16px;
	content:relative;
}

.slots__slot-content:before {
	content:"";
	position:absolute;
	display:block;
	width:2px;
	height:100%;
	background-color:var(--c-accent2);
	left:0;
	top:0;
}

.slots__slot-title {
	text-transform:uppercase;
	font-size:18px;
	font-weight:700;
}
.slots__slot-desc {
}


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

}

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

}

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

}

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

}

/* --- social.css --- */
.social {
	display:flex;
}

.social__item{
	width:28px;
	height:28px;
	margin-right:12px;
	
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
}

.social__item:last-child{
	margin-right:0;
}

.social__item:after{ 
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);	
	transition:all 0.2s ease;
}
.social__item:hover:after{ 
	background:rgba(0,0,0,0.04);	
}

/* --- stati.css --- */
.stati {
	
}
.stati__items {
	flex-wrap:wrap;
}
.stati__items,.stati__items.owl-carousel {
	display:flex;
	
	width:calc(100% + 16px);
	margin:0 -8px;
}

.stati__item {
	width:calc(33.33% - 16px);
	margin:0 8px 16px;
	
	display:flex;
	flex-direction:column;
	text-decoration:none;
}

.stati__view {
	box-sizing:border-box;
	padding:12px 0;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	color:#fff;
	position:relative;
	z-index:2;
	overflow: hidden;

	padding-bottom: 30%;
	height: 0;		
}
.stati__view:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1);
	pointer-events: none;
	transition: all 0.2s ease;
	z-index:-1;
}

.stati__content {
	flex-grow:1;
}
.stati__title {
	transition:all 0.2s ease;
}

.stati__item:hover .stati__title {
	color:var(--c-accent);
}

.stati__content {
	padding:16px 12px;
	border:1px solid var(--c-grey);
	border-top:0;
}

.stati__desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-top:12px;
	color:#000;	
}

.stati__date { 
	margin-top:12px;
	color:#000;
}




.stati__item:hover .stati__view:before,
.stati__item:hover:before {
	background: rgba(0,0,0,0.0);
}

.stati__nav {
	text-align:center;
}
.stati__more {
	text-align:center;
	margin:16px 0;
}
.stati__more .btn {
	width:calc(100% / 3  - 16px);
	justify-content:center;
	margin-left:-8px;
	white-space:nowrap;
}

.stati__items.owl-carousel.off {
    display: flex;
}

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

	
}
@media screen and (max-width:1000px){
	.stati__items {
		flex-wrap:wrap;
	}
	.stati__item {
		width:calc(100% / 2  - 16px);
	}
	.stati__view{
		padding-bottom: 40%;
		height: 0;	
	}
	

}

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

}

@media screen and (max-width:600px){
	.stati__more .btn {
		width:calc(100% / 2  - 16px);
	}
}

@media screen and (max-width:480px){
	.stati__more .btn {
		width:100%;
		margin-left:0;
	}	
	.stati__items {
		width:100%;
		margin:0;
	}	
	.stati__item {
		width:100%;
		margin:0 0 16px 0;
	}
	.stati__desc {
		min-height:auto;
	}
	.stati__date{
		margin-top:4px;
	}
	
	.stati__more {
		display:none;
	}
	.stati__items_slider.owl-carousel {
		display:block;
		margin: 0 -16px 16px;
		width:calc(100% + 32px);
	}	
	.stati__items_slider .stati__items {
		width:100%;
		margin:0;
	}
	.stati__items_slider .stati__item {
		width:auto;
		margin:0 0 0 16px;
	}
}

/* --- step-tabs.css --- */
.step-tabs .steps {
	margin:16px 0;
}
.step-tabs__tabs {
	display:flex;
	margin: 0 -8px;
	width:calc(100% + 16px);
}
.step-tabs__tabs .btn{
	width:calc(25% - 16px);
	margin:0 8px;
	justify-content:center;
}

@media screen and (max-width:1000px){
	.step-tabs__tabs {
		flex-wrap:wrap;
	}
	.step-tabs__tabs .btn {
		width:calc(50% - 16px);	
		margin-top:4px;
	}
}

@media screen and (max-width:768px){
	.step-tabs__tabs .btn {
		width:calc(100% - 16px);	
	}
}

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

}

/* --- steps.css --- */
.steps {
	margin:16px 0;
	box-sizing:border-box;
	--count: 3;
	--gap: 16px;
  
}
.steps p{
	text-align:left;
	margin:0;
}
.steps__title {
	background-color:var(--c-primary);
	color:#fff;
	font-size:24px;
	font-weight:700;
	margin-bottom:16px;
	padding:8px;
	text-align:center;
	text-transform:uppercase
}

.steps__items {
	flex-wrap:wrap;
	display:flex;
	gap:var(--gap);
}

.steps__item {		
	width: calc(calc(100% / var(--count)) - calc(var(--gap) * calc(var(--count) - 1) / var(--count)));
	display: flex;
	padding:0 8px 0 16px;
	box-sizing:border-box;
	background-color:var(--c-primary-light);
}
.steps__item > span {
	margin:8px 0;
}
.steps__item:before {
	content:attr(data-id);
	font-size:60px;
	font-weight:700;
	color:var(--c-footer-text);
	margin-right:16px;
	padding-bottom:0.1em;
	
}


@media screen and (max-width:1000px){
	.steps {
		--count: 1;
	}
	.steps__title {
		font-size: calc(17px + (24 - 17) * (100vw - 320px) / (1000 - 320));
	}
	.steps__items {
	}
	.steps__item {
	}
	.steps__item:before {
		font-size:80px;
	}		
}

@media screen and (max-width:768px){
		
}

@media screen and (max-width:480px){
	.steps {
		border-radius:0;
		margin-left:-16px;
		margin-right:-16px;
		width:calc(100% + 32px);
		padding:16px;
	}
	
}

/* --- sticky-top.css --- */
.sticky-top {
	position: sticky;
	top: 0;
	z-index: 20;
	background:#fff;
	color:var(--c-header-text);
}

@media screen and (max-width:1000px){
	.sticky-top {
		background:var(--c-header-mobile-bg);
		color:var(--c-header-mobile-text);
	}
}

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

}

@media screen and (max-width:480px){
	.sticky-top {
		box-shadow: 0 0 4px 1px rgba(0,0,0,0.16);
	}
}
@media screen and (max-width:360px){

}

/* --- submenu-bottom.css --- */
.submenu-bottom {
}

.submenu-bottom__items {
	display:flex;
	flex-grow:1;
	justify-content:center;
	height:40px;
	overflow:hidden;
}

.submenu-bottom__item {
	flex-grow:1;
	color:#fff;
	padding:0 28px;
	background-color:var(--c-accent);
	display:flex;
	align-items:center;
	margin-right:16px;
	text-transform:uppercase;
	font-weight:400;	
	text-decoration:none;
}

.submenu-bottom__item:hover {
	color:#fff;
	background-color:var(--c-accent-hover);
}

.submenu-bottom__item_rating {
	background:#f5f5f5;
}

.submenu-bottom__item_rating:hover {
	background:#f5f5f5;
	color:#fff;
}

@media screen and (min-width:1000px){	
	.submenu-bottom__item:last-child {
		flex-shrink:0;
		margin-right:0;
	}
}

@media screen and (max-width:1000px){
	
	.submenu-bottom__items {
		flex-direction:column;
		height:auto;
		margin:4px 16px 4px 32px;
	}
	.submenu-bottom__item {
		padding:4px 12px;
		box-sizing:border-box;
		margin:8px 0;
		text-align:left;
		line-height:1.2;
		background-color:var(--c-accent);
	}
	.submenu-bottom__item:hover {
		background-color:var(--c-accent-hover);
	}
	.submenu-bottom__item_rating {
		display:none;
	}
}

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

}

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

}

/* --- tabs.css --- */
.tabs {
	
}
.tabs__tab {
	
}
.tabs__pane:not(._active) {
	display:none;
}

/* --- text-center.css --- */
p.text-center {
	text-align:center;
}

/* --- video.css --- */
.video {
	
}

.video_right {
	float:right;
	padding: 0 0 24px 24px;
	width:512px;
	box-sizing:border-box;
	max-width:100%;
}

/* --- warn.css --- */
.warn {
	background-color:#fdf3f4;
	text-align:center;
	padding:24px 32px;
	
	height: 100%;
	width: 100%;
	box-sizing: border-box;

	display: flex;
	flex-direction: column;
	justify-content: center;
  
}
.warn p {
	text-align:center;
}
.warn__title {
	color:var(--c-accent);
	font-size:24px;
	text-transform:uppercase;
	font-weight:700;
}
.warn__desc {
}
@media screen and (max-width:1000px){

}

@media screen and (max-width:768px){
	
}

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

}

/* --- wd.css --- */
.wd {
	
}

.wd__tabs {
	display:flex;
	flex-wrap:wrap;
	margin:0 -8px;
	width:calc(100% + 16px);
}
.wd__tab {
	background:#82776a;
	flex-grow:0;
	width:calc(100% / 4 - 16px);
	border-radius:5px;
	margin:8px 8px;
	padding:6px 8px 4px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	transition:all 0.2s ease;
	font-weight:400;
	text-transform:uppercase;
}

.wd__tab:hover {
	background:#74695b;
}

.wd__tab._active {
	background:#c73a40;
}


.wd__data {
	margin:8px 0;
}

.wd__content { 
	display:none;
}

.wd__step {

	background:#f2f1ef;
	border-radius:5px;
	
	flex-wrap:wrap;
	display:flex;
}

.wd__content._active {
	display:block;
}

.wd__item {
		
	display:flex;
	align-items:center;
	
	position:relative;
	flex-grow:1;
	flex-basis:0;


	margin:16px 0;	
	padding:0 16px;
	min-width:288px;
}

.wd__item:before {
	content:attr(data-id);
	font-size:120px;
	font-weight:700;
	line-height:0.8;
	color:#9b9793;
	opacity:0.5;
	margin-right:16px;
	
}


@media screen and (max-width:1000px){
	.wd__tab {
		width:calc(100% / 2 - 16px);
	}
}

@media screen and (max-width:768px){
	.wd__tabs {
		width:100%;
		margin:0;
	}
	.wd__tab {
		width:100%;
		margin:4px 0;
	}
	.wd__step {
		width:100%;
		margin:0;
		padding:8px 0
	}
	.wd__item {
		width:100%;
		align-items:flex-start;	
	}
	.wd__item:before {
		font-size:100px;
	}
			
}

@media screen and (max-width:480px){
	.wd__step {
		width: calc(100% + 32px);
		margin: 0 -16px;
		padding: 8px 0;
		border-radius: 0;
	}
}

/* --- youtube.css --- */
.youtube {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.youtube__video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* --- zzz_kvadrate.css --- */
html {
    background-color: #dddddd;
}

body {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    box-shadow: 0 0 8px 0 #0000003b;
}

.block_2 {
    padding-left: 269px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 40px;
}

.block_2 p {
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 0;
    margin-top: 0;
}

.block_2 p strong {
    color: var(--c-accent);
    font-weight: 800;
}

.block_2:after {
    position: absolute;
    content: "";
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(/kopiya/gup/css/autoload/../../images/icon_18.svg);
    width: 180px;
    height: 43px;
    top: 20px;
    left: 0;
}

.gallery-slider .slick-arrow {
    background-color: #ffffff8c;
    height: 100%;
    width: 64px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-slider .slick-disabled {
    visibility: hidden;
}

.gallery-slider .slick-prev {
    left: 0;
}

.gallery-slider .slick-next {
    right: 0;
}

.gallery-slider .slick-arrow:before {
    content: ' ';
    width: 40px;
    height: 40px;
    display: block;
    background-color: #fff;
    background-image: url(/kopiya/gup/css/autoload/../../images/arrow.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    border-radius: 50%;
    transform: rotateY(180deg);
}

.gallery-slider .slick-next:before {
    transform: rotateY(0deg);
}

.gallery-slider .gallery-item {
    margin-right: 15px;
}

.gallery-slider .gallery-item img {
    object-fit: cover;
}

.block_5 {
    padding-top: 20px;
    padding-bottom: 40px;
}

.block_5 .item__inner {
    border-radius: 10px;
    background-color: #d91521;
    padding: 22px 40px 0 100px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 30px;
    color: #fff;
}

.block_5 .item__inner p {
    margin-top: 0;
    margin-bottom: 22px;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
}

.block_5 .item__inner h6 {
    margin-top: 0;
    margin-bottom: 22px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}

.block_5 .item__inner p a {
    color: #fff;
    text-decoration: underline;
    white-space: nowrap;
}

.block_5 .item__inner:after {
    position: absolute;
    content: "";
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(/kopiya/gup/css/autoload/../../images/icon_4.svg);
    width: 44px;
    height: 42px;
    top: 0;
    bottom: 0;
    left: 30px;
    margin: auto;
}

.block_1 {
    padding-bottom: 20px;
}

.block_1 ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.block_1 .list-wrap {
    display: flex;
    flex-wrap: wrap;
}

.block_1 ul li {
    padding-left: 0;
    margin-bottom: 2px;
}

.block_1 ul.list-wrap li {
    margin-right: 15px;
}

.block_1 ul li a {
    position: relative;
    padding-left: 23px;
    font-weight: 600;
    color: #d91521;
    text-decoration: underline;
}

.block_1 ul li a:after {
    position: absolute;
    content: "";
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(/kopiya/gup/css/autoload/../../images/icon_17.svg);
    width: 12px;
    height: 14px;
    top: 4px;
    left: 0;
}

.detail .block_1 ul > li:before {
    content: none;
}

.d-inline {
    display: inline !important;
}

.d-none {
    display: none !important;
}

.header-gosty {
    display: none;
    color: #333333;
    border-left: 1px solid #D52A1D;
    font-size: 10px;
    line-height: 17px;
    margin-left: 10px;
    padding-left: 6px;
    white-space: nowrap;
    margin-right: 40px;
}
.footer_links {
    display: none;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}

.footer_links > a {
    border: 1px solid;
    border-radius: 8px;
    padding: 7px 15px;
    text-decoration: none;
    display: inline-block;
}

.footer__disclaimer {
    display: none;
    color: var(--c-footer-text);
    text-align: center;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 30px;
}

.callback_phone {
    position: fixed;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ff4343;
    padding: 7px 14px;
    display: none;
    align-items: center;
}

.callback_phone_container {
    display: inline-flex;
    flex-direction: column;
    margin-left: 26px;
    text-decoration: none;
}

.callback_phone__phone {
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

.callback_phone__text {
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    white-space: break-spaces;
}

.callback_phone img {
    width: 36px;
}

.page__menu .header__content-wrap {
    display: none;
}

@media (min-width: 768px) {
    .block_1 ul {
        columns: 2;
        max-width: 820px;
    }

    .block_1 .list-wrap {
        display: block;
    }
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }
}

@media (max-width: 1199px) {
    .block_2 {
        padding-left: 170px;
    }

    .block_2 p {
        font-size: 20px;
        line-height: 24px;
    }

    .block_2:after {
        width: 150px;
        height: 30px;
        top: 22px;
    }

    .gallery-slider .slick-slide img, .gallery-slider .slick-slide iframe {
        height: 140px;
    }
}

@media (max-width: 1000px) {
    .header-gosty {
        display: block;
    }
    .sticky-top {
        background: var(--c-header-mobile-text);
        color: var(--c-header-mobile-bg);
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .logo__title {
        color: var(--c-header-mobile-bg);
    }
    .logo__desc {
        color: var(--c-header-mobile-bg);
    }
    .header__burger {
        background-color: #018bd3;
        padding: 10px;
        border-radius: 50%;
        transform: none;
        width: 22px;
        height: 22px;
    }
    .header__burger:before {
        position: initial;
    }
    .header__burger:after {
        content: none;
    }
    .menu-open .page__menu {
        top: 68px;
        height: calc(100% - 48px - 68px);
    }
    .footer {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    .footer__double {
        flex-direction: column-reverse;
    }
    .footer__left {
        margin-bottom: 0;
        margin-top: 24px;
    }
    .footer__menu {
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 24px;
    }
    .footer__column {
        width: 50%;
        flex-grow: initial;
        flex-basis: auto;
        padding-right: 10px;
    }
    .footer__column + .footer__column {
        margin-top: 0;
    }
    .footer_links {
        display: flex;
    }
    .footer__disclaimer {
        display: block;
    }
    .callback_phone {
        display: flex;
    }
    .block_5 .item__inner {
        padding-left: 15px;
        padding-top: 10px;
        padding-right: 15px;
        padding-bottom: 15px;
    }
    .block_5 .item__inner:after {
        display: none;
    }
    .block_5 .item__inner h6 {
        display: none;
    }
    .page__menu .header__content-wrap {
        display: block;
    }
    .header__content-wrap {
        margin-top: 10px;
        font-size: 12px;
    }
    .header__content-wrap br {
        display: none;
    }
}

@media (max-width: 575px) {
    .block_2 {
        padding-left: 70px;
    }

    .block_2 p {
        font-size: 16px;
        line-height: 24px;
    }

    .block_2:after {
        width: 55px;
        height: 10px;
        top: 26px;
    }

    .logo__desc {
        display: none;
    }

    .logo__title {
        max-width: 150px;
        white-space: break-spaces;
        font-size: 12px;
    }

    .logo__content {
        align-self: center;
    }

    .header-gosty {
        margin-right: 10px;
        margin-left: 5px;
    }

    .block_5 .item__inner p {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }
    .block_5 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .block_2 p {
        margin-bottom: 0;
    }
    .block_2 {
        margin-top: 20px;
    }

    .sticky-top {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .menu-open .page__menu {
        top: 58px;
        height: calc(100% - 48px - 58px);
    }
}

@media (max-width: 460px) {
    .block_2 {
        padding-left: 20px;
        padding-top: 30px;
    }

    .block_2:after {
        width: 85px;
        height: 30px;
        top: 6px;
    }

    .gallery-slider .slick-slide img, .gallery-slider .slick-slide iframe {
        height: 110px;
    }
}

/* --- style.css --- */
.pack2-col {
	display:flex;
    margin: 16px -8px;
    width: calc(100% + 16px);
}

.pack2-col__item {
    flex-shrink: 0;
    flex-basis: 0;
    flex-grow: 1;
    margin: 8px;
    min-width: calc(50% - 16px);
}

.pack2 {
	background-color: var(--c-primary-light);
}

.pack2__header {
	background-color: var(--c-primary);
	color:#fff;
	text-align:center;
	padding:8px 16px;
	box-sizing:border-box;
	font-size:20px;
	font-weight:600;
}

.pack2__content {
	box-sizing:border-box;
	padding:32px;
}

.pack2__item {
	display:flex;
	border-bottom: 2px solid var(--c-primary-light-hover);
	box-sizing:border-box;
	padding:12px 0;
}

.pack2__item:first-child {
	padding-top:0;
}
.pack2__item:last-child {
	border-bottom:0;
	padding-bottom:0;
}

.pack2__name {
	flex-grow:1;
	font-size:18px;
	padding-right:16px;
	box-sizing:border-box;
}

.pack2__price {
	font-size:20px;
	font-weight:700;
	white-space:nowrap;
}



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

}

@media screen and (max-width:768px){
	.pack2-col {
		flex-wrap:wrap;
	}
	
	.pack2-col__item {
		flex-shrink: 0;
		flex-basis: 0;
		flex-grow: 1;
		margin: 8px;
		min-width: calc(100% - 16px);
	}
}

@media screen and (max-width:480px){
	.pack2__header {
		font-size:18px;
	}

	.pack2__content {
		padding:16px;
	}	
	.pack2__item {	
		padding:8px;
	}
}
@media screen and (max-width:360px){
	
	.pack2__header {
		font-size:17px;
	}
}

/* --- свои правила копии (statika/stil.css) --- */
/* Свои правила копии ritual-gu (scripts/ritual-gu/kopiya). С 06.11 вид сайту дают модули темы gup живого сайта
   (statika/tema/, порядок - sborka.ТЕМА; кегль 16/1.3, заголовки прописными, «коробка» 1280 на сером #ddd, синее
   меню с жёлтыми разделителями, белая нижняя полоса с синей кнопкой - решение владельца 16.09 «типографику не
   трогать»). Здесь - только то, чего в теме нет: шрифт, своя разметка (бургер-кнопка, блок адреса с картой, карточки
   списков, реквизиты), поправки и печать. Новых цветов нет: синий #018bd3 темы и #1d63b3 mk.css. */
@font-face{font-family:"Commissioner";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/kopiya/fonts/commissioner-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Commissioner";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/kopiya/fonts/commissioner-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:focus-visible{outline:3px solid #018bd3;outline-offset:2px}
.propusk{position:absolute;left:-9999px}
.propusk:focus{left:16px;top:8px;z-index:30;background:#fff;padding:8px 16px}

/* шапка: бургер на живом был div - у нас кнопка, сбрасываем вид кнопки; раздел, в котором находишься, - жирным
   (так на снимках 21.10) */
button.header__burger{border:0;margin:0;-webkit-appearance:none;appearance:none;cursor:pointer;color:inherit;font:inherit;
  box-sizing:content-box}   /* у кнопки по умолчанию border-box - круг 22+20 px схлопывался в точку (снимок 390, 06.11) */
.menu__item_active > .menu__link{font-weight:700}
/* на телефоне подменю в теме спрятано display:none, раскрывал его jQuery живого (slideToggle) - у нас класс */
@media (max-width:1000px){.menu__item_open > .menu__submenu{display:block}}

/* нижняя полоса: на живом стили «Частых вопросов» стояли в атрибуте style - здесь те же (mk.css их перекрывает) */
.callback_phone__voprosy{display:flex;gap:10px;text-decoration:none;align-items:center}
.callback_phone__voprosy span{color:#fff;font-size:12px;font-weight:bold;text-transform:uppercase;display:block;width:83px}

/* подвал: реквизиты - наши (rules/legal/rekvizity-i-dokumenty.md), цветом подвала темы */
.footer__rekv{margin:16px 0 0;font-size:13px;line-height:1.4;color:var(--c-footer-text)}
.footer__rekv a{color:var(--c-footer-text)}

/* текст: картинки статей и таблицы (в теме своих правил для них нет) */
.detail img{height:auto}
.detail .oblozhka{margin:0 0 24px}
.detail .oblozhka img{display:block;width:100%;max-width:900px;aspect-ratio:16/9;object-fit:cover}
.detail table{border-collapse:collapse;width:100%}
.detail td,.detail th{border-bottom:1px solid #e0e6ee;padding:8px 10px;vertical-align:top;text-align:left}
.detail blockquote{margin:0 0 16px;padding:16px 24px;background:var(--c-grey);border-left:4px solid var(--c-primary)}

/* блок адреса с картой у моргов и кладбищ (свой: вставка «Контакты» шаблона с JS-картой не переносится) */
.mk-karta{border:1px solid #e0e6ee;border-radius:8px;overflow:hidden;margin:16px 0 24px;background:#fff}
.mk-karta__tekst{padding:16px 24px}
.mk-karta__adres{margin:0 0 12px}
.mk-karta__knopki{display:flex;flex-wrap:wrap;gap:12px}
.mk-karta__knopki a,.mk-karta__knopki button{font:inherit;font-size:15px;display:inline-block;padding:10px 16px;border-radius:4px;border:1px solid #1d63b3;background:#fff;color:#1d63b3;text-decoration:none;cursor:pointer;line-height:1.2}
.mk-karta__knopki a:hover,.mk-karta__knopki button:hover{background:#1d63b3;color:#fff}
.mk-karta__ramka iframe{display:block;width:100%;height:360px;border:0;border-top:1px solid #e0e6ee}

/* списки разделов, рубрики, «Читайте также» (свои карточки: на живом - компоненты Битрикса со своей вёрсткой) */
.razdel-vvod{margin:0 0 32px}
.kartochki{display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 32px;padding:0;list-style:none}
.detail .kartochki > li{padding-left:0;margin:0}
.detail .kartochki > li:before{display:none}
.kartochka{margin:0;background:var(--c-primary-light);display:flex;flex-direction:column;overflow:hidden}
.kartochka:hover{background:var(--c-primary-light-hover)}
.kartochka__img{display:block;aspect-ratio:16/9;object-fit:cover;width:100%}
.kartochka__in{padding:16px}
.kartochka__t{display:block;font-weight:700;font-size:17px;line-height:1.3;text-decoration:none;color:var(--c-black);margin:0 0 8px;text-transform:uppercase}
.kartochka__t:hover{color:var(--c-primary)}
.kartochka__p{margin:0;font-size:15px;line-height:1.4;color:#555}
.kartochka__adres{margin:0 0 4px;font-size:14px;color:#777}
.spisok-prostoj{columns:1;margin:0 0 32px;padding:0;list-style:none}
.spisok-prostoj li{break-inside:avoid;margin:0;padding:10px 0;border-bottom:1px solid #e0e6ee}
.spisok-prostoj a{text-decoration:none;font-weight:700;color:var(--c-primary)}
.spisok-prostoj span{display:block;font-size:14px;color:#777}
.chitajte{margin:48px 0 0}
.chitajte h2{margin-top:0}

/* главная: три кнопки под «Ритуальное обслуживание…» вместо карты со вкладками */
.kontakty-glavnoj__ssylki{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}

/* морги и кладбища: длинное имя места в шапке на телефоне обрезается в 3 строки (morg-land.css) - межстрочный 1.3,
   иначе из-под многоточия выглядывает «шапочка» Й скрытой четвёртой строки (снимок 320 px, морг Тосно, 06.11) */
@media (max-width:1000px){.land .logo-land .logo__title{line-height:1.3}}
/* длинное слово в имени места («ПАТОЛОГОАНАТОМИЧЕСКОГО», 77 мест длиннее 36 знаков) не сжималось, и бургер уезжал за
   край: вбок 7 px на 360-390, 77 px на 320 (морг больницы № 26, 06.11; живой 21.10 вбок не ездил). Логотип сжимается,
   слово переносится - сначала по слогам, где браузер умеет, иначе по букве; плашки ГОСТ и бургер не сжимаются */
@media (max-width:1000px){.header__logo,.header__logo .logo,.logo-land .logo__content{min-width:0}
  .logo-land .logo__title{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}
  .header-gosty,.header__burger{flex-shrink:0}}

@media (min-width:640px){
  .kartochki{grid-template-columns:1fr 1fr}
  .spisok-prostoj{columns:2;column-gap:32px}
}
@media (min-width:1000px){
  .kartochki{grid-template-columns:repeat(3,1fr)}
  .spisok-prostoj{columns:3}
}

@media print{
  .sticky-top,.footer,.callback_phone,.personal-data,.content-sides{display:none!important}
  html,body{background:#fff;box-shadow:none}
  /* фон при печати не выходит - белый текст первого экрана был бы бледно-серым (ревью 06.11) */
  .main-section{background:none!important;padding:0!important;margin:0 0 24px!important}
  .main-section__bg{display:none}
  .main-section .section-heading,.main-section .section-text,.main-section .section-text a{color:#222!important}
  .main-section .work-time{border:1px solid #ccc}
  .main-section .mk-pomoshch__knopka a{background:none;color:#222;padding:0;text-align:left}
}

/* --- «как было» (kak_bylo.py, statika/kak-bylo/kak-bylo.css) --- */
/* 1.6 полоса «Ритуальное обслуживание»: вид contact_bez-formy (mk.css, 16.09) уже в теме; здесь - кнопки разделов
   на месте карты с вкладками живого (Морги / Кладбища / Крематорий) */
/* на моргах и кладбищах .contact__view скрыт (morg-land.css живого: там полоса была только с номером) - так и есть;
   высота 400 px при <=768 (contact.css) - под карту, без карты она не нужна */
.kb-polosa .contact__view{justify-content:center;height:auto}
.kb-polosa__ssylki{display:flex;flex-wrap:wrap;gap:8px}
.kb-polosa__ssylki .btn{flex:1 1 140px;justify-content:center}

/* 1.5 синий блок «Контакты» (contact-section из land.css = morg-land.css живого); справа - карта по кнопке */
.contact-section-right{display:flex}
.contact-section .kb-karta{flex:1 1 auto;margin:0;border:0;border-radius:20px;overflow:hidden;background:#fff;
  display:flex;flex-direction:column;justify-content:center}
.contact-section .kb-karta .mk-karta__tekst{padding:24px}
.contact-section .kb-karta .mk-karta__knopki{justify-content:center}
.contact-section .kb-karta .mk-karta__ramka iframe{height:435px;border-top:0}
@media screen and (max-width:1000px){
  .contact-section{margin-left:-16px;margin-right:-16px;padding:24px 16px;border-radius:0}
  .contact-section-row{flex-direction:column;gap:0}
  .contact-section .kb-karta .mk-karta__ramka iframe{height:280px}
}

/* 1.7 значки плиток banner.php: на живом - inline mask-image файла из /upload/iblock/ (кэш Chrome) */
.kb-znachok{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain}
.kb-znachok_posob{-webkit-mask-image:url(/kopiya/kak-bylo/posob.svg);mask-image:url(/kopiya/kak-bylo/posob.svg)}
.kb-znachok_dokumenty{-webkit-mask-image:url(/kopiya/kak-bylo/dokumenty.svg);mask-image:url(/kopiya/kak-bylo/dokumenty.svg)}
.kb-znachok_mesto{-webkit-mask-image:url(/kopiya/kak-bylo/mesto.svg);mask-image:url(/kopiya/kak-bylo/mesto.svg)}
.kb-znachok_perevozka{-webkit-mask-image:url(/kopiya/kak-bylo/perevozka.svg);mask-image:url(/kopiya/kak-bylo/perevozka.svg)}

/* правки по ревью 06.11: кнопки в полосе - белым (правило темы .contact a{color:#000} сильнее .btn);
   мобильный вид синего блока - с .land (land.css подключается после stil.css и перекрывал правила без него) */
.kb-polosa__ssylki .btn{color:#fff}
@media screen and (max-width:1000px){
  .land .contact-section{margin-left:-16px;margin-right:-16px;padding:24px 16px;border-radius:0}
  .land .contact-section-row{flex-direction:column;gap:0}
}
@media screen and (max-width:360px){
  .land .contacts-list-item--phone a{font-size:24px}
}