/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?178352332051*/
font.errortext{color:red}font.notetext{color:green}
/* End */


/* Start:/local/templates/santechnik/template_styles.css?178352330917270*/
@font-face {
 font-family: OpenSans;
 src: url("/local/templates/santechnik/fonts/OpenSans-Regular.eot");
}
@font-face {
 font-family: OpenSans;
 src: url("/local/templates/santechnik/fonts/OpenSans-Regular.ttf");
}

@font-face {
 font-family: ComicSans;
 src: url("/local/templates/santechnik/fonts/comic-sans-ms.ttf");
}

.b-wrapper{min-width: 320px; transition: .2s ease-out;}
.b-container{margin: auto;}
.b-container.main-content{padding-bottom: 20px;}
.b-article-text ul{
	padding-left: 50px;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
}
.b-article-text ul li{
	padding-top: 5px;
	padding-bottom: 5px;
}
.email:before{
	content: "";
	background: url(/local/templates/santechnik/images/email-icon-30.png) no-repeat;
	display: inline-block;
	height: 30px;
	margin-top: 5px;
	padding: 5px;
	width: 30px;
	vertical-align: middle;
}
.fixed-callback{color: #07e6ff !important;}
.phone:before{
	content: "";
	background: url(/local/templates/santechnik/images/phone-icon-30.png) no-repeat;
	display: inline-block;
	height: 30px;
	margin-top: 5px;
	padding: 5px;
	width: 30px;
	vertical-align: middle;
}

.phone{font-size: 120%;}
.phone.mobile:before{background: url(/local/templates/santechnik/images/mobile-icon-30_1.png) no-repeat;}

.work-time{font-weight: bold;}
.work-time .hightlight{color: #f58383;}

div.menu li.go-home a:before{
	content: "";
	background: url(/local/templates/santechnik/images/house-vector-menu-small-15.png) no-repeat;
	display: inline-block;
	width: 20px;
	height: 17px;
	padding-left: 5px;
    vertical-align: middle;
}

div.menu{background: #07e6ff;}
ul.nav{display: block; margin: auto;}
div.menu a{color: #000; text-decoration: none;}

.text-line{background: #efefef;}
/* .text-line .text-line-wrap{background: #000;} */

.text-line-wrap p{
	color: #666;
	margin: auto;
	text-align: center;
}

div.b-slider{position: relative;}

.content .more-info{
	/* text-align: right; */
	color: #000;
	text-decoration: none;
	font-size: 13px;
}

.b-feedback-form-wrapper{background: #fbfbfb; color: #000;}
.b-feedback-form textarea{resize: none;}

.footer-wrapper{background: #333333; color: #b1b1b1;}
div.footer{padding: 20px 2.5%;}

.button.button-send{
	background: #2ad0f8;
	color: #000;
	padding: 15px;
	text-transform: uppercase;
	max-width: 25%;
	font-size: 16px;
	height: 20px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.button.button-send:hover{
	color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #41d9fe;
}

*{font-family:'OpenSans';}

.text-line.under-head p{font-family: 'arial', 'OpenSans';}

table.price{width: 100%;}
table.price td{ border-bottom: 1px solid #ccc; padding: 20px 10px; background: #f5f5f5;}
table.price tr.hovered td{background: #ffd300;}
table.price td.section{font-weight: bold; text-align: center;}

.review-item{border: 1px solid #ffd300;padding: 15px;margin: 20px 0;}
.review-item .user_name{font-weight: bold;padding: 10px 0;}
.review-item .user_comment{font-size: 15px;	font-family: monospace;}

.b-feedback-form-wrapper{border-radius: 0;margin: 20px auto;}
/* 
.b-feedback-form input.errorField{border: 1px solid red;}
.b-popup-feedback-form input.errorField{border: 1px solid red;}
.form-result-small input.errorField{border: 1px solid red;} */
input.errorField{border: 1px solid red;}

.successSend{display: none;}

ul{list-style: none; padding: 0 10px; padding-left: 20px;}
li{list-style: initial; display: list-item; line-height: 28px;}

@media (max-width: 768px) {
	
	*{font-family: 'arial', 'OpenSans';}

	.b-container{width: 100%;}
	.i-logo{width: 210px;margin: auto;display: block;}
	.b-slogan{background: #383636; color: #07e6ff; text-align: center;margin: 10px 0;padding: 10px 0;}
	.b-slogan .b-text{line-height: 1.5}
	.geo{padding: 10px 0;}
	.geo span{display: none;}
	.geo select{
		width: 90%;
		height: 40px;
		font-size: 17px;
		margin: 0 5%;
		display: block;
	}

	.contakts{margin: 0 5%;padding: 10px 0;}

	ul.nav li.nav-item{
		display: inline-block;
		text-align: center;
		width: 100%;
		padding: 5% 0;
		border-bottom: 1px solid #00ceef;
	}

	.text-line-wrap p{
		padding: 10px 0;
	}

	.b-services-list-toggle{
		font-size: 20px;
		text-align: center;
		padding: 10px;
		margin: 10px 0;
	}

	p.b-services-list-toggle:after{
		content: "";
		background: url(/local/templates/santechnik/images/arrow-toggle-bottom.png);
		display: inline-block;
		width: 17px;
		height: 15px;
		margin-left: 10px;
		margin-top: 5px;
	}

	p.b-services-list-toggle.open:after{
		content: "";
		background: url(/local/templates/santechnik/images/arrow-toggle-top.png);
		display: inline-block;
		width: 17px;
		height: 15px;
		margin-left: 10px;
		margin-top: 5px;
	}

	.b-services-list{display: none;}

	.item-description{
	display: none !important;
	}	   

	.fixed-feedback{
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 20;
		background: #000;
		color: #ffd300;
		padding: 10px;
		padding-top: 0px;
		text-transform: uppercase;
		max-width: 100%;
		font-size: 15px;
		height: 30px;
		overflow: hidden;
	}

	.b-article{
		margin: 0 10px;
	}

	.b-article .b-link.more-info{
		padding-top: 5px;
		padding-bottom: 15px;
	}

	.b-search {padding: 15px;margin: auto;}
	.b-search-descr {color: #8c8c8c;display: inline-block;width: 20%}
	.b-search-input-wrap{display: inline-block; width: 70%}
	.b-search-input{width: 100%; padding: 5px 10px;}
	
	.servise{margin: 0 2.5%;}

	.tiles-item{
		display: inline-block;
		padding: 10px;
	}

	.footer-wrapper{line-height: 1.5;}
	div.footer{padding-bottom: 50px;}

	.b-popup-mask{
		background: rgb(255, 211, 0);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 19;
		display: none;
	}

	.b-popup-feedback-wrapper{
		background: #fff;
		background: rgba(255, 211, 0, 0.5);
		position: fixed;
		top: 0;
		padding: 20px;
		border-radius: 10px;
		z-index: 20;
		display: none;
	}

	.b-feedback-form-wrapper{
		padding: 10px 5% ;
	}

	.b-popup-feedback-wrapper h3,
	.b-feedback-form-wrapper h3{padding: 10px 0;}

	.b-popup-feedback-form,
	.b-feedback-form{
		background: #fbfbfb;
		border-radius: 10px;
		margin: 10px 0;
	}

	.b-popup-feedback-form .item-wrapper .description,
	.b-feedback-form .item-wrapper .description{padding: 10px 0;}

	/* .b-popup-feedback-form .b-feedback-form-row{width: 90%;} */

	.b-popup-feedback-form input[type="text"],
	.b-feedback-form input[type="text"],
	.b-feedback-form input[type="tel"],
	.b-popup-feedback-form input[type="tel"]{width: 90%;padding: 10px;font-size: 18px;}
	
	.b-popup-feedback-form textarea,
	.b-feedback-form textarea{resize: none;width: 95%; height: 100px;}

	.button.button-send{max-width: inherit;margin-top: 15px;}

	.b-container .b-body{margin: 0 5%}

	.b-body .gallery-item{
		border: 1px solid #ffd300;
		height: 40%;
		margin: 2.5% 1%;
	}
	.image-descr{
   		width: 100%; 
   		height: 100%;
   		background: rgba(255,211,0,.8);
   		text-align: center; 
   		bottom: 0; 
   		overflow: hidden;
   		position: relative;
   	}

	.image-descr p{
		vertical-align: middle;
		padding: 0 5%;
		width: 90%;
		color: #000;
		position: absolute;
		font-size: 19px;
		top: 40%;
		font-weight: bold;
	}

   	.gallery-item a{text-decoration: none;}

	.search-page{padding: 20px 0;}
	.search-page form .item-wrapper{display: inline-block;width: 98%;}
	.search-page form .button.button-send{max-width: inherit;}
	.search-page form input[type="text"]{width: 90%; padding:10px; display:inline-block; margin-right: 20px}
	.serch-content{margin: 30px 0;}
	.serch-content .serach-content-item{margin: 30px 0;}
	.serch-content .serach-content-item .search-title-text{color: #000;line-height: 2;}
	.serch-content .serach-content-item .search-title-text:hover{text-decoration: underline;}
	.serch-content .serach-content-item .search-text-wrap p{font-family: monospace;font-size: 16px;}
	.serch-content .serach-content-item .search-text-wrap p b{font-family: monospace;}

	.form-result-small{display: none;}
	.gallery_photos_works{display: none;}

	.news-detail h1, .news-detail h2, .news-detail h3{padding: 10px 0;}

	.news-detail p{text-align: justify;}

	.b-search .item-wrapper{display: none;}

	.geo .buttonFeedback{display: none;}

	.worker-phone .phone-number{padding: 0px 5px;}
	.worker-phone .phone-icon-number{padding: 5px;}

}
.text-page{padding: 20px 0;}
.text-page ul li{list-style: square inside; display: list-item; padding: 5px 0}
.text-page h3{font-family: monospace; padding: 10px 0;}
.text-page p{text-align: justify;}
.b-body .news-detail{padding: 10px 0;}

@media (min-width: 769px) {
	.header *{font-family: 'arial', 'OpenSans';}
	.menu *{font-family: 'arial', 'OpenSans';}
	.form-result-small.sendBlock {font-family: 'arial', 'OpenSans';}
	.form-result-small.sendBlock h3{font-family: 'arial', 'OpenSans';}
	.form-result-small.sendBlock p{font-family: 'arial', 'OpenSans';}
	.form-result-small.sendBlock .description{font-family: 'arial', 'OpenSans';}
	ul.b-services-list li.b-services-list-item a{font-family: 'arial', 'OpenSans';}

	.b-container{max-width: 1200px;}

	div.header{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content:space-between;
		justify-content: space-between;
		padding: 0 2.5%;
	}

	div.b-logo .i-logo{
		vertical-align: middle; 
		display: inline-block;
		width: 95%;
		padding: 5% 0;
	}

	.b-logo .logo-text{
		font-size: 80%;
		text-align: center;
		width: 75%;
		margin: 5px 0;
		padding: 5px 0;
		background: #ffd300;
		color: #000;
		font-weight: bold;	
	}

	.contakts{padding: 5px 0;}
	.contakts .b-text{line-height: 2;}

	div.b-slogan{
		display: flex;
		align-items: center;
		
		padding: 0px 0;
		max-width: 225px;
	}

	div.b-slogan .b-text{
		text-align: center; 
		font-size: 13pt; 
	}

	.geo{
		position: relative;
		padding: 30px 0; 
	}
	.geo select,
	.geo span{display: inline-block;}

	.geo .buttonFeedback{
	margin: auto;
	padding: 10px;
	text-align: center;
	margin-top: 15px;
	cursor: pointer;
	color: #FFF;
	background-color: #f58383;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.geo .buttonFeedback:hover{background-color: #fd9494;}
	ul.nav{
		width: 95%;
	}

	ul.nav li.nav-item{
		display: inline-block;
		text-align: center;
		padding: 1%;
		min-width: 10%;
		background: #07e6ff;
		vertical-align: bottom;
		min-height: 20px;
	}

	ul.nav li.nav-item:hover{
		background: #a9f6ff;
	}

	ul.nav li.nav-item:hover a{
	}

	p.b-services-list-toggle:after{
		content: ":";
	}

	.text-line .text-line-wrap{padding: 1% 0;}
	.text-line-wrap p{
		font-size: 120%;
	}

	.b-body{padding: 20px 2.5%;}

	.b-coloum{padding-top: 10px;}
	.b-l-coloum{width: 25%; float: left;}
	.b-r-coloum{width: 73%; margin-left: 27%;padding-top: 15px;}

	.item-description{ display:none;
	}

	.item-description p{
		vertical-align: middle;
		text-align: center;
		position: relative;
		top: 45%;
		padding: 0 10%;
		font-weight: bold;
		font-size: 20px;
	}

	.item-image{
		display: inline-block !important;
		vertical-align: middle !important;
		z-index: 3;
		max-height: 320px;
		height: 100%;
	}

	.content .more-info{
		padding-top: 15px;
	}

	.fixed-feedback{
		position: fixed;
		right: 5%;
		bottom: 5%;
		z-index: 25;
		background: #000;
		color: #ffd300;
		padding: 15px;
		text-transform: uppercase;
		max-width: 25%;
		font-size: 15px;
	    height: 40px;
	    overflow: hidden;
	}

	.b-search{padding: 15px; max-width: 40%; float: right;} 
	.b-search input.button.button-send{font-size: 13px;max-width: inherit;height: 35px;padding: 0 15px;display: block;vertical-align: top;}
	.b-search-descr{color: #8c8c8c; display: inline-block;	padding-right: 20px;}
	.b-search .item-wrapper{display: inline-block;}
	.b-search-input-wrap{display: inline-block;}
	.b-search-input{width: 200px;padding: 5px 10px;}

	div.servise{padding: 20px 0;}
	div.tiles-wrapper{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content:space-between;
		justify-content: space-between;
		padding: 10px 0;
		flex-wrap: wrap;
	}

	.tiles-item{padding: 10px; position: relative;}
	.tiles-item-image-wrap{overflow: hidden;}
	.tiles-item img{height: auto;}

	.b-tiles-item-description{
		font-style: italic;
		text-align: center;
		padding-top: 5px;
		max-width: 150px;
	}


	.b-feedback-form-wrapper{width: 70%; margin: auto; padding: 10px 2%;}
	.b-feedback-form-wrapper.formReview{width: 95%;margin: auto; padding: 10px 2%;}
	.b-feedback-form-wrapper .form-header{padding: 10px 0;}
	.b-feedback-form-wrapper .form-header h3{font-size: 18pt;}
	.b-feedback-form-wrapper p{line-height: 2;}
	form.b-feedback-form{padding: 10px; margin: 20px 0; background: #f5f5f5;}
	.b-feedback-form-row{width: 70%; margin: 10px auto;padding: 10px 20px;}
	.item-wrapper .description{display: inline-block; width: 40%; vertical-align: top;}
	.b-feedback-form input{width: 50%;padding:5px 2%; font-size: 17px;}
	.b-feedback-form textarea{width: 50%; height: 60px;padding:10px 2%;}

	.footer-wrapper{line-height: 2;}
	div.footer .block-info{display: inline-block; width: 49%;}

	.b-popup-mask{
		background: rgba(255, 211, 0, 0.5);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 99;
		display: none;
	}

	.b-popup-feedback-wrapper{
		background: #fff;
		width: 50%;
		z-index: 100;
		position: fixed;
		top: 50%;
		left: 50%;
		margin-top: -25%;
		margin-left: -25%;
		padding: 20px;
		max-width: 700px;
		display: none;
	}

	.b-popup-feedback-form{
		background: #ffd300;
		border-radius: 10px;
		padding: 10px;
		margin: 10px 0;
	}

	.b-popup-feedback-wrapper .button.button-send{max-width: inherit;}

	.b-popup-feedback-form .b-feedback-form-row{width: 90%;}

	.b-body .gallery{display: flex; flex-wrap: wrap; justify-content: space-between;}
	.b-body .gallery-item{
		background: #fff;
		border: 1px solid #ffd300;
		width: 20%;
		height: 160px;
		margin: 2.5% 1%;
	}

	.b-body .gallery-item a{display: block; width: 100%; height: 100%; position: relative;}

	.image-descr{
   		width: 100%; 
   		height: 100%;
   		background: rgba(255,211,0,.8);
   		text-align: center; 
   		bottom: 0; 
   		overflow: hidden;
   		position: relative;
   	}

	.image-descr p{
		vertical-align: middle;
		padding: 0 5%;
		width: 90%;
		color: #000;
		position: absolute;
		font-size: 19px;
		top: 40%;
		font-weight: bold;
	}

   	.text-page img.main-image{float: left; margin: 0 10px 5px 0;; border: 11px solid #ffd300;}
   	.text-page h3{font-size: 16pt;}

	.search-page form .item-wrapper{width: 200px;}
	.search-page form input[type="text"]{width: 300px;}

	.b-body .product .b-text, .b-body .news-detail{float: left; width: 70%; text-align: justify; line-height: 1.5; padding-right: 2%;}
	.b-body .product .b-text p{padding-bottom: 10px;}
	.news-detail h1, .news-detail h2, .news-detail h3{padding: 20px 0 5px;}

	.form-result-small{float: right; width: 20%; border: 2px solid #dcdcdc; border-radius: 15px;}
	.form-result-small h3{font-size: 15pt;}
	.form-result-small p{padding: 10px 0;}
	.form-result-small .hightlight{color: red; font-weight: bold; padding-top: 20px; display: block;}
	.form-result-small .button.button-send{max-width: inherit}
	.form-result-small .form-header{position: relative;}
	.form-result-small .wrench{position: absolute; top: 70px; right: 0;}

	.b-body .news-detail .priceList{padding: 20px 0;}

	.worker-phone .phone-number{padding: 5px 0px;}
	.worker-phone .phone-icon-number{padding: 0 10px;}

	.gallery_photos_works{float: right; max-width: 170px; padding: 1% 2.5% 2.5%; border: 1px solid #ffd803; margin-top: 30px; border-radius: 15px;}
	.gallery_photos_works .bigImageLink{margin: auto; max-width: 150px; display: block; padding: 10px;}
	.gallery_photos_works .bigImageLink img{margin: auto; max-width: 150px; display: block; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
	
}
.worker-phone .phone-number{display: inline-block; vertical-align: top;}
.worker-phone .phone-icon-number{display: inline-block;}

.b-body .b-text{padding: 10px 0;}

.b-body .content{margin: 10px 0;}
.b-body .content .b-text{margin: 10px 0;}
.b-body .gallery-item:hover{box-shadow: 0 0 10px rgba(0,0,0,1);}
.b-body .gallery .image{background-size: cover;height: 160px;}

ul.b-services-list{padding-left: 0px; padding-top: 5px;}
li.b-services-list-item.hover{background: #e0e0e0;}

li.b-services-list-item{
	padding: 10px;
	border-left: 5px solid #07e6ff;
	margin: 2px 0;
	background: whitesmoke; /*ghostwhite | whitesmoke | aliceblue | #CCEEFF*/
	overflow: hidden;
}

li.b-services-list-item a{
	color: #000;
	text-decoration: none;
	font-size: 13px;
}

h1, h2{font-size: 18pt; font-weight: bold; padding: 10px 0;}
h3{
	font-size: 15pt;
	font-weight: normal;
	padding: 10px 0;
	color: #f58383;
}
.content{margin: 20px 0;}

.worker-phone{
	font-weight: bold;
	font-size: 150%;
	text-align: center;
	line-height: 1.5;
	padding: 20px 0;
}

.worker-phone .phone-number{color: #f58383;}

.content .more-info:hover{text-decoration: underline;}
.content .b-text{text-align: justify; line-height: 1.5; padding: 10px 0}

.fixed-feedback{cursor: pointer;}
.fixed-feedback .button-feedback {float: left;width:0; overflow-x: hidden;}
.fixed-feedback .button-feedback .button{padding: 13px 0;}
.fixed-feedback .icon.phone{padding-left:10px;float: right;}
/* End */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?178352332051 */
/* /local/templates/santechnik/template_styles.css?178352330917270 */