@import url('http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic&subset=latin,cyrillic');

html, body { height: 100%; }

body {
	background: #fff;
	color: #000;
	font-size: 16px; /* 100/18 = 6.25 */
	font-family: 'PT Sans', Arial, Verdana, sans-serif;
	color: #333434;
}

h2, h3, h4 { 
	margin: 0;
	padding: 0;
	color: #333434;
}
h1 { 
	font-size: 168.75%; /* 27px */
	margin-bottom: 20px;
	font-weight: bold;
}

a {
	color: #27ae60;
	text-decoration: none;
}
a:hover { 
	color: #2cc36b;
	text-decoration: none;
}

a img { border: none; }
img { border: none; }

.container { 
	max-width: 970px; 
	position: relative;
}

.maintext {
	padding-top: 20px;
	padding-bottom: 30px;
}

/* Верхний инфо-блок */
#news-top {
	font-size: 87.5%;
	background: #5c5c5c;
	padding: 5px;
	color: #fff;
	padding: 10px 0;
	padding-right: 20px;
}
	#news-top .close {
		color: #b2b2b2;
		font-weight: normal;
		text-shadow: none;
		display: block;
		position: absolute;
		background: url('../img/i-close-mini.png') no-repeat;
		opacity: 1;
		right: -5px;
		top: 5px;
		width: 14px;
		height: 14px;
	}

/* Верхнее меню навигации */
#menu-top { 
	margin-bottom: 0;
	background: #fff;
	z-index: 1000;
	width: 100%;
	border-radius: 0;
	box-shadow: 0 1px 1px #d6d6d6;
}
#menu-top .navbar-header { margin-left: -15px; }
#menu-top .navbar-right { margin-right: -30px; }
.navbar {
	background: #fff; 
	border: none;
}
	#menu-top .phone {
		color: #333434;
		line-height: 1;
		font-size: 87.25%;
		margin-top: 25px;
	}
	#menu-top a.navbar-brand { 
		padding: 10px 0 5px 0;
		margin: 0;
		margin-left: 0; 
		height: auto;
	}
		#menu-top a.navbar-brand img {
			border: none;
			margin-right: 20px;
		}
	#menu-top .nav {
		margin-top: 32px;
	}
		#menu-top .nav li {
			font-size: 81.25%;
			font-weight: bold;
			text-transform: uppercase;
			margin-right: 30px;
			background: none;
			padding-left: 0;
			padding-right: 0;
			height: 30px;
		}
			#menu-top .nav li.active,
			#menu-top .nav li.active a { 
				color: #27ae60;
				background: none;
			}
			#menu-top .nav li a {
				color: #333434;
				padding: 0;
			}
			#menu-top .nav > li > a:hover,
			#menu-top .nav > li > a:focus { background: none; color: #27ae60;}

	#menu-top .navbar-toggle {
		border: none;
		background: #27ae60;
		border-radius: 0;
		margin: 0;
		height: 95px;
		padding-left: 30px;
		padding-right: 30px;
	}
		#menu-top .navbar-toggle span {
			background: #fff;
			width: 40px;
			height: 3px;
		}
		.navbar-toggle .icon-bar + .icon-bar { margin-top: 8px; }
	.phone-xs {
		font-size: 125%;
		float: right;
		margin-top: 15px;
		margin-right: 20px;
	}
@media (max-width: 1000px) {
	#menu-top .navbar-nav { 
		width: 450px !important; 
		margin-top: 30px;
	}
	#menu-top .phone {
		margin-top: 35px;
	}
}
@media (max-width: 768px) {
	#menu-top .nav  { 
		margin-top: 15px !important; 
		margin-left: 0;
		padding: 0;
		width: 100% !important;
	}
	#menu-top > .container {
		padding: 0;
		margin: 0 15px;
	}
		.navbar-collapse {
		background: #27ae60;
		border: none;
		font-size: 150%;
	}
		.navbar-collapse .navbar-nav li {
			border-bottom: 1px solid #0f9b58;
			margin: 0 !important;
			height: auto !important;
			padding: 30px 0;
		}
		.navbar-collapse .navbar-nav li.active {
			text-align: center;
			color: #fff !important;
		}
			.navbar-collapse .navbar-nav li a {
				color: #fff !important;
				font-weight: normal;
				text-align: center;
			}
}
@media (max-width: 480px) {
	#menu-top .navbar-toggle {
		padding-left: 25px;
		padding-right: 25px;
	}

}
@media (max-width: 340px) {
	.navbar-brand {padding-top: 5px !important; }
		.navbar-brand img { height: 35px; }	
	.phone-xs { 
		font-size: 87.5%;
		line-height: 0.6;
		margin-top: 13px;
	}
	#menu-top .navbar-toggle {
		width: 45px;
		padding: 5px 7px 5px 8px;
		height: 50px;
	}
	#menu-top .navbar-toggle {
		padding-left: 20px;
		padding-right: 20px;
	}
		#menu-top .navbar-toggle span {
			width: 30px;
		}
}

/* TEXT TOP */
.text-top {
	text-align: center;
	background: url('../img/bg-top.jpg') center no-repeat;
	height: 300px;
	max-height: 300px;
	display: table;
	width: 100%;
	margin-bottom: 40px;
}
	.text-top > div {
		display: table-cell;
		vertical-align: middle;
	}
	.text-top p {
		color: #fff;
		font-size: 187.5%;
		text-shadow: 0 0 7px #000;
	}
.action {
	color: #5c5c5c;
	padding: 15px 10px;
	border: 2px solid #27ae60;
	margin: 20px 0;
}
.room-text {}
	.room-text p { margin-bottom: 20px; }
.nosmoke {
	background: url('../img/i-nosmoke.png') left center no-repeat;
	padding-left: 45px;
	line-height: 36px;
}

/* Комната */
.room-text h1 { margin-top: 0; }
.room-book .price,
.room-book .price-list {
	background: #f5f5f5;
	border: 1px solid #e9e9e9;
	margin-bottom: 20px;
	padding: 20px;
	text-align: center;
}
	.price .lg,
	.price-list .lg { font-size: 112.5%; }

	.price .gray,
	.price-list .gray { color: #5c5c5c; }
@media (max-width: 480px) {
	.room-text .room-book .row > div { width: 100%;}
}

/* Квартиры на главной */
.rm_slider { }
.rm_slider img { width: 100%; }
.room-mini { margin-bottom: 30px; }
.room-mini p a { color: #333434; }
.room-mini p a:hover,
.room-mini p a:active,
.room-mini p a:focus { color: #0f9b58; }
.room-mini p.price {
	color: #8b8b8b;
	font-size: 112.5%;
}
	.room-mini .bx-pager-link,
	.textslider .bx-pager-link {
		background: rgba(255, 255, 255, 0.5) !important;
	}
	.room-mini .bx-pager-link.active,
	.textslider .bx-pager-link.active {
		background: #fff !important;
	}
	.room-mini .bx-wrapper .bx-controls-direction a { 
		background: url('../img/arw-mini.png') no-repeat;
		width: 12px;
		height: 23px;
		margin-top: -12px;
	}
		.room-mini .bx-wrapper .bx-next {
			background-position: -15px 0 !important;
			right: 10px;
		}
		.room-mini .bx-wrapper .bx-prev {
			background-position: 0 0;
			left: 10px;
		}
	.textslider .bx-wrapper { margin: 0; }
	.textslider .bx-wrapper .bx-controls-direction a { 
		background: url('../img/arw.png') no-repeat;
		width: 42px;
		height: 83px;
		margin-top: -41px;
	}
		.textslider .bx-wrapper .bx-next {
			background-position: -45px 0 !important;
			right: 30px;
		}
		.textslider .bx-wrapper .bx-prev {
			background-position: 0 0;
			left: 30px;
		}
	.slide { 
		position: relative; 
	}
		.slide p {
			position: absolute;
			bottom: 5px;
			left: 30px;
			color: #fff;
		}
		.slider.about .slide .dark {
			position: absolute;
			background: url('../img/dark.png') bottom repeat-x;
			width: 100%;
			bottom: 0;
			height: 69px;
		}
@media (max-width: 480px) {
	.room-mini {
		width: 100%;
	}
}

/* Services */
#services {
	background: #f5f5f5;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding: 20px 0;
}
	#services h1 { margin-bottom: 10px; }
	#services h2 { 
		text-align: center;
		font-size: 100%;
		margin-bottom: 40px;
		font-weight: bold;
	}
	#services .icons {
		list-style: none;
		margin: 0;
		padding: 0;
		margin-bottom: 30px;
		margin-top: 10px;
	}
	#services .icons:last-child { margin-bottom: 0; }
		.icons li {
			display: inline-block;
			vertical-align: top;
			width: 15.6%;
			margin: 0 2% 4% 2%;
			padding: 0;
			text-align: center;
			color: #5c5c5c;
		}
			.icons li i {
				display: block;
				min-height: 73px;
				max-height: 73px;
				margin: 0 auto;
				background: url('../img/i-serv.png') no-repeat;
			}
			.icons .i-wifi i {
				width: 72px;
				background-position: 0 0;
			}
			.icons .i-tea i {
				width: 64px;
				background-position: -76px 0;
			}
			.icons .i-p i {
				width: 62px;
				background-position: -144px 0;
			}
			.icons .i-taxi i {
				width: 77px;
				background-position: -210px 0;
			}
			.icons .i-doc i {
				width: 53px;
				background-position: -291px 0;
			}
			.icons .i-ex i {
				width: 70px;
				background-position: -348px 0;
			}
			.icons .i-tr i {
				width: 114px;
				background-position: -422px 0;
			}
			.icons .i-copy i {
				width: 69px;
				background-position: -540px 0;
			}
			.icons .i-conf i {
				width: 51px;
				background-position: -613px 0;
			}
			.icons .i-rent i {
				width: 63px;
				background-position: -668px 0;
			}
			.icons .i-spa i {
				width: 74px;
				background-position: -734px 0;
			}
			.icons .i-bar i {
				width: 76px;
				background-position: -811px 0;
			}
			.icons .i-wash i {
				width: 65px;
				background-position: -891px 0;
			}
			.icons .i-safe i {
				width: 72px;
				background-position: -960px 0;
			}
			.icons .i-gym i {
				width: 82px;
				background-position: -1036px 0;
			}
			.icons .i-pets i {
				width: 72px;
				background-position: -1122px 0;
			}
@media (max-width: 1024px) {
	.icons li { width: 20%; }
}
@media (max-width: 480px) {
	.icons li { width: 28%; }
}
@media (max-width: 340px) {
.icons li { width: 45%; }
}

/* Payment & Close */
#payment {
	padding: 50px 0;
	border-bottom: 1px solid #e9e9e9;	
}
#close {
	padding: 50px 0;
	background: #5c5c5c;
	color: #f5f5f5;
}
	#payment ul,
	#close ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
		#payment ul li,
		#close ul li {
			display: inline-block;
			margin-right: 20px;
			vertical-align: middle;
			text-align: center;
		}
			#payment ul li img { margin: 0 10px; }
			#close ul li img { margin: 0 30px 10px 30px; }
@media (max-width: 480px) {
	#payment ul li {
		width: 100%;
		text-align: center;
	}
	#close ul li { 
		text-align: center;
		width: 48%;
		margin: 0;
	}
	#close ul li:first-child { 
		width: 100%; 
		text-align: center; 
		margin-bottom: 10px;
	}
}
		
/* Text */
#text {
	padding: 50px 0;
}
.text-gray { 
	padding: 20px 0;
	background: #f5f5f5; 
	border-top: 1px solid #efefef;
}
.text-info { 
	padding: 10px;
	background: #efefef;
	font-size: 87.5%;
	color: #333434;
}

/* Отзыв */
.review {
	padding: 30px;
	border: 1px solid #e6e6e6;
	margin-top: 20px;
}	
	.review .date {
		color: #8b8b8b;
		padding-right: 20px;
	}
	.review > div { margin-bottom: 30px; }
	.review > div + div { margin-bottom: 0;}
.paginator {}
.paginator ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 30px;
}
	.paginator li {
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
		.paginator li.active span {
			display: block;
			width: 40px;
			height: 40px;
			background: #27ae60;
			line-height: 40px;
			border-radius: 20px;
			color: #fff;
		}
		.paginator li a { 
			margin: 0 10px; 
			padding: 5px;
		}

/* FOOTER */
footer {
	background: #f5f5f5;
	border-top: 1px solid #e9e9e9;	
	color: #5c5c5c;
	padding: 30px 0;
	clear: both;
}
	footer td,
	main td { padding: 0 10px 5px 0; }
	footer li { margin-bottom: 5px; }
	footer .f-text { margin-top: 20px; }
	
	main table { margin: 30px 0; }

/* Увеличение размера текста
   На моб в основых описаниях */
@media (max-width: 480px) {
	.maintext,
	footer,
	#rules,
	main,
	#index-rooms { font-size: 125%; }	
}

/* Модальное окно */
.modal-backdrop {
	background: rgb(50, 50, 50);
	opacity: 0.8 !important;
}
.modal-dialog {
}
.modal-content {
	padding: 0;
	box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.modal-header,
.modal-body { padding: 0 20px; }
.modal-header { 
	border: none; 
	text-align: center; 
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
}
	.modal-header h1 {
		font-weight: bold;
		margin-top: 25px;
		margin-bottom: 20px;
		font-size: 168.75%;
	}
.modal-body { padding-bottom: 20px; }
	.modal-body label { 
		margin-bottom: 10px; 
		font-weight: normal;
	}
	.modal-body .form-group {
		padding-bottom: 20px;
	}
	.modal-body .btn { clear: both; }
	.modal-body input,
	.modal-body textarea { 
		resize: none;
		padding: 15px 20px; 
		height: auto;
		font-size: 100%;
		line-height: 1;
		border-radius: 0;
		border-color: #e6e6e6;
		box-shadow: none;
		margin: 0;
		font-weight: bold;
	}
	.modal-body .input-group-addon {
		border-radius: 0;
		border: none;
		background: #7b7b7b;
		color: #fff;
		font-size: 125%;
	}
		.modal-body .input-group-addon label { margin: 0; }
		.modal-body .time input {
			width: 70px;
			text-align: center;
			padding-left: 5px;
			padding-right: 5px;
			margin: 0 10px;
		}
	.modal-body .form-group.code input { width: 100px; margin: 0 10px; }
	.modal-body .total-dt { color: #8b8b8b; padding-left: 20px; }
	.modal-body .total { 
		line-height: 40px;
		margin-top: 20px;
		border-top: 1px solid #e6e6e6;
		padding-top: 20px;
	}
	.modal-body .total-price {
		font-size: 150%;
		font-weight: normal;
		text-align: right;
	}
	.modal-body .payment {
		margin-top: 20px;
		color: #8b8b8b;
	}
	.modal-body a.btn-next { margin-right: 20px; }
.modal-footer {
	border: 0;
	background: #fffec8;
	padding: 20px;
}
	.modal-footer p { text-align: left; }

/* Общие */
/* Кнопки и ссылки */
ul.list { 
	list-style: none; 
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
ul.list li {
	padding-left: 20px;
	background: url('../img/list.png') 0 12px no-repeat;
	margin-bottom: 20px;
}

.btn {
	color: #fff;
	padding: 15px 20px;
	font-size: 112.5%;
}
.btn:hover,
.btn:active,
.btn:focus { color: #fff; }

.btn-green       { background: #27ae60; }
.btn-green:hover { background: #2cc36b; }

.btn-group { display: block; }
	.btn-group label { 
		display: inline-block; 
		padding: 10px 20px;
		margin: 0;
		float: none;
		text-align: center;
		clear: none !important;
	}
.btn-gray { 
	background: #fff; 
	border: 1px solid #e6e6e6; 
	color: #333434;
	border-radius: 0;
}
.btn-gray:hover { color: #333434; }
.btn-gray.active { 
	background: #7b7b7b; 
	color: #fff;
}

button.print-review {
	background: #ab110e;
	color: #fff;
	text-transform: uppercase;
	padding: 13px;
	border-top: 1px solid #d78e8d;
	border-left: 1px solid #bf4a48;
	border-bottom: 1px solid #2b0404;
	border-right: 1px solid #4f0806;
}

button.close {
	opacity: 1;
	font-weight: normal;
	color: #27ae60;
	font-size: 100%;
	padding-right: 20px;
}
button.close:hover { 
	color: #2cc36b; 
	opacity: 1;
}

button:active {
	box-shadow: inset 0 0 3px #000;
}