html {
  position: relative;
  min-height: 100%;
}

body {
	background-color:#f3fdfd!important;
	 min-height: 100vh;
	 font-family: "Raleway", serif!important;
  font-optical-sizing: auto;
  
  font-style: normal;
}


.the_room_mainphoto img{
	max-width:100%;
}

.hotel_photos_mini img{
	width:100%;
	border-radius:5px;
}

.hotel_photos_mini div {
	text-align:center;
	margin-bottom:10px;
}

.hotel_photos_mini {
	margin-bottom:10px;
}

.room_photos_mini img{
	width:70px;
	margin:5px;
}

.search_dates {
	background-color:#ccc;
	border:1px solid #000;
	padding:10px;
	margin:0 0 20px 0;
}

.gallery_modal {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:#000;
	padding:20px;
}

.gallery_modal_wrap {
	background-color:#fff;
	padding:20px;
	height:100%;
	position:relative;
}

.gallery_modal_wrap_row {
	height:100%;
	display:block;
}

.gallery_modal_big_left {
	background-color:#f3eded;
	width:100%;
	height:70vh;
	display:block;
	text-align:center;
	padding-top:3%;
	border-radius:5px 0 0 0;
}

.gallery_modal_big_left img {
	max-width:90%;
	max-height:90%;
	border-radius:5px;
}

.gallery_modal_big_right {
	background-color:#dfdfe5;
	border-radius:0 5px 0 0;
	width:100%;
	height:70vh;
	display:block;
	text-align:center;
	padding-top:3%;
}

.gallery_modal_big_right img {
	max-width:90%;
	max-height:90%;
	border-radius:5px;
}

.gallery_modal_bottom {
	background-color:#b4d7d2;
	height:20vh;
	overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    word-wrap: normal;
	border-radius:0 0 5px 5px;
}

.gallery_modal_bottom img{
	max-height:90%;
	margin:0 5px;
	cursor:pointer;
}

.number_modal {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:#000;
	padding:20px;
}

.number_modal_wrap {
	background-color:#fff;
	padding:20px;
	height:100%;
	position:relative;
	overflow-y:auto;
}

.notif_direct_contacts {
	padding:10px;
	margin:10px 0;
	background-color:#ccc;
	font-size:12px;
	text-align:center;
	border:1px dashed #000;
}

.tophead {
	background-color:#faffff;
	padding:5px 0 0 0;
	box-shadow: 0 4px 20px rgba(32, 79, 94, .05);
}

.logo img{
	padding-left:20px;
	max-width:100%;
	max-height:30px;
}

.logo a {
	color:#fff;
	text-decoration:none;
	font-size:24px;
}

.footer {
	padding:20px 0;
	background-color:#000;
	color:#fff;
	font-size:13px;
}

.footer_links a{
	margin-right:20px;
	color:#fff;
}

.partners_calc td {
	padding:2px 5px!important;
}



#mapshow img {
	max-width:100%;
}


.close_modal {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 42px !important;
    cursor: pointer;
}

.left_menu_wrap {
	#background-color:#fff;
	#padding:20px 0;
	border-radius:10px;
	#box-shadow: 0 4px 20px rgba(32, 79, 94, .05);
}
.left_menu {padding:10px;}

.left_menu ul {
	padding:0;
	margin:0 0 10px 0;
}
.left_menu li {
	list-style:none;
	padding:2px;
	font-weight:500;
}	
.left_menu li a{
	display: block;
    color: #636363;
    text-decoration: none;
    display: block;
    padding: 10px 10px 10px 30px;
    background: #fff;
    position: relative;
}

.h_cat_cont {
	padding:10px;
}

.h_cat_cont h2 a{
	color:#073968;
	text-decoration:none;
}

.h_cat_wrap {
	background-color:#fff;
	padding:10px;
	box-shadow: 0 4px 20px rgba(32, 79, 94, .05);
}

.pname {
	font-size:24px;
}

h1 {
	padding-top:10px;
	color:#204f5e;
}

h2,h3,h4,h5,h6 {
	color:#204f5e;
}

.hot_numb_cont {
	padding:10px;
}


.hot_numb_wrap {
	background-color:#fff;
	padding:10px;
	box-shadow: 0 4px 20px rgba(32, 79, 94, .05);
	border-radius:10px;
}

.hot_numb_wrap img {
	box-shadow: 0 4px 20px rgba(32, 79, 94, .05);
	border-radius:10px;
	cursor:pointer;
	max-width:100%;
}

.number_click {
	font-weight:normal;
	font-size:16px;
}

.hid_photos_counter {
	background-color:#433444;
	color:#fff;
	cursor:pointer;
	border-radius:10px;
}

.index_plitka {
	min-height:100px;
	text-align:center;
}

.index_plitka img {
	max-width:100%;
	border-radius:10px;
}

.partners_menu a {
	margin-right:20px;
	font-size:13px;
}

.partners_menu {
	margin-bottom:20px;
	text-align:center;
}

.choose_dates_row {
	background-color:#00aef0;
	padding:10px 0;
	border-radius:10px;
	color:#fff;
}

.choose_dates_wrap {
	padding:0 20px;
}

.choose_dates input[type="text"] {
	background: url(/img/icons/calendar.png) no-repeat 7px;
	padding-left:30px;
	background-size:auto 70%;
	width:80%;
	margin-bottom:5px;
	background-color:#fff;
	border-radius:10px;
	border:none;
}

.choose_dates input[type="submit"] {
	width:100%;
	border-radius:5px;
	border:none;
}

.choose_dates_capt {
	width:20%!important;
	overflow:hidden;
	float:left;
}

.js_number_name {
	color:#000;
}

.js_number_info {
	height:80vh;
	background-color:#f7f7f7;
	overflow-y:auto;
}

.js_number_info_wrap {

}

.js_number_photos_big {
	height:80%;
	text-align:center;
}

.js_number_photos_big img {
	max-width:100%;
	max-height:90%;
	padding-top:10px;
}

.js_number_photos_baraban {
	height:20%;
	overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    word-wrap: normal;
}

.js_number_photos_baraban img {
	max-height:100%;
	margin:0 5px;
	cursor:pointer;
}

.h_cat_img {
	position:relative;
}

.h_cat_img_fav {
	position:absolute;
	width:auto!important;
	z-index:100;
	background-color:#eafbfb!important;
	border-radius:5px;
	border:none!important;
	cursor:pointer;
}

.add_to_fav_class {
	padding:3px 5px;
	border:1px solid red;
	border-radius:5px;
	margin-left:10px;
}

@media (max-width:767px){ 
	.js_number_photos {
		height:60vh;
	}
	
	.hotcat_price {
		text-align:center;
	}
	
	.hotcat_price ul {
		padding:0!important;
	}
	
	.hotcat_price li {
		display:inline-block;
		text-align:center;
		margin:0 1% 1% 1%;
		background-color:#eee;
		padding:5px;
		border-radius:5px;
		font-size:14px;
		overflow:hidden;
		width:47%;
	}
	
	.etot_variant_caption {
		display:none;
	}
	
	.contacts_show {text-align:center;}
	.contacts_show ul{margin:10px 0 0 0!important;}
	
	.left_menu_cont {
		display:none;
		height:70vh;
		overflow-y:auto;
		border:1px solid #073968;
	}
	.hid_photos_counter {
		padding-top:15px;
	}
	.h_cat_img img{
		width:100%;
		border:20px solid #eafbfb;
	}
	.h_cat_cont h2 {
		font-size:20px;
		margin-top:10px;
		text-align:center;
	}
	.topmenu {
		display:none;
	}
	
	.h_cat_img_fav {
		right:20px;
		bottom:5px;
		height:40px!important;
	}
	
	.osna_territory li {
		width:48%;
	}
	
	.hotcat_6osna li {
		width:48%;
	}
	
	.osna_numb li {
		width:48%;
	}
	
}

@media (min-width:768px){ 
	.js_number_photos {
		height:80vh;
	}
	
	.hid_geo_navi_link {
		display:none;
	}
	
	.contacts_show {text-align:right;}
	
	.hid_chas_save {
		padding-top:10px;
	}
	
	.contacts_show li {
		font-size:13px;
	}
	
	.hid_photos_counter {
		padding-top:40px;
	}
	.h_cat_img img{
		max-width:calc(100%-40px);
		border:20px solid #eafbfb;
	}
	.h_cat_cont h2 {
		font-size:22px;
	}
	.choose_dates_row {
		margin-top:10px!important;
		padding-top:15px!important;
	}
	.h_cat_img_fav {
		right:0;
		bottom:5px;
		height:30px!important;
	}
	
	.osna_territory li {
		width:23%;
	}
	
	.osna_numb li {
		width:46%;
	}
	
	.hotcat_6osna li {
		width:14%;
	}
}

.left_menu_mobile_icon {
	background-color:#073968;
	text-align:center;
	color:#fff;
	padding:10px 0;
	margin-bottom:10px;
}

.hotel_tabs {
	background-color:#ededed;
	margin:10px 0;
}

.hotel_tabs ul {
	padding:5px!important;
}

.hotel_tabs li {
	display:inline-block;
	padding-top:10px;
	background-color:#daedf5;
	padding:5px;
	margin:0 2px;
	border:1px solid #ccc;
	cursor:pointer;
}

.topmenu ul{
	padding:10px 0 0 15px!important;
}

.topmenu li{
	display:inline-block;
	margin-right:10px;
	
}

.topmenu li a {
	color:#000;
	font-weight:500;
	font-size:13px;
	text-decoration:none;
}

.topmenu_open_icon {
	text-align:right;
	padding-top:5px;
}

.topmenu_open_icon img {
	height:28px;
}

#mapshow {
	width: 100%; 
	height: 90vh;
	margin:20px 0;
}

.partner_how_connect {
	padding:10px;
	background-color:#ddd;
}

.faq_q {
	font-size:18px;
	font-weight:500;
}

.faq_item {
	margin-bottom:10px;
	background-color:#fff;
	border-radius:10px;
	padding:10px;
}

.add_obj_icon img {
	height:36px;
	padding-top:10px;
}

.pagination {
    text-align: center;
    margin: 20px 0 0 0 !important;
    width: 100%;
}

.pagination ul {
    width: 100%;
    padding: 0 !important;
}

.pagination li.active {
    background-color: #00aef0;
    color: #fff!important;
    padding: 10px 20px !important;
    border-radius: 10px;
}

.pagination li {
    padding: 10px 20px;
    font-size: 18px;
    display: inline-block;
    margin: 0 4px;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.pagination a, .pagination b {
    color: #204f5e;
    text-decoration: none;
}

.bread_wrap a, .bread_wrap {
    color: #929EAA;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
}

.bread_wrap {
    padding: 10px 0;
}

.bread_wrap ol {
    padding: 0 !important;
    margin: 0 !important;
}

.bread_wrap li {
    display: inline-block;
    padding: 0 10px;
}

.contacts a {
	color:#000;
	text-decoration:none;
}

.hotpage_tabs_hidden {
	display:none;
}

.hotel_tabs_active {
	background-color:#75c0d7!important;
}

.cost_table th {
	font-size:13px;
	text-align:center;
}

.contacts_wrap {
	text-align:center;
	font-size:13px;
	padding-bottom:10px;
}

.contacts_wrap a {
	color:#000;
	font-size:18px;
}

.osna_territory {
	padding:0!important;
}

.osna_territory li {
	display:inline-block;
	text-align:center;
	margin:0 1% 1% 1%;
	background-color:#e3eef3;
	padding:5px;
	border-radius:5px;
}

.osna_numb {
	padding:0!important;
}

.osna_numb li {
	display:inline-block;
	text-align:center;
	margin:0 1% 1% 1%;
	background-color:#e3eef3;
	padding:5px;
	border-radius:5px;
}

.contacts_show ul{padding:0!important;margin:0!important;}
.contacts_show li {
	display:inline-block;
	width:23%;
	margin:0 1%;
	border-radius:5px;
	text-align:center;
	overflow:hidden;
	text-align:center;
}

.contacts_item_phone {
	border:2px solid orange;
}
.contacts_item_whatsapp {
	border:2px solid #2cb742;
}
.contacts_item_tg {
	border:2px solid #27a7e7;
}
.contacts_item_www {
	border:2px solid #000;
}

.price_cat_name {
	line-height:80%;
}

.map_fav {
	padding:3px 5px;
	border:1px solid red;
	border-radius:5px;
	margin-left:10px;
	margin-top:10px;
	text-align:center;
}

.fav_page_cont {
	padding:10px;
}

.fav_page_item {
	background-color:#fff;
	padding:5px;
	border-radius:5px;
	text-align:center;
	position:relative;
}

.fav_page_item img {
	max-width:100%;
}

.fav_page_item h5 {
	font-size:16px;
	font-weight:normal;
	padding-top:5px;
}

.fav_page_item a {
	color:#000;
	text-decoration:none;
}


.fav_page_delete {
	height:28px;
	position:absolute;
	top:0;
	right:0;
	background-color:#f9c1c1;
	border-radius:5px;
	cursor:pointer;
}

.hotcat_6osna {
	padding:0!important;
	margin:0!important;
}

.hotcat_6osna li {
	display:inline-block;
	text-align:center;
	margin:0 1% 1% 1%;
	background-color:#e3eef3;
	padding:5px;
	border-radius:5px;
	font-size:12px;
	overflow:hidden;
}

.show_number_h1 {
	background-color:#1c657c;
	color:#fff;
	font-size:18px;
	text-align:center;
	padding:5px 0;
	margin:5px 0;
	border-radius:5px;
}

.show_number_h1 span {
	border-bottom:1px dashed #fff;
	padding-bottom:2px;
	cursor:pointer;
}

.show_number_h1 a{
	color:#fff;
	font-size:24px;
	text-decoration:none;
}

.click_to_call_capt {
	color:yellow;
	font-size:14px;
	margin-top:0;
}

.cam_block img {
	max-width:100%;
}