.menu.top {
	height: 88px;
	background-color: rgb(61 68 90 / 59%);
}

.page-wrap {
	background: #fff;
	background: url(/images/raznoe/vensel_left.svg) left top repeat-y, url(/images/raznoe/vensel_right.svg) right top repeat-y;
	min-height: calc(100vh - 758px);
}

@media only screen and (max-width : 720px) {
	.menu.top {
		height: 45px;
	}
}

@media only screen and (max-width : 660px) {
	.menu.top {
		display: none;
	}

	.menu.top.index {
		display: block;
		height: auto;
		background-color: #f4dea5;
	}
}

.group-buttons:not(:first-child) {
	margin-top: 30px;
}

.left.menu ul.mod-menu:last-child {
	margin-bottom: 50px;
}

.group-buttons {
	display: flex;
	flex-direction: column;
}

.group-buttons button {
	padding: 0 40px;
	margin-bottom: -40px;
	min-height: 140px;
}

.group-buttons button {
	background-image: url(/images/raznoe/home-top-button.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 100px;
	margin-bottom: 6px;
	padding: 0 60px;
	background-color: #007bff00;
	border: 0;
	border-radius: 0;
	transition: all .2s ease-in-out;
	cursor: pointer;
}

.group-buttons button span {
	font-size: 22px;
	color: #886344;
}

.group-buttons button:hover {
	transform: scale(0.98);
}

.menu.top ul {
	padding: 26px 0 30px;
}

.header-phone {
	font-size: 23px;
	float: right;
	text-decoration: none;
	font-family: 'PT Mono Bold';
	padding-top: 2px;
}

.phone-block {
	display: none;
}

.shift .phone-block {
	display: block;
}

@media only screen and (max-width : 720px) {
	.menu.top ul {
		padding: 7px 0 8px;
	}
}

@media only screen and (max-width : 660px) {
	.menu.top ul {
		padding: 0;
	}
}

.menu.top li {
	float: left;
	display: inline;
	padding-right: 35px;
}

@media only screen and (max-width : 720px) {
	.menu.top li {
		padding-right: 24px;
	}
}

@media only screen and (max-width : 705px) {
	.menu.top li {
		padding-right: 23px;
	}
}

@media only screen and (max-width : 695px) {
	.menu.top li {
		padding-right: 22px;
	}
}

@media only screen and (max-width : 675px) {
	.menu.top li {
		padding-right: 20px;
	}
}

@media only screen and (max-width : 660px) {
	.menu.top li {
		float: none;
		display: block;
		height: 50px;
		border-bottom: 1px solid #3e4042;
		padding-right: 0;
	}
}

.menu.top li:first-child {
	padding-left: 0px;
}

@media only screen and (max-width : 720px) {
	.menu.top li:first-child {
		padding-left: 15px;
	}
}

@media only screen and (max-width : 710px) {
	.menu.top li:first-child {
		padding-left: 10px;
	}
}

@media only screen and (max-width : 700px) {
	.menu.top li:first-child {
		padding-left: 5px;
	}
}

@media only screen and (max-width : 660px) {
	.menu.top li:first-child {
		padding-left: 0;
	}
}

.menu.top a {
	text-transform: uppercase;
	font-family: 'PT Sans';
	font-size: 24px;
	text-decoration: none;
}

@media only screen and (max-width : 720px) {
	.menu.top a {
		font-size: 18px;
		line-height: 30px;
	}
}

@media only screen and (max-width : 690px) {
	.menu.top a {
		font-size: 17px;
		line-height: 30px;
	}
}

@media only screen and (max-width : 660px) {
	.menu.top a {
		color: #3e4042;
		font-size: 24px;
		font-family: "PT Bold";
		font-weight: bold;
		line-height: 49px;
		text-align: center;
		display: block;
	}
}

.menu.top a:hover,
.menu.top a.active {
	color: #f4dea5;
}

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

	.menu.top a:hover,
	.menu.top a.active {
		color: #fff;
	}

	.menu.top a.active {
		background: #8b7b5a;
	}
}

.menu.top a span {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

.menu.top a span:nth-child(even) {
	display: none;
}

@media only screen and (max-width : 660px) {
	.menu.top a span:nth-child(even) {
		display: block;
	}

	.menu.top a span:nth-child(odd) {
		display: none;
	}
}

/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/mobile/style.css?16161533381730*/
.menu.top.mobile {
	display: none;
	background-color: transparent;
}

@media only screen and (max-width : 660px) {
	.menu.top.mobile {
		display: block;
		height: auto;
	}
}

@media only screen and (max-width : 660px) {
	.menu.top ul {
		padding: 0;
		display: none;
	}
}

@media only screen and (max-width : 660px) {
	.menu.top li {
		float: none;
		display: block;
		height: 50px;
		border-bottom: 1px solid #3e4042;
		padding-right: 0;
	}
}

@media only screen and (max-width : 660px) {
	.menu.top li:first-child {
		padding-left: 0;
	}
}


@media only screen and (max-width : 660px) {
	.menu.top a {
		color: #3e4042;
		font-size: 24px;
		font-family: "PT Bold";
		font-weight: bold;
		line-height: 49px;
		text-align: center;
		display: block;
	}
}

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

	.menu.top a:hover,
	.menu.top a.active {
		color: #fff;
	}

	.menu.top a.active {
		background: #8b7b5a;
	}
}

@media only screen and (max-width : 660px) {
	.menu.top a span:nth-child(even) {
		display: block;
	}

	.menu.top a span:nth-child(odd) {
		display: none;
	}
}

.menu.top a#pull {
	display: none;
}

@media only screen and (max-width : 660px) {
	.menu.top a#pull {
		display: block;
		background-color: #8b7b5a;
		width: 100%;
		position: relative;
		border-bottom: 1px solid #3e4042;
		color: #fff;
		text-align: left;
		padding-left: 35px;
	}

	.menu.top a#pull:after {
		content: "";
		background: url('/bitrix/templates/.default/components/bitrix/menu/mobile/img/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 13px;
	}

	.menu.top a#pull.close:after {
		background: url('/bitrix/templates/.default/components/bitrix/menu/mobile/img/close-icon.png') no-repeat;
	}
}

/* End */


/* Start:/bitrix/templates/1.01.undertaking/components/bitrix/menu/bottom/style.css?1616153339418*/
.menu.bottom {}

@media only screen and (max-width : 720px) {
	.menu.bottom {
		display: none;
	}
}

.half.menu.bottom {
	width: 45%;
}

.menu.bottom li {
	float: left;
	display: inline;
	padding-left: 25px;
}

.menu.bottom li:first-child {
	padding-left: 0px;
}

.menu.bottom a {
	text-transform: uppercase;
}

.menu.bottom a:hover,
.menu.bottom a.active {
	text-decoration: none;
	color: #f4dea5;
}

/* End */


/* Start:/bitrix/templates/1.01.undertaking/template_styles.css?167794304444372*/
/* include fonts */
@font-face {
	font-family: 'PT Sans';
	src: url('/templates/ritual/fonts/PTSans/PTS55F_W.eot');
	src:
		url('/templates/ritual/fonts/PTSans/PTS55F_W.eot?#iefix') format('embedded-opentype'),
		url('/templates/ritual/fonts/PTSans/PTS55F_W.woff') format('woff'),
		url('/templates/ritual/fonts/PTSans/PTS55F_W.ttf') format('truetype'),
		url('/templates/ritual/fonts/PTSans/PTS55F_W.svg#PTSans-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PT Sans Narrow';
	src: url('/templates/ritual/fonts/PTSans/ptn57f_w.eot');
	src: local('PT Sans Narrow'), url('/templates/ritual/fonts/PTSans/PTN57F_W.eot?#iefix') format('embedded-opentype'), url('/templates/ritual/fonts/PTSans/PTN57F_W.woff') format('woff'), url('/templates/ritual/fonts/PTSans/PTN57F_W.ttf') format('truetype'), url('/templates/ritual/fonts/PTSans/PTN57F_W.svg#PTSans-Narrow') format('svg');
}

@font-face {
	font-family: 'PT Sans Narrow';
	font-weight: bold;
	src: url('/templates/ritual/fonts/PTSans/ptn77f_w.eot');
	src: local('PT Sans Narrow Bold'), url('/templates/ritual/fonts/PTSans/PTN77F_W.eot?#iefix') format('embedded-opentype'), url('/templates/ritual/fonts/PTSans/PTN77F_W.woff') format('woff'), url('/templates/ritual/fonts/PTSans/PTN77F_W.ttf') format('truetype'), url('/templates/ritual/fonts/PTSans/PTN77F_W.svg#PTSans-NarrowBold') format('svg');
}

@font-face {
	font-family: "PT Mono Bold";
	src: url("/templates/ritual/fonts/PTBold/PTMonoBold.ttf");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "PT Bold";
	src: url("/templates/ritual/fonts/PTBold/PTBold.ttf");
	font-style: normal;
	font-weight: normal;
}

/* sticky footer */
html,
body,
#wrap {
	height: 100%;
	width: 100%;
}

body>#wrap {
	height: auto;
	min-height: 100%;
}

#wrap {
	width: 100%;
}

#main {
	padding-bottom: 267px;
}

@media only screen and (max-width : 720px) {
	#main {
		padding-bottom: 275px;
	}
}

@media only screen and (max-width : 360px) {
	#main {
		padding-bottom: 270px;
	}
}

footer {
	position: relative;
	margin-top: -267px;
	height: 324px;
	clear: both;
}

.red {
	color: red;
	padding: 0 2px;
}

@media(max-width : 720px) {
	footer {
		margin-top: -275px;
		height: 330px;
	}

	.provodnik {
		text-align: center;
	}
}

@media only screen and (max-width : 360px) {
	footer {
		margin-top: -270px;
		height: 270px;
	}
}

/* CLEAR CHACK*/
.clearchack:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearchack {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearchack {
	height: 1%;
}

.clearchack {
	display: block;
}

/* End hide from IE-mac */
/* the end of sticky footer */

/* common styles */
* {
	margin: 0;
	padding: 0;
	font-family: 'PT Sans Narrow';
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body,
#wrap {
	min-width: 1000px;
}

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

	html,
	body,
	#wrap {
		min-width: 100%;
	}
}

body {
	line-height: normal;
}

.clearfix:after {
	content: '';
	display: table;
	clear: both;
}

.container-fluid {
	width: 100%;
	padding: 0;
}

.container {
	width: 1030px;
	padding: 0 25px;
	margin: 0 auto;
}

@media only screen and (max-width : 720px) {
	.container {
		width: 100%;
		padding: 0 10px;
	}
}

@media only screen and (max-width : 360px) {
	.container {
		padding: 0 7px 0 3px;
	}
}

h1,
.kakh1,
h2,
.kakh2,
h3,
.kakh3 {
	/*	text-transform: uppercase;*/
	margin: 25px 0 20px;
	font-weight: bold;
	color: #000;
}

h1 {
	margin-top: 0;
}

h1,
.kakh1 {
	font-size: 24px;
}

h2,
.kakh2 {
	font-size: 21px;
}

h3,
.kakh3 {
	font-size: 18px;
}

h4,
.kakh4 {
	font-size: 16px;
}

h5,
.kakh5 {
	font-size: 14px;
}

p {
	margin: 10px 0;
	text-align: justify;
}

ul {
	list-style: none;
}

ol {
	padding-left: 15px;
}

.dash li::before {
	content: "— ";
}

.info-wrap li {
	padding-bottom: 5px;
}

dl {
	text-align: justify;
}

dd,
dt {
	display: inline;
}

img.float-left {
	float: left;
	margin: 0 20px 15px 0;
}

img.float-right {
	float: right;
	margin: 0px 0px 15px 35px;
}

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

	img.float-left,
	img.float-right {
		display: block;
		width: 300px;
		float: none;
		clear: both;
		margin: 10px auto;
	}
}

.button {}

.button a {
	display: block;
	height: 100%;
	text-align: center;
	text-decoration: none;
	color: #000;
}

.half {
	width: 50%;
	display: inline-block;
	float: left;
}

.relative {
	position: relative;
}

.bold {
	font-weight: bold;
}

.bold * {
	font-weight: bold !important;
}

.upper {
	text-transform: uppercase;
}

.upper * {
	text-transform: uppercase !important;
}

.phone {
	white-space: nowrap;
}

.phone a {
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: none;
}

a.phone {
	font-family: inherit !important;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

.intro * {
	font-size: 15px;
}

.note {
	width: 100%;
	border: 1px solid #b09d75;
	background: #fff url('/images/note-min.png') no-repeat 25px center;
	margin: 15px 0;
	font-size: 18px;
	line-height: 20px;
	padding: 7px 20px 9px 80px;
	color: #695f49;
	text-align: justify;
}

@media only screen and (max-width : 690px) {
	.info-wrap .note {
		background-image: none;
		padding-left: 20px;
	}
}

@media only screen and (max-width : 660px) {
	.info-wrap .note {
		background-image: url('/images/note-min.png');
		padding-left: 80px;
	}
}

@media only screen and (max-width : 500px) {
	.info-wrap .note {
		background-image: none;
		padding-left: 20px;
	}
}

.note span {
	font: inherit;
}

.note a.phone {
	color: #000;
}

.call {
	margin-bottom: 20px;
}

.call,
.call * {
	font-size: 18px;
}

.call p {
	margin: 0;
}

ul.call {
	list-style: disc;
	margin-left: 20px;
}

ul.call li {
	padding-left: 5px;
	padding-bottom: 8px;
	color: #8b7b5a;
}

ul.call li span {
	color: #000;
}

.call .phone {
	font-size: 20px;
}

.price-from {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
}

.price-from span {
	font-size: inherit;
	font-weight: inherit;
	text-transform: uppercase;
}

@media only screen and (max-width : 720px) {
	.page-wrap {
		margin-bottom: 35px;
	}
}

.left-menu.container {
	box-shadow: 0px 4px 26px -3px rgba(162, 157, 149, .41);
}

@media only screen and (max-width : 720px) {
	.left-menu.container {
		padding-left: 10px;
	}
}

@media only screen and (max-width : 700px) {
	.left-menu.container {
		padding-left: 5px;
	}
}

@media only screen and (max-width : 685px) {
	.left-menu.container {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.info-wrap {
	float: right;
	width: 675px;
}

@media only screen and (max-width : 720px) {
	.info-wrap {
		width: 460px;
	}
}

@media only screen and (max-width : 710px) {
	.info-wrap {
		width: 450px;
	}
}

@media only screen and (max-width : 690px) {
	.info-wrap {
		width: 445px;
	}
}

@media only screen and (max-width : 680px) {
	.info-wrap {
		width: 440px;
	}
}

@media only screen and (max-width : 660px) {
	.info-wrap {
		width: 100%;
	}
}

/* tables styles */
table.brown {
	margin: 30px 0 25px;
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	text-align: center;
}

table.brown tr th {
	background: #b09d75;
	color: #fff;
}

table.brown tr th:first-child {
	width: 75%;
}

table.brown tr td,
table.brown tr th {
	border: 1px solid #b09d75;
	padding: 5px 10px;
}

table.brown tr td:first-child {
	text-align: left;
}

table.brown caption {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}

table.brown.price tbody th {
	background: transparent;
	color: #000;
	text-align: left;
}

table.brown.price th:first-child,
table.brown.price td:first-child {
	width: 6%;
	text-align: center;
}

table.brown.price thead th:last-child,
table.brown.price tbody td:last-child {
	text-align: center;
	white-space: nowrap;
}

table.brown.price td {
	text-align: left;
}

table.brown.wake {
	width: 85%;
	margin-top: 0;
}

/* the end of tables styles */

/* gallery styles */
.third {
	width: 200px;
	height: 133px;
	margin-left: 30px;
	margin-bottom: 15px;
	float: left;
}

.third:nth-child(3n+1) {
	margin-left: 0;
}

.wreath .third {
	height: 287px;
}

@media only screen and (max-width : 720px) {
	.third:nth-child(3n+1) {
		margin-left: 30px;
	}

	.cremation-gallery .third:nth-child(odd) {
		margin-left: 0;
	}
}

@media only screen and (max-width : 660px) {
	.seo .cremation-gallery .third {
		margin-left: 15px;
	}

	.seo .cremation-gallery .third:nth-child(3n+1) {
		margin-left: 0;
	}
}

@media only screen and (max-width : 640px) {
	.info-wrap .seo .cremation-gallery .third {
		margin-left: 45px;
	}

	.logo-block img {
		max-width: 100% !important;
	}

	.seo .cremation-gallery .third:nth-child(odd) {
		margin-left: 5px;
	}
}

@media only screen and (max-width : 480px) {
	.info-wrap .seo .cremation-gallery .third {
		margin-left: 20px;
	}

	.info-wrap .seo .cremation-gallery .third:nth-child(odd) {
		margin-left: 0;
	}
}

@media only screen and (max-width : 440px) {
	.container .info-wrap .seo .cremation-gallery .third {
		margin: 0 auto 20px;
		float: none;
		clear: both;
	}
}

.cremation-gallery+h2 {
	margin-top: 10px;
}

@media only screen and (max-width : 440px) {
	.cremation-gallery+h2 {
		margin-top: 5px;
	}
}

/* the end of gallery styles */

a.fancybox {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

/* the end of common styles */

/* header & footer styles */
.bar .container,
.header.container {
	width: 975px;
	padding-left: 0;
}

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

	.bar .container,
	.header.container,
	footer .bar.container {
		width: 100%;
	}
}

.header .phone,
footer .phone {
	font-family: 'PT Mono Bold';
}

/* header styles */
#header {
	position: relative;
	width: 100%;
	top: 0px;
	padding: 0;
}

#header.shift {
	padding-top: 410px;
}

header {
	height: 410px;
}

.uslugi {
	box-shadow: 0px 4px 26px -3px rgba(162, 157, 149, .41);
}

.uslugi h2 {
	margin: 0;
	padding: 30px 0 10px 0;
}

.uslugi {
	padding-bottom: 45px;
}

.uslugi p,
.uslugi a,
.uslugi li {
	font-size: 16px;
}

@media only screen and (max-width : 720px) {
	header {
		height: 253px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width : 660px) {
	header {
		height: auto;
	}
}

@media only screen and (max-width : 360px) {
	header {
		margin-bottom: 25px;
	}
}

/* header fixed styles */
header.fixed {
	height: 89px;
	width: 100%;
	margin-bottom: 0;
	position: fixed;
	z-index: 1000;
	top: 0px;
}

header.fixed .header-bg {
	background-image: none;
	background-color: rgba(0, 0, 0, 0.6);
}

header.fixed .bar {
	display: none;
}

header.fixed .centre {
	padding-top: 0px;
	height: 100%;
}

header.fixed .logo-block {
	display: none;
}

header.fixed .container.header {
	width: 510px;
	padding: 0px;
	float: right;
	height: 89px;
}

header.fixed .phone-block {
	top: 10px;
	height: auto;
	width: 100%;
	margin-bottom: 0;
	margin-top: 0;
	float: left;
}

header.fixed .phone-block .info {
	text-align: center;
	padding: 0;
}

header.fixed .phone-block .info:first-child {
	display: none;
}

header.fixed .phone {
	margin-top: 10px;
	line-height: 36px;
	text-align: center;
	font-size: 36px;
}

header.fixed .phone.dop {
	display: none;
}

header.fixed .phone.local {
	display: block;
}

header.fixed .phone.local span {
	font: inherit;
	font-size: 28px;
}

header.fixed .callback {
	padding: 0;
	text-align: center;
}

header.fixed .adds {
	display: none;
}

header.fixed .menu.top {
	background-color: transparent;
}

header.fixed .menu.top.container-fluid {
	width: 440px;
}

header.fixed .menu.top ul {
	height: 88px;
	padding: 10px 0;
}

header.fixed .menu.top li {
	padding-left: 0px;
	padding-right: 30px;
}

/*header.fixed .menu.top li:nth-child(1) {
	display: none;
}*/
header.fixed .menu.top a {
	font-size: 18px;
	line-height: 29px;
}

header.fixed .container-fixed {
	width: 950px;
	padding: 0 25px;
	margin: 0 auto;
}

/* the end of header fixed styles */
header * {
	color: #fff;
}

header .bar {
	height: 30px;
	background: #b69d75;
}

@media only screen and (max-width : 480px) {
	header .container-fluid.bar {
		height: 30px;
		padding-left: 5px;
		padding-right: 5px;
	}

	header .bar .container {
		padding-right: 0px;
	}
}

@media only screen and (max-width : 360px) {
	header .bar {
		display: none;
	}
}

header .bar span {
	text-transform: uppercase;
	font-size: 23px;
	line-height: 30px;
	color: #fff;
}

@media only screen and (max-width : 720px) {
	header .bar span {
		font-size: 20px;
	}
}

@media only screen and (max-width : 528px) {
	header .bar span {
		font-size: 18px;
	}
}

@media only screen and (max-width : 480px) {
	header .bar span {
		font-size: 16px;
	}
}

@media only screen and (max-width : 434px) {
	header .bar span {
		font-size: 14px;
	}
}

header .bar img {
	float: right;
	width: 349px;
	height: 30px;
	border: none;
}

@media only screen and (max-width : 720px) {
	header .bar img {
		display: none;
	}
}

.header-bg {
	background: url('/images/raznoe/flower-stone.jpg') top center repeat-x;
}

@media only screen and (max-width : 720px) {
	.header-bg {
		background: url('/images/raznoe/header-bg-sm-min.jpg') top center repeat-x;
	}
}

@media only screen and (max-width : 660px) {
	.header-bg {
		background: url('/images/raznoe/header-bg-sm660-min.jpg') top center repeat-x;
	}
}

@media only screen and (max-width : 590px) {
	.header-bg {
		background: url('/images/raznoe/header-bg-sm590-min.jpg') top center repeat-x;
	}
}

@media only screen and (max-width : 360px) {
	.header-bg {
		background: url('/images/raznoe/header-bg-xs-min.jpg') top center repeat-x;
	}
}

.header {
	height: 290px;
	padding-top: 34px;
}

@media only screen and (max-width : 720px) {
	.header {
		height: 178px;
		padding-top: 5px;
	}

	.header {
		background: #3f3f3f;
	}
}

@media only screen and (max-width : 660px) {
	.header {
		height: 185px;
	}
}

@media only screen and (max-width : 590px) {
	.header {
		height: 150px;
		padding-top: 5px;
	}
}

@media only screen and (max-width : 360px) {
	.header {
		height: 293px;
		padding-top: 20px;
	}
}

.logo-block {
	float: left;
	width: 313px;
	height: 145px;
	margin-top: 0px;
	margin-left: 10px;
}

@media only screen and (max-width : 720px) {
	.logo-block {
		width: 271px;
		height: 125px;
		margin-top: 0;
		margin-left: 5px;
	}
}

@media only screen and (max-width : 590px) {
	.logo-block {
		float: none;
		margin: 0 auto;
	}
}

@media only screen and (max-width : 360px) {
	.logo-block {
		/*		width: 271px;
		height: 125px;*/
		/*		margin-top: 15px;*/
	}
}

.phone-block {
	text-shadow: 3px 5px 8px rgba(20, 21, 22, 0.86);
	float: right;
	text-align: right;
	margin-top: 40px;
	margin-bottom: 10px;
}

@media only screen and (max-width : 720px) {
	.phone-block {
		margin-top: 15px;
		margin-bottom: 0;
		min-height: 145px;
		max-width: 300px;
	}
}

@media only screen and (max-width : 630px) {
	.phone-block {
		max-width: 290px;
	}
}

@media only screen and (max-width : 590px) {
	.phone-block {
		float: none;
		text-align: center;
		margin: 5px auto 0;
		max-width: 100%;
	}
}

@media only screen and (max-width : 360px) {
	.phone-block {
		min-height: auto;
		margin-top: 15px;
	}
}

.header .phone-block .info {
	padding: 0 15px 15px 0;
	font-size: 18px;
	line-height: 24px;
	font-family: 'PT Sans';
}

@media only screen and (max-width : 720px) {
	.header .phone-block .info {
		padding-bottom: 5px;
		padding-right: 10px;
		font-size: 15px;
		line-height: 22px;
	}
}

@media only screen and (max-width : 630px) {
	.header .phone-block .info {
		padding-right: 0px;
	}
}

@media only screen and (max-width : 380px) {
	.header .phone-block .info {
		font-size: 14px;
		line-height: 16px;
	}
}

@media only screen and (max-width : 360px) {
	.header .phone-block .info {
		padding-top: 10px;
	}
}

.header .phone-block .info:last-child {
	padding-top: 5px;
	padding-bottom: 0;
}

@media only screen and (max-width : 720px) {
	.header .phone-block .info:last-child {
		padding-top: 8px;
	}
}

/*@media only screen and (max-width : 360px) {
	.header .phone-block .info:last-child {
		display: block;
	}
}*/
.header .phone {
	font-size: 42px;
	line-height: 45px;
}

.header .phone.dop {
	margin-top: 15px;
}

@media only screen and (max-width : 720px) {
	.header .phone {
		font-size: 32px;
		line-height: 35px;
	}

	.header .phone.dop {
		margin-top: 0;
	}
}

@media only screen and (max-width : 630px) {
	.header .phone {
		font-size: 26px;
		line-height: 30px;
	}
}

@media only screen and (max-width : 590px) {
	.header .phone {
		/*		float: left;
		width: 50%;*/
		text-align: center;
	}
}

@media only screen and (max-width : 520px) {
	.header .phone {
		/*		float: none;
		width: 100%;*/
		font-size: 27px;
	}
}

@media only screen and (max-width : 360px) {
	.header .phone {
		font-size: 26px;
		line-height: 32px;
	}
}

.phone a {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	text-decoration: none;
}

.phone.local {
	margin-bottom: 5px;
}

.phone.local span {
	font-size: 35px;
	font-family: 'PT Mono Bold';
}

@media only screen and (max-width : 720px) {
	.phone.local span {
		font-size: 26px;
	}
}

@media only screen and (max-width : 630px) {
	.phone.local span {
		font-size: 22px;
	}
}

.adds {
	float: left;
	font-family: 'PT Sans';
	padding-left: 10px;
	margin-top: 35px;
	font-size: 18px;
	color: #000;
	display: block;
	clear: both;
}

@media only screen and (max-width : 720px) {
	.adds {
		padding-left: 10px;
		margin-top: 15px;
		font-size: 15px;
	}
}

@media only screen and (max-width : 590px) {
	.adds {
		display: none;
	}
}

/* the end of header styles */

/* footer styles */
footer {
	width: 100%;
	background: url(/images/raznoe/3d01b5c4cb9358ec63bef7e0e514d7fd.jpg) top center repeat-x;
}

footer::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #00000090;
}

@media only screen and (max-width : 720px) {
	footer {
		background: url('/images/raznoe/footer-bg-sm-min.jpg') center repeat-x;
	}
}

@media only screen and (max-width : 360px) {
	footer {
		background: url('/images/raznoe/footer-bg-xs-min.jpg') center repeat-x;
	}
}

footer * {
	color: #fff;
	position: relative;
}

.footer {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.container.footer {
	padding-top: 30px;
}

@media only screen and (max-width : 720px) {
	.footer {
		padding-bottom: 0;
	}
}

.footer .name {
	font-size: 38px;
	line-height: 40px;
	padding: 5px 0 7px;
}

@media only screen and (max-width : 720px) {
	.footer .name {
		font-size: 34px;
		line-height: 36px;
	}
}

@media only screen and (max-width : 550px) {
	.footer .name {
		font-size: 30px;
		line-height: 32px;
	}
}

@media only screen and (max-width : 520px) {
	.footer .name {
		font-size: 28px;
		line-height: 30px;
	}
}

@media only screen and (max-width : 376px) {
	.footer .name {
		font-size: 29px;
	}
}

@media only screen and (max-width : 362px) {
	.footer .name {
		font-size: 28px;
		line-height: 30px;
		padding: 0 0 7px;
	}
}

@media only screen and (max-width : 342px) {
	.footer .name {
		font-size: 26px;
	}
}

@media only screen and (max-width : 322px) {
	.footer .name {
		font-size: 25px;
	}
}

@media only screen and (max-width : 314px) {
	.footer .name {
		font-size: 24px;
	}
}

@media only screen and (max-width : 314px) {
	.footer .name {
		font-size: 22px;
	}
}

.footer .phone {
	font-size: 32px;
	line-height: 40px;
}

/* sticky phone in footer styles */
@media only screen and (max-width: 720px) {
	.footer .phone {
		line-height: 35px;
	}

	.footer .phone a {
		font-weight: normal;
	}

	.footer .phone a span {
		font-size: inherit;
	}

	.footer .adaptive-phone-fixed-wrap {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: #b09d75;
		z-index: 1000;
		padding: 10px 0;
	}

	.footer .adaptive-phone-fixed-wrap .phone {
		font-size: 16px;
		line-height: 32px;
		border-radius: 6px;
		color: #ffffff;
		display: inline-block;
		text-transform: uppercase;
		font-weight: 700;
		margin: 0 auto;
		text-align: center;
		border: 1px solid #fff;
		outline: none;
		text-decoration: none;
		padding: 0 20px;
		display: inline-block;
	}

	.footer .adaptive-phone-fixed-wrap .schedule {
		display: none;
	}

	.footer .adaptive-phone-fixed-wrap .phone.dop {
		display: none;
	}
}

/* the end of sticky phone in footer styles */

/*@media only screen and (max-width : 720px) {
	.footer .phone {
		line-height: 35px;
	}
}
@media only screen and (max-width : 360px) {
	.footer .phone {
		font-size: 30px;
		line-height: 32px;
	}
}
@media only screen and (max-width : 300px) {
	.footer .phone {
		font-size: 28px;
	}
}*/
.footer .schedule {
	font-size: 18px;
	line-height: 35px;
}

@media only screen and (max-width : 376px) {
	.footer .schedule {
		font-size: 18px;
		line-height: 22px;
	}
}

footer .bar {
	padding-top: 5px;
	padding-bottom: 10px;
}

.half.copyright {
	margin-top: 20px;
}

@media only screen and (max-width : 720px) {
	.half.copyright {
		width: 100%;
		float: none;
		clear: both;
		text-align: center;
		line-height: 35px;
		padding: 0
	}

	footer .container.bar {
		display: table;
		padding: 5px 0;
	}
}

@media only screen and (max-width : 550px) {
	footer .container.bar {
		padding-top: 0;
	}

	.half.copyright {
		line-height: 20px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width : 375px) {
	.half.copyright {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width : 284px) {
	.half.copyright {
		font-size: 13px;
	}
}


.container.no-offerta {
	text-align: justify;
	font-size: 13px;
	margin-top: 10px;
}

@media only screen and (max-width : 415px) {
	.container.no-offerta {
		font-size: 12px;
	}
}

/* the end of footer styles */
/* the end of header & footer styles */

/* menu styles */
.menu ul {
	list-style: none;
}

/* the end of menu styles */

/* tariff-block styles */
.tariff-block {
	margin-bottom: 35px;
}

@media only screen and (max-width : 720px) {
	.tariff-block br.md {
		display: none;
	}
}

.tariff-block .tariff-wrap {
	float: left;
	width: 200px;
	margin-left: 37px;
}

@media only screen and (max-width : 720px) {
	.tariff-block .tariff-wrap {
		float: none;
		width: 100%;
		margin-left: 0px;
		margin-top: 35px;
	}
}

.tariff-block .tariff-wrap:first-child {
	margin-left: 0px;
}

@media only screen and (max-width : 720px) {
	.tariff-block .tariff-wrap:first-child {
		margin-top: 0px;
	}
}

.tariff-block .tariff {
	height: 330px;
	border: 1px solid #000;
}

.tariff-block.main .tariff {
	height: 341px;
}

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

	.tariff-block .tariff,
	.tariff-block.main .tariff {
		height: auto;
	}
}

.tariff .head {
	border-bottom: 1px solid #000;
	background: #b69d75;
}

.tariff-block.main .head {
	position: relative;
	z-index: 5;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #b69d75;
}

.tariff-block.main .head:hover {
	background: #8b7b5a;
}

.tariff .head * {
	text-align: center;
}

.tariff-block.main .head * {
	color: #fff;
}

.tariff-block .price {
	padding-top: 5px;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 0;
	color: #fff;
}

.tariff-block.main .price {
	padding-top: 0;
	padding-bottom: 3px;
}

.tariff-block .head .price span {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	color: inherit;
}

.tariff-block.main .head .price span {
	color: inherit;
}

.tariff .head .kakh3 {
	text-transform: uppercase;
	margin: 0px;
	font-weight: bold;
	padding-bottom: 3px;
	color: #fff;
}

.tariff-block.main a.kakh3 {
	position: absolute;
	z-index: 10;
	top: 0;
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 0;
	text-decoration: none;
}

.tariff .head span {
	display: block;
	font-size: 18px;
	color: #eee2ca;
}

.tariff-block.main .head span {
	color: #eee2ca;
}

.tariff .info {
	height: 250px;
	background: #fff;
	padding: 10px;
	text-align: justify;
}

.tariff-block.main .info {
	height: 233px;
	padding-bottom: 80px;
	position: relative;
}

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

	.tariff .info,
	.tariff-block.main .info {
		height: auto;
	}

	.tariff-block.main .info {
		padding-bottom: 45px;
	}
}

.tariff .info p {
	line-height: 14px;
	margin: 0px;
	padding-bottom: 5px;
	text-align: left;
	font-size: 14px;
    line-height: 1;
}

.tariff .info p b {
	float: right;
	font-size: 14px;
    line-height: 1;
}

.tariff .info p a {
	font-style: italic;
}

.tariff-block.main .info img {
	position: absolute;
	bottom: 45px;
	width: 178px;
	height: 100px;
}

@media only screen and (max-width : 720px) {
	.tariff-block.main .info a.img-link {
		display: none;
	}
}

.tariff-block.main .button {
	height: 36px;
	width: 178px;
	left: 50%;
	margin-left: -89px;
	line-height: 36px;
	position: absolute;
	bottom: 5px;
}

.tariff-block.main .button a {
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	background: #b69d75;
}

.tariff-block .button a:hover {
	background: #8b7b5a;
}

.tariff.particular {
	margin-bottom: 35px;
}

.tariff.particular.price-top {
	margin-bottom: 25px;
}

.tariff.particular .head {
	background: transparent;
	border-bottom: none;
}

.tariff.particular .info {
	height: auto;
	background: transparent;
}

.tariff.particular .callback,
.tariff-block .callback {
	height: 38px;
	width: 154px;
	margin: 0 auto;
}

.tariff.particular .callback a,
.tariff-block .callback a {
	display: block;
	height: 100%;
	line-height: 36px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #b09d75;
}

.tariff.particular .callback a:hover,
.tariff-block .callback a:hover {
	background: #8b7b5a;
}

/* for tariff-cremation styles */
.tariff-block.cremation .tariff-wrap {
	width: 315px;
}

@media only screen and (max-width : 720px) {
	.tariff-block.cremation .tariff-wrap {
		width: 100%;
	}
}

.tariff-block.cremation .tariff {
	height: 298px;
}

/*.tariff-block.cremation .head {
    position: relative;
    z-index: 5;
    padding-top: 28px;
    background: #b09d75;
}
.tariff-block.cremation .head:hover {
	background: #8b7b5a;
}
.tariff-block.cremation .head * {
    color: #fff;
}
.tariff-block.cremation a.kakh3 {
    position: absolute;
    z-index: 10;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 0;
    text-decoration: none;
	font-size: 22px!important;
}*/

.tariff-block.cremation .tariff .head .kakh3 {
	font-size: 15px;
}

.tariff-block.cremation .tariff .head .kakh3:first-child {
	padding: 5px 0 0;

}

.tariff-block.cremation .tariff .info {
	height: 135px;
}

.tariff-block.cremation .tariff .note {
	font-size: 16px;
	/*	text-align: left;*/
	padding: 5px 7px;
	margin: 0;
	background: #f4dea5;
	border: none;
	border-top: 1px solid #000;
	line-height: 17px;
	color: #000;
	height: 85px;
}

@media only screen and (max-width : 720px) {
	.tariff-block.cremation .tariff {
		height: auto;
	}

	.tariff-block.cremation .tariff .info {
		height: auto;
	}

	.tariff-block.cremation .tariff .note {
		height: auto;
	}
}






/* the end of styles for tariff-cremation */
/* the end of tariff-block styles */

/* plus-block styles */
.plus-bg {
	height: 496px;
	background: url('/images/raznoe/what-does-it-mean-that-angels-are-ministering-spirits-1-e1634206387407.jpeg') center repeat-x;
}

@media only screen and (max-width : 720px) {
	.plus-bg {
		height: 702px;
		background: url('/images/raznoe/plus-bg-sm-min.jpg') center repeat-x;
	}
}

@media only screen and (max-width : 565px) {
	.plus-bg {
		height: 1036px;
		background: url('/images/raznoe/plus-bg-sm565-min.jpg') center repeat-x;
	}
}

@media only screen and (max-width : 565px) {
	.plus-bg {
		height: 1036px;
		background: url('/images/raznoe/plus-bg-xs-min.jpg') center repeat-x;
	}
}

.plus-block {
	padding-top: 10px;
}

.plus-block .kakh1 {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 3px 5px 8px rgba(20, 21, 22, 0.86);
}

@media only screen and (max-width : 720px) {
	.plus-block .kakh1 {
		margin: 15px 0;
	}
}

@media only screen and (max-width : 400px) {
	.plus-block .kakh1 {
		margin: 0 0 10px;
	}
}

.plus-wrap {
	margin-top: 90px;
}

@media only screen and (max-width : 720px) {
	.plus-wrap {
		margin-top: 75px;
	}
}

.plus-wrap .plus {
	float: left;
	margin-left: 75px;
	width: 250px;
	height: 225px;
	padding: 40px 5px 10px;
	background: #b69d75c4;
	position: relative;
	text-align: center;
	font-size: 26px;
	color: #fff;
}

@media only screen and (max-width : 720px) {
	.plus-wrap .plus {
		margin-bottom: 70px;
		margin-left: 90px;
	}
}

@media only screen and (max-width : 640px) {
	.plus-wrap .plus {
		margin-bottom: 85px;
		margin-left: 45px;
	}
}

@media only screen and (max-width : 575px) {
	.plus-wrap .plus {
		margin-left: 35px;
	}
}

@media only screen and (max-width : 565px) {
	.plus-wrap .plus {
		float: none;
		margin: 0 auto 90px;
	}
}

.plus-wrap .plus:first-child {
	margin-left: 25px;
}

@media only screen and (max-width : 720px) {
	.plus-wrap .plus:first-child {
		margin-left: 45px;
	}
}

@media only screen and (max-width : 670px) {
	.plus-wrap .plus:first-child {
		margin-left: 25px;
	}
}

@media only screen and (max-width : 640px) {
	.plus-wrap .plus:first-child {
		margin-left: 10px;
	}
}

@media only screen and (max-width : 575px) {
	.plus-wrap .plus:first-child {
		margin-left: 5px;
	}
}

@media only screen and (max-width : 565px) {
	.plus-wrap .plus:first-child {
		margin-left: auto;
	}
}

@media only screen and (max-width : 720px) {
	.plus-wrap .plus:nth-child(3) {
		margin-bottom: 0;
		margin-left: 215px;
	}
}

@media only screen and (max-width : 670px) {
	.plus-wrap .plus:nth-child(3) {
		margin-left: 195px;
	}
}

@media only screen and (max-width : 640px) {
	.plus-wrap .plus:nth-child(3) {
		margin-left: 180px;
	}
}

@media only screen and (max-width : 640px) {
	.plus-wrap .plus:nth-child(3) {
		margin-left: 160px;
	}
}

@media only screen and (max-width : 575px) {
	.plus-wrap .plus:nth-child(3) {
		margin-left: 150px;
	}
}

@media only screen and (max-width : 565px) {
	.plus-wrap .plus:nth-child(3) {
		margin-left: auto;
		margin-bottom: 30px;
	}
}

.plus-wrap .plus span {
	display: block;
	font-size: inherit;
}

.plus .icon {
	position: absolute;
	width: 90px;
	height: 90px;
	border: 1px solid #b09d75;
	border-radius: 45px;
	background: url('/images/raznoe/plus.sprite.min.png') #fff no-repeat;
	top: -65px;
	left: 79px;
}

.plus .icon.timetable {
	background-position: 17px 17px;
}

.plus .icon.price {
	background-position: 20px -253px;
}

.plus .icon.oplata {
	background-position: 23px -335px;
}

.plus .icon.agent {
	background-position: 17px -70px;
}

.plus .icon.consult {
	background-position: 25px -164px;
}

.plus .experience {
	background-position: 18px -420px;
}

.plus .gent {
	background-position: 14px -515px;
}

/* the end of plus-block styles */

/* deception-block styles */
.deception-block {}

.deception-bg {
	padding: 35px 0 25px;
	background: #fff;
}

.deception-block .note {
	background-image: none;
	border: none;
	padding: 5px;
	color: #000;
}

.deception-block .kakh1,
.deception-block .kakh3 {
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 10px;
}

.deception-wrap {
	margin-top: 35px;
}

@media only screen and (max-width : 720px) {
	.deception-double {
		width: 530px;
		margin: 0 auto 25px;
	}

	.deception-double:after {
		content: '';
		display: table;
		clear: both;
	}
}

@media only screen and (max-width : 600px) {
	.deception-double {
		width: 490px;
	}
}

@media only screen and (max-width : 520px) {
	.deception-double {
		width: 480px;
	}
}

@media only screen and (max-width : 500px) {
	.deception-double {
		width: 460px;
	}
}

@media only screen and (max-width : 470px) {
	.deception-double {
		width: 100%;
		margin: 0;
	}
}

.deception-wrap .deception {
	float: left;
	width: 215px;
	padding: 165px 0 10px;
	/*����� ��������*/
	/*	margin-left: 25px;*/
	margin-left: 145px;
	/*\����� ��������*/
	font-size: 18px;
	line-height: 20px;
	/*	border: 1px solid #b09d75;*/
	background: url('/images/raznoe/deception.sprite.min.png') no-repeat;
	text-align: center;
}

@media only screen and (max-width : 720px) {
	.deception-wrap .deception {
		margin-left: 100px;
	}
}

@media only screen and (max-width : 600px) {
	.deception-wrap .deception {
		margin-left: 60px;
	}
}

@media only screen and (max-width : 520px) {
	.deception-wrap .deception {
		margin-left: 50px;
	}
}

@media only screen and (max-width : 500px) {
	.deception-wrap .deception {
		margin-left: 30px;
	}
}

@media only screen and (max-width : 470px) {
	.deception-wrap .deception {
		margin: 0 auto 25px;
		float: none;
	}
}

.deception-wrap .deception:first-child {
	margin-left: 0px;
}

@media only screen and (max-width : 470px) {
	.deception-wrap .deception:first-child {
		margin-left: auto;
	}
}

.deception-wrap .deception span {
	display: block;
	font-size: inherit;
}

.deception-wrap .deception span.bold {
	text-transform: uppercase;
	padding-bottom: 5px;
}

.deception-wrap .deception.black-agent {
	background-position: 57px 15px;
}

.deception-wrap .deception.police {
	background-position: -100px 30px;
}

.deception-wrap .deception.funeral {
	background-position: -280px 35px;
	;
}

.deception-wrap .deception.morg {
	background-position: -460px 45px;
}

@media only screen and (max-width : 720px) {
	.deception-wrap .deception.morg {
		margin: 0 auto;
		float: none;
	}
}

/* the end of deception-block styles */

/* slider styles */
.slider {
	padding: 45px 0 0;
}

@media only screen and (max-width : 640px) {
	.slider {
		padding-top: 25px;
	}
}

/* !!!!!!!!*/
@media only screen and (max-width : 480px) {
	.slider {
		display: none;
	}
}

.slider .kakh1,
.slider .kakh2 {
	text-transform: uppercase;
	text-align: center;
	margin: 0;
}

@media only screen and (max-width : 640px) {
	.slider .kakh1 {
		font-size: 22px;
	}

	.slider .kakh2 {
		font-size: 18px;
	}
}

.slider span {
	display: block;
	padding: 5px 0 15px;
	color: #9c9384;
}

.slider p {
	text-align: center;
	margin: 5px 10px;
}

/* slideshow style rules. */
#slideshow {
	margin: 30px auto 0;
	width: 675px;
	position: relative;
}

@media only screen and (max-width : 680px) {
	#slideshow {
		width: 635px;
	}
}

@media only screen and (max-width : 640px) {
	#slideshow {
		margin-top: 20px;
		width: 560px;
	}
}

@media only screen and (max-width : 580px) {
	#slideshow {
		width: 460px;
	}
}

/* !!!!!!!!*/
@media only screen and (max-width : 480px) {
	#slideshow {
		width: 360px;
	}
}

#slideshow #slidesContainer {
	margin: 0 auto;
	width: 547px;
	height: 200px;
	overflow: auto;
	/* allow scrollbar */
	position: relative;
}

@media only screen and (max-width : 640px) {
	#slideshow #slidesContainer {
		width: 460px;
	}
}

@media only screen and (max-width : 580px) {
	#slideshow #slidesContainer {
		width: 360px;
	}
}

#slideshow #slidesContainer .slide {
	margin: 0 auto;
	width: 547px;
	/* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height: 200px;
	text-align: center;
}

@media only screen and (max-width : 640px) {
	#slideshow #slidesContainer .slide {
		width: 460px;
	}
}

@media only screen and (max-width : 580px) {
	#slideshow #slidesContainer .slide {
		width: 360px;
	}
}

/* the end of slideshow style rules. */

/* slideshow controls style rules. */
.control {
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -10000px;
	position: absolute;
	cursor: pointer;
	background-color: transparent;
	background-image: url('/images/raznoe/ctrl-sprite-min.png');
	background-repeat: no-repeat;
}

@media only screen and (max-width : 680px) {
	.control {
		width: 35px;
		height: 35px;
	}
}

#leftControl {
	padding: 0;
	top: 50px;
	left: 5px;
	background-position: 0 0;
}

#rightControl {
	padding: 0;
	top: 50px;
	right: 5px;
	background-position: 0 -52px;
}

@media only screen and (max-width : 680px) {
	#leftControl {
		left: 0px;
		background-position: -2px -104px
	}

	#rightControl {
		right: 0px;
		background-position: -2px -140px;
	}
}

/* the end ofslideshow controls style rules. */
/* the end of styles */


/* product */
.product {
	float: left;
	width: 208px;
	margin-left: 25px;
	margin-bottom: 25px;
	border: 1px solid #000;
}

.product:nth-child(3n+1) {
	margin-left: 0px;
}

/* ��������� */
@media only screen and (max-width : 720px) {
	.product:nth-child(odd) {
		margin-left: 0px;
	}

	.product:nth-child(even) {
		margin-left: 20px;
	}
}

@media only screen and (max-width : 695px) {
	.product:nth-child(even) {
		margin-left: 25px;
	}
}

@media only screen and (max-width : 690px) {
	.product:nth-child(even) {
		margin-left: 20px;
	}
}

@media only screen and (max-width : 685px) {
	.product:nth-child(even) {
		margin-left: 15px;
	}
}

@media only screen and (max-width : 680px) {
	.product:nth-child(even) {
		margin-left: 10px;
	}
}

@media only screen and (max-width : 660px) {
	.info-wrap .product {
		margin-left: 10px;
	}

	.info-wrap .product:nth-child(3n+1) {
		margin-left: 0px;
	}
}

@media only screen and (max-width : 655px) {
	.info-wrap .product {
		margin-left: 5px;
	}
}

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

	.info-wrap .product:nth-child(odd),
	.info-wrap .product:nth-child(even) {
		margin-left: 50px;
	}
}

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

	.info-wrap .product:nth-child(odd),
	.info-wrap .product:nth-child(even) {
		margin-left: 40px;
	}
}

@media only screen and (max-width : 520px) {
	.info-wrap .product:nth-child(odd) {
		margin-left: 20px;
	}

	.info-wrap .product:nth-child(even) {
		margin-left: 30px;
	}
}

@media only screen and (max-width : 500px) {
	.info-wrap .product:nth-child(odd) {
		margin-left: 10px;
	}
}

@media only screen and (max-width : 470px) {
	.info-wrap .product:nth-child(odd) {
		margin-left: 5px;
	}

	.info-wrap .product:nth-child(even) {
		margin-left: 15px;
	}
}

@media only screen and (max-width : 450px) {
	.info-wrap .product:nth-child(odd) {
		margin-left: 0;
	}

	.info-wrap .product:nth-child(even) {
		margin-left: 5px;
	}
}

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

	.info-wrap .product:nth-child(odd),
	.info-wrap .product:nth-child(even) {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
}

/* \��������� */
.product .photo {
	height: 166px;
}

.product .head {
	border-top: 1px solid #000;
	background: #f4dea5;
}

.product .head * {
	text-align: center;
}

.product .head .kakh3 {
	margin: 0px;
	font-weight: bold;
	font-size: 16px;
	padding-top: 10px;
	line-height: 18px;
	text-transform: uppercase;
	/*	white-space: nowrap;*/
}

.product .model {
	display: block;
	font-size: 14px;
	font-family: 'PT Sans';
	text-transform: uppercase;
	padding-bottom: 5px;
}

.product .price {
	font-family: 'PT Sans';
	font-size: 16px;
}

.product .price span {
	font-family: inherit;
	font-weight: bold;
}


.product-block .product {
	height: 297px;
}

@media only screen and (max-width : 720px) {
	.product-block .product {
		margin-left: 30px;
	}

	.product-block .product:nth-child(2n+1) {
		margin-left: 0px;
	}
}

@media only screen and (max-width : 695px) {
	.product-block .product {
		margin-left: 25px;
	}
}

@media only screen and (max-width : 690px) {
	.product-block .product {
		margin-left: 20px;
	}
}

@media only screen and (max-width : 685px) {
	.product-block .product {
		margin-left: 15px;
	}
}

@media only screen and (max-width : 680px) {
	.product-block .product {
		margin-left: 10px;
	}
}

@media only screen and (max-width : 660px) {
	.info-wrap .product-block .product {
		margin-left: 10px;
	}

	.info-wrap .product-block .product:nth-child(3n+1) {
		margin-left: 0px;
	}
}

@media only screen and (max-width : 655px) {
	.info-wrap .product-block .product {
		margin-left: 5px;
	}
}

@media only screen and (max-width : 645px) {
	.container .info-wrap .product-block .product {
		margin-left: 70px;
	}
}

@media only screen and (max-width : 600px) {
	.container .info-wrap .product-block .product {
		margin-left: 50px;
	}
}

@media only screen and (max-width : 550px) {
	.container .info-wrap .product-block .product {
		margin-left: 40px;
	}
}

@media only screen and (max-width : 520px) {
	.container .info-wrap .product-block .product {
		margin-left: 30px;
	}
}

@media only screen and (max-width : 500px) {
	.container .info-wrap .product-block .product:nth-child(2n+1) {
		margin-left: 10px;
	}
}

@media only screen and (max-width : 470px) {
	.container .info-wrap .product-block .product {
		margin-left: 25px;
	}

	.container .info-wrap .product-block .product:nth-child(2n+1) {
		margin-left: 5px;
	}
}

@media only screen and (max-width : 460px) {
	.container .info-wrap .product-block .product {
		margin-left: 20px;
	}
}

@media only screen and (max-width : 450px) {
	.container .info-wrap .product-block .product {
		margin-left: 10px;
	}
}

@media only screen and (max-width : 445px) {
	.container .info-wrap .product-block .product {
		margin-left: 5px;
	}
}

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

	.container .info-wrap .product-block .product,
	.container .info-wrap .product-block .product:nth-child(2n+1) {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
}

.product-block .product .head {
	height: 128px;
}

.product-block .product .head .kakh3 {
	height: 46px;
	overflow-y: hidden;
}

.product-block .product .price {
	margin-top: 10px;
	height: 22px;

}

.product-block .button {
	height: 32px;
	width: 122px;
	border: 1px solid #000;
	margin: 10px auto 5px;
}

.product-block .button a {
	text-transform: uppercase;
	background: #fff;
	line-height: 32px;
	font-weight: bold;
}

.product-block .button a:hover {
	background: #f4dea5;
}










.popular-block .product {
	position: relative;
	height: 256px;
}

.popular-block .product .head {
	height: 89px;
}

.popular-block .product .gallery-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.popular-block .product .gallery-link:hover {
	background-color: rgba(0, 0, 0, 0.6);
	cursor: pointer;

}

.popular-block .product .gallery-link a {
	display: none;
	text-decoration: none;
}

.popular-block .product .gallery-link:hover a {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.popular-block .product .gallery-link:hover a span {
	display: block;
	width: 109px;
	height: 34px;
	margin: 100px auto 0;
	border: 1px solid #fff;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
}

/* the end of product */

/* the lead generation block */
#map {
	width: 475px;
	height: 300px;
}

@media only screen and (max-width : 720px) {
	#map {
		width: 100%;
		height: 220px;
	}
}

.ymaps-2-1-79-inner-panes {
	-webkit-filter: grayscale(60%);
	filter: grayscale(60%);
}

.adds-block {
	margin-top: 25px;
}

.adds-block .half {
	width: 50%;
	float: left;
}

.adds-block .half:first-child {
	padding-right: 25px;
}

.osmap-items .info-wrap li {
	padding-bottom: 5px;
	margin-top: 5px;
}

@media only screen and (max-width : 720px) {
	.adds-block .half {
		width: 100%;
		float: none;
		clear: both;
	}
}

.adds-block .kakh1 {
	margin: 5px 0;
	font-size: 24px;
}

.adds-block .kakh3,
.adds-block p {
	margin: 5px 0;
}

.adds-block section {
	margin: 15px 0;
}

.adds-block * {
	font-size: 18px;
}

/* �� ��� contacts*/
.map-block #map {
	width: 100%;
	height: 500px;
}

.map-block {
	position: relative;
	margin-top: 45px;
}

.map-block .info {
	height: 350px;
	width: 350px;
	padding: 20px;
	background-color: #f4dea5;
	position: absolute;
	top: 75px;
}

@media only screen and (max-width: 720px) {
	.map-block .info {
		height: 270px;
		width: 270px;
		top: 115px;
	}
}

/*@media only screen and (max-width: 540px) {
	.map-block .info {
		height: auto;
		width: 100%;
		position: relative;
		filter: left;
	}
	#map {
		float: right;
	}
}*/
.map-block .info .kakh1,
.map-block .info .kakh3,
.map-block .info p {
	margin: 0;
}

/* the end of lead generation block */


/* the cert-block in index page styles */
.cert-block .half:first-child {
	float: right;
	width: 800px;
}

@media only screen and (max-width : 720px) {
	.cert-block .half:first-child {
		width: 500px;
	}
}

@media only screen and (max-width : 650px) {
	.cert-block .half:first-child {
		width: 450px;
	}
}

@media only screen and (max-width : 600px) {
	.cert-block .half:first-child {
		width: 400px;
	}
}

@media only screen and (max-width : 550px) {
	.cert-block .half:first-child {
		width: 350px;
	}
}

@media only screen and (max-width : 490px) {
	.cert-block .half:first-child {
		float: none;
		clear: both;
		width: 100%;
	}
}

.cert-block .half:last-child {
	width: 120px;
}

@media only screen and (max-width : 490px) {
	.cert-block .half:last-child {
		float: none;
		clear: both;
		display: block;
		margin: 0 auto;
	}
}

/*@media only screen and (max-width : 720px) {
.cert-block .half:last-child {
		width: 120px;
	}
}*/
.cert-block .kakh3 {
	text-transform: uppercase;
}

.cert-block a.fancybox {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

/* the end of cert-block in index page styles*/

/* pages styles */
/* contacts */
.contacts {}

.contacts .kakh3 {
	margin-bottom: 10px;
}

.contacts p {
	margin: 5px 0;
}

.contacts .kakh3.phone {
	margin: 5px 0;
	font-family: 'PT Sans Narrow' !important;
}

.contacts .note b {
	font-size: inherit;
}

.com-content-article__body * {
	line-height: 1.5;
}
.com-content-article__body p {
	font-size: 18px;
}
.com-content-article__body b {
	font-size: 18px;
}
.com-content-article__body li {
	font-size: 18px;
}
.com-content-article__body h4 {
	font-size: 18px;
}
.com-content-article__body a {
	font-size: 18px;
}
.com-content-article__body span {
	font-size: 18px;
}
.com-content-article__body label {
	font-size: 18px;
}
.com-content-article__body {
	padding-bottom: 40px;
}

.uk-animation-shake {
	animation-name: uk-shake;
}

.uk-form-danger,
.uk-form-danger:focus {
	color: #6c6d74;
	border-color: #e44e56 !important;
}

[class*=uk-animation-] {
	animation-duration: .5s;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
}

@keyframes uk-shake {

	0%,
	100% {
		transform: translateX(0)
	}

	10% {
		transform: translateX(-9px)
	}

	20% {
		transform: translateX(8px)
	}

	30% {
		transform: translateX(-7px)
	}

	40% {
		transform: translateX(6px)
	}

	50% {
		transform: translateX(-5px)
	}

	60% {
		transform: translateX(4px)
	}

	70% {
		transform: translateX(-3px)
	}

	80% {
		transform: translateX(2px)
	}

	90% {
		transform: translateX(-1px)
	}
}

.forma {
	margin-top: 40px;
	margin-bottom: 50px;
}

.forma h4 {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}

.leoform input,
.leoform textarea {
	padding: 10px 20px;
	width: 100%;
	max-width: 80%;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	font-size: 16px;
}

.leoform button {
	padding: 8px 20px;
	font-size: 18px;
	background: #bdaa8b;
	border: none;
	border-bottom: 2px solid #958366;
	margin-top: 10px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 2px;
}

.leoform label {
	width: 100%;
    max-width: 88%;
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 10px;
    align-items: center;
}

.leoform label input {
	width: 16px;
	height: 16px;
	margin: 5px 10px 0px 0px;
	margin-top: 0;
}

.leoform {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px !important;
}
.rf-button-send {
	cursor: pointer;
}