@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1200px) {

	.wide-block.m-confirmation {
	  padding-top: 196px;
	  padding-bottom: 236px;
	}

	.container-right .category.category_sm:nth-child(3n) {
	  margin-right: 0;
	}

	.get-contacts .block-get {
		width: 560px;
	}

	.get-contacts .block-reservation {
		width: 300px;
	}

	.wide-block.slider-services {
		padding-bottom: 0;
	}

	.popup-add-review {
		padding: 50px;
		width: 920px;
		margin-left: -460px;
	}

	.form-add-review .input {
		width: 320px !important;
	}

	.block-services {
		padding-top: 35px;
	}

	.block-services__item__description,
	.block-services__item__image {
		height: 275px;
	}

	.block-services__item__description {
  		padding: 14px 20px 20px 20px;
  	}

  	.block-services .category__img {
  		display: none;
  	}

	.container-right {
		display: none;
	}

	.wide-block-service .container-left {
		float: none;
		margin-bottom: 20px;
	}

	.wide-block-service .container-right {
		display: block;
		float: none;
		width: 100%;
		max-width: 880px;
	}

	.container-right .category.category_sm {
		width: 280px;
		margin: 0 20px 20px 0;
		float: left;
	}

	.container-left,
	.description-rooms .inner {
		max-width: 900px;
	}

	.container-left {
		padding-bottom: 0;
	}

	#gallery.ug-gallery-wrapper .ug-bullets {
		display: block;
	}

	.wide-block.wide-block_slider {
		padding-bottom: 0;
	}

	.block-info [class*="col-"], 
	.block-info [class*="col-"]:first-child {
		margin-left: 0;
		margin-bottom: 0;
	}

	[class^="grid-"] [class*="col-lg-offset-2"] {
		margin-left: 0;
	}

	.block-popup__popup .close {
		right: -30px;
	}

	.grid-12,
	.content > .inner, 
	.wide-block > .inner {
		width: 940px;
		margin: 0 auto;
	}

	.wide-block_banner .inner {
		width: 920px;
	}

	[class*="col-"],
	[class*="col-"]:first-child {
		margin-left: 20px;
		margin-bottom: 20px;
	}

	[class*="col-lg-2"] {
		width: 160px;
	}

	.m-map [class*="col-lg-3"] {
		width: 230px;
	}

	.reserve_col {
		right: 120px;
		width: 260px;
	}

	.reserve.reserve_col .form-group {
		width: 100%;
	}

	.wide-block {
		padding-bottom: 60px;
	}

	.wide-block.wide-block-simple {
		padding-bottom: 40px;
	}

	.wide-block.wide-block_banner {
		padding-bottom: 0;
		height: 504px;
	}

	[class*="col-lg-4"] {
		width: 300px;
	}

	[class*="col-lg-3"] {
		width: 220px;
	}

	[class*="col-lg-4"]:first-child,
	[class*="col-"]:first-child {
		margin-left: 0;
	}

	.wide-block.wide-block_banner .welcome {
  		margin: 77px auto 147px auto;
	}

	.category.category_md .category__img {
		height: 190px;
	}

	.category.category_sm .category__img {
		height: 140px;
	}

	.category.category_sm .category__descr {
		padding: 17px 12px 17px 17px;
	}

	.wide-block.m-map .grid-12 {
		width: 800px;
	}

	.services-block > .inner {
		width: 886px;
	}

	.category__actions {
		padding: 11px 15px 14px;
	}

	.social.category_social {
		width: 105%;
		margin-left: -5px;
	}	

	#header > .inner, 
	.content > .inner, 
	#footer > .inner, 
	.wide-block > .inner, 
	.nav-main > .inner {
		max-width: 940px;
	}

	.wide-block.block-info .col-lg-8.col-lg-offset-2 {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
}

@media screen and (max-width: 960px) {

	.block-services__item__image .img-actions {
		display: none;
	}

	.block-services__item__image:hover img {
		opacity: 1;
		cursor: default;
	}

	.container-right .category.category_sm:nth-child(3n) {
	  margin-right: 20px;
	}

	.m-contacts.m-gray .col-lg-4 {
		float: left;
	}

	.get-contacts .block-get,
	.get-contacts .block-reservation {
		width: 100%;
		float: none;
	}

	.get-contacts .block-reservation {
		margin-top: 12px;
	}

	.dop-contacts img {
		display: block;
		margin: 0 auto 4px auto;
	}

	.grid-12.dop-contacts {
		margin-top: 10px;
	}

	.dop-contacts .col-lg-3,
	.dop-contacts .col-lg-4 {
		margin-bottom: 10px;
	}

	.dop-contacts a {
		top: 0;
	}

	.wide-block.wide-block-service {
		padding-top: 20px;
	}

	.wide-block.slider-services {
		padding-top: 0;
	}

	.wide-block-service .container-left {
		padding: 40px;
	}

	.wide-block.wide-block-service > .inner {
		width: 95%;
	}

	.wide-block.slider-services {
		margin: 0 auto 35px auto;
	  	width: 100%;
	  	max-width: 680px;
	  	height: auto;
	}

	.slider-services .ug-arrow-right.ug-skin-default,
	.slider-services .ug-arrow-left.ug-skin-default {
		display: none;
	}

	.popup-add-review {
		padding: 50px;
		width: 580px;
		margin-left: -290px;
		margin-top: 60px;
	}

	.form-add-review .input {
		width: 100% !important;
		display: block;
	}

	.form-add-review .textarea {
		overflow: auto !important;
		height: 115px !important;
	}

	.form-add-review .button-black {
		width: 100%;
		float: none;
		margin-top: 20px;
	}

	.form-add-review {
		padding-left: 0;
	}

	.form-add-review .add-photo {
		position: relative;
		display: block;
		margin-bottom: 20px;
	}

	.block-services__item__description,
	.block-services__item__image {
		height: auto;
		width: 100%;
	}

	.block-services__item__description {
  		padding: 14px 20px 40px 20px;
  	}

  	.block-services__item__image.left:after,
	.block-services__item__image.right:after {
		top: auto;
		left: 50%;
		margin-left: -9px;
		margin-top: 0;
		bottom: 0;		
	  -moz-transform: rotate(-90deg); 
	  -ms-transform: rotate(-90deg); 
	  -webkit-transform: rotate(-90deg); 
	  -o-transform: rotate(-90deg); 
	  transform: rotate(-90deg); 
	}

	.container-left, .description-rooms .inner {
		max-width: 600px;
		padding-left: 0;
	}

	.description-rooms__naim {
		position: relative;
		display: block;
		top: 0;
		padding-top: 30px;
		margin-bottom: 2px;
		text-align: center;
	}

	.wide-block.wide-block-simple {
		padding-top: 20px;
	}

	.block-placing {
		padding-left: 0;
		padding-top: 0;
	}

	.placing-title {
		position: relative;
		display: block;
		margin-bottom: 21px;
		width: 100%;
	}

	.wide-block.wide-block_slider {
		padding-top: 0;
	}

	.wide-block.block-info section.i {
		padding: 30px 16px 24px 16px;
		margin-top: 26px;
	}

	.contacts h2 {
		margin-bottom: 16px;
	}

	.contacts .content-row .contact-item {
		padding-bottom: 12px;
	}

	.content-row .contact-item:first-child {
		border: none;
	}

	.grid-12,
	.content > .inner, 
	.wide-block > .inner {
		width: 600px;
		margin: 0 auto;
	}

	.grid-12:after {
		display: none;
	}

	.wide-block {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.wide-block.wide-block_banner {
		padding: 60px 0 10px 0;
	}

	.reserve_inline {
		width: 280px;
		margin-top: 0;
		padding: 20px 20px 2px 20px;
	}

	.reserve_inline .form-group {
		float: none;
		margin-left: 0;
		margin-bottom: 20px;
	}

	.wide-block.wide-block_banner .welcome {
		margin: 60px auto 50px auto;
	}

	h1 {
		font-size: 48px;
		line-height: 50px;
	}

	.wide-block.wide-block_banner .welcome h2 {
		font-size: 19px;
		line-height: 25px;
	}

	.m-gray .col-lg-4 {
		display: block;
		float: none;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	[class*="col-"],
	[class*="col-"]:first-child {
		margin-bottom: 30px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.m-map [class*="col-lg-3"] {
		width: 160px;
		margin-left: 0;
		margin-right: 0;
	}

	.m-map [class*="col-lg-4"] {
		width: 280px;
		margin-left: 0;
		margin-right: 0;
	}

	[class*="col-lg-4"] {
		width: 380px;
	}

	[class*="col-lg-3"] {
		width: 280px;
	}


	.category.category_md .category__img {
		height: 240px;
	}

	.category.category_sm .category__img {
		height: 180px;
	}

	.category.category_sm .category__descr {
		padding: 17px 12px 17px 17px;
	}

	.reserve_col {
		right: 80px;
	}

	.services-block > .inner {
		width: 540px;
	}

	[class*="col-lg-8"] {
		max-width: 780px;
		width: 100%;
	}
}

@media screen and (min-width: 781px) {
	.nav-main.nav-main_header {
		display: block !important;
	}
}

@media screen and (max-width: 780px) {

	.wide-block.m-confirmation {
	  padding-top: 146px;
	  padding-bottom: 186px;
	}

	.get-contacts .reserve_col {
		display: block;
	}

	.nav-main.nav-main_footer .nav-main__item {
		display: inline-block;
		margin: 15px 0;
		width: 30%;
	}

	.header-info.header-info_right .header-info__first:after,
	.header-info.header-info_left .header-info__first:after {
		right: 0;
		left: auto;
		position: absolute;
	}

	.header-info.header-info_right,
	.header-info.header-info_left {
		text-align: right;
		position: relative;
	}

	.header-info {
		position: relative;
		margin-bottom: 8px;
	}

	.logo {
		position: absolute;
		top: 10px;
		left: 0;
	}

	.nav-main.nav-main_header .nav-main__item {
		display: inline-block;
		margin: 15px 0;
		width: 20%;
	}

	.nav-main.nav-main_footer,
	.nav-main.nav-main_header {
		display: block;
		height: auto;
	}

	.reserve_col {
		display: none;
	}

	#wrap #footer {
		position: relative;
	}

	#page {
		padding-bottom: 0;
	}

	.social.social_footer {
		margin-bottom: 30px;
	}

	header#header {
		padding: 0;
		min-height: 40px;
	}

	.width-620 {
		display: block !important;
	}

	.nav-main.nav-main_header .nav-main__item.active:before {
		display: block;
		bottom: -1px;
		left: -22px;
		right: auto;
		transform: rotate(90deg);
	}

	.header-info {
		display: none;
	}

	.width-620 .header-info {
		display: block;
		text-align: left;
	}

	header#header {
		height: 180px;
	}

	.logo {
		margin-top: 0;
		top: 65px;
		left: 50%;
		margin-left: -115px;
	}

	.nav-main.nav-main_header {
		background: #fff;
		position: fixed;
		z-index: 11;
		width: 100%;
		opacity: 1;
		border: none;
		margin-top: 0;
		padding: 48px 20px 50px 20px;
		box-sizing: border-box;
		display: none;
	}

	.nav-main.nav-main_header .nav-main__item {
		display: block;
		text-align: left;
		margin-left: 35px;
		margin-bottom: 16px;
	}

	.header-info.header-info_right, 
	.header-info.header-info_left {
		text-align: left;
		padding-left: 38px;
		line-height: 20px;
		position: relative;
	}

	.header-info.header-info_left {
		border-top: 1px solid #e6e6e6;
		padding-top: 26px;
		margin-bottom: 20px;
	}

	.header-info.header-info_right .header-info__first:after, 
	.header-info.header-info_left .header-info__first:after {
		display: none;
	}

	.header-info .marker {
		position: absolute;
		left: 7px;
		top: 1px;
	}

	.header-info.header-info_left .marker {
		top: 27px;
		left: 10px;
	}
}

@media screen and (max-width: 700px) {

	.error-pages {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.move-all {
		padding-left: 20px;
	}

	.container-right .category.category_sm:nth-child(3n) {
	  margin-right: auto;
	}

	.wide-block.page-news {
		padding-left: 20px;
		padding-right: 20px;
	}

	.wide-block.m-gray.m-map.get-contacts {
		padding-left: 20px;
		padding-right: 20px;
	}

	.wide-block.wide-block-service > .inner {
		width: 100%;
	}

	.container-right .category.category_sm {
		float: none;
		display: block;
		margin: 0 auto 20px auto;
	}

	.wide-block.wide-block_slider {
		height: 300px;
		padding-left: 0;
		padding-right: 0;
	}

	.wide-block_slider .ug-item-wrapper img {
		width: auto !important;
		height: 300px !important;
	}

	#gallery.ug-gallery-wrapper .ug-bullets {
		top: 260px !important;
	}

	.wide-block {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}

	.wide-block.wide-block_banner {
		box-sizing: content-box;		
	}

	.wide-block > .inner,
	.wide-block .grid-12 {
		width: 100%;
	}

	.block-events.wide-block,
	.wide-block.m-map {
		padding-left: 0;
		padding-right: 0;
	}

	.copy, .dev {
		position: absolute;
		display: block;
		bottom: 20px;
		margin-bottom: 5px;
	}

	.copy {
		margin-top: 20px;
	}

	.social.social_footer {
		margin: 30px 0 60px 0;
	}

	.social.social_footer .ico {
		margin-right: 20px;
	}

	.services-block > .inner {
	    width: 540px;
	}
}

@media screen and (max-width: 660px) {

	.wide-block.page-news .col-lg-3,
	.wide-block.page-news .col-lg-3:nth-child(4n) {
		display: block;
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (max-width: 620px) {

	.wide-block.m-reservation {
		padding-top: 45px;
		padding-bottom: 10px;
	}

	.wide-block.m-confirmation {
	    padding-top: 85px;
	    padding-bottom: 70px;
	}

	.block-form-reservation {
		width: 280px;
	}

	.block-reservation-total .comment {
		line-height: 18px;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.input-wrap.input-group:last-child:before {
		display: none;
	}

	.input-wrap {
		display: block;
		margin-left: 0;
		float: none;
		margin-top: 10px;
	}

	.input-wrap:first-child {
		margin-top: 0;
	}

	h3 {
		margin-top: 22px;
		margin-bottom: 14px;
		font-size: 17px;
		line-height: 24px;
	}

	h5 {
		margin-top: 20px;
		margin-bottom: 12px;
	}

	.content-news .block-share {
		text-align: left;
	}

	.m-contacts .map {
		margin-top: 15px;
	}

	.wide-block.m-gray.m-map.m-contacts {
		padding-top: 33px;
	}

	.get-contacts .block-get .how-to-get {
		padding: 20px 20px 25px 20px;
	}

	.get-contacts .block-get .how-to-get p {
		margin-top: 12px;
	}

	.get-contacts .block-get .how-to-get .title { 
		padding-left: 70px;
		padding-right: 34px;
		margin-top: 0;
		height: 40px;
		display: table-cell;
		vertical-align: middle;
	}

	.dop-contacts {
		display: none;
	}

	.wide-block.slider-services {
		margin-bottom: 26px;
		padding-left: 0;
		padding-right: 0;
	}

	.table-classical .placing-table__row.title-row,
	.placing-table thead {
		display: none;
	}

	.table-classical.cost-table .placing-table__cell.name,
	.placing-table td.name {
		width: 100%;
	}

	.info-cost {
		padding: 19px 0 5px 0;
	}

	.block-share .social {
		top: 12px;
	}

	.wide-block-service .container-left {
		padding: 30px 20px;
	}

	.content-service {
		padding-bottom: 30px;
	}

	.placing-table .placing-table__cell,
	.placing-table td {
		text-align: center;
	}

	.wide-block-service .container-left .category__title {
		font-size: 18px;
		line-height: 24px;
	}

	.block-share {
		text-align: center;
		margin-top: 30px;
	}

	.block-share .text {
		display: block;
	}

	.wide-block-service .container-left .category__descr {
		font-size: 14px;
		line-height: 20px;
		padding-top: 2px;
		padding-bottom: 2px; 
	}

	.reserve_inline {
		display: none;
	}

	.wide-block.page-reviews-comment {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.wide-block.page-reviews-comment  .grid-12 h2 {
		margin-bottom: 10px;
	}

	.wide-block.page-reviews-comment .ta-c {
		margin-bottom: 5px;
	}

	.popup-add-review {
		width: 90%;
		margin-left: -45%;
	}

	.review {
		padding-left: 0;
		padding-bottom: 5px;
		padding-top: 30px;
	}

	.review__photo {
		position: relative;
		display: block;
		top: 0;
		padding-bottom: 15px;
	}

	.review__name,
	.review__date {
		position: absolute;
		top: 35px;
		left: 99px;
	}

	.review__date {
		top: 53px;
	}

	.wide-block.wide-block-simple {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	.wide-block.wide-block-simple {
		padding-top: 5px;
	}

	.block-placing {
		padding-top: 3px;
		padding-bottom: 18px;
	}

	.placing-table .text_hide {
		display: inline-block;
	}

	.wide-block_slider #gallery,
	.wide-block_slider .ug-slide-wrapper,
	.wide-block_slider .ug-item-wrapper {
	  max-width: 620px !important;
	}

	.description-rooms__list {
		width: 370px;
		margin: 0 auto;
		padding-bottom: 24px;
	}

	.description-rooms__naim {
		font-size: 24px;
		line-height: 30px;
		padding-top: 28px;
	}

	.description-rooms__list li {
		display: block;
		float: left;
		width: 120px;
		height: 80px;
		padding-top: 16px;
	}

	.placing-table__row.title-row .placing-table__cell {
		display: none;
	}

	.placing-table__row.title-row {
		padding-top: 0;
	}

	.placing-table__row.title-row .placing-table__cell.name {
		display: block;
		min-height: 0;
		padding: 0;
		color: #999999;
		font-size: 12px;
		line-height: 20px;
	}

	.placing-table__row.title-row .placing-table__cell.comfort {
		display: block;
		width: 100%;
		padding-top: 1px;
		padding-bottom: 0;
	}

	.rules-residence li {
		padding-left: 17px;
		padding-top: 6px;
		border: none;
	}

	.rules-residence li:before {
		top: 12px;
	}

	.rules-residence {
		padding-bottom: 0;
	}

	.switch {
		margin-top: 34px;
		margin-bottom: 8px;
		min-height: 32px;
	}

	.info-cost table td {
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
	}

	.table-classical.cost-table .placing-table__cell,
	.placing-table td {
		text-align: left;
	}

	.move-all {
		display: inline-block;
		float: none;
		padding-left: 0;
		padding-top: 5px;
	}

	.move-all.move-all-right:after {
		top: 10px;
	}

	.content-news .block-share {
		margin-bottom: 0;
	}

	.rules-residence li p {
		margin-bottom: 0;
	}

	.comfort__list {
		margin-top: 1px;
		width: 100%;
		float: none;
	}

	.comfort__list li {
		margin-bottom: 0;
		padding-bottom: 1px;
	}

	.show-more {
		display: block;
	}

	.comfort__list_hide {
		margin-top: 0;
		display: none;
	}

	.comfort-table .placing-table__row.title-row {
		border-bottom: none;
		border-top: 1px solid #e6e6e6;
		margin-top: 14px;
		padding: 8px 0 0 0;
	}

	.placing-table__cell.name,
	 .placing-table td.name {
		color: #424242;
	}	

	.placing-table__row,
	.placing-table tr {
		display: block;
		border-bottom: 1px solid #e6e6e6;
		padding: 9px 0 12px 0;
	}

	.placing-table__row:last-child,
	.placing-table tr:last-child {
		border: none;
	}

	.placing-table__cell,
	.placing-table td {
		display: block;
		min-height: 0;
		width: 100%;
		border: none;
		padding: 4px 0;
	}

	header#header {
		padding: 0;
		min-height: 40px;
	}

	.width-620 {
		display: block !important;
	}

	.nav-main.nav-main_header .nav-main__item.active:before {
		display: block;
		bottom: -1px;
		left: -22px;
		right: auto;
		transform: rotate(90deg);
	}

	.header-info {
		display: none;
	}

	.width-620 .header-info {
		display: block;
		text-align: left;
	}

	header#header {
		height: 180px;
	}

	.nav-main.nav-main_header {
		background: #fff;
		position: fixed;
		z-index: 11;
		width: 100%;
		opacity: 1;
		border: none;
		margin-top: 0;
		padding: 48px 20px 50px 20px;
		box-sizing: border-box;
		display: none;
	}

	.nav-main.nav-main_header .nav-main__item {
		display: block;
		text-align: left;
		margin-left: 35px;
		margin-bottom: 16px;
	}

	.header-info.header-info_right, 
	.header-info.header-info_left {
		text-align: left;
		padding-left: 38px;
		line-height: 20px;
		position: relative;
	}

	.header-info.header-info_left {
		border-top: 1px solid #e6e6e6;
		padding-top: 26px;
		margin-bottom: 20px;
	}

	.header-info.header-info_right .header-info__first:after, 
	.header-info.header-info_left .header-info__first:after {
		display: none;
	}

	.header-info .marker {
		position: absolute;
		left: 7px;
		top: 1px;
	}

	.header-info.header-info_left .marker {
		top: 27px;
		left: 10px;
	}

	.wide-block.wide-block_banner {
		padding: 35px 20px 0 20px;
		height: auto;
		width: 100%;
		box-sizing: border-box;
	}

	h1 {
		font-size: 32px;
		line-height: 40px;
	}

	.wide-block.wide-block_banner .welcome h2 {
		font-size: 16px;
		line-height: 22px;
		width: 100%;
	}

	.wide-block.wide-block_banner .reserve {
		display: none;
	}

	.wide-block.wide-block_banner .welcome {
		margin-top: 35px;
	}

	.grid-12, .content > .inner, .wide-block > .inner {
		min-width: 280px;
		width: 100%;
	}

	.wide-block.wide-block_banner .welcome h1 {
		width: 100%;
	}

	h2 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 25px;
	}

	.wide-block {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.grid-12 h2 {
		margin-bottom: 13px;
	}

	.grid-12 .col-lg-4:last-child {
		margin-bottom: 0;
	}

	p.quote {
		margin-top: 22px;
		margin-bottom: 21px;
	}

	.contacts .content-row .contact-item {
		padding: 0 0 15px 0;
	}

	.content-row .contact-item strong {
		margin-bottom: 1px;
	}

	.contact-item p.mail {
		margin-top: 1px;
	}

	.wide-block.contacts {
		padding-bottom: 26px;
	}

	.block-services__item {
		margin-top: 20px;
	}

	.block-services__item:first-child {
		margin-top: 0;
	}

	.content-row.ta-c .contact-item {
		width: 100%;
	}

	.block-services__item__description, 
	.block-services__item__image {
		float: none;
		display: block;
		height: auto;
	}

	.col-lg-8.col-lg-offset-2 {
		float: none;
	}

	.wide-block .grid-12 {
		margin-top: 0;
	}

	.col-lg-8.col-lg-offset-2 .ta-c {
		margin-bottom: 11px;
	}

	[class*="col-"], [class*="col-"]:first-child {
		margin-bottom: 20px;
	}

	.block-events [class*="col-"], 
	.block-events [class*="col-"]:first-child {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		min-width: 280px;
		width: 100%;
		max-width: 328px;
	}

	h4 {
		margin-bottom: 12px;
	}

	.category.category_md {
		padding-bottom: 30px;
	}

	.category.category_md .category__descr {
		padding-top: 29px;
	}

	.services-block {
		width: 495px;
		margin: 0 auto;
	}

	.services-block .col-lg-2 {
		width: 130px;
		height: 130px;
		background: #f5f5f5;
		border: 1px solid #e7e7e7;
		border-radius: 6px;
		margin: 0 10px 20px 10px;
		overflow: hidden;
		padding-top: 22px;
		box-sizing: border-box;		
	}

	.services-block .category {
		background: #f5f5f5;
	}

	.category.category_services .category__title {
		font-size: 12px;
		line-height: 16px;
	}

	.block-events .category.category_sm .category__descr {
		height: auto;
	}

	.m-map .col-lg-3,
	.m-map .col-lg-4 {
		display: block;
		float: none;
		width: 100%;
		text-align: center;
	}

	.m-map .col-lg-3.col-lg-offset-1 {
		position: absolute;
		top: 148px;
	}

	.m-map .col-lg-4 {
		margin-bottom: 100px;
	}

	.nav-main.nav-main_footer .nav-main__item {
		width: 50%;
		margin: 8px 0;
	}

	.m-map h2 {
		margin-bottom: 15px;
	}

	.map {
		margin-top: 5px;
	}

	.category.category_md:hover .category__img img {
	  opacity: 1;
	}

	.category.category_md:hover .category__img .img-actions {
	  display: none;
	}

	.wide-block.m-map .grid-12 {
		width: 100%;
	}

	.wide-block.slider-services {
		overflow: hidden;
	}

	.slider-services .ug-bullets {
		bottom: 0;
	}
}

@media screen and (max-width: 470px) {

	.wide-block.page-reviews-comment {
		padding-bottom: 0;
	}

	.block-reviews {
		display: none;
	}

	.booking-request.open-popup {
		display: block;
	}

	.error-pages {
		font-size: 14px;
		line-height: 22px;
	}

	.quote {
		padding-left: 0;
	}

	.quote:before {
		display: none;
	}

	.popup-add-review {
		padding: 20px;
	}

	.switch-prev span, .switch-next span {
		display: none;
	}

	.switch-prev span.arrow, .switch-next span.arrow {
		display: block;
	}

	.content-row .contact-item {
		padding-left: 0;
		padding-right: 0;
		display: block;
		text-align: center;
		width: 100%;
	}

	.services-block {
		width: 300px;
		padding-left: 0;
		padding-right: 0;
	}

	.nav-main.nav-main_footer .nav-main__item,
	.social.social_footer {
		text-align: left;
	}

	.copy {
		bottom: 47px;
	}

	.dev {
		right: auto;
		left: 0;
		bottom: 21px;
	}

	.social.social_footer {
		margin-bottom: 100px;
	}

	.nav-main.nav-main_footer {
		padding-bottom: 25px;
	}

	[class*="col-lg-4"] {
		width: 280px;
	}

	.category.category_md .category__img {
		height: 180px;
	}

	.online-booking .reserve_inline,
	.online-booking h2 {
		padding-left: 0;
		padding-right: 0;
	}

	.block-events .grid-12 {
		width: 280px;
	}

	.booking-request {
		display: block;
	}
}

@media screen and (max-width: 420px) {

	.block-services .category__title {
		position: absolute;
		display: block;
		top: -78px;
		color: #fff;
		font-size: 16px;
		line-height: 24px;
		width: 100%;
		margin-left: -20px;
		text-align: center;
	}

	.block-services__item__description {
		padding: 20px;
		text-align: left;
	}

	.block-services__item__description .button-black {
		width: 100%;
	}

	.block-services .category__img {
		display: block;
		position: absolute;
		top: -128px;
		width: 100%;
		margin-left: -20px;
		text-align: center;
	}

	.block-services .category__img .ico.relax {
	  background-position: -198px -442px;
	}
	.block-services .category__img .ico.pool {
	  background-position: -198px -528px;
	}
	.block-services .category__img .ico.pills {
	  background-position: -198px -597px;
	}
	.block-services .category__img .ico.bowling {
	  background-position: -198px -753px;
	}
	.block-services .category__img .ico.brazier {
	  background-position: -198px -837px;
	}
	.block-services .category__img .ico.massage {
	  background-position: -198px -919px;
	}
	.block-services .category__img .ico.sauna {
	  background-position: -198px -674px;
	}
	.block-services .category__img .ico.salt-cave {
	  background-position: -198px -995px;
	}
	.block-services .category__img .ico.solarium {
	  background-position: -198px -1074px;
	}
	.block-services .category__img .ico.tennis {
	  background-position: -198px -1308px;
	}

	.block-services__item__image:before {
		display: block;
	}

	.wide-block.m-gray.page-services {
		padding-top: 30px;
	}

	.wide-block.m-gray.page-services h2 {
		margin-bottom: 10px;
	}

	.wide-block.m-gray.page-services .ta-c {
		margin-bottom: 6px;
	}

	.block-services__item__description {
		padding-top: 16px;
	}

	.block-services__item__description .button-black {
		margin-top: 0;
	}
}

@media screen and (max-width: 380px) {
	.get-contacts .reserve_col {
		left: -20px;
		border-radius: 0;
		min-width: 280px;
		width: 100%;
	}

@media screen and (max-width: 340px) {
	.booking-request {
		width: 280px;
		left: 20px;
		margin-left: 0;
	}
}
