

/* Start:/local/templates/.default/components/bitrix/menu/top/style.min.css?1556899116490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/.default/components/bitrix/menu/top/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/.default/components/bitrix/form.result.new/callback/style.css?1557763123666*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/local/templates/.default/components/bitrix/form.result.new/callback/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/.default/components/bitrix/form.result.new/callback/images/icon_warn.gif);
}
/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.section.list/header_menu/style.min.css?15575905896236*/
.bx_catalog_line{margin-bottom:30px}.bx_catalog_line .bx_catalog_line_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_line .bx_catalog_line_category_title a{color:#000;text-decoration:none}.bx_catalog_line .bx_catalog_line_ul{padding:0}.bx_catalog_line .bx_catalog_line_ul li{margin-bottom:20px;list-style:none}.bx_catalog_line .bx_catalog_line_ul li:before{content:''!important}.bx_catalog_line .bx_catalog_line_img{position:relative;display:block;float:left;overflow:hidden;margin-right:40px;width:125px;height:125px;border:1px solid #ccc;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_line .bx_catalog_line_title{margin-bottom:10px;padding:0;vertical-align:top;line-height:18px}.bx_catalog_line .bx_catalog_line_title a{color:#4c7da6;font-size:18px}.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration:none}.bx_catalog_line .bx_catalog_line_title span{font-size:16px}.bx_catalog_line .bx_catalog_line_description{color:#3f3f3f;font-size:13px;line-height:16px}@media(max-width:639px){.bx-touch .bx_catalog_line .bx_catalog_line_img{margin-right:10px;width:50px;height:50px}.bx-touch .bx_catalog_line .bx_catalog_line_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size:14px}.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size:11px}}.bx_catalog_line .bx_catalog_line_img,.bx_catalog_line .bx_catalog_line_title,.bx_catalog_line .bx_catalog_line_title a,.bx_catalog_line .bx_catalog_line_description{transition:all .3s ease}.bx_catalog_text{margin-bottom:30px}.bx_catalog_text .bx_catalog_text_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_text .bx_catalog_text_category_title a{color:#000;text-decoration:none}.bx_catalog_text .bx_catalog_text_ul{padding:0}.bx_catalog_text .bx_catalog_text_ul li{float:left;margin:0 10px 10px;list-style:none}.bx_catalog_text .bx_catalog_text_ul li:before{content:''!important}.bx_catalog_text .bx_catalog_text_title{margin:0;padding:0;vertical-align:top;font-size:14px;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{display:inline-block;overflow:hidden;max-width:100%;color:#4c7da6;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px}.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration:none}.bx_catalog_text .bx_catalog_text_title span{font-size:12px}@media(max-width:639px){.bx-touch .bx_catalog_text .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size:12px}}.bx_catalog_text .bx_catalog_line_title,.bx_catalog_text .bx_catalog_line_title a{transition:all .3s ease}.bx_catalog_tile{margin-bottom:30px}.bx_catalog_tile .bx_catalog_tile_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_tile .bx_catalog_tile_category_title a{color:#000;text-decoration:none}.bx_catalog_tile .bx_catalog_tile_ul{padding:0}.bx_catalog_tile .bx_catalog_tile_ul li{float:left;box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:12.5%;list-style:none;text-align:center}.bx_catalog_tile .bx_catalog_tile_ul li:before{content:''!important}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:both}.bx_catalog_tile .bx_catalog_tile_img{position:relative;display:block;overflow:hidden;margin:0 auto;width:78px;height:78px;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_tile .bx_catalog_tile_title{margin-top:5px;margin-bottom:10px;padding:0;vertical-align:top;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{color:#4c7da6;font-size:14px}.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration:none}.bx_catalog_tile .bx_catalog_tile_title span{font-size:12px}@media(max-width:980px){.bx_catalog_tile .bx_catalog_tile_ul li{width:20%}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:both}}@media(max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title{line-height:10px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size:11px}}@media(min-width:480px) and (max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear:both}}@media(max-width:479px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%}.bx-touch .bx_catalog_tile .bx_catalog_tile_img{width:100%;height:80px}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear:both}}.bx_catalog_tile .bx_catalog_tile_title,.bx_catalog_tile .bx_catalog_tile_title a,.bx_catalog_tile .bx_catalog_tile_ul li,.bx_catalog_tile .bx_catalog_tile_img{transition:all .3s ease}.bx_sitemap{margin-bottom:30px}.bx_sitemap .bx_sitemap_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_sitemap .bx_sitemap_title a{color:#000;text-decoration:none}.bx_sitemap .bx_sitemap_ul li{padding:0;line-height:14px}.bx_sitemap .bx_sitemap_ul li:before{content:''!important}.bx_sitemap .bx_sitemap_li_title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;line-height:13px}.bx_sitemap .bx_sitemap_li_title a{color:#4c7da6;white-space:nowrap;font-size:13px}.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration:none}.bx_sitemap .bx_sitemap_li_title span{font-size:11px}@media(max-width:639px){.bx-touch .bx_sitemap .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size:12px}}.bx_sitemap .bx_catalog_line_title,.bx_sitemap .bx_catalog_line_title a{transition:all .3s ease}
/* End */


/* Start:/local/templates/.default/components/bitrix/breadcrumb/garant/style.min.css?1556723220467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/.default/components/bitrix/menu/bottom/style.min.css?1556899097490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/.default/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/garant/styles.css?164760698071*/
.inform-promo-main {
	height: auto !important;
	padding-bottom: 63px;
}
/* End */


/* Start:/local/templates/garant/template_styles.css?170608372217132*/
.social .social-item
{
	display: inline-block;
	vertical-align: middle;
}

.social .social-item
{
	margin-right: 8px;
}

.article-list .item a .text
{
	height: 150px;
}

.article-detail .img
{
	float: unset;
	text-align: center;
	border: none;
	margin-bottom: 20px;
	margin-right: 0;
	max-width: 100% !important;
}

.article-detail .img img
{
	width: 100% !important;
	height: auto;
}

.ownd-article-text
{
	margin-top: 30px;
}
.list-icons {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px 10px;
}
.list-icons li {
	display: flex;
	flex-direction: column;
	text-align: center;
}
.list-icons li::before {
	content: '';
	display: block;
	margin: 0 auto 10px;
	width: 47px;
	height: 47px;
}
.seo-row h2 {
	font-family: 'Akrobat';
    font-size: 30px;
    font-weight: 700;
    color: #484848;
    text-transform: uppercase;
}
.seo-row ul {
	padding-left: 25px;
}
.list-icons li:nth-child(1)::before {
	background: url('https://www.santehnik-msk.ru/local/templates/.default/i/ic1.svg') center center / contain no-repeat;
}
.list-icons li:nth-child(2)::before {
	background: url('https://www.santehnik-msk.ru/local/templates/.default/i/ic2.svg') center center / contain no-repeat;
}
.list-icons li:nth-child(3)::before {
	background: url('https://www.santehnik-msk.ru/local/templates/.default/i/ic3.svg') center center / contain no-repeat;
}
.list-icons li:nth-child(4)::before {
	background: url('https://www.santehnik-msk.ru/local/templates/.default/i/ic4.svg') center center / contain no-repeat;
}
.list-icons li:nth-child(5)::before {
	background: url('https://www.santehnik-msk.ru/local/templates/.default/i/ic5.svg') center center / contain no-repeat;
}
.list-icons li:nth-child(6)::before {
	background: url('https://www.santehnik-msk.ru/local/templates/.default/i/ic6.svg') center center / contain no-repeat;
}

@charset "UTF-8";
.serv-header {
  width: 100%;
  height: 664px;
  position: relative;
  display: flex;
  align-items: center;
}

.serv-header-filter {
  background-color: rgba(11, 68, 126, 0.59);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.content-wrp {
  max-width: 1200px;
  margin: auto;
  padding: 0 0 40px;
  z-index: 1;
}

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

.serv-header > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.serv-header-text {
  width: 50%;
  padding-right: 105px;
}

.serv-header-text h1 {
  color: #fff;
font-family: 'Roboto', sans-serif;
  font-size: 43px;
  margin-bottom: 70px;
}

.serv-header-list {
  width: 50%;
  border-radius: 13px;
  border: 1px solid #fff;
  padding: 35px;
}

.serv-header-list p {
  color: #fff;
  display: flex;
font-family: 'Roboto', sans-serif;
  align-items: center;
  margin-bottom: 15px;
}

.serv-header-list span {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  display: block;
  margin-right: 15px;
  border-radius: 50%;
}

.serv-header-list p:nth-child(1) span {
  background: #FC3202 url("https://www.santehnik-msk.ru/local/templates/.default/i/header-ic1.svg") center center/30px auto no-repeat;
}

.serv-header-list p:nth-child(2) span {
  background: #FC3202 url("https://www.santehnik-msk.ru/local/templates/.default/i/header-ic2.svg") center center/30px auto no-repeat;
}

.serv-header-list p:nth-child(3) span {
  background: #FC3202 url("https://www.santehnik-msk.ru/local/templates/.default/i/header-ic3.svg") center center/30px auto no-repeat;
}

.serv-header-list p:nth-child(4) span {
  background: #FC3202 url("https://www.santehnik-msk.ru/local/templates/.default/i/header-ic4.svg") center center/30px auto no-repeat;
}

.serv-header-list p:nth-child(5) span {
  background: #FC3202 url("https://www.santehnik-msk.ru/local/templates/.default/i/header-ic5.svg") center center/30px auto no-repeat;
}

.serv-header-recall p {
  font-size: 30px;
font-family: 'Roboto', sans-serif;
  color: #fff;
}

.serv-call {
  display: flex;
  align-items: center;
}
.serv-call .serv-phone {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.serv-call .serv-btn {
  margin-left: 10px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  background-color: #FC3202;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 18px;
  transition: 0.3s linear;
}
.serv-call .serv-btn:hover {
  background-color: #fff;
  color: #fc3220;
}
.sendmaster form {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}
.sendmaster input {
  height: 56px;
  width: 55%;
  border-radius: 4px;
  border: none;
  padding-left: 15px;
}
.sendmaster button {
  height: 56px;
  background-color: #FC3202;
  color: #fff;
  border: none;
  border-radius: 4px;
  width: 40%;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 18px;
  transition: 0.3s linear;
}
.sendmaster button:hover {
  background-color: #fff;
  color: #fc3220;
}

.content-title {
  margin-top: 60px;
}
.content-title h2 {
  color: #2b77b5;
  text-align: center;
  font-size: 35px;
font-family: 'Roboto', sans-serif;
  margin-bottom: 15px;
}
.content-title hr {
  width: 89px;
  height: 2px;
  display: block;
  border: none;
  background-color: #2b77b5;
}

.serv-content h3 {
  margin-bottom: 37px;
  margin-top: 81px;
font-family: 'Roboto', sans-serif;
  color: #484848;
  font-size: 35px;
}

.serv-content .content-wrp > p {
  font-size: 16px;
font-family: 'Roboto', sans-serif;
  color: #4b4b4b;
}

.sale-block {
  margin-top: 60px;
  overflow: hidden;
  width: 100%;
  height: 404px;
  position: relative;
padding-bottom: 60px;
  padding-top: 29px;
}
.sale-block img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  margin-top: 29px;
}

.sale-block-content {
  width: 60%;
    height: 100%;
    padding: 31px 20px 31px 46px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
}
.sale-block-content > * {
  z-index: 1;
}
.sale-block-content h2 {
font-family: 'Roboto', sans-serif;
  color: #fff;
  font-size: 62px;
  font-style: italic;
  margin-bottom: 53px;
	line-height: 1.17;
}
.sale-block-content::before {
  position: absolute;
  top: 0;
  width: 150%;
  height: 100%;
  right: 0;
  display: block;
  content: "";
  background-color: rgba(37, 69, 102, 0.59);
  transform: skewX(10deg);
}
.sale-block-content::after {
  position: absolute;
  top: 0;
  width: 150%;
  height: 100%;
  right: -50px;
  display: block;
  content: "";
  background-color: rgba(37, 69, 102, 0.14);
  transform: skewX(10deg);
}

.sale-ammount {
  background-color: #254566;
  width: 492px;
  position: absolute;
  left: -30px;
  padding-left: 76px;
  top: -29px;
  transform: skewX(35deg);
}
.sale-ammount p {
  color: #fff;
  font-size: 62px;
  margin-bottom: 0;
  text-transform: lowercase;
  font-weight: bold;
  transform: skewX(-35deg);
}

.table-wrp {
  width: 100%;
  padding: 12px;
  border-radius: 7px;
  background-color: #F9FAFC;
}
.table-wrp p {
  padding: 35px;
  font-size: 19px;
}
.table-wrp table {
  width: 100%;
  box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.09);
  border-radius: 7px;
}
.table-wrp table tr:nth-child(even) {
  background-color: #F9FAFC;
}
.table-wrp table tr:nth-child(odd) {
  background-color: #f3f4f8;
}
.table-wrp a {
  color: #fff;
  background-color: #FC3202;
  border-radius: 4px;
  height: 54px;
  width: 181px;
  border: 1px solid rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: 0.3s linear;
}
.table-wrp a:hover {
  color: #FC3202;
  background-color: #fff;
  border: 1px solid #FC3202;
}
.table-wrp tr td:first-child {
  width: 60%;
  color: #000;
}
.table-wrp tr td:last-child {
  color: #2B77B5;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.table-wrp td {
  font-size: 19px;
  padding: 35px;
}

.serv-table-head td {
  font-weight: bold;
}

.serv-how {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 55px;
}
.serv-how span {
  font-size: 24px;
  color: #484848;
  font-weight: bold;
  display: inline-block;
  margin: 34px 0 19px;
}
.serv-how p {
  font-size: 20px;
  color: #4B4B4B;
}
.serv-how .serv-how-img {
  width: 100%;
  height: 252px;
}
.serv-how .serv-how-item:nth-child(1) .serv-how-img {
  background: url("https://www.santehnik-msk.ru/local/templates/.default/i/serv-how-1.jpg") center center/cover no-repeat;
}
.serv-how .serv-how-item:nth-child(2) .serv-how-img {
  background: url("https://www.santehnik-msk.ru/local/templates/.default/i/serv-how-2.jpg") center center/cover no-repeat;
}
.serv-how .serv-how-item:nth-child(3) .serv-how-img {
  background: url("https://www.santehnik-msk.ru/local/templates/.default/i/serv-how-3.jpg") center center/cover no-repeat;
}
.serv-how .serv-how-item:nth-child(4) .serv-how-img {
  background: url("https://www.santehnik-msk.ru/local/templates/.default/i/serv-how-4.jpg") center center/cover no-repeat;
}

.serv-how-img-shadow {
  height: 100%;
  width: 203px;
  color: #FC3202;
  font-size: 40px;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 20px;
  background: url("https://www.santehnik-msk.ru/local/templates/.default/i/serv-how-mask.jpg") left bottom/cover no-repeat;
}

.serv-text-block {
  margin-top: 80px;
  background-color: #FBFCFE;
  padding: 30px 25px;
  color: #484848;
}
.serv-text-block p {
  margin-bottom: 21px;
}
.serv-text-block h4 {
  font-weight: 800;
  font-size: 22px;
  text-transform: uppercase;
  margin: 30px 0 27px;
}
.serv-text-block li {
  margin-bottom: 10px;
  font-weight: 600;
}

ul.breadcrumbs {
  position: relative;
  max-width: 1104px;
  margin: 20px auto 25px;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
}

ul.breadcrumbs li::after {
  display: block;
  content: "»";
  color: #0089aa;
  margin: 0 7px;
}

ul.breadcrumbs li a {
  color: #0089aa;
}

ul.breadcrumbs li {
  display: flex;
}

ul.breadcrumbs li:last-child:after {
  display: none;
}

.content-wrp ul.breadcrumbs li a {
  color: #fff;
}
.content-wrp ul.breadcrumbs {
  max-width: 1200px;
  margin: 0px 0 50px;
  font-size: 14px;
  padding-left: 0;
}
.content-wrp ul.breadcrumbs li::after {
  color: #fff;
}
.content-wrp ul.breadcrumbs li span {
  color: #b0b0b0;
}

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

.serv-questions-list {
  width: 48%;
  padding-left: 0;
  list-style-type: none;
}
.serv-questions-list li {
  color: #484848;
  padding: 18px 0;
  border-bottom: 1px solid #E1E1E1;
  cursor: pointer;
  transition: 0.2s linear;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.serv-questions-list li::after {
  display: block;
  content: "»";
  color: #000;
  margin: 0 7px;
}
.serv-questions-list li:last-child {
  border: none;
}
.serv-questions-list li.active, .serv-questions-list li:hover {
  color: #0093b7;
}

.serv-questions-answers {
  width: 48%;
  position: relative;
  border: 1px solid #0093B7;
  border-radius: 3px;
  padding: 50px;
}

.serv-questions-text {
  color: #4b4b4b;
  font-size: 16px;
  display: none;
}
.serv-questions-text.active {
  display: block;
}

.serv-sameservs {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 11px;
}
.serv-sameservs a {
  display: block;
  height: 356px;
  position: relative;
  transition: 0.3s linear;
}
.serv-sameservs a:hover {
  background-color: rgba(11, 68, 126, 0.59);
}
.serv-sameservs img {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.serv-sameservs p {
  background-color: #0067ac;
  margin-bottom: 0;
  text-align: center;
  padding: 0 10px;
box-sizing: border-box;
height: 89px;
display: flex;
align-items: center;
justify-content: center;
  font-size: 18px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  color: #fff;
}

.serv-line {
  margin-top: 150px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  height: 163px;
  width: 100%;
  background-color: #0093b7;
  padding-right: 30px;
}
.serv-line .serv-call {
  margin-left: 70px;
  display: flex;
  flex-direction: column;
}
.serv-line .serv-call .serv-btn {
  margin-right: 0;
}
.serv-line p {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
}

.serviman {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 243px;
  width: 292px;
  background: url("https://www.santehnik-msk.ru/local/templates/.default/i/santehman.png") center center/contain no-repeat;
}

@media (max-width: 1200px) {
  .content-wrp {
    padding: 40px 30px;
  }

  .serv-header {
    height: 530px;
  }

  .serv-header-text {
    padding-right: 1%;
  }

  .sale-block {
    margin-top: 60px;
    height: 303px;
    padding-top: 29px;
  }

  .sale-ammount {
    width: 90%;
  }
  .sale-ammount p {
    font-size: 45px;
  }

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

  .serv-call .serv-btn {
    font-size: 16px;
  }

  .sale-block-content {
    width: 60%;
  }

  .serv-line .serv-call {
    margin-left: 20px;
  }

  .sale-block-content h2 {
    font-size: 41px;
    margin-bottom: 35px;
  }
}
@media (max-width: 991px) {
  .serv-header-text h1 {
    font-size: 45px;
    margin-bottom: 40px;
  }

  .serv-header-recall p {
    font-size: 20px;
  }

  .sendmaster {
    display: flex;
    flex-direction: column;
  }
  .sendmaster input,
.sendmaster button {
    height: 47px;
    width: 230px;
    margin-bottom: 10px;
  }

  .serv-header {
    height: auto;
  }

  .content-title {
    margin-top: 20px;
  }

  .sale-block-content h2 {
    font-size: 38px;
    margin-bottom: 30px;
  }

  .sale-block-content {
    width: 70%;
  }

  .sale-ammount p {
    font-size: 36px;
    height: 67px;
  }

  .table-wrp td {
    font-size: 16px;
    padding: 20px;
  }

  .table-wrp tr td:first-child {
    width: 50%;
  }

  .content-title h2 {
    font-size: 31px;
  }

  .serviman {
    display: none;
  }

  .serv-line {
    margin-top: 30px;
  }

  .serv-how .serv-how-img {
    height: 160px;
  }

  .serv-how span {
    font-size: 21px;
    margin: 22px 0 15px;
  }

  .serv-how p {
    font-size: 16px;
  }

  .serv-how {
    grid-gap: 30px;
  }

  .serv-text-block {
    margin-top: 40px;
  }

  .serv-sameservs a {
    height: 257px;
  }

  .serv-sameservs p {
    padding: 13px 0;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
		.content-title h2 {
		font-size: 22px;
	}
	.content-wrp {
		padding: 10px 0px;
		width: 100%;
	}
	.serv-header-content {
		flex-direction: column;
		padding: 0 15px;
	}
	.serv-header-text {
		padding-right: 0;
		width: 100%;
	}
	.content-wrp ul.breadcrumbs {
		padding: 0 15px;
	}
	.serv-header-list {
		width: 100%;
		box-sizing: border-box;
	}
	.content-wrp ul.breadcrumbs li a,
	.content-wrp ul.breadcrumbs li span {
		font-size: 12px;
	}
	.serv-header-text h1 {
		font-size: 31px;
		margin-bottom: 20px;
	}
	.sendmaster input, .sendmaster button {
		width: 45%;
		margin-bottom: 30px;
	}
	.sale-ammount p {
		font-size: 31px;
		height: 55px;
		line-height: 1.6;
	}
	.serv-call {
		align-items: flex-start;
		flex-direction: column;
	}
	.serv-call .serv-btn {
		margin-top: 10px;
		padding: 10px 10px;
		margin-left: 0;
		font-size: 13px;
	}
	.sale-block-content {
		padding: 31px 20px 31px 44px;
	}
	.sale-block {
		height: 200px;
	}
	.table-wrp tr td:last-child {
		flex-direction: column;
	}
	.table-wrp td {
		font-size: 14px;
		padding: 15px;
	}
	.table-wrp a {
		height: 37px;
		width: 130px;
		margin-top: 10px;
	}
	.serv-line {
		height: 140px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.serv-line p {
		font-size: 16px;
	}
	.serv-line .serv-call {
		margin-left: 20px;
		flex: 1 0 auto;
	}
	.serv-content h3 {
		margin-bottom: 23px;
		margin-top: 40px
		font-size: 25px;
	}
	.serv-how {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px;
	}
	.serv-text-block {
		margin-top: 20px;
	}
	.serv-text-block h4 {
		font-size: 19px;
		margin: 30px 0 20px;
	}
	.serv-sameservs {
		margin-top: 30px;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px;
	}
	.serv-sameservs p {
		padding: 0 10px;
		height: 63px;
		font-size: 12px;
	}
	.serv-sameservs a {
		height: 175px;
	}
	.serv-questions {
		flex-direction: column;
	}
	.serv-questions-list {
		width: 100%;
	}
	.serv-questions-answers {
		width: 100%;
		padding: 30px;
	}
	.inform-promo .item {
		float: none;
	}
	.inform-promo .item .icon {
		width: 100%;
		height: 85px;
	}
	.sendmaster button {
		font-size: 15px;
	}
	.sale-block-content h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.inform-promo .item .icon img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}
/*.service-price, form[name="CALLBACK"],
.serv-header-recall {display: none !important;}*/
.serv-line,.table-wrp,.serv-questions-answers {box-sizing: border-box;}
/* End */
/* /local/templates/.default/components/bitrix/menu/top/style.min.css?1556899116490 */
/* /local/templates/.default/components/bitrix/form.result.new/callback/style.css?1557763123666 */
/* /local/templates/.default/components/bitrix/catalog.section.list/header_menu/style.min.css?15575905896236 */
/* /local/templates/.default/components/bitrix/breadcrumb/garant/style.min.css?1556723220467 */
/* /local/templates/.default/components/bitrix/menu/bottom/style.min.css?1556899097490 */
/* /local/templates/garant/styles.css?164760698071 */
/* /local/templates/garant/template_styles.css?170608372217132 */
