@import url('https://fonts.googleapis.com/css?family=PT+Sans|Roboto:900&subset=cyrillic');
body { font-family: 'PT Sans', sans-serif; color: #000;}
header { background: url('../images/header-bg.jpg') center no-repeat; height: 150px; font-size: 10.5pt; }
header img.logo { margin: -15px 15px 0; }
header img.gplay { width: 100%; }
header span { font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 20pt;}
footer { background: #ffd633; height: 63px; line-height: 63px; }
footer a { text-decoration: underline; }
#map { width: 100%; height: 580px; }
section { position: relative; }
.master-list, .master-info { padding-top: 10px; transition: left .5s ease-out; position: absolute; top: 0px; left: 10%; width: 300px; height: 580px; background: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.master-list.hidden, .master-info.hidden { left:-100%; }
.master { cursor: pointer; }
.master, .master-info .row { margin: 0; padding: 8px 0; }
.master.active { border: 1px solid #f9d304; }
.master h6, .master-info h6 { margin: 0; text-transform: uppercase; font-weight: bold;}
.master small { text-transform: uppercase; color: #b1b2b4; }
.master-street { margin-top: 10px; font-size: 10pt;}
.master-street.online { color: #27c808; }
.master-street .fa-circle { font-size: 7pt; margin-right: 5px; }
.form-control { border-radius: 0; }
img.gray { filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.phone { cursor: pointer; background: #319fdc; color:#fff; text-align: center; font-size: 10pt; width: 80%; padding: 2px 0; margin: 25px 0 15px; }
.phone a { color: #fff; }
.master-desc { padding: 5px 15px; font-size: 10pt; }
.master-cat:nth-child(2) { margin-top:0; }
.master-cat { width: 75%; background: #fff7d6; font-size: 10pt; margin: 10px; border: 1px solid #ebe6be; padding: 5px 10px; border-radius: 2px; }
.master-service { margin: 3px 10px; display: flex; font-size: 10pt; border-bottom: 1px solid #ddd; }
.service-title { width: 75%; position: relative; padding-left: 10px;}
.service-title:before {  position: absolute; font-size: 3pt; top: 7px; left: 0; font-family: Font Awesome\ 5 Free; content: "\f111"; font-weight: 900;}
.service-price { width: 25%; text-align: right; color: #b70c15; }
.prev { color:#309fdc; cursor: pointer; }
.prev span, .prev.gray  {color:#424242;}
.phone.success { background: #2ec101; }
nav { height: 90px; }
nav .logo { text-transform: uppercase; font-weight: bold; height: 30px; line-height: 30px; }
nav .logo img { width:15px; margin: -8px 10px 0; }
nav .search { background: #ffd633; height: 60px; }
.map-avatar { border-radius:100%;border:2px solid #ddd; }
.rounded-circle.online, .map-avatar.online { border: 2px solid #27c808; }
@media (min-width: 1200px)
{
	.container {
	    max-width: 960px;
	}
}
@media (max-width: 768px) 
{ 
	#map {

		width: 100%;
		height: 40px;
		position: absolute;
		top: 0;
		bottom: 35px;
		left: 0;
		right: 0;
		z-index: 1;
	}
	section { position: absolute; }
	.master-list, .master-info { width: 100%; height: auto; left:0; z-index: 2; }
	.master-list { position: relative; top:0; max-height: 350px; }
	header { height: 140px; }
	header span { font-size: 10pt; }
	#header-top { background: #fff; }
	footer {
		line-height: 0;
		height: 20px;
		padding: 5px;
		text-align: center;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		font-size: 11px;
	}
}