.col-xs-show{display:none;}

.our-menu-tab .nav-tabs > li > a {
	color: gray;
	font-size: 12px;
	border: 1px solid #ddd;

}
.our-menu-tab .nav-tabs > li.active > a {
	color: black;
	font-size: 12px;
	border-bottom-color:#ddd;


}

.navbar .button a {
	color: white;
	font-weight: 600;
	border-bottom: 1px solid white;
	margin:4px
}

.dst, .reg{font-size: small;font-weight: bold;font-style:italic;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	text-align:center;
}





 @media (min-width: 992px) {

.hotelname span.h3 {
	max-height: 22px;
	overflow: hidden;
}
}

 @media (max-width: 526px) {

 .fpackage p {
	font: 1em/1.3em "Open Sans", sans-serif;
	margin-top:10px;

}

  .col-xs-hide {display:none;}
 .hotel-slide .slogan {
	height: 220px;
	}
	.room-suite {
	position: relative;
	max-width: 450px;
	max-height: 700px;
}

 }

.showmore-bottom {
	text-align: center;
}

.showmore-bottom a {
padding: 10px 50px;
display: inline-block;
border: 1px solid #85ab00;
border-radius: 20px;
color: #fff;
font-weight: 500;
font-size: 16px;
text-align: center;
vertical-align: top;
background-color: #85ab00;
text-decoration: none;
margin: 20px;
}


 </style>

 <style>

h3 {
	margin-top: 10px !important;
	font-size: 18px !important;
	font-weight: 550 !important;
}
.plitka h4 {
	font-size: 16px !important;
	margin-top: 20px !important;
	height:25px;

}
.plitka h5 {color: #339933 !important; }
.plitka.hotel-slide {
	min-height: auto;
}

.hotelname{height:auto;}
.hotelname span {
display:block;
width:100%;
}
.hotelname span.h3{
font-weight:550;
margin:5px 0 5px 0;}


#SearchResultSection{margin-top:20px}

.hotel-slide .img-responsive {
	display: block;
	max-width: 100%;
	height: 165px;
	margin: 0 auto;
	width: 100%;
}

.item  {
	text-align: center;
}

#tblhead h2 {  	font-size: 19px; }
#tblhead h2 a {  	text-decoration:auto !important; }

.address {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

.hotels-quick-link {
	background-color: #ffecc2;
	color: #333;
	float: left;
	font-size: 12px;
	margin: 0 0 5px 12px;
	padding: 2px 10px;
	text-decoration: none;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}
.hotels-quick-link:hover, .hotels-quick-link-towns:hover {
	background-color: #f0edec;
	color: #333;
}

.hotels-quick-link,.hotels-quick-link-towns {
	background-color: #ffecc2;
	color: #333;
	float: left;
	font-size: 12px;
	margin: 0 0 5px 12px;
	padding: 2px 10px;
	text-decoration: none;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}
.hotels-quick-link{
background-color: #ffecc2;
	color: #333
	}

.hotels-quick-link-towns{
background-color: #D6ECB3;
	color: #2D3D71;
	}



.toggle-button, #toggle-button {
	padding: 0;
	margin-bottom: 10px;
	text-align: center;
	border: 1px dashed #00A600;
	cursor: pointer;
	background: rgba(255, 255, 255, 0.5);
}

.hbox {
	margin-bottom: 30px;
	border: 1px solid #ccc;
	padding: 0 10px 0 0;
	background: #fff;
}
.hbox .img {padding:0;}
.hbox>div{text-align:center;}
.hbox .desc p{font: 400 1em/1.5em "Open Sans", sans-serif; text-align:left}
.shadow {
	box-shadow: 7px 7px 5px rgba(0,0,0,.3);
}
.hbox .img img {
	padding: 0;
	/*height:350px;*/
	width: 100%;
}

.slogan {
	height: 260px !important;
	overflow: hidden;
}

.slogantour{height: 100px !important;}
.slogan,.slogantour{
	text-align: left;
	width: 100%;
	padding: 10px 4px 10px 15px;
	font-weight: 600;
	font-style: italic;
}
.slogan span, .slogantour span  {
	font-weight: normal;
	font-style: normal;

}
.slogan .icon, .slogantour .icon {
	height: 20px;
	margin: 0 5px;
}


.hbox h2 {
	margin: 10px 10px 20px;
	font-size: 17px;
	font-weight: bold;
}

.height-m {
	height: 258px;
	overflow: hidden;
}

@media (max-width:992px){

.name {height:68px;}

/*.hbox .img img {
	padding: 0;
	max-height: 200px;
	max-width:450px;

}*/
.slogan{
	/*	padding: 10px 2px 10px 2px;*/
	font-weight: bold;
	font-style: normal;

}
.slogan, .slogan span  {
	font-size: small;
}
.price {
	font-size: 12px;
}
.price span {
	font-size: 15px;
}
.ro-text-two a img {width:100px; height:auto;}


}

label {
	display: inline;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
}

.chm{margin-bottom: 5px;}
input:checked+label{  border-bottom: 2px solid #29B0D9; margin:0; font-weight:bold;}
#haForm label,.form label{cursor:pointer;}
#haForm label:hover, .form label:hover{cursor:pointer;color:#29B0D9; }




 #tblhead img{ margin-top:50px;}

 #page-navigation,#first-page-navigation {
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
 #page-navigation  li,#first-page-navigation li {
	display: inline;
}
 #page-navigation  li  a, #first-page-navigation li a {
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	margin-right: 15px;
	padding: 14px 10px;
	-webkit-transition: background-color .5s ease;
	transition: background-color .5s ease;
	width: auto;
	border:1px solid #ddd;
}
 #page-navigation  li  span,#first-page-navigation li span {
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	margin-right: 15px;
	padding: 14px 10px;
	-webkit-transition: background-color .5s ease;
	transition: background-color .5s ease;
	background-color: #1e8bc3;
	border-color: #1e8bc3;
	border:1px solid #ddd;

}


#page-navigation > .active > a,
#page-navigation > .active span,
#page-navigation > .active > a:hover,
#page-navigation > .active span:hover,
#page-navigation > .active > a :focus,
#page-navigation > .active span :focus
{
	background-color: #1e8bc3;
	border-color: #1e8bc3;
	color: #fff;
}

#first-page-navigation > .active > a,
#first-page-navigation > .active span,
#first-page-navigation > .active > a:hover,
#first-page-navigation > .active span:hover,
#first-page-navigation > .active > a :focus,
#first-page-navigation > .active span :focus
{
	background-color: #1e8bc3;
	border-color: #1e8bc3;
	color: #fff;
}
#first-page-navigation .prev:not(.disabled) a,
#first-page-navigation .next:not(.disabled) a {
	background: #28bd8b;
	border: 1px solid #28bd8b;
	color: #fff;
}

#page-navigation .prev:not(.disabled) a,
#page-navigation .next:not(.disabled) a {
	background: #28bd8b;
	border: 1px solid #28bd8b;
	color: #fff;
}
#page-navigation > li.disabled, #first-page-navigation > li.disabled {
	opacity: .3;


}

#haForm .srch .ui-icon  {float: left;margin-right: 10px; margin-top:2px}
.ser-in-box {  	width: 25%; }




 .name {height:auto;}

  @media (max-width: 1199px) {


 }


 @media (max-width: 1024px) {
 .chk-button {	margin-top: 0px;}
.res-btn {	padding: 5px;  }
  .ui-dialog .ui-dialog-buttonpane {
	padding: 0;
}

 }






 @media (max-width: 991px){

   .height-m {
	height: 260px;
	overflow: hidden;
		}

		#hresult .ro-text-two div {font-size: 10px; font-weight:bold}
}


  @media (max-width: 767px){

  .ui-dialog{width:100% !important}

   .height-m {
	height: 100px;
	overflow: hidden;
		}

.hbox .img img {
	padding: 0;
	max-height: 250px;
	/*max-width: 665px;*/
}

.hbox {
	margin-bottom: 30px;
	border: 1px solid #ccc;
	padding: 0;
	background: #fff;
}

}



  @media (max-width: 650px){

   .height-m {
	height: 100px;
	overflow: hidden;
}

  .ser-in-box {	width: 50%;}
  #AjaxRoom>div {margin-bottom: 50px;}

  .hbox h2 {
	margin: 5px;
	font-size: 16px;
}
  }

  @media (max-width: 518px)
  {


.ui-button-text-only .ui-button-text {
	padding: .4em;
}
.ui-dialog .ui-dialog-buttonpane button {
	font-size: 14px;
}

  }

 @media (max-width: 463px){

.ui-dialog .ui-dialog-buttonpane button {
	font-size: 13px;
}


 }
  @media (max-width: 442px){

.ui-dialog .ui-dialog-buttonpane button {
	font-size: 12px;
}


 }






   @media (max-width: 378px){

.ui-dialog .ui-dialog-buttonpane button {
	font-size: 11px;

}

label{font-size:13px}

#tblhead {
	z-index: 2;
	width: 100%;
}

#TypeViewSection{
	width: 50%;
	margin-left: 50%;
}


 }
  @media (max-width: 355px){

.ui-dialog .ui-dialog-buttonpane button {
	font-size: 11px;

}
 #TypeViewSection{
	width: 70%;
	margin-left: 30%;
}

 }



 #TypeViewSection {
	z-index: 2;
	text-align: right;
	padding-left: 0;

}

#tblhead{
	z-index: 2;
}

 #BlockSection {
	margin: 50px 0 20px 0;
	min-height: 64px;
}

 #SearchFormSection {display:none;}

.ui-dialog-buttonset {
	position: absolute;
	top: 50px;
	right: 50px;
}

.psb {
	/*display: inline-flex;
	flex: none;*/
	display:inline-block;
	min-width: auto;
	white-space: nowrap;
}
.psb-a0 {
	background-color: rgba(0,48,120,.08);
	border-radius: 8px;
	box-sizing: border-box;
	color: #070707;
	cursor: pointer;
	display: inline-flex;
	margin: 0;
	position: relative;
}
.psb-a2 {
	align-items: center;
	display: flex;
	justify-content: center;
	overflow: hidden;
	padding: 6px 8px;
}
.psb-a4 {
	overflow: hidden;
	padding: 0 4px;
	text-overflow: ellipsis;
}
.psb-a6, .psb-a7 {
	align-items: center;
	display: flex;
	padding-right: 8px;
}

.tsb {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .2px;
	line-height: 20px;
}

@media (max-width: 648px)
{

div.ui-dialog {
	width: 100% !important;
	left: 0 !important;
}

}



#TypeViewSection img { height: 35px;  cursor: pointer;}
#TypeViewSection #table {height: 40px;}

#TypeViewSection .selected {border: 2px solid rgb(51, 122, 183); padding: 3px;}

#TypeViewSection #spisok {}


/*.hotel-slide{height:690px}*/
.hotel-slide .res-btn {
	/* background: #85ab00 !important; */
	border-color: #2a70ac;
	border-radius: 20px;
	background: linear-gradient(255deg, #65D4FB -63.66%, #8777E9 113.86%);
}

.hotel-slide .left-p-two p{
	text-align: right;
	font-size: 20px;
	font-weight: 600;
}

span.price{

	color: #0060A6;
	font-weight: 600;
}