/*******************variable****************** */
/*******************Font****************** */
/***************************************Top Slider************************************************* */
.p_logo_slider {
    position: absolute;
    z-index: 9999;
    width: 160px;
    margin: 0 auto;
    left: 0px;
    text-align: center;
    top: 14%;
    right: 0px;
}
.new-s .main-room {
    padding: 12px 0;
}.main-room-txt_new{
    width: 100% !important;
}
.con-slider {
  background: #FFF;
  position: relative; }
  .con-slider #swiper01 {
    height: 645px; }
  .con-slider .swiper-slide img {
    width: 100%;
    height: 100%; }
  .con-slider .swiper-button-next, .con-slider .swiper-button-prev {
    color: #eee;
    font-size: 30px; }
  .con-slider .swiper-button-next {
    left: 0; }
  .con-slider .swiper-button-prev {
    right: 0; }
  .con-slider .swiper-pagination-bullet {
    background: #FFF;
    width: 30px;
    height: 5px;
    border-radius: 0; }
    .con-slider .swiper-pagination-bullet-active {
      background: #f0d288; }

@media only screen and (max-width: 1199px) {
  .con-slider #swiper01 {
    height: 555px; }
  .con-slider .views-field-field-image, .con-slider .swiper-slide img, .con-slider .field-content {
    height: 100%; } }
@media only screen and (max-width: 991px) {
  .con-slider #swiper01 {
    height: 455px; } }
@media only screen and (max-width: 767px) {
  .con-slider #swiper01 {
    height: auto;
    margin-top: 122px; } }
/*************************************reservBox********************************* */
.reserv-box {
  background: url(../images/back-reserv.png) repeat;
  text-align: center;
  padding-bottom: 1.5rem; }
  .reserv-box::before {
    box-shadow: 0 0 116px 169px rgba(255, 255, 255, 0.1);
    content: ".";
    color: transparent;
    font-size: 0; }
.reserv-icn {
  color: #f0d288;
  display: inline-block;
  width: 100%;
  font-size: 2em; }
.reserv-title {
  color: #FFF;
  display: inline-block;
  width: 100%;
  font-size: 18px; }
.reserv-href {
  border: 1px solid #f0d288;
  display: inline-block;
  padding: 6px 18px;
  background: #101010;
  color: #f0d288;
  float: none;
  clear: both;
  margin-top: 20px; }

/***************************************************ListHotel********************************* */
.detailhotel-ul {
  border-bottom: 1px solid #625a44;
  border-top: 1px solid #625a44;
  background: url(../images/back-reserv.png) repeat; }
.detailhotel-li {
  padding: 0; }
.detailhotel-img, .detailhotel-txt {
  width: 100%;
  height: 270px; }
.detailhotel-h2::after {
  content: url(../images/img4.jpg);
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 28px;
  margin: 10px 0; }
.detailhotel-txt {
  background: #101010;
  padding: 25px;
  text-align: center;
  overflow: hidden; }
.detailhotel-href {
  color: #ddc186;
  font-size: 16px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden; }
.detailhotel-p {
  color: #bbbab9;
  line-height: 25px;
  font-size: 14px;
  max-height: 130px;
  overflow: hidden; }
.detailhotel-btn {
  border: 1px solid #f0d288;
  display: inline-block;
  padding: 6px 18px;
  background: #101010;
  color: #f0d288;
  float: none;
  clear: both;
  margin-top: 10px; }

@media only screen and (max-width: 1199px) {
  .detailhotel-txt {
    padding: 5px; } }
@media only screen and (max-width: 992px) {
  .detailhotel-p {
    font-size: 12px; } }
@media only screen and (max-width: 767px) {
  .detailhotel-li {
    margin-top: 15px; }

  .detailhotel-p {
    max-height: 100%;
    overflow: auto;
    height: auto; }

  .detailhotel-img, .detailhotel-txt {
    height: auto; }

  .detailhotel-btn {
    margin-bottom: 10px; } }
/*****************************************header-room*********************************** */
.header-room {
  background: #cab066; }
  .header-room-h2 {
    text-align: center;
    color: #101010;margin-top:0;    font-weight: bold;
    font-size: 17px; }
    .header-room-h2::before {
      transform: rotate(180deg);
      content: url(../images/icn55.png);
      display: inline-block;
      width: 100%;
      text-align: center;
      height: 28px;
      margin: 10px 0; }
    .header-room-h2::after {
      content: url(../images/icn55.png);
      display: inline-block;
      width: 100%;
      text-align: center;
      height: 28px;
      margin: 10px 0 10px 0; }

/********************************************Room************************************************ */
.main-room {
  background: #101010;
  padding: 25px 0; }
  .main-room-li {
    background: #f4f4f4;
    margin-bottom: 25px; }
  .main-room-fig {
    display: table-cell;
    float: none;
    padding: 0;   }
  .main-room-img {
    height: auto;
    width: 100%; }
  .main-room-txt {
    display: table-cell;
    vertical-align: top;
    float: none;
    text-align: justify;
    line-height: 25px;
    padding: 25px; }
  .main-room-a, .main-room-name {
    color: #a38e53;
    font-size: 17px;
    margin-bottom: 15px;
    /*display: block;*/ 
    display: none;
  }
  .main-room-btn {
    background: #a38e53;
    float: left;
    color: #FFF; }
  .main-room-p {
    height: 130px;
    overflow: hidden;
    margin-bottom: 5px; }
  .main-room-emkanat-li {
    margin-bottom: 20px;
    font-size: 14px; }
  .main-room-emkanat-icon {
    font-size: 23px;
    float: right;
    margin-left: 14px; }
  .main-room-list-p {
    margin-bottom: 7px;
    display: block; }
    .main-room-list-p .fa {
      float: right;
      color: #caaa5c;
      margin-top: 2px;
      margin-left: 11px;
      font-size: 22px; }
  .main-room-btn {
    margin-right: 15px;
    margin-top: 25px; }

.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

@keyframes jssorl-009-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.arrowleftt {
  width: 55px;
  height: 55px;
  top: 120px;
  left: 15px; }

.arrowright {
  width: 55px;
  height: 55px;
  top: 120px;
  right: 15px; }

.jssort101 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 110px;
  background-color: #000; }

.main-room-reserv {
  padding: 0; }

#jssor_1 {
  position: relative;
  margin: 0 auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 403px;
  overflow: hidden;
  visibility: hidden; }

#jssor_1 > div:nth-child(3) {
  left: 15px !important; }

#jssor_1 > div:nth-child(4) {
  right: 0 !important; }

.sliderco {
  cursor: default;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 295px;
  overflow: hidden; }

.jssora106 {
  display: block;
  position: absolute;
  cursor: pointer; }

.jssora106 .c {
  fill: #fff;
  opacity: 0.3; }

.jssora106 .a {
  fill: none;
  stroke: #000;
  stroke-width: 350;
  stroke-miterlimit: 10; }

.jssora106:hover .c {
  opacity: 0.5; }

.jssora106:hover .a {
  opacity: 0.8; }

.jssora106.jssora106dn .c {
  opacity: 0.2; }

.jssora106.jssora106dn .a {
  opacity: 1; }

.jssora106.jssora106ds {
  opacity: 0.3;
  pointer-events: none; }

.jssort101 .p {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background: #000; }

.jssort101 .p .cv {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  box-sizing: border-box;
  z-index: 1; }

.jssort101 .a {
  fill: none;
  stroke: #fff;
  stroke-width: 400;
  stroke-miterlimit: 10;
  visibility: hidden; }

.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {
  border: none;
  border-color: transparent; }

.jssort101 .p:hover {
  padding: 2px; }

.jssort101 .p:hover .cv {
  background-color: black;
  opacity: 0.35; }

.jssort101 .p:hover.pdn {
  padding: 0; }

.jssort101 .p:hover.pdn .cv {
  border: 2px solid #fff;
  background: none;
  opacity: 0.35; }

.jssort101 .pav .cv {
  border-color: #fff;
  opacity: 0.35; }

.jssort101 .pav .a, .jssort101 .p:hover .a {
  visibility: visible; }

.jssort101 .t {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  opacity: 0.6; }

.jssort101 .pav .t, .jssort101 .p:hover .t {
  opacity: 1; }

@media (max-width: 991px) {
  .single-room .main-room-img {
    height: auto;
    width: 96%;
    margin: 15px 15px 0; } }
@media (max-width: 767px) {
  .main-room-ul {
    padding: 0 15px; }
  .main-room-fig {
    display: inline-block; }
  .main-room-p {
    height: 100%; }

  .single-room .main-room-img {
    margin: 0;
    width: 100%; } }

/*# sourceMappingURL=index.css.map */
.new-s .container .FckDesc{padding: 15px;background: #FFF;    margin-right: 15px;
    margin-left: 15px;}
.main-room-txt_new img{
    max-width: 100%;
	height: auto;
}
.menu-ul {border-radius: 4px !important;}
.menu-ul:hover {border-radius: 3px !important;}s