@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto|Oswald');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

html,body { padding:0; margin:0; font-family: 'Roboto', sans-serif;font-size:15px;}

#img_bg{
	position:fixed;
	margin:0px;
	min-height:100%;
	min-width:100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index:-1;
	opacity: 0.2;
	-webkit-filter: blur(5px);
}
.crop{
	float:left;
	overflow:hidden; /* this is important */
	position:relative; /* this is important too */
	padding:0px;
	margin:0px;
	border:none;/*1px solid #ccc;*/
	width:100%;
	height:263px;
}
.round{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.crop>img,.crop>a>img{
	position:absolute;
	margin:0px;
	min-height:100%;
	min-width:100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.crop .descr{
	position:absolute;
	padding:5px;
	overflow-x:hidden;
	background: rgba(0, 28, 37, 0.8)/*#559341*//*#01378C*/;
	color: #FFFFFF;
	/*opacity: 0.8;*/
	width: 100%;
	left: 0px;
	bottom: 0px;
	text-align:left;
}
.crop .big_descr{
	padding: 15px;
}
.search_form_mobile{
	display:block;
	padding:10px 0px;
	background:#636F7B;/*#0090C1;*//*rgb(0,144,193)*/
	color: #FFFFFF;
	width: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(51,49,42,0.8)), to(rgba(51,49,42,0)));
	background-image: -webkit-linear-gradient(top, rgba(51,49,42,0.8), rgba(51,49,42,0));
	background-image: -moz-linear-gradient(top, rgba(51,49,42,0.8), rgba(51,49,42,0));
	background-image: -ms-linear-gradient(top, rgba(51,49,42,0.8), rgba(51,49,42,0));
	background-image: -o-linear-gradient(top, rgba(51,49,42,0.8), rgba(51,49,42,0));
	background-image: linear-gradient(top, rgba(51,49,42,0.8), rgba(51,49,42,0));
}
/*a.search_form_mobile{
	width:90%;
	margin:0px 0px 15px 0px;
	padding:15px 5%;
	color:#269CE9;
	font-weight:normal;
	text-decoration:none;
}
a.search_form_mobile:hover{
	text-decoration:none;
}
a.search_form_mobile>div{
	background:#F2F4F6;
	border:1px solid #F2F4F6;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.search_form_mobile>div div:first-child{/*CITY*//*
	background:#fff url('/pictures/spec/search.png') 4px center no-repeat;
	font-size: 20px;
	font-weight:normal;
	padding:10px 10px 10px 30px;
}
a.search_form_mobile .cal{
	background:url('/pictures/spec/calendar.png') 4px bottom no-repeat;
	padding:5px 10px 0px 24px;
}
a.search_form_mobile .guest{
	background:url('/pictures/spec/person.png') 4px bottom no-repeat;
	padding:5px 10px 0px 24px;
}*/
.crop div, .crop span {
	z-index:10;
}
.crop div.title, .crop h1{
	position:absolute;
	top: 43%;
	width:100%;
	text-align:center;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	font-size: 50px;
	font-weight:normal;
	z-index:10;
	text-decoration:none;
	text-transform:none;
	text-shadow: 1px 1px 2px black, 0 0 1em black;
}
.crop div.sub_title{
	position:absolute;
	top: 50%;
	width:100%;
	text-align:center;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	font-size: 25px;
	font-weight:normal;
	z-index:10;
	text-decoration:none;
	text-transform:none;
	text-shadow: 1px 1px 2px black, 0 0 1em black;
}
.crop a.title{
	position:absolute;
	bottom: 100px;
	left: 30px;
	color: #fff;
	font-size: 40px;
	font-weight:normal;
	z-index:10;
	text-decoration:none;
	text-shadow: 1px 1px 2px black, 0 0 1em black;
}
.crop a.title:hover{
	text-decoration:underline;
}
.crop .logo_index, .crop .logo_index_mobile{
	position:absolute;
	top: 0px;
	left: 0px;
	height:38px;
}
.crop .logo_index{
	width:99%;
	padding:7px 15px;
}
.crop .logo_index_mobile{
	width:97%;
	padding:7px 15px 7px 5px;
}
.crop .logo_index a{
	text-shadow: 1px 1px 2px black, 0 0 1em black;
}
.crop .logo_index_mobile a{
	text-shadow: 0px 0px 2px black, 0 0 1em #d2d2d2;
}
.img_opera_mini{
	top:-50%;
	left:-50%;
	border:red solid 5px;
}
.crop_opera_mini2>img{
	max-width:32px;
}
*.main
{
	min-height:calc(100vh - 55px);
}
*.redtext
{
	color: #FE8582;
}
*.greentext
{
	color: #339900;
}
*.bluetext
{
	color: #329FE5;
}
*.orangetext
{
	color: #FE8582;
}
*.bigredtext
{
	font-size: 17px;
	FONT-WEIGHT: normal;
	color: #FE8582;
}
*.biggreentext
{
	font-size: 17px;
	FONT-WEIGHT: normal;
	color: #339900;
}
*.bigtext
{
	font-size: 17px;
	FONT-WEIGHT: normal;
}
*.address
{
	font-size: 18px;
	FONT-WEIGHT: normal;
	PADDING-BOTTOM: 5px;
	color: #fd9200;	
}
*.el
{
	COLOR: #269CE9;
	FONT-WEIGHT: normal;
	MARGIN: 0;
    PADDING-BOTTOM: 5px;
}
.el b {
	COLOR: #1B1B1B;
}
*.descr
{
	COLOR: #1B1B1B;
	FONT-WEIGHT: normal;
	MARGIN: 0;
    PADDING-BOTTOM: 6px;
}
*.descr_in_table
{
	COLOR: #1B1B1B;
	FONT-WEIGHT: normal;
}

/*CALENDAR*/
input.date_picker{
	/*width:150px;*/
	padding-right: 17px;
	border-top:       #ABADB3 1px solid;
	border-right:     #DBDFE6 1px solid;
	border-bottom:    #E3E9EF 1px solid;
	border-left:      #E2E3EA 1px solid;
	color:            #232322;
	font-weight:      normal;
	margin:           1px;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
td.calendar
{
	position:relative;
	padding:0px;
	margin:0px;
}
td.calendar_today
{
	position:relative;
	border: 2px solid #269CE9;
	padding:0px;
	margin:0px;
}
td.selected_calendar1
{
	position:relative;
	background-color: #FE8582;
	padding:0px;
	margin:0px;
}
td.selected_calendar2
{
	position:relative;
	background-image: url('/sel_cal_gif.php?color=FE8582&width=48&align=left');
	background-position: left;
	background-repeat: repeat-y;
	text-align: center;
	padding:0px;
	margin:0px;
}
td.selected_calendar3
{
	position:relative;
	background-image: url('/sel_cal_gif.php?color=FE8582&width=48&align=right');
	background-position: right;
	background-repeat: repeat-y;
	text-align: center;
	padding:0px;
	margin:0px;
}
td.selected_calendar1_today
{
	position:relative;
	background-color: #FE8582;
	text-align: center;
	border: 2px solid #269CE9;
	padding:0px;
	margin:0px;
}
td.selected_calendar2_today
{
	position:relative;
	background-image: url('/sel_cal_gif.php?color=FE8582&width=48&align=left');
	background-position: left;
	background-repeat: repeat-y;
	text-align: center;
	border: 2px solid #269CE9;
	padding:0px;
	margin:0px;
}
td.selected_calendar3_today
{
	position:relative;
	background-image: url('/sel_cal_gif.php?color=FE8582&width=48&align=right');
	background-position: right;
	background-repeat: repeat-y;
	text-align: center;
	border: 2px solid #269CE9;
	padding:0px;
	margin:0px;
}
td.selected_calendar1_ukrflats
{
	position:relative;
	background-color: #E64646;
	padding:0px;
	margin:0px;
	cursor:pointer;
}
td.selected_calendar2_ukrflats
{
	position:relative;
	background-image: url('/sel_cal_gif.php?color=E64646&width=48&align=left');
	background-position: left;
	background-repeat: repeat-y;
	text-align: center;
	padding:0px;
	margin:0px;
}
td.selected_calendar3_ukrflats
{
	position:relative;
	background-image: url('/sel_cal_gif.php?color=E64646&width=48&align=right');
	background-position: right;
	background-repeat: repeat-y;
	text-align: center;
	padding:0px;
	margin:0px;
}
td.selected_calendar1_today_ukrflats
{
	position:relative;
	background-color: #E64646;
	text-align: center;
	border: 2px solid #269CE9;
	padding:0px;
	margin:0px;
	cursor:pointer;
}
td.selected_calendar2_today_ukrflats
{
	position:relative;
	background-image: url('/sel_cal_gif.php?color=E64646&width=48&align=left');
	background-position: left;
	background-repeat: repeat-y;
	text-align: center;
	border: 2px solid #269CE9;
	padding:0px;
	margin:0px;
}
td.selected_calendar3_today_ukrflats
{
	position:relative;
	background-image: url('/sel_cal_gif.php?color=E64646&width=48&align=right');
	background-position: right;
	background-repeat: repeat-y;
	text-align: center;
	border: 2px solid #269CE9;
	padding:0px;
	margin:0px;
}
div.calendar_date {
	width: 40px;
	padding: 4px;
	margin:0px;
	font-size: 25px;
	font-weight:normal;
	color: #1B1B1B;
	text-align: center;
	/*border: 1px solid #269CE9;*/
}
td.calendar_today div, td.selected_calendar1_today div, td.selected_calendar2_today div, td.selected_calendar3_today div, td.selected_calendar1_today_ukrflats div, td.selected_calendar2_today_ukrflats div, td.selected_calendar3_today_ukrflats div {
	padding: 2px;
}
div.currency {
	position:absolute;
	bottom:0px;
	right:0px;
	padding:0px;
	margin:0px;
	font-size:9px;
}
td.calendar_today div.currency, td.selected_calendar1_today div.currency, td.selected_calendar2_today div.currency, td.selected_calendar3_today div.currency {
	bottom:-2px;
	padding:0px;
}
div.light_date {
	width: 40px;
	padding: 4px;
	margin:0px;
	font-size: 25px;
	font-weight:normal;
	color: #1B1B1B;
	background-color: #FF0000;
	text-align: center;
	cursor:pointer;
	/*border: 1px solid #269CE9;*/
}
a.free_date
{
	width: 40px;
	padding: 4px;
	margin:0px;
	display:block;
    
	font-size: 25px;
	font-weight:normal;
	text-decoration:none;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	/*border: 1px solid #269CE9;*/
}
a.free_date:hover
{
	background-color:#269CE9;
	color:#FFFFFF;
	text-decoration: none;
}
a.free_date:hover .price_in_cal {
	color:#FFFFFF;
}
a.light_date
{
	width: 40px;
	padding: 4px;
	margin:0px;
	display:block;
    
	font-size: 25px;
	font-weight:normal;
	background-color: #FF0000;
	text-decoration:none;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	/*border: 1px solid #269CE9;*/
}
a.light_date:hover
{
	text-decoration:none;
}
a.free_date2
{
	width: 40px;
	padding: 4px;
	margin:0px;
	display:block;
    
	font-size: 25px;
	font-weight:normal;
	text-decoration:none;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
a.free_date2:hover
{
	text-decoration:none;
}
a.requested_date, a.requested_date_first, a.requested_date_last
{
	width: 40px;
	padding: 4px;
	margin:0px;
	display:block;
	font-size: 25px;
	font-weight:normal;
	background: #269CE9;
	text-decoration:none;
	color:#FFFFFF;
}

a.requested_date:hover,a.requested_date_first:hover,a.requested_date_last:hover
{
	text-decoration:none;
}
a.requested_date .price_in_cal,a.requested_date_first .price_in_cal,a.requested_date_last .price_in_cal
{
	color:#FFFFFF;
}
td.calendar_today a, td.selected_calendar1_today a, td.selected_calendar2_today a, td.selected_calendar3_today a, td.selected_calendar1_today_ukrflats a, td.selected_calendar2_today_ukrflats a, td.selected_calendar3_today_ukrflats a {
	padding: 2px;
}

/*CALENDAR ADAPTIVE*/
@media only screen and (max-width : 350px),
only screen and (max-device-width : 350px){
	td.calendar_today, td.selected_calendar1_today, td.selected_calendar2_today, td.selected_calendar3_today, td.selected_calendar1_today_ukrflats, td.selected_calendar2_today_ukrflats, td.selected_calendar3_today_ukrflats{
		border-width: 1px;
	}
	div.calendar_date, div.light_date, a.free_date, a.light_date, a.free_date2, a.requested_date, a.requested_date_first, a.requested_date_last{
		width:36px;
		padding:4px 1px;
	}
	td.calendar_today div, td.selected_calendar1_today div, td.selected_calendar2_today div, td.selected_calendar3_today div, td.selected_calendar1_today_ukrflats div, td.selected_calendar2_today_ukrflats div, td.selected_calendar3_today_ukrflats div, td.calendar_today a, td.selected_calendar1_today a, td.selected_calendar2_today a, td.selected_calendar3_today a, td.selected_calendar1_today_ukrflats a, td.selected_calendar2_today_ukrflats a, td.selected_calendar3_today_ukrflats a {
		padding: 2px 0px;
	}
	td.selected_calendar2, td.selected_calendar2_today, td.selected_calendar2_ukrflats, td.selected_calendar2_today_ukrflats{
		background: url('/sel_cal_gif.php?color=FE8582&width=38&align=left') left top repeat-y;
	}
	td.selected_calendar3, td.selected_calendar3_today, td.selected_calendar3_ukrflats, td.selected_calendar3_today_ukrflats{
		background: url('/sel_cal_gif.php?color=FE8582&width=38&align=right') right top repeat-y;
	}
	td.selected_calendar2_ukrflats, td.selected_calendar2_today_ukrflats{
		background: url('/sel_cal_gif.php?color=E64646&width=38&align=left') left top repeat-y;
	}
	td.selected_calendar3_ukrflats, td.selected_calendar3_today_ukrflats{
		background: url('/sel_cal_gif.php?color=E64646&width=38&align=right') right top repeat-y;
	}
}
/*END CALENDAR ADAPTIVE*/

.price_in_cal {
	
	font-size: 14px;
	font-weight:normal;
	color:#484848;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

.date_min {
	display:none;
}

.red_circle {
	margin-left: 0px;
	margin-top: 1px;
	padding: 0px;
    width: 7px;
    height: 7px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.green_circle {
	margin-left: 0px;
	margin-top: 1px;
	padding: 0px;
    width: 7px;
    height: 7px;
    background: green;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.mail_blank_circle {
	margin-left: 0px;
	margin-top: 1px;
	padding: 0px;
    width: 7px;
    height: 7px;
    background: green;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.star {
	display: block;
	margin-left: 0px;
	margin-top: 1px;
	width: 7px;
    height: 7px;
}

/*MINI CALENDAR*/
*.selected_calendar_mini1
{
	width: 14px;
	
	font-size: 10px;
	color: #FEE9A6;
	background-color: #FE8582;
	text-align: center;
}
*.selected_calendar_mini2
{
	width: 14px;
	border-color: #8C3200;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
	
	font-size: 10px;
	background-image: url('/pictures/spec/half_mini.bmp');
	background-position: left;
	background-repeat: repeat-y;
	text-align: center;
}
*.selected_calendar_mini3
{
	width: 14px;
	border-color: #8C3200;
	border-style: solid;
	border-width: 1px;
	padding: 0px;
	
	font-size: 10px;
	background-image: url('/pictures/spec/half_mini.bmp');
	background-position: right;
	background-repeat: repeat-y;
	text-align: center;
}

*.calendar_mini
{
    width: 14px;
	
	font-size: 10px;
    text-align: center;
}

*.sublinks
{
	
	font-size: 13px;
	color: #269CE9;
}

*.map
{
	background-color: #DFC58F;
}

/* Стили кнопок */
.button{
  display: inline;
  zoom: 1;  
  padding: 6px 20px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: normal 13px;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out; 
  -o-transition: background-color .2s ease-out;  
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);
}

.button:hover{
  background-color: #eee;
  color: #555;
}

.button:active{
  background: #e9e9e9;
  position: relative;
  top: 1px;
  text-shadow: none;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.button[disabled], .button[disabled]:hover, .button[disabled]:active{
  border-color: #eaeaea;
  background: #fafafa;
  cursor: default;
  position: static;
  color: #999;
  /* Следует избегать использования директивы !important, но вданном случае она необходима :) */
  -moz-box-shadow: none !important; 
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Стили маленьких кнопок */

.button.small{
  padding: 1px 5px;
  font-size: 12px;
  font-weight: normal;
}

/* Стили больших кнопок */

.button.large{
  padding: 12px 30px;
  text-transform: uppercase;
}

.button.large:active{
  top: 2px;
}

/* Стили для кнопок разных цветов */

.button.color{
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));  
}

/* */

.button.green{
  background-color: #229A00;
  border-color: #229A00;
}

.button.green:hover{
  background-color: #51D52A;
}

.button.green:active{
  background: #229A00;
}

/* */

.button.red{
  background-color: #c43c35;
  border-color: #c43c35;
}

.button.red:hover{
  background-color: #ee5f5b;
}

.button.red:active{
  background: #c43c35;
}

/* */

.button.blue{
  background-color: #269CE9;
  border-color: #269CE9;
}

.button.blue:hover{
  background-color: #70B9E8;
}

.button.blue:active{
  background: #269CE9;
}

/* */

.green[disabled], .green[disabled]:hover, .green[disabled]:active{
  border-color: #57A957;
  background: #57A957;
  color: #D2FFD2;
}

.red[disabled], .red[disabled]:hover, .red[disabled]:active{
  border-color: #C43C35;
  background: #C43C35;
  color: #FFD3D3;
}

.blue[disabled], .blue[disabled]:hover, .blue[disabled]:active{
  border-color: #269CE9;
  background: #269CE9;
  color: #93D5FF;
}
/* //Стили кнопок */

input.button_red
{
	border: 0px;
	height: 17px;
	margin:0;
	padding:2px 5px;
	background-color: #D20606;
	color:#FFFFFF;
	font-size:12px;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

select.footMenu
{
	border-top: solid 1px black;
	border-left:solid 1px black;
	border-bottom:solid 1px white;
	border-right:solid 1px white;
	font-size: 12px;
}

input.textFootMenu
{
	border-top: solid 1px black;
	border-left:solid 1px black;
	border-bottom:solid 1px white;
	border-right:solid 1px white;
	font-size: 12px;
}

.foto
{
	border-color: #92CBF1;
	border-style: solid;
	border-width: 1px;
	border-collapse:  collapse;
}

table.map
{
	border-color: #FFC5AF;
	border-style: solid;
	border-width: 1px;	
}

TABLE.search {
border: outset 10pt #A0894D; 
border-spacing: 35pt;
background-color: #757C90;
}
TD.search {
border: inset 5pt #F9F2A7;
background-color: #DDDACF;
padding:20px;
}

*.caption
{
	font-size: 20px;
	font-weight: normal;
	color: #000000;	
}

*.caption_green
{
	font-size: 20px;
	font-weight: normal;
	color: #339900;	
}

table.descr TD
{
    COLOR: #1B1B1B;
	FONT-WEIGHT: normal;
}
table.attrs TD
{
	padding:10px 0px;
}
table.attrs tr td:nth-child(2) {
    padding-left: 5px;
}
A
{
    FONT-WEIGHT: normal;
    COLOR: #269CE9;
    TEXT-DECORATION: none;
}
A:hover
{
    TEXT-DECORATION: underline
}
A.big
{
    FONT-WEIGHT: normal;
    COLOR: #269CE9;
    FONT-SIZE: 20px;
    TEXT-DECORATION: none
}
TD.breadcrumb
{
	padding:10px;
	margin:30px 0px 0px;
	background:#294049;
}
TD.breadcrumb A
{
	COLOR: #eee;
}
TD.breadcrumb div
{
	COLOR: #1B1B1B;
}
ul.breadcrumb{
	list-style-type:none;
	margin:0px;
	padding:0px 0px 10px 5px;
	text-align:left;
}
ul.breadcrumb a{
	font-size:18px;
}
ul.breadcrumb li{
	display:inline;
	padding:0px 5px 0px 0px;
	margin:0px;
}
ul.breadcrumb li:nth-last-child(n+2):after{
	content:'>';
	font-size:18px;
	color:#0082CF;
}
H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    font:normal 1.6em;
	color:#269CE9/*#cea203*/;
	/*font-family: 'Oswald', sans-serif;*/
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left;
	margin:0px;
}
form h1{
	text-align:center;
	margin-top:10px;
	color:#232322;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
}
H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 17px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #269CE9;
    TEXT-ALIGN: left;
}
H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 13px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #8C3200;
    PADDING-TOP: 0px;
    
    TEXT-ALIGN: center
}

table.tooltip
{
	border-color: #8C3200;
	border-style: solid;
	border-width: 1px;	
	background-color: #FFFFFF;
}

td.tooltip_address
{
	
	font-size: 14px;
	FONT-WEIGHT: normal;
	color: #fd9200;	
}

td.tooltip_el
{
	COLOR: #269CE9;
	FONT-SIZE: 14px;
	FONT-WEIGHT: normal;
	MARGIN: 0;
    
}

td.small_descr
{
	COLOR: #269CE9;
	FONT-SIZE: 11px;
	
}

*.tooltip_text
{
	
	font-size: 13px;
	color: #8C3200;
}

*.small_address
{
	font-size: 12px;
	FONT-WEIGHT: normal;
	color: #fd9200;	
}

*.small_redtext
{
	font-size: 12px;
	FONT-WEIGHT: normal;
	color: #FE8582;
}

A.small_link
{
    FONT-WEIGHT: normal;
    COLOR: #269CE9;
    FONT-SIZE: 11px;
    
    TEXT-DECORATION: none
}

a.option {
	FONT-WEIGHT: normal;
	COLOR: #269CE9;
	FONT-SIZE: 13px;
	text-decoration:none;
	border-bottom:1px dashed #269CE9;
}

*.small_redtext_mini
{
    FONT-WEIGHT: normal;
    COLOR: #000000;
    FONT-SIZE: 10px;
    
}

.menu_selected {
  
	font-size: 20px;
  text-align: center;
  border-color: #8C3200;
	border-style: solid;
	border-width: 1px;
	background-color: #FE8582;
	color: #FEE9A6;
	padding: 2px;
}

#search_form_div {
  position:relative;
  z-index:1000;
  background:#fff;
  /*box-shadow: 0 0 10px rgba(255,223,136,1);
  -moz-box-shadow: 0 0 10px rgba(255,223,136,1);
  -webkit-box-shadow: 0 0 10px rgba(255,223,136,1);*/
}

#search_form_div_side {
	border-right: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	background:#fff;
	border-radius:3px;
	padding:10px;
	font-weight:normal;
	font-size:15px;
}
#search_form_div_side td {
	font-weight:normal;
}
#search_form_div_side .suggest_list td {
	font-weight:normal;
}
#search_form_div_side input[type=checkbox] {
	cursor: pointer;
	vertical-align: -3px;
}
#search_form_div_side input[type=checkbox]:checked+label {
	background:#FFF1B9;
	color:#000;
}
/*#search_form_div_side input[type=checkbox]:checked+label:hover {
	background:#269CE9;
	color:#fff;
}*/
#search_form_div_side label {
	display:inline-block;
	width:80%;
	cursor: pointer;
	padding:3px;
	transition: all 0.2s ease;
}
#search_form_div_side label:hover {
	background:#00b2ff;
	color:#fff;
}

label {
	cursor: pointer;
	color: #269CE9;
}

a.button
{
	font-size: 20px;
	text-decoration: none;
	padding: 20px 10px;
}

td.wrong input{
  background-color: #FFD4D5;
}

.border {
  /*border-collapse:  collapse;*/
  border-color:     #232323;
  border-style:     solid;
  border-width:     1px;
  border-radius:    5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

input.text, select, textarea {
  /*background-color: #F4F4F4;*/
  background:		#FFFFFF;
  border-top:       #ABADB3 1px solid;
  border-right:     #DBDFE6 1px solid;
  border-bottom:    #E3E9EF 1px solid;
  border-left:      #E2E3EA 1px solid;
  color:            #232322;
  font-weight:      normal;
  margin:           1px;
  padding:          2px;
  border-radius:    3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
select{
	padding-top:1px;
}

input.text_big {
  /*background-color: #F4F4F4;*/
  background:		#FFFFFF;
  border-top:       #ABADB3 1px solid;
  border-right:     #DBDFE6 1px solid;
  border-bottom:    #E3E9EF 1px solid;
  border-left:      #E2E3EA 1px solid;
  color:            #232322;
  font-weight:      normal;
  margin:           1px;
  padding:          6px 20px;
  /*padding:          2px 5px;*/
  border-radius:    3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

input.huge, select.huge, a.huge {
  /*background-color: #F4F4F4;*/
  background:		#FFFFFF;
  border-top:       #ABADB3 1px solid;
  border-right:     #DBDFE6 1px solid;
  border-bottom:    #E3E9EF 1px solid;
  border-left:      #E2E3EA 1px solid;
  color:            #232322;
  font-weight:      normal;
  margin:           1px;
  padding:          12px 20px;
  /*padding:          2px 5px;*/
  border-radius:    3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
select.huge {
	padding: 11px 20px;
}
a.huge{
	display:inline-block;
	width:192px;
	text-align:left;
	text-decoration:none;
}
a.huge:hover{
	text-decoration:none;
}

input.price {
	width: 40px;
}

input.apartment_suggetion {
  background:		url('/pictures/spec/arrow_down.png') right center no-repeat #FFFFFF;
  width:260px;
  padding-right:19px;
  border-top:       #ABADB3 1px solid;
  border-right:     #DBDFE6 1px solid;
  border-bottom:    #E3E9EF 1px solid;
  border-left:      #E2E3EA 1px solid;
  color:            #232322;
  font-size:        12px;
  font-weight:      normal;
  margin:           1px;
  /*padding:          2px 5px;*/
  border-radius:    3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

input.login_text {
  /*background-color: #F4F4F4;*/
  background:		#FFFFFF;
  border-top:       #ABADB3 1px solid;
  border-right:     #DBDFE6 1px solid;
  border-bottom:    #E3E9EF 1px solid;
  border-left:      #E2E3EA 1px solid;
  color:            #232322;
  font-weight:      normal;
  padding:          5px 2px;
  border-radius:    5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

span.text {
  /*background-color: #F4F4F4;*/
  background:		#FFFFFF;
  border-top:       #ABADB3 1px solid;
  border-right:     #DBDFE6 1px solid;
  border-bottom:    #E3E9EF 1px solid;
  border-left:      #E2E3EA 1px solid;
  color:            #232322;
  font-weight:      normal;
  margin:           1px;
  cursor:           text;
  /*padding:          2px 5px;*/
  border-radius:    3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

input.error, select.error, textarea.error {
  /*background-color: #F4F4F4;*/
  background:		#F8CDCD;
  border:           #d83c3c 1px solid;
  color:            #000000;
  font-weight:      normal;
  margin:           1px;
  /*padding:          2px 5px;*/
  border-radius:    3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.backgrounded {
	background:		#fafafa;
	padding:        5px;
	border-radius:  5px;
}

.backgrounded_shadow {
	background:		#EAEBDF;
	padding:        3px;
	border-radius:  5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	box-shadow: 2px 2px 2px rgba(183,139,70,0.75);
	-moz-box-shadow: 2px 2px 2px rgba(183,139,70,0.75);
	-webkit-box-shadow: 2px 2px 2px rgba(183,139,70,0.75);
}

a.checked {
	FONT-WEIGHT: normal;
    COLOR: #269CE9;
    TEXT-DECORATION: none;
	padding:          3px 5px;
	margin:           5px;
	display:inline-flex;
	align-items:center;
}
a.checked:before{
	content: '\e5ca';
    font-family: material icons;
	font-weight: bold;
}

a.unchecked {
	FONT-WEIGHT: normal;
	COLOR: #A3A3A3;
    TEXT-DECORATION: none;
	padding:          3px 5px;
	margin:           5px;
	display:inline-flex;
	align-items:center;
}
a.unchecked:before{
	content: '\e5ca';
    font-family: material icons;
	font-weight: bold;
	opacity:0;
}

a.checked_moderate {
	FONT-WEIGHT: normal;
    COLOR: #FFFFFF;
	border: 1px solid #d83c3c;
    TEXT-DECORATION: none;
	background-color: #269CE9;
	padding:          2px 4px;
	margin:           5px;
	display:inline-block;
	/*float:left;*/
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.unchecked_moderate {
	FONT-WEIGHT: normal;
	COLOR: #A3A3A3/*#999999*/;
	border: 1px solid #d83c3c;
    TEXT-DECORATION: none;
	background-color: #E6E8EA;
	padding:          2px 4px;
	margin:           5px;
	display:inline-block;
	/*float:left;*/
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.panel {
	padding:5px;
}

.error_tip {
	position: absolute;
	overflow: visible;
    border: 0;
    padding: 1px 7px;
	width: 110px;
	text-align: center;
    cursor: pointer;
    font-weight: normal;
    color: #fff;
    background: #d83c3c;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
}

.error_tip:before { /* стрелка влево */
	content: '';
	position: absolute;
    border-width: 0 8px 8px 8px;
    border-style: none solid solid solid;
    border-color: #d83c3c transparent;
    top: -6px;
	left: 55px;
}

.error_tip a {
	background: #FFFFFF;
	padding: 1px 5px;
	margin: 5px;
	color: #000000;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.75);
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.75);
}

div.date_picker {
	position: absolute;
	display:none;
    border: 0;
    padding: 7px;
    font-weight: normal;
    color: #fff;
    background: #fafafa;
	border-radius:    5px;
	box-shadow: 0 1px 5px 0 rgba(41,85,115,.21);
	z-index:100;
}

div.date_picker:before { /* стрелка вверх */
	content: '';
	position: absolute;
    border-width: 0 8px 8px 8px;
    border-style: none solid solid solid;
    border-color: #fafafa transparent;
    top: -6px;
	left: 50%;
}

div.date_picker_second:before { /* стрелка вверх */
	left: 10%;
}

div.date_picker div.calendar_date, div.date_picker a.free_date, div.date_picker a.free_date2, div.date_picker a.requested_date, div.date_picker a.requested_date_first, div.date_picker a.requested_date_last {
	width: 20px;
	font-size: 15px;
}

.block_heading {
	margin-top: 25px;
	text-align: center;
    font: 20px Oswald;
}

.success_tip {
	position: absolute;
	overflow: visible;
    border: 0;
    padding: 1px 7px;
	width: 300px;
	text-align: center;
    cursor: pointer;
    font: normal 14px;
    color: #fff;
    background: #86C43F;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
}

.success {
	border: 0;
    padding: 1px 7px;
	margin-right: 10px;
	text-align: center;
    font: normal 14px;
    color: #fff;
    background: #55AF32/*#78B172*//*#86C43F*/;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
}

div.error {
	border: 0;
    padding: 1px 7px;
	margin-right: 10px;
	text-align: center;
    font: normal 14px;
    color: #fff;
    background: #d83c3c/*#78B172*//*#86C43F*/;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
}

div.error a {
	color:#FFFFFF;
	text-decoration:underline;
}

sup {
	font-size: 8px;
}

.office_menu {
	margin:0;
	padding:0;
	z-index:11;
}

.office_menu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.office_menu ul li{
	text-align: center;
	padding:0px;
	margin:0px;
}

.office_menu ul li a {
	display:block;
	padding:2px;
	margin:0px;
	text-decoration:none;
	text-align: left;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

.office_menu ul.menu li a:hover {
    background: #009FE3;
	color:#fff;
	text-decoration:none;
}

.office_menu ul.menu li a {
	font-size:17px;
	margin: 3px 0px;
	padding:5px 0px 5px 10px;
}
.office_menu ul.menu_mobile li a {
	font-size:20px;
	margin: 3px 0px;
	padding:15px 0px 15px 5px;
}

.counter {
	padding:2px;
	background: #292C31;
	font-weight: normal;
	color: #fff;
	float: right;
	margin: -2px -2px 0px 0px;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
ul.menu .counter{padding:5px 2px;margin: -5px 0px 0px 0px;}
ul.menu_mobile .counter{padding:15px 2px;margin: -15px 5px 0px 0px;}

.request, .months_div {
	/*border: 1px solid #FF0000;*/
	overflow: hidden;
}

.change_dates2 {
	position: absolute;
	border: 0;
    padding: 1px 7px;
	margin-right: 10px;
	text-align: center;
    font: normal 14px;
    color: #fff;
    background: #86C43F;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.change_dates {
	position: absolute;
	width:400px;
	background:#eaebdf;
	box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	-moz-box-shadow:3px 3px 10px rgba(0,0,0,0.45);
	color:#000000;
	z-index:101;
}
.sticky-content-wraper {
	/*border-left:3px double rgba(238, 150, 122, 0.75);*/
	margin: 0px;
	padding:5px;
}
.sticky-content {
	min-height:40px;
	border: 1px solid #F0C95E;
	padding:5px;
	color:#000000;
	background-color: #FFFFFF;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.dialog {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background:#eee;
	/*position:absolute;*/
	padding:0px 10px 10px 10px;
	max-width:800px;
}

img.ruble {
	height: 1.5ex;
}

option.ruble {
	padding: 0px 0px 0px 20px;
	background: url('https://www.artlebedev.ru/tools/technogrette/html/rouble/ruble.gif') left center;
}

div.help {
	margin-left: 3px;
	margin-top: 0px;
    /*width: 1.3em;
    height: 1.3em;*/
	padding: 0.1em 0.3em;
    background: #329FE5;
	display: inline-block;
	font-weight: normal;
	color:#ececec;
	text-align:center;
	cursor: pointer;
	font-size: 0.7em;
	vertical-align: center;
	top:-0.3em;
	position:relative;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.sticky-header {
	cursor: move;
	padding:5px;
	background:#f3f3f3;/* url(/pictures/spec/drag.png) 0px 0px repeat-x;*/
	border-bottom:2px solid #fefefe;
	box-shadow:0 3px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.25);
	-moz-box-shadow:0 3px 5px rgba(0,0,0,0.25);
}
.change_dates td {
	color:#000000;
}
.change_dates p {
	color:#000000;
}
.sticky-bottom {
	cursor: move;
	padding:5px;
	/*border-left:3px double rgba(238, 150, 122, 0.75);*/
	margin-left:0px;
}
.sticky-top {
	padding:5px;
	/*border-left:3px double rgba(238, 150, 122, 0.75);*/
	margin:0px;
}
.close-sticky {
	background:#000;
	margin:0px;
	width:12px;
	height:20px;
	/*float:right;*/
	cursor:pointer;
	color:#ececec;
	text-align:center;
	padding:0px 5px 2px;
	border-radius:11px;
	-webkit-border-radius:11px;
	-moz-border-radius:11px;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, 0.3);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0 ,0, 0.3);
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0 ,0, 0.3);
}

.close-sticky:hover {
	background: #474747;
}

.close {
	cursor:pointer;
	color:#3B3B3B;
	font-weight:normal;
	text-shadow: 0 -1px 0 rgba(0, 0 ,0, 0.3);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0 ,0, 0.3);
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0 ,0, 0.3);
}

ul.foto_list {
  width:100%;
  list-style-type:  none;
  margin: 0px 0px 1px 0px;
  padding: 0px;
}

ul.foto_list li {
  float:left;
  margin: 3px;
  padding:0px;
}

.del_foto {
	background:#000;
	position:absolute;
	top: 5px;
	margin:0px;
	width:12px;
	height:20px;
	cursor:pointer;
	color:#ececec;
	text-align:center;
	padding:0px 5px 2px;
	border-radius:11px;
	-webkit-border-radius:11px;
	-moz-border-radius:11px;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, 0.3);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0 ,0, 0.3);
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0 ,0, 0.3);
}

#tip {
	position: absolute;
	max-width: 400px;
	padding: 5px;
	color: #FFFFFF;
	background-color: #000000;
	z-index: 1000001;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, 0.3);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0 ,0, 0.3);
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0 ,0, 0.3);
}

a.arrow
{
	width: 20px;
	padding: 1px;
	margin:0px;
	display:block;
	vertical-align: middle;
    
	font-size: 18px;
	font-weight:normal;
	text-decoration:none;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*border: 1px solid #269CE9;*/
}
a.arrow:hover
{
	background:#fafafa;
	text-decoration:none;
	/*color:#1B1B1B;*/
}
span.moderate {
	position: relative;
	color: #FFFFFF;
	background-color: #d83c3c;
	font-weight:      normal;
	margin-left:      1px;
	padding:          2px;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.disunderlined {
	text-decoration:none;
}
a.disunderlined:hover {
	text-decoration:none;
}

span.moderate:before { /* стрелка влево */
	content: '';
	position: absolute;
    border-width: 5px 5px 5px 0px;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c;
    top: 4px;
	left: -4px;
}
div.moderate {
	position: relative;
	color: #FFFFFF;
	background-color: #d83c3c;
	font-weight:      normal;
	margin-top:       6px;
	padding:          2px;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div.moderate:before { /* стрелка влево */
	content: '';
	position: absolute;
    border-width: 0px 8px 8px 8px;
    border-style: none solid solid solid;
    border-color: #d83c3c transparent;
    top: -6px;
	left: 50%;
}
img.moderate {
	border: 3px solid #d83c3c;
}

.form_error_tip {
	position: absolute;
	overflow: visible;
    border: 0;
    padding: 1px 7px;
	width: 220px;
	text-align: left;
    cursor: pointer;
    font-weight: normal;
    color: #fff;
    background: #d83c3c;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.75);
}

.form_error_tip:before { /* стрелка влево */
	content: '';
	position: absolute;
    border-width: 8px 8px 8px 0px;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c;
    top: 2px;
	left: -6px;
}

.form_error_tip a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}

.form_error_tip a:hover {
	text-decoration: none;
}

.suggest_list {
	background:		#FFFFFF;
	color:			#000000;
	border:         #CCCCCC 1px solid;
	margin:           0px;
	padding:          0px;
	border-radius:    0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	z-index:100;
	text-align:center;
}

.suggest_list a {
	display:block;
	color:            #232322;
	font-weight:      normal;
	text-decoration: none;
	padding:          12px 20px;
	transition: All 0.5s ease;
}

.suggest_list a:hover {
	background-color:#F0F0FF;
	text-decoration: none;
}

a.current_suggetion {
	background-color:#D5DDF3;
}

.suggest_list a td {
	color: #000000;
}

.suggest_list a a {
	display:inline;
    FONT-WEIGHT: normal;
    COLOR: #269CE9;
    FONT-SIZE: 12px;
    TEXT-DECORATION: none;
	padding:2px;
	border-radius:    3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}

.suggest_list a a:hover {
	TEXT-DECORATION: none;
	background-color: #EAEBDF;
}

div.logo {
	height:38px;
	padding:7px 5px;
	text-align:left;
	box-shadow: 0 1px 5px 0 rgba(41,85,115,.21);
	margin-bottom: 20px;
}

div.logo_mobile{
	margin:0px;
	position: fixed;
    width: 100%;
    background: #fff;
    z-index: 12;
}

div.logo a#logo {
	color:#269CE9;
	text-shadow:none;
}

div.logo a.office {
	color: #269CE9;
}
div.logo a.office td{
	color: #269CE9;
}

div#login {
	float:right;
	padding:10px 0px 0px 0px;
}

div#login a:not(.office) {
	text-transform: uppercase;
	color:#FFFFFF;
	padding:10px;
}

div.logo div#login a:not(.office) {
	color: #269CE9;
}

div.logo div#login a:hover:not(.office) {
	background-color:#269CE9;
	color:#FFFFFF;
	text-decoration: none;
	text-shadow: 1px 1px 2px black, 0 0 1em black;
}

div#login a:hover:not(.office) {
	background-color:#269CE9;
	color:#FFFFFF;
	text-decoration: none;
}

ul.select{
	position:relative;
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:left;
	z-index:1000;
}
ul.select li{
	display:none;
	position:absolute;
}
ul.select li.caption{
	font-size:15px;
	display:inline;
	position:inherit;
}
ul.select li:hover{
	display:inline;
}
ul.select:hover li{
	display:inline;
}

a#logo {
	font: italic normal 700 34px/normal Arial;
	text-shadow:#FFFFFF 0px 1px 1px;
    -moz-text-shadow:#FFFFFF 0px 1px 1px;
    -webkit-text-shadow:#FFFFFF 0px 1px 1px;
	text-align:center;
	color:#DBDBDB;
	word-spacing:-5px;
	height:52px;
	text-shadow: 1px 1px 2px black, 0 0 1em black;
}
a#logo:hover {
	text-decoration: none;
}

a#logo h3 {
	text-align:justify;
	font: normal normal normal 16px;
	color: #679819;
	padding: 0px;
}

a.office {
	color: #FFFFFF;
	text-decoration:none;
	display: block;
	overflow: hidden;
	max-width: 500px;
	height: 32px;
	float:right;
	font-size:16px;
}
a.office:hover {
	color: #FFFFFF;
	text-decoration:none;
}
a.office td{
	color: #FFFFFF;
	text-decoration:none;
	padding-right:5px;
	overflow: hidden;
	max-width: 500px;
	height: 32px;
	font-size:16px;
}

/*SCROLL TO TOP*/
a#top-button{
	display: none;
	z-index: 999;
	opacity: .5;
	position: fixed;
	bottom: 5px;
	left: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 30px;
	line-height: 50px;
	height: 50px;
	padding: 5px;
	background-color: #000;
	text-align: center;
	color: #fff;
	font-size:18px;
	text-decoration:none;
}
a#top-button:hover{
	opacity: 1;
}

#about_us {
	padding: 0px 10px;
	background-color: #EAEBDF;
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
}

ul.contacts li {
	padding-top: 7px;
}

.apartment_suggest { 
	padding:2px;
	margin: 0px 0px 5px 0px;
	background-color:#F0F0FF;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.75);
}

.apartment_suggest:hover {
	box-shadow: 0px 0px 2px rgba(8,77,150,1);
	-moz-box-shadow: 0px 0px 2px rgba(8,77,150,1);
	-webkit-box-shadow: 0px 0px 2px rgba(8,77,150,1);
}

.payments_table {
	width:100%;
}
.payments_table form {
	display:inline;
}
.payments_table td, .payments_table td a {
	font-size: 24px;
	color: blue;
	cursor:pointer;
}
.payments_table td a:hover {
	text-decoration:none;
}
.payments_table td:hover {
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	background-color: #D1F1F6;
}
.payment_methods {
	text-align:left;
}
.payment_methods .button {
	display:none;
}

a.reklama_block{
	display:block;
	text-decoration:none;
	padding:10px 0px;
	border-top:1px solid #ccc;
}
a.reklama_block p{
	color:#A12810;
	
	font-size:14px;
	font-weight:normal;
	padding:2px;
}
a.reklama_block .reklama_url{
	color:#777;
	font-size:12px;
	font-weight:normal;
	padding:2px;
}
a.reklama_block .reklama_text{
	color:#000;
	
	font-size:14px;
	font-weight:normal;
	padding:2px;
}

a.color_search{
	display:block;
	float:left;
	background-color:green;
	padding:10px 20px;
	margin:10px;
	color:#fff;
	text-decoration:none;
}
a.color_end{
	display:block;
	float:left;
	background-color:#D38427;
	padding:10px 20px;
	margin:10px;
	color:#fff;
	text-decoration:none;
}
a.color_offerred{
	display:block;
	float:left;
	background-color:#13D4B7;
	padding:10px 20px;
	margin:10px;
	color:#fff;
	text-decoration:none;
}
a.color_unavailable{
	display:block;
	float:left;
	background-color:#F2C416;
	padding:10px 20px;
	margin:10px;
	color:#fff;
	text-decoration:none;
}
a.color_closed{
	display:block;
	float:left;
	background-color:#383938;
	padding:10px 20px;
	margin:10px;
	color:#fff;
	text-decoration:none;
}
a.color_remind{
	display:block;
	float:left;
	background-color:#FE8582;
	padding:10px 20px;
	margin:10px;
	color:#fff;
	text-decoration:none;
}
a.color_wait{
	display:block;
	float:left;
	background-color:#92CBF1;
	padding:10px 20px;
	margin:10px;
	color:#fff;
	text-decoration:none;
}
a.color_booking{
	display:block;
	float:left;
	background-color:#6B23F0;
	padding:10px 20px;
	margin:10px;
	color:#fff;
	text-decoration:none;
}
a.color_display{
	display:block;
	float:left;
	background-color:#C0FA62;
	padding:10px 20px;
	margin:10px;
	color:#fff;
	text-decoration:none;
}
a.color_busy{
	display:block;
	float:left;
	background-color:#602C1D;
	padding:10px 20px;
	margin:10px;
	color:#fff;
	text-decoration:none;
}

/*ADAPTIVE*/
.crop_index{
	width:100%;
	height:600px;
}
/*CITY ADAPTIVE*/
.cityContainer {
	width: 810px;
	margin: 0px auto;
	overflow: hidden;
	/*border:#ccc 1px solid;*/
}

.cityItem {
	position:relative;
	overflow:hidden;
	float: left;
	width: 250px;
	height: 300px;
    margin: 10px;
	-webkit-transition: background 0.35s, -webkit-transform 0.35s;
	transition: background 0.35s, transform 0.35s;
}

.cityColumn {
	width: 810px;
	margin: 0px auto;
    -webkit-columns: 250px 3;
	-moz-columns: 250px 3;
	columns: 250px 3;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}

.cityColumn a{
	display:block;
	color: #565A5C;
	font-size: 20px;
	font-weight:normal;
	text-decoration:none;
	padding:15px 0px 15px 20px;
	width:100%;
}

.cityColumn .bigtext{
	font-size: 25px;
	color: #269CE9;
}
 
.cityItem img {
	position:absolute;
	margin:0px;
	min-height:100%;
	min-width:100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cityItem:hover{
	background:#000;
}
.cityItem:hover img {
	opacity: 0.9;
	-webkit-transform: translate(-50%, -50%) scale(1.2);
	-moz-transform: translate(-50%, -50%) scale(1.2);
	-ms-transform: translate(-50%, -50%) scale(1.2);
	-o-transform: translate(-50%, -50%) scale(1.2);
	transform: translate(-50%, -50%) scale(1.2);
}

.cityItem div.title{
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	
	font-size: 30px;
	font-weight:normal;
	z-index:10;
	text-decoration:none;
	text-shadow: 1px 1px 2px black, 0 0 1em black;
}

.lastCityItem{
	display:none;
}

/* MМЕДИА ЗАПРОСЫ*/
/*@media only screen and (max-width : 809px),
only screen and (max-device-width : 809px){
	.cityItem {width: 46%;height:400px;margin:2%;}
	.lastCityItem{display:block;}
	.cityContainer{width:100%;}
	.cityColumn {width: 640px;
				-webkit-columns: 300px 2;
				-moz-columns: 300px 2;
				columns: 300px 2;
				}
}*/
@media only screen and (max-width : /*639px*/809px),
only screen and (max-device-width : /*639px*/809px){
	.cityItem {width: 46%;height:300px;margin:2%;}
	.cityItem:nth-child(3n+1) {width: 96%;height:300px;}
	.lastCityItem{display:block;}
	.cityContainer{width:100%;}
	.cityColumn {width: 540px;
				-webkit-columns: 250px 2;
				-moz-columns: 250px 2;
				columns: 250px 2;
				}
}
@media only screen and (max-width : 539px),
only screen and (max-device-width : 539px){
	.cityItem{width:100%;height:200px;margin:5px 0px;}
	.cityItem:nth-child(3n+1) {width: 100%;height:200px;}
	.lastCityItem{display:block;}
	.cityContainer{width:100%;}
	.cityItem img {width: 100%;min-width:1px;}
	.cityColumn {width: 270px;
				-webkit-columns: 250px 1;
				-moz-columns: 250px 1;
				columns: 250px 1;
				}
}
@media only screen and (max-width : 800px),
only screen and (max-device-width : 800px){
	.crop_index a.title{font-size:40px;}
}
@media only screen and (max-width : 650px),
only screen and (max-device-width : 650px){
	#login > table > tbody > tr > td:nth-child(2) > a > table > tbody > tr > td:nth-child(1){display:none;}
	/*#map_canvas_td{display:none;}*/
	#left_menu{display:none;}
	/*#apartments_td{width:100%;}*/
	.crop_index a.title, .crop_index h1{font-size:35px;top:35%;}
	.crop_index div.sub_title{font-size:20px;top:45%;}
	input.huge, select.huge, a.huge{font-weight:normal;margin:1px 1px 10px 1px;padding:10px 0px;width:90%;}
	.suggest_list{margin-top:-10px;}
	input.huge[type='submit']{font-weight:bold;font-size:20px;width:70%;}
	.crop_index .big_descr{padding:10px 0px;}
	.login_form{width:100%;}
}
/*@media only screen and (max-height : 650px),
only screen and (max-device-height : 650px){
	.crop_index a.title{font-size:30px;}
	.crop_index{height:300px;}
}*/
@media only screen and (max-width : 1100px),
only screen and (max-device-width : 1100px){
	#top-button{width: 60px;line-height: 50px;height: 50px;padding: 5px;font-size: 18px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
	#apartments_td{display:none;}
	#map_canvas{top:0px;left:0px;width:100%;position:relative;}
}
@media only screen and (max-width : 1000px),
only screen and (max-device-width : 1000px){
	#top-button{width: 45px;line-height: 50px;height: 50px;padding: 5px;font-size: 18px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
}
@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px){
	#top-button{width: 30px;line-height: 50px;height: 50px;padding: 5px;font-size: 18px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
}
/*END CITY ADAPTIVE*/

/*APARTMENT ADAPTIVE*/
.apartmentContainer:first-child {
	margin: 0px;
}

.apartmentContainer {
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
	padding:0px;
	margin: 15px 0px 0px 0px;
	/*border:#ccc 1px solid;*/
}

.apartmentItem:first-child {
	margin: 0px 1% 0px 0px;
}
.apartmentItem:nth-child(4n){
	margin-right: 0px;
	width: 25%;
}

.apartmentItem{
	position:relative;
	overflow:hidden;
	float: left;
	width: 24%;
	height: 300px;
    margin: 15px 1% 0px 0px;
	padding:0px;
	-webkit-transition: background 0.35s, -webkit-transform 0.35s;
	transition: background 0.35s, transform 0.35s;
	/*border:#ccc 1px solid;*/
}
.officeApartmentItem {
	display: inline-block;
	vertical-align: top;
	width: 400px;
	margin: 15px 1% 0px 0px;
	padding:0px;
}
.officeApartmentItem>.apartmentItem {
	width: 100%;
	margin: 0px;
}
 
.apartmentItem img.apartmentImg {
	position:absolute;
	margin:0px;
	min-height:100%;
	min-width:100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/*.apartmentItem:hover{
	background:#000;
}
.apartmentItem:hover img.apartmentImg {
	opacity: 0.5;
	-webkit-transform: translate(-50%, -50%) scale(1.2);
	-moz-transform: translate(-50%, -50%) scale(1.2);
	-ms-transform: translate(-50%, -50%) scale(1.2);
	-o-transform: translate(-50%, -50%) scale(1.2);
	transform: translate(-50%, -50%) scale(1.2);
}*/

.apartmentItem .title{
	position:absolute;
	/*opacity: 0.2;*/
	padding:10px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	color: #fff;
	/*background: rgba(0, 0, 0, 0.2);*/
	box-shadow: inset 0 -90px 90px -90px #333;
	
	font-size: 20px;
	font-weight:normal;
	z-index:10;
	text-decoration:none;
	text-shadow: 1px 1px 10px black, 0 0 10px black;
	overflow-x:hidden;
}

.like{
	position:absolute;
	/*opacity: 0.2;*/
	padding:15px;
	bottom: 0px;
	right: 0px;
	box-shadow: inset 0 -90px 90px -90px #333;
	text-decoration:none;
	z-index:11;
}
.like:hover{
	text-decoration:none;
}
.like img{
	width:20px;
	vertical-align:middle;
}

.apartmentItem .price{
	position:absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	background-color: #269CE9;
	opacity: 0.8;
	padding:15px;
	font-size: 25px;
	font-weight:normal;
	z-index:10;
	text-decoration:none;
	text-shadow: 1px 1px 2px black, 0 0 1em black;
	text-align:center;
}

.apartmentItem .online{
	position:absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	background-color: #48BF0D;
	opacity: 0.8;
	padding:10px;
	font-size: 12px;
	font-weight:normal;
	z-index:10;
	text-decoration:none;
	text-shadow: 1px 1px 2px black, 0 0 1em black;
	text-align:center;
}

.apartmentItem .onrequest{
	position:absolute;
	top: 0px;
	left: 0px;
	color: #000;
	background-color: #F9F9B7;
	opacity: 0.8;
	padding:10px;
	font-size: 12px;
	font-weight:normal;
	z-index:10;
	text-decoration:none;
	text-shadow: 1px 1px 2px black, 0 0 1em black;
	text-align:center;
}

.apartmentItem .pernight{
	font-size: 10px;
}

.apartmentItem .code{
	font-size: 13px;
}

.apartmentContainer .request{
	border-bottom:#ccc 1px solid;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

@media only screen and (max-width : 1200px),
only screen and (max-device-width : 1200px){
	.apartmentItem,.apartmentItem:nth-child(4n),.apartmentItem:nth-child(2n){
		margin-right: 1%;
		width:32%;
	}
	.apartmentItem:nth-child(3n){
		margin-right: 0px;
		width: 34%;
	}
}

@media only screen and (max-width : 900px),
only screen and (max-device-width : 900px){
	.apartmentItem,.apartmentItem:nth-child(4n),.apartmentItem:nth-child(3n){
		margin-right: 1%;
		width:49%;
	}
	.apartmentItem:nth-child(2n){
		margin-right: 0px;
		width: 50%;
	}
}

@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px){
	.apartmentItem,.apartmentItem:nth-child(4n),.apartmentItem:nth-child(3n),.apartmentItem:nth-child(2n){
		margin-right: 0px;
		width:100%;
	}
}

@media only screen and (max-width : 400px),
only screen and (max-device-width : 400px){
	.officeApartmentItem{
		margin-right: 0px;
		width:100%;
	}
}

@media only screen and (max-width : 550px),
only screen and (max-device-width : 550px){
	#button_request{padding:10px;font-size:12px;margin-right:10px;}
	#button_foto{padding:10px;font-size:12px;margin-right:10px;}
	#button_map{padding:10px;font-size:12px;margin-right:10px;}
}

@media only screen and (max-width : 350px),
only screen and (max-device-width : 350px){
	#button_request{padding:5px;font-size:10px;}
	#button_foto{padding:5px;font-size:10px;}
	#button_map{padding:5px;font-size:10px;}
}
/*APARTMENT ADAPTIVE*/

/*END ADAPTIVE*/

/*#stop_map{
	display:block;
	border:1px solid red;
}*/
table.mobile input, table.mobile textarea{
	width: 40%;
}

table.mobile .foto
{
	border:none;
	padding:0px;
	margin:0px;
}

div#price .price{
	color: #339900;
	font-size: 30px;
}
div#price .price_total{
	color:#565A5C;
	font-weight:bold;
}
div#price .price_total .intext{
	text-transform:uppercase;
}
div#price .button{
	display:block;
	padding:5px;
	font-size:30px;
}

table.send_message_mobile{
	background:#eee;
	padding:5px;
}
table.send_message_mobile textarea{
	width:100%;
	height:54px;
	padding:3px;
	margin:5px 0px;
	border:1px solid #ccc;
}
#queue {
	border: 1px solid #E5E5E5;
	margin-top: 10px;
	padding: 20px 3px 20px 3px;
	width: 99%;
	text-align:center;
}
#queue:hover{
	border-color:#888;
}
#show_map{
	font-size:20px;
	text-decoration:none;
}
.text_limit{
	position:absolute;
	font-size:14px;
	color: #929294;
}

/*Material Design Icons*/
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-40 { font-size: 40px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-text-top { vertical-align: text-top; }
.material-icons.md-middle { vertical-align: middle; }
.material-icons.md-sub { vertical-align: sub; }
.material-icons.md-bottom { vertical-align: bottom; }

/*SWIPER*/
.swiper_container{/*relative for foto_counter*/
	position:relative;
}
.swiper{/*overflow*/
	overflow-x:auto;
	overflow-y:hidden;
	width:100vw;
	background-color:#fff;
	scroll-snap-type:x mandatory;
}
.swiper>div{/*container, width=count of elements*/
	display:flex;
	align-items:center;
}
.swiper>div>div{/*element s soderjimym*/
	scroll-snap-align:start;
	scroll-snap-stop:always;
	text-align:center;
}
.foto_counter.hidd{
	display:none;
}
.swiper_container:hover>.foto_counter.hidd{
	display:block;
}
.foto_counter>a{
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	z-index:1;
}
.foto_counter>a.zoomin{
	top:0px;
	right:0px;
	padding:6px 6px 20px 20px;
	transform:none;
}
.foto_counter>a.prefoto{
	left:0px;
	padding:20px 20px 20px 10px;
}
.foto_counter>a.nextfoto{
	right:0px;
	padding:20px 10px 20px 20px;
}
.foto_counter>a>i{
	box-shadow:0 0 10px rgb(16, 13, 11);
	background:rgba(0,0,0,0.3);
	border-radius:50%;
	color:#fff;
}
.foto_counter>div{
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:1;
	padding:5px;
	font-size:12px;
	background:#4F5054;
	color:#fff;
	border-radius:5px;
}