/* [Master Stylesheet - v1.0] */
/* =========== Index of CSS ===========
:: 1.0 Import Fonts
:: 2.0 Import All CSS
:: 3.0 Base CSS
    :: 3.1.0 Spacing
    :: 3.2.0 Height
    :: 3.3.0 Section Padding
    :: 3.4.0 Section Heading
    :: 3.5.0 Preloader CSS
    :: 3.6.0 Miscellaneous
    :: 3.7.0 ScrollUp
    :: 3.8.0 Palatin Button
:: 4.0 Header Area CSS
:: 5.0 Hero Area CSS
:: 6.0 Book Now Area CSS
:: 7.0 About Us Area CSS
:: 8.0 Pool Area CSS
:: 9.0 Rooms Area CSS
:: 10.0 Services Area CSS
:: 11.0 Our Hotel Area CSS
:: 12.0 Testimonial Area CSS
:: 13.0 Footer Area CSS
:: 14.0 Breadcumb Area CSS
:: 15.0 Blog Area CSS
:: 16.0 Contact Area CSS
:: 17.0 Skills Area CSS
:: 18.0 Elements Area CSS
    :: 18.1.0 Single Cool Facts CSS
    :: 18.2.0 Accordians Area CSS
    :: 18.3.0 Tabs Area CSS



Additional CSS

;; 19.0 Gallery
;; 20.0	Big Room
;; 21.0 Big Room Responsive CSS
;; 22.0 Room Pict Slider CSS
	;; 22.1.0 Guest Room Side Bar
;; 23.0 Room Details - Accordion CSS
;; 24.0 Supplier List CSS
:: 25.0 Project Area CSS 
:: 26.0 About CSS
;; 26.1 Book Now Area - Main Page
;; 26.2 Book Now Area - Other Pages
:: 27.0 Google Maps
;; 28.0 Promotion Line
;; 29.0 Best Rate Guarantee ul li

*/
/* :: 1.0 Import Fonts 
@import url("b39099fd_bootstrap.min.css");
@import url("ae2aace0_classy-nav.css");
@import url("6c34d25d_owl.carousel.min.css");
@import url("118a6d43_animate.css");
@import url("7af311e9_magnific-popup.css");
@import url("e6c16b71_font-awesome.min.css");
@import url("cce6b156_nice-select.css");
@import url("180cff1d_travel-icon.css");*/
/* ;; Gallery ;; */
/* This CSS is on HTML -- @import url("0c0c083e_owl.carousel.css"); 
@import url("148f2f7c_owl.theme.default.css");
@import url("171efa7e_animate.css");
@import url("ed7b7316_colorbox.css");*/
/* ;; Big Room ;; */
/* This CSS is required to display images in Big Room image slider, however this conflicts to Guest Room Slider. Therefore, this CSS is written in the HTML body of the page with Big Room */
/* @import url("0c0c083e_owl.carousel.css");*/
@font-face {
  font-family: 'FuturaLT-Book';
  src: url("f9070b82_FuturaLT-Book.eot") format("embedded-opentype"), url("d0c7d808_FuturaLT-Book.woff") format("woff"), url("5acbda57_FuturaLT-Book.ttf") format("truetype"), url("e006eb0c_FuturaLT-Book.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* :: 2.0 Import All CSS */
/* :: 3.0 Base CSS */
* {
  margin: 0;
  padding: 0;
}
body {
  font-family: "FuturaLT-Book";
  font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
  color: #363636;
  line-height: 1.3;
  font-weight: 400;
}
h12 {
  color: #000000;
  line-height: 1.3;
  font-size: 20px;
  font-weight: 600;
}
h13 {
  color: #000000;
  line-height: 1.3;
  font-size: 15px;
  font-weight: 500;
}
h14 {
  color: #000000;
  line-height: 1.3;
  font-size: 15px;
  font-weight: 600;
}
h15 {
  color: #000000;
  line-height: 2;
  font-size: 15px;
  font-weight: 500;
}
h16 {
  color: #000000;
  font-size: 30px;
  font-weight: 600;
}
p {
  color: #7d7d7d;
  font-size: 12px;
  line-height: 2.1;
  font-weight: 400;
}
a, a:hover, a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #141414;
  font-weight: 400;
}
a1, a1:hover, a1:focus {
  color: #141414;
  font-weight: 400;
}
ul, ol {
  margin: 0;
}
ul li, ol li {
  list-style: none;
}
img {
  height: auto;
  max-width: 100%;
}


/*CSS for Transparent Concierge.html */
.container .content1234 {
  margin-top: 100px;
  margin-bottom: 100px;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 120%;
  padding: 20px;
}
/* :: 3.1.0 Spacing */
.mt-15 {
  margin-top: 15px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-100 {
  margin-top: 100px !important;
}
.mt-150 {
  margin-top: 150px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
/* :: 3.2.0 Height */
.height-400 {
  height: 400px !important;
}
.height-500 {
  height: 500px !important;
}
.height-600 {
  height: 600px !important;
}
.height-700 {
  height: 700px !important;
}
.height-800 {
  height: 800px !important;
}
p.line-small {
  line-height: 1.3;
}
p.line-small1 {
  line-height: 1.6;
}
/* :: 3.3.0 Section Padding */
.section-padding-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.section-padding-100-0 {
  padding-top: 100px;
  padding-bottom: 0;
}
.section-padding-70-0 {
  padding-top: 70px;
  padding-bottom: 0;
}
.section-padding-50-0 {
  padding-top: 50px;
  padding-bottom: 0;
}
.section-padding-0-100 {
  padding-top: 0;
  padding-bottom: 100px;
}
.section-padding-100-70 {
  padding-top: 100px;
  padding-bottom: 70px;
}
.z-index {
  z-index: 100;
}
#mybutton a {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 1000;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  color: #3d3d3a;
  background-color: #f5b642;
  padding: 0px 10px;
  font-size: 19px;
  height: 70px;
  line-height: 70px;
  text-align: center !important;
  ;
  
  
	  
}
#mybutton:hover a {
  background-color: #22385a;

  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 320px) and (max-width: 480px) {
  #mybutton a {
    botton: 0px;
    left: 0px;
    right: 0px;
    height: 70px;
    line-height: 70px;
    z-index: 1000;
    font-size: 19px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  #mybutton a {
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1000;
    font-size: 19px;
    height: 70px;
    line-height: 70px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #mybutton a {
    bottom: 0px;
    right: 0px;
    z-index: 1000;
    font-size: 19px;
    height: 70px;
    line-height: 70px;
  }
}
/* :: 3.4.0 Section Heading */
.section-heading {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.section-heading .line- {
  width: 200px;
  height: 3px;
  background-color: #22385a;
  display: block;
  margin-bottom: 40px;
}
.section-heading h2 {
  font-size: 48px;
  color: #363636;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-heading h2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-heading h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .section-heading h2 {
    font-size: 24px;
  }
}
.section-heading p {
  margin-bottom: 0;
}
.section-heading.text-center .line- {
  margin: 0 auto 40px;
}
.section-heading.white h2, .section-heading.white p {
  color: #ffffff;
}
.section-heading ol li {
  color: #ffffff;
  list-style-type: decimal;
  margin-left: 20px;
}
.section-heading ul li {
  margin-left: 10px;
  color: #ffffff;
  list-style-type: disc;
}
/* :: 3.5.0 Preloader CSS */
.preloader {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.preloader .cssload-container {
  display: block;
  width: 97px;
}
.preloader .cssload-loading i {
  width: 19px;
  height: 19px;
  display: inline-block;
  border-radius: 50%;
  background: #22385a;
}
.preloader .cssload-loading i:first-child {
  opacity: 0;
  animation: cssload-loading-ani2 0.58s linear infinite;
  -o-animation: cssload-loading-ani2 0.58s linear infinite;
  -ms-animation: cssload-loading-ani2 0.58s linear infinite;
  -webkit-animation: cssload-loading-ani2 0.58s linear infinite;
  -moz-animation: cssload-loading-ani2 0.58s linear infinite;
  transform: translate(-19px);
  -o-transform: translate(-19px);
  -ms-transform: translate(-19px);
  -webkit-transform: translate(-19px);
  -moz-transform: translate(-19px);
}
.preloader .cssload-loading i:nth-child(2), .preloader .cssload-loading i:nth-child(3) {
  animation: cssload-loading-ani3 0.58s linear infinite;
  -o-animation: cssload-loading-ani3 0.58s linear infinite;
  -ms-animation: cssload-loading-ani3 0.58s linear infinite;
  -webkit-animation: cssload-loading-ani3 0.58s linear infinite;
  -moz-animation: cssload-loading-ani3 0.58s linear infinite;
}
.preloader .cssload-loading i:last-child {
  animation: cssload-loading-ani1 0.58s linear infinite;
  -o-animation: cssload-loading-ani1 0.58s linear infinite;
  -ms-animation: cssload-loading-ani1 0.58s linear infinite;
  -webkit-animation: cssload-loading-ani1 0.58s linear infinite;
  -moz-animation: cssload-loading-ani1 0.58s linear infinite;
}
@keyframes cssload-loading-ani1 {
  100% {
    transform: translate(39px);
    opacity: 0;
  }
}
@-o-keyframes cssload-loading-ani1 {
  100% {
    -o-transform: translate(39px);
    opacity: 0;
  }
}
@-ms-keyframes cssload-loading-ani1 {
  100% {
    -ms-transform: translate(39px);
    opacity: 0;
  }
}
@-webkit-keyframes cssload-loading-ani1 {
  100% {
    -webkit-transform: translate(39px);
    opacity: 0;
  }
}
@-moz-keyframes cssload-loading-ani1 {
  100% {
    -moz-transform: translate(39px);
    opacity: 0;
  }
}
@keyframes cssload-loading-ani2 {
  100% {
    transform: translate(19px);
    opacity: 1;
  }
}
@-o-keyframes cssload-loading-ani2 {
  100% {
    -o-transform: translate(19px);
    opacity: 1;
  }
}
@-ms-keyframes cssload-loading-ani2 {
  100% {
    -ms-transform: translate(19px);
    opacity: 1;
  }
}
@-webkit-keyframes cssload-loading-ani2 {
  100% {
    -webkit-transform: translate(19px);
    opacity: 1;
  }
}
@-moz-keyframes cssload-loading-ani2 {
  100% {
    -moz-transform: translate(19px);
    opacity: 1;
  }
}
@keyframes cssload-loading-ani3 {
  100% {
    transform: translate(19px);
  }
}
@-o-keyframes cssload-loading-ani3 {
  100% {
    -o-transform: translate(19px);
  }
}
@-ms-keyframes cssload-loading-ani3 {
  100% {
    -ms-transform: translate(19px);
  }
}
@-webkit-keyframes cssload-loading-ani3 {
  100% {
    -webkit-transform: translate(19px);
  }
}
@-moz-keyframes cssload-loading-ani3 {
  100% {
    -moz-transform: translate(19px);
  }
}
/* :: 3.6.0 Miscellaneous */
.bg-img {
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-dark {
  background-color: #000000 !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.bg-overlay {
  position: relative;
  z-index: 2;
  background-position: center center;
  background-size: cover;
}
.bg-overlay::after {
  background-color: rgba(0, 0, 0, 0.63);
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.bg-fixed {
  background-attachment: fixed !important;
}
/* :: 3.7.0 ScrollUp */
#scrollUp {
  background-color: #22385a;
  border-radius: 0;
  bottom: 75px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  color: #ffffff;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  right: 50px;
  text-align: center;
  width: 40px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
#scrollUp:hover, #scrollUp:focus {
  background-color: #363636;
}
/* :: 3.8.0 Palatin Button */
.palatin-btn2 {
  position: relative;
  color: #ffffff;
}
.palatin-btn2:hover, .palatin-btn2:focus {
  outline: none;
  color: #ffffff;
  background-color: #363636;
}
.Pic-Radius {
  border: 1px;
  border-radius: 10px;
}
.palatin-btn {
  background-color: #22385a;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  position: relative;
  z-index: 1;
  display: inline-block;
  min-width: 123px;
  height: 38px;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 0;
  padding: 0 30px;
  font-size: 20px;
  line-height: 33px;
  text-transform: capitalize;
}
.palatin-btn:hover, .palatin-btn:focus {
  font-size: 100%;
  background-color: #ACACAC;
  color: #ffffff;
}
.palatin-btn.btn-2 {
  background-color: #ACACAC;
  color: #ffffff;
}
.palatin-btn.btn-2:hover, .palatin-btn.btn-2:focus {
  font-size: 13px;
  background-color: #ACACAC;
  color: #ffffff;
}
.palatin-btn.btn-3 {
  background-color: #ffffff;
  color: #22385a;
  border: 1px solid #ACACAC;
  height: 49px;
  line-height: 48px;
}
.palatin-btn.btn-3:hover, .palatin-btn.btn-3:focus {
  font-size: 16px;
  background-color: #ACACAC;
  color: #ffffff;
}
/* :: 4.0 Header Area CSS */
.header-area {
  position: absolute;
  z-index: 100;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.header-area .palatin-main-menu {
  position: relative;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.63);
  border-bottom: 2px solid rgba(36, 54, 90, 0.63);
}
.header-area .palatin-main-menu .classy-nav-container {
  background-color: transparent;
}
.header-area .palatin-main-menu .classy-navbar {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  background-color: transparent;
  height: 100px; /* 画面が大きいときのNavBarの高さ */
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .header-area .palatin-main-menu .classy-navbar {
    height: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area .palatin-main-menu .classy-navbar .nav-brand {
    max-width: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .palatin-main-menu .classy-navbar .nav-brand {
    max-width: 140px;
  }
}
.header-area .palatin-main-menu .classy-navbar .classynav ul li a {
  text-transform: capitalize;
  color: #ffffff;
  font-size: 15px;
  background-color: transparent;
}
.header-area .palatin-main-menu .classy-navbar .classynav ul li a:hover, .header-area .palatin-main-menu .classy-navbar .classynav ul li a:focus {
  color: #ffffff;
  background-color: #22385a;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area .palatin-main-menu .classy-navbar .classynav ul li a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .palatin-main-menu .classy-navbar .classynav ul li a {
    background-color: #22385a;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .palatin-main-menu .classy-navbar .classynav ul li a {
    background-color: #22385a;
  }
}
.header-area .palatin-main-menu .classy-navbar .classynav ul li.active a {
  color: #ffffff;
  background-color: #000000;
}
.header-area .palatin-main-menu .classy-navbar .classynav ul li.megamenu-item > a::after, .header-area .palatin-main-menu .classy-navbar .classynav ul li.has-down > a::after {
  color: #ffffff;
}
.header-area .palatin-main-menu .classy-navbar .classynav ul li ul li a {
  color: #363636;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area .palatin-main-menu .classy-navbar .classynav ul li ul li a {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .palatin-main-menu .classy-navbar .classynav ul li ul li a {
    color: #ffffff;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .palatin-main-menu .classy-navbar .classynav ul li ul li a {
    color: #ffffff;
  }
}
.header-area .palatin-main-menu .classy-navbar .menu-btn {
  margin-left: 70px;
} /* 画面幅が広い時のメニューバーの右側スペース */
.header-area .palatin-main-menu .classy-navbar .fa {
  margin-top: 10px;
  margin-left: 1px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area .palatin-main-menu .classy-navbar .menu-btn {
    margin-left: 10px;
  }
} /* 画面幅が狭い時のメニューバーの右側スペース */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area .palatin-main-menu .classy-navbar .menu-btn {
    margin-left: 10px;
    border: 2px solid #ffffff;
    margin-top: 20px;
    display: inline-block;
  }
  .header-area .palatin-main-menu .classy-navbar .fa {
    color: #707070;
  }
}
@media only screen and (max-width: 767px) {
  .header-area .palatin-main-menu .classy-navbar .menu-btn {
    margin-left: 30px;
    border: 2px solid #ffffff;
    margin-top: 30px;
    display: inline-block;
  }
}
.header-area .palatin-main-menu .classy-navbar .menu-btn a {
  color: #ffffff;
  font-size: 16px;
}
.header-area .is-sticky .palatin-main-menu {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  box-shadow: 0 5px 50px 15px rgba(0, 0, 0, 0.2);
}
.header-area .is-sticky .palatin-main-menu .classy-navbar {
  height: 90px;
}
@media only screen and (max-width: 767px) {
  .header-area .is-sticky .palatin-main-menu .classy-navbar {
    height: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breakpoint-on .classy-navbar .classy-menu {
    background-color: #22385a;
  }
}
@media only screen and (max-width: 767px) {
  .breakpoint-on .classy-navbar .classy-menu {
    background-color: #22385a;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .classynav ul li .megamenu .single-mega.cn-col-4 {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .classynav ul li .megamenu .single-mega.cn-col-4 {
    padding: 0;
  }
}
.classycloseIcon .cross-wrap span {
  background: #ffffff;
}
/* :: 5.0 Hero Area CSS */
.hero-slides {
  position: relative;
  z-index: 1;
}
.hero-slides .owl-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 98px;
  left: 4%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slides .owl-dots {
    left: 1%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slides .owl-dots {
    left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slides .owl-dots {
    bottom: 0px;
  }
}
.hero-slides .owl-dots .owl-dot {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  border: 2px solid transparent;
  background-color: transparent;
  display: block;
  padding: 3px 5px;
  color: #ffffff;
  font-size: 14px;
}
.hero-slides .owl-dots .owl-dot.active, .hero-slides .owl-dots .owl-dot:hover, .hero-slides .owl-dots .owl-dot:focus {
  color: #ffffff;
  background-color: #1b3f4c;
  border: 2px solid #22385a;
  box-shadow: none;
}
.single-hero-slide {
  width: 100%;
  height: 950px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-slide {
    height: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-slide {
    height: 750px;
  }
}
@media only screen and (max-width: 767px) {
  .single-hero-slide {
    height: 750px;
  }
}
.single-hero-slide .slide-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.single-hero-slide .hero-slides-content {
  display: inline-block;
  padding: 60px 50px;
  background-color: rgba(0, 0, 0, 0.63);
  border: 2px solid #22385a;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-slide .hero-slides-content {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-slide .hero-slides-content {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .single-hero-slide .hero-slides-content {
    padding: 20px;
  }
}
.single-hero-slide .hero-slides-content .line {
  width: 90px;
  height: 2px;
  background-color: #22385a;
  margin: 0 auto 30px;
}
.single-hero-slide .hero-slides-content h2 {
  position: relative;
  z-index: 1;
  font-size: 72px;
  color: #ffffff;
  margin-bottom: 0;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-hero-slide .hero-slides-content h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-hero-slide .hero-slides-content h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .single-hero-slide .hero-slides-content h2 {
    font-size: 30px;
  }
}
.single-hero-slide .hero-slides-content p {
  font-size: 14px;
  color: #ffffff;
}
.hero-slides .owl-item.active .single-hero-slide .slide-img {
  -webkit-animation: slide 20s linear infinite;
  animation: slide 20s linear infinite;
}
@-webkit-keyframes slide {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes slide {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* :: 6.0 Book Now Area CSS */
.book-now-area {
  position: relative;
  z-index: 100;
  padding: 200px;
  background-color: #000000;
}
/* Book Now Form for Top Page Only 
.book-now-form .toppage {
  position: relative;
  z-index: 1;
  top: -100px;
}*/
/* Book Now Form for Top Page Only */
.book-now-form {
  position: relative;
  z-index: 1;
}
.book-now-form form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.book-now-form form .form-group, .book-now-form form button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  width: 20%;
  height: 70px;
  background-color: #363636;
  border-left: 2px solid #22385a;
  border-top: 2px solid #22385a;
  border-bottom: 2px solid #22385a;
  margin-bottom: 0;
  padding: 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .book-now-form form .form-group, .book-now-form form button {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .book-now-form form .form-group, .book-now-form form button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: 60px;
    border-bottom: 0 solid transparent;
    border-right: 2px solid #22385a;
  }
}
.book-now-form form .form-group label {
  color: #22385a;
  display: block;
  font-size: 14px;
  width: 100%;
}
.book-now-form form button {
  border-right: 2px solid #22385a;
  font-size: 16px;
  background-color: #22385a;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  padding: 0;
}
.book-now-form form button:hover, .book-now-form form button:focus {
  outline: none;
  background-color: #363636;
}
.book-now-form form .form-control:focus {
  box-shadow: none;
}
.book-now-form .nice-select {
  background-color: transparent;
  border-radius: 0;
  border: none;
  font-size: 14px;
  height: auto;
  line-height: 1;
  padding-left: 0;
  padding-right: 30px;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  color: #ffffff;
}
.book-now-form .nice-select::after {
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  height: 10px;
  margin-top: -4px;
  width: 10px;
}
.book-now-form .nice-select .list {
  background-color: #ffffff;
  border-radius: 0;
  margin-top: 2px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
  width: 100%;
}
.book-now-form .nice-select .current {
  font-size: 24px;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .book-now-form .nice-select .current {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .book-now-form .nice-select .current {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .book-now-form .nice-select .current {
    font-size: 18px;
  }
}
.book-now-form .nice-select .option {
  font-size: 20px;
  color: #363636;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .book-now-form .nice-select .option {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .book-now-form .nice-select .option {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .book-now-form .nice-select .option {
    font-size: 16px;
  }
}
/* :: 7.0 About Us Area CSS */
.about-thumbnail {
  position: relative;
  z-index: 1;
}
.about-thumbnail.homepage .first-img {
  position: relative;
  width: 50%;
  margin-left: auto;
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
}
.about-thumbnail.homepage .second-img {
  position: relative;
  z-index: 1;
  width: 55%;
  margin-top: -50%;
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
}
.about-thumbnail.homepage .third-img {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 45%;
  margin-top: -30%;
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
}
.about-key-text {
  position: relative;
  z-index: 1;
  margin-top: 35px;
}
.about-key-text h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  font-size: 16px;
}
.about-key-text h6 span {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  max-width: 30px;
  width: 30px;
  margin-right: 15px;
  height: 30px;
  text-align: center;
  font-size: 12px;
  background-color: #22385a;
  border-radius: 50%;
  line-height: 30px;
  color: #ffffff;
}
/* :: 8.0 Pool Area CSS */
.pool-content {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 50px 50px;
  border: 2px solid #22385a;
  background-color: rgba(0, 0, 0, 0.63);
}
.pool-content ol ul li {
  list-style: disc;
  color: #ffffff;
  margin-left: 20px;
  padding-left: 10px;
  font-size: 14px;
}
.pool-content h7 {
  font-weight: 1000;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .pool-content {
    padding: 50px 20px;
  }
}
.pool-content .pool-feature {
  position: relative;
  z-index: 1;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .pool-content .pool-feature {
    margin-top: 30px;
  }
}
.pool-content .pool-feature i {
  font-size: 70px;
  color: #ffffff;
  margin-bottom: 15px;
  display: block;
}
.pool-content .pool-feature p {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 0;
}
.pool-content h3 {
  font-size: 32px;
  font-weight: bolder;
  color: #ffffff;
  margin-bottom: 20px;
  padding: 30px 30px;
  border: 1px solid #ffffff;
  background-color: rgba(0, 0, 0, 0.53);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pool-content h3 {
    font-size: 28px;
    padding: 10px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pool-content h3 {
    font-size: 20px;
    padding: 10px 10px;
  }
}
.pool-content h4 {
  font-size: 22px;
  font-weight: bolder;
  color: #ffffff;
  margin-bottom: 10px;
  padding: 10px 10px;
  border: 1px solid #7F7F7F;
  background-color: rgba(0, 0, 0, 0.53);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pool-content h4 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .pool-content h4 {
    font-size: 18px;
  }
}
.pool-content h5 {
  font-size: 22px;
  font-weight: bolder;
  color: #ffffff;
  margin-bottom: 10px;
  background-color: rgba(0, 0, 0, 0.53);
  padding: 10px 3px;
  /*	  border: 1px solid #7F7F7F;
      }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .pool-content h4 {
          font-size: 20px;} }
      @media only screen and (max-width: 767px) {
        .pool-content h4 {
          font-size: 18px;} */
}
.pool-content h6 {
  font-size: 12px;
  color: #ffffff;
  margin-bottom: 10px;
  padding: 5px 5px;
  border: 1px solid #555555;
  background-color: rgba(0, 0, 0, 0.53);
}
/*@media only screen and (min-width: 768px) and (max-width: 991px) {
        .pool-content h6 {
          font-size: 12px;
      	  padding: 5px 5px;} }
      @media only screen and (max-width: 767px) {
        .pool-content h6 {
          font-size: 12px;
		  padding: 5px 5px;} }*/
.rooms-text2 {
  position: absolute;
  z-index: 30;
  background-color: rgba(0, 0, 0, 0.63);
  height: 180px;
  width: calc(100% - 40px);
  border: 2px solid #ffffff;
  text-align: center;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
/* :: 9.0 Rooms Area CSS */
.single-rooms-area {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 515px;
  margin-bottom: 100px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.single-rooms-area .bg-thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.single-rooms-area .price-from {
  position: absolute;
  z-index: 20;
  top: -19px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 10px 15px;
  background-color: #181818;
  border: 2px solid #22385a;
  display: inline-block;
  margin-bottom: 0;
  line-height: 1;
  color: #ffffff;
  font-size: 14px;
}
.single-rooms-area .rooms-text {
  position: absolute;
  z-index: 30;
  background-color: rgba(0, 0, 0, 0.63);
  padding: 30px 30px 40px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  width: calc(100% - 40px);
  border: 2px solid #22385a;
  text-align: center;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.single-rooms-area .rooms-text .line {
  width: 90px;
  height: 2px;
  background-color: #22385a;
  display: block;
  margin: 0 auto 20px;
}
.single-rooms-area .rooms-text h4 {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .single-rooms-area .rooms-text h4 {
    font-size: 20px;
  }
}
.single-rooms-area .rooms-text p {
  color: #ffffff;
  margin-bottom: 0;
}
.single-rooms-area .book-room-btn {
  position: absolute;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 50;
}
.single-rooms-area:hover .rooms-text, .single-rooms-area:focus .rooms-text {
  background-color: #000;
}
.pagination-area {
  position: relative;
  z-index: 1;
  text-align: center;
}
.pagination-area .pagination {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pagination-area .pagination .page-item .page-link {
  border: 2px solid transparent;
  background-color: transparent;
  display: block;
  padding: 5px;
  margin-right: 10px;
  color: #181818;
  font-size: 14px;
}
.pagination-area .pagination .page-item .page-link:hover, .pagination-area .pagination .page-item .page-link:focus {
  color: #ffffff;
  background-color: #616161;
  border: 2px solid #22385a;
  box-shadow: none;
}
.pagination-area .pagination .page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination-area .pagination .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pagination-area .pagination .page-item.active .page-link {
  color: #ffffff;
  background-color: #616161;
  border: 2px solid #22385a;
}
/* :: 10.0 Services Area CSS */
.services-intro {
  position: relative;
  z-index: 1;
}
.services-intro .single-cool-fact {
  width: 100%;
}
.core-features-area {
  position: relative;
  z-index: 10;
}
.core-features-area .single-core-feature {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 514px;
}
.core-features-area .single-core-feature .bg-thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}
.core-features-area .single-core-feature .feature-content {
  width: 70%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 50;
  background-color: rgba(255, 255, 255, 0.85);
  border: 2px solid #22385a;
  padding: 30px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .core-features-area .single-core-feature .feature-content {
    width: 85%;
  }
}
.core-features-area .single-core-feature .feature-content i {
  font-size: 60px;
  color: #22385a;
  margin-bottom: 30px;
  display: block;
}
.core-features-area .single-core-feature .feature-content h3 {
  font-size: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .core-features-area .single-core-feature .feature-content h3 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .core-features-area .single-core-feature .feature-content h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .core-features-area .single-core-feature .feature-content h3 {
    font-size: 24px;
  }
}
.core-features-area .single-core-feature .feature-content p {
  margin-bottom: 0;
}
.single-service-area {
  position: relative;
  z-index: 1;
}
.single-service-area i {
  display: block;
  margin-bottom: 30px;
  color: #22385a;
  font-size: 60px;
}
.single-service-area h4 {
  font-size: 30px;
  margin-bottom: 25px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
@media only screen and (max-width: 767px) {
  .single-service-area h4 {
    font-size: 24px;
  }
}
.single-service-area p {
  margin-bottom: 0;
}
.our-milestones {
  position: relative;
  z-index: 1;
}
.our-milestones .single-cool-fact {
  background-color: rgba(0, 0, 0, 0.63);
}
/* :: 11.0 Our Hotel Area CSS */
.single-hotel-info {
  position: relative;
  z-index: 1;
}
.single-hotel-info .hotel-info-text {
  position: relative;
  z-index: 1;
  margin-bottom: 45px;
}
.single-hotel-info .hotel-info-text h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  margin-bottom: 15px;
  font-size: 16px;
}
.single-hotel-info .hotel-info-text h6 span {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  max-width: 30px;
  width: 30px;
  margin-right: 15px;
  height: 30px;
  text-align: center;
  font-size: 12px;
  background-color: #22385a;
  border-radius: 50%;
  line-height: 30px;
  color: #ffffff;
}
/* :: 12.0 Testimonial Area CSS */
.testimonial-content {
  position: relative;
  z-index: 1;
  border: 2px solid #22385a;
  background-color: #ffffff;
  padding: 100px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .testimonial-content {
    padding: 30px;
  }
}
.testimonial-content .single-testimonial {
  position: relative;
  z-index: 1;
  text-align: center;
}
.testimonial-content .single-testimonial p {
  font-size: 16px;
  color: #7d7d7d;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .testimonial-content .single-testimonial p {
    font-size: 14px;
  }
}
.testimonial-content .single-testimonial h6 {
  margin-top: 55px;
  margin-bottom: 60px;
}
.testimonial-content .single-testimonial h6 span {
  color: #22385a;
}
@media only screen and (max-width: 767px) {
  .testimonial-content .single-testimonial h6 {
    margin-top: 25px;
    margin-bottom: 30px;
  }
}
.testimonial-content .single-testimonial img {
  width: auto !important;
  margin: 0 auto;
}
/* :: 13.0 Footer Area CSS */
.footer-area {
  position: relative;
  z-index: 1;
  background-color: #363636;
  padding-bottom: 40px;
}
.footer-area .footer-widget-area p {
  color: #cccccc;
  font-size: 12px;
  line-height: normal;
  margin-bottom: 0;
}
.footer-area .footer-widget-area h4 {
  color: #cccccc;
  font-size: 14px;
  line-height: normal;
  font-weight: 500;
  margin-top: 10px;
}
.footer-area .footer-widget-area h3 {
  color: #cccccc;
  font-size: 17px;
  line-height: normal;
  font-weight: 600;
  margin-top: 10px;
}
.footer-area .footer-widget-area h5 {
  color: #cccccc;
  font-size: 15px;
  line-height: normal;
  font-weight: 200;
  margin-top: 10px;
}
.footer-area .footer-widget-area .widget-title {
  padding-top: 15px;
  color: #ffffff;
  font-weight: 400;
}
.footer-area .footer-widget-area .subscribe-form {
  position: relative;
  z-index: 1;
}
.footer-area .footer-widget-area .subscribe-form input {
  width: 100%;
  height: 46px;
  margin-top: 5px;
  background-color: transparent;
  border: 1px solid #ACACAC;
  padding: 0 15px;
  color: #ffffff;
}
.footer-area .footer-widget-area .subscribe-form button {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  width: 100%;
  height: 46px;
  font-size: 16px;
  margin-top: 15px;
  color: #ffffff;
  cursor: pointer;
  border: 1px solid #ACACAC;
  background-color: #22385a;
}
.footer-area .footer-widget-area .subscribe-form button:hover, .footer-area .footer-widget-area .subscribe-form button:focus {
  background-color: #ACACAC;
}
.footer-area .copywrite-text {
  position: relative;
  z-index: 1;
}
.footer-area .copywrite-text p {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 12px;
  color: rgba(204, 204, 204, 0.4);
}
.footer-area .copywrite-text p a {
  font-size: 12px;
  color: rgba(204, 204, 204, 0.4);
}
.footer-area .copywrite-text p a:hover {
  color: #ffffff;
}
/* :: 14.0 Breadcumb Area CSS */
.breadcumb-area {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 800px;
}
@media only screen and (max-width: 767px) {
  .breadcumb-area {
    height: 340px;
  }
}
.breadcumb-area .bradcumbContent {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .breadcumb-area .bradcumbContent {
    margin-top: 0;
  }
}
.breadcumb-area .bradcumbContent h2 {
  font-size: 48px;
  color: #ffffff;
  margin-bottom: 0;
  padding: 5px 30px;
  border: 2px solid #22385a;
  background-color: rgba(0, 0, 0, 0.63);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcumb-area .bradcumbContent h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcumb-area .bradcumbContent h2 {
    font-size: 30px;
  }
}
.breadcumb-area .bradcumbContent h3 {
  font-size: 32px;
  color: #ffffff;
  margin-bottom: 0;
  padding: 5px 30px;
  border: 1px solid #ffffff;
  background-color: rgba(0, 0, 0, 0.53);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcumb-area .bradcumbContent h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcumb-area .bradcumbContent h3 {
    font-size: 20px;
  }
}
/* :: 14.0 Breadcumb Area1 CSS */
.breadcumb-area1 {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 800px;
}
@media only screen and (max-width: 767px) {
  .breadcumb-area1 {
    height: 340px;
  }
}
.breadcumb-area1 .bradcumbContent1 {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .breadcumb-area1 .bradcumbContent1 {
    margin-top: 0;
  }
}
.breadcumb-area1 .bradcumbContent1 h3 {
  font-size: 48px;
  color: #ffffff;
  margin-bottom: 0;
  padding: 5px 30px;
  border: 2px solid #22385a;
  background-color: rgba(0, 0, 0, 0.63);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcumb-area1 .bradcumbContent1 h3 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcumb-area1 .bradcumbContent1 h3 {
    font-size: 30px;
  }
}
/* :: 15.0 Blog Area CSS */
.single-blog-post {
  position: relative;
  z-index: 10;
}
.single-blog-post .blog-post-thumb {
  position: relative;
  z-index: 1;
}
.single-blog-post .post-content {
  position: relative;
  z-index: 1;
  width: 80%;
  border: 2px solid #22385a;
  padding: 50px 40px 30px;
  left: 10%;
  text-align: center;
  margin-top: -145px;
  background-color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .single-blog-post .post-content {
    width: 90%;
    left: 5%;
    margin-top: -25px;
    padding: 40px 30px 20px;
  }
}
.single-blog-post .post-content .post-date {
  position: absolute;
  left: 50%;
  top: -26.5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.single-blog-post .post-content .post-title {
  font-size: 30px;
  display: block;
  margin-bottom: 10px;
}
.single-blog-post .post-content .post-title:hover, .single-blog-post .post-content .post-title:focus {
  color: #22385a;
}
@media only screen and (max-width: 767px) {
  .single-blog-post .post-content .post-title {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
.single-blog-post .post-content .post-meta {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}
.single-blog-post .post-content .post-meta a {
  font-size: 12px;
  color: #363636;
  position: relative;
  z-index: 2;
}
.single-blog-post .post-content .post-meta a:first-child {
  margin-right: 30px;
}
.single-blog-post .post-content .post-meta a:first-child::after {
  position: absolute;
  top: -2px;
  right: -18px;
  content: '|';
  z-index: 10;
}
.banner-content {
  font-size: 15px;
}
/* :: 16.0 Contact Area CSS */
.contact-area {
  position: relative;
  z-index: 1;
}
.contact-area .home-map-area {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
  height: 685px;
}
@media only screen and (max-width: 767px) {
  .contact-area .home-map-area {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: 450px;
  }
}
.contact-area .home-map-area iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.contact-area .contact-info {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
  padding: 0 8%;
}
@media only screen and (max-width: 767px) {
  .contact-area .contact-info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding: 50px 30px;
  }
}
.contact-area .contact-info h4, .contact-area .contact-info h5 {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-area .contact-info h4, .contact-area .contact-info h5 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-area .contact-info h4, .contact-area .contact-info h5 {
    font-size: 16px;
  }
}
.contact-area .contact-info .social-info a {
  display: inline-block;
  margin-right: 15px;
}
.contact-area .contact-info .social-info a:hover, .contact-area .contact-info .social-info a:focus {
  color: #22385a;
}
.single-contact-information {
  position: relative;
  z-index: 1;
}
.single-contact-information .section-text {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}
.single-contact-information .section-text h3 {
  font-weight: 400;
  font-size: 30px;
  margin-bottom: 10px;
}
.single-contact-information .section-text p {
  margin-bottom: 0;
}
.single-contact-information .contact-content {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
.single-contact-information .contact-content:last-child {
  margin-bottom: 0;
}
.single-contact-information .contact-content p {
  font-size: 15px;
  color: #7d7d7d;
  margin-bottom: 0;
}
.single-contact-information .contact-content p:first-child {
  font-size: 18px;
  color: #22385a;
  margin-bottom: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  max-width: 90px;
  width: 90px;
}
.map-area {
  position: relative;
  z-index: 2;
}
.map-area iframe {
  width: 100%;
  height: 515px;
  border: none;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .map-area iframe {
    height: 300px;
  }
}
.contact-form-area {
  position: relative;
  z-index: 1;
}
.contact-form-area form {
  position: relative;
  z-index: 1;
}
.contact-form-area form input, .contact-form-area form textarea {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  border: none;
  border-bottom: 2px solid #c9c9c9;
  margin-bottom: 30px;
  font-size: 12px;
  font-style: italic;
  color: #7d7d7d;
  border-radius: 0;
  width: 100%;
  height: 52px;
}
.contact-form-area form input:focus, .contact-form-area form textarea:focus {
  border-color: #22385a;
  box-shadow: none;
}
.contact-form-area form textarea {
  height: 180px;
}
/* :: 17.0 Skills Area CSS */
.single-skils-area {
  position: relative;
  z-index: 1;
  text-align: center;
}
.single-skils-area .circle {
  position: relative;
  z-index: 10;
  margin-bottom: 15px;
}
.single-skils-area .skills-text {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.single-skils-area .skills-text span {
  font-size: 48px;
  color: #232323;
}
.single-skils-area .skills-text p {
  margin-bottom: 0;
  line-height: 1;
  font-size: 14px;
  color: #232323;
}
/* :: 18.0 Elements Area CSS */
.elements-title h2 {
  font-size: 48px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .elements-title h2 {
    font-size: 24px;
  }
}
.single-icon {
  position: relative;
  z-index: 1;
  padding: 50px 30px;
  border: 2px solid #22385a;
  text-align: center;
}
.single-icon i {
  color: #22385a;
  font-size: 70px;
  display: block;
  margin-bottom: 30px;
}
.single-icon span {
  font-size: 16px;
}
/* :: 18.1.0 Single Cool Facts CSS */
.single-cool-fact {
  position: relative;
  z-index: 1;
  width: 200px;
  padding: 35px 15px;
  border: 2px solid #22385a;
  text-align: center;
  background-color: #363636;
  margin: 0 auto;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}
.single-cool-fact .scf-text i {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  display: block;
  font-size: 70px;
  margin-bottom: 10px;
  color: #22385a;
}
.single-cool-fact .scf-text h2 {
  font-size: 48px;
  margin-bottom: 5px;
  color: #ffffff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-cool-fact .scf-text h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-cool-fact .scf-text h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .single-cool-fact .scf-text h2 {
    font-size: 30px;
  }
}
.single-cool-fact .scf-text p {
  font-size: 14px;
  margin-bottom: 0;
  color: #ffffff;
  line-height: 1;
}
.single-cool-fact:hover, .single-cool-fact:focus {
  background-color: #22385a;
}
.single-cool-fact:hover .scf-text i, .single-cool-fact:focus .scf-text i {
  color: #ffffff;
}
/* :: 18.2.0 Accordians Area CSS */
.single-accordion.panel {
  background-color: #ffffff;
  border: 0 solid transparent;
  border-radius: 4px;
  box-shadow: 0 0 0 transparent;
  margin-bottom: 15px;
}
.single-accordion:last-of-type {
  margin-bottom: 0;
}
.single-accordion h6 {
  margin-bottom: 0;
}
.single-accordion h6 a {
  background-color: #22385a;
  border-radius: 0;
  border: 2px solid #22385a;
  color: #ffffff;
  display: block;
  margin: 0;
  padding: 20px 70px 20px 30px;
  position: relative;
  font-size: 14px;
  text-transform: capitalize;
}
.single-accordion h6 a span {
  background: transparent;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  font-size: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 58px;
  height: 100%;
  color: #ffffff;
  line-height: 58px;
}
.single-accordion h6 a span.accor-open {
  opacity: 0;
}
.single-accordion h6 a.collapsed {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  background-color: #ffffff;
  color: #7d7d7d;
  border: 2px solid #22385a;
}
.single-accordion h6 a.collapsed span {
  color: #7d7d7d;
}
.single-accordion h6 a.collapsed span.accor-close {
  opacity: 0;
}
.single-accordion h6 a.collapsed span.accor-open {
  opacity: 1;
}
.single-accordion .accordion-content {
  border-top: 0 solid transparent;
  box-shadow: none;
  padding: 30px 15px 5px;
}
.single-accordion .accordion-content p {
  margin-bottom: 0;
}
/* :: 18.3.0 Tabs Area CSS */
.palatin-tabs-content {
  position: relative;
  z-index: 1;
}
.palatin-tabs-content .nav-tabs {
  border-bottom: none;
  margin-bottom: 30px;
}
.palatin-tabs-content .nav-tabs .nav-link {
  background-color: #ffffff;
  border: 2px solid #22385a;
  padding: 0 20px;
  height: 58px;
  line-height: 58px;
  color: #7d7d7d;
  margin: 0 2px;
  border-radius: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .palatin-tabs-content .nav-tabs .nav-link {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .palatin-tabs-content .nav-tabs .nav-link {
    padding: 0 15px;
    font-size: 12px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .palatin-tabs-content .nav-tabs .nav-link {
    padding: 0 15px;
  }
}
.palatin-tabs-content .nav-tabs .nav-link.active {
  background-color: #22385a;
  color: #ffffff;
}
.palatin-tabs-content .palatin-tab-text p {
  margin-bottom: 0;
}
.palatin-tabs-content .tab-content h6 {
  font-size: 18px;
}
/* #### Additional CSS #### */
/*********************************
19.0. Gallery
*********************************/
.gallery {
  width: 100%;
  background: #282428;
  padding-top: 32px;
  padding-bottom: 35px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.gallery_slider_container {
  width: calc(100vw + 270px);
  left: -135px;
}
.gallery_select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 2px #d6baa0;
  background: rgba(0, 0, 0, 0.62);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.gallery_select > div {
  width: 48px;
  height: 48px;
  background: #22385a;
  font-size: 36px;
  font-weight: 500;
  color: #d6baa0;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
}
.gallery_item:hover .gallery_select {
  visibility: visible;
  opacity: 1;
}
.gallery_slider_nav_container {
  position: absolute;
  bottom: 4px;
  right: 0;
  width: 100%;
  z-index: 1;
}
.gallery_slider_nav_content {
  float: right;
}
.gallery_slider_nav {
  width: 44px;
  height: 44px;
  text-align: center;
  background: #22385a;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.gallery_slider_nav i {
  line-height: 44px;
  font-size: 18px;
  color: #FFFFFF;
}
.gallery_slider_nav:hover {
  background: #363636
}
/*********************************
20.0. Big Room
*********************************/
/* Styleメインパートから移植 */
.parallax_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.background_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
p {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 2;
  font-weight: 500;
  color: #8d8d8d;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
.PromoList p {
  font-size: 1.2em;
  font-weight: 100;
  color: #4D4C4C;
  line-height: 1.4;
}
.PromoList .PromoDetails {
  font-size: 0.9em;
  font-weight: 100;
  color: #4D4C4C;
  line-height: 1.2;
}
.PromoList .PromoDeals {
  font-size: 1.3em;
  font-weight: 600;
  font-style: italic;
}
.section_subtitle {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #7e7e7e;
  line-height: 0.75;
}
.section_title {
  margin-top: 10px;
}
/*********************************
20.0 Big Room
*********************************/
.big_room {
  width: 100%;
  overflow: hidden;
}
.big_room .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.big_room .container-fluid .row > div {
  padding-left: 0;
  padding-right: 0;
}
.big_room_content {
  width: 100%;
  background: #141214;
  padding-left: 80px;
  padding-top: 80px;
  padding-right: 80px;
  padding-bottom: 80px;
}
.big_room_content .section_title_container {
  max-width: 660px;
}
.big_room_content .section_title h2 {
  color: #FFFFFF;
}
.big_room_content_inner {
  width: 100%;
  height: 100%;
}
.big_room_text {
  width: 100%;
  margin-top: 37px;
}
/*.big_room_text p
 {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}*/
/* Best Rate Guarantee */
.big_room_text ul {
  padding-left: 100;
  font-family: "FuturaLT-Book";
  font-size: 14px;
}
.big_room_text li {
  display: list-item;
  list-style: disc;
  margin-bottom: 8px;
  color: #ffffff;
}
/* Best Rate Guarantee */
.testimonial {
  margin-top: 63px;
}
.testimonial_stars ul li:not(:last-child) {
  margin-right: 4px;
}
.testimonial_stars ul li i {
  font-size: 9px;
  color: #fbd05e;
}
.testimonial_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  font-style: italic;
  color: #FFFFFF;
  margin-top: 16px;
}
.testimonial_author {
  margin-top: 28px;
}
.testimonial_author_image {
  width: 37px;
  height: 37px;
  overflow: hidden;
  border-radius: 50%;
}
.testimonial_author_image img {
  max-width: 100%;
}
.testimonial_author_name {
  margin-left: 40px;
}
.testimonial_author_name a {
  font-size: 14px;
  font-weight: 500;
  color: #8e3f97;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.testimonial_author_name a:hover {
  color: #d6baa0;
}
.testimonial_author_name span {
  font-size: 14px;
  font-weight: 500;
}
.big_room_slider_container {
  height: 100%;
}
.big_room_slider_nav_container {
  position: absolute;
  right: 44px;
  bottom: 38px;
  z-index: 1;
}
.big_room_slider_nav {
  width: 44px;
  height: 44px;
  text-align: center;
  background: #22385a;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.big_room_slider_nav i {
  line-height: 44px;
  font-size: 18px;
  color: #FFFFFF;
}
.big_room_slider_nav:hover {
  background: #363636
}
/******************************
;; 21.0 Big Room Responsive CSS
******************************/
/************
1. 1380px
************/
@media only screen and (max-width: 1380px) {
  .big_room_text p {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
}
/************
2. 1199px
************/
@media only screen and (max-width: 1199px) {
  .big_room_text p {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
  .big_room_slider_container {
    height: 750px;
  }
}
/************
3. 767px
************/
@media only screen and (max-width: 767px) {
  .big_room_content {
    padding-left: 60px;
    padding-top: 133px;
    padding-right: 60px;
    padding-bottom: 119px;
  }
  .big_room_text p {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
}
/************
4. 575px
************/
@media only screen and (max-width: 575px) {
  .big_room_content {
    padding-left: 30px;
    padding-top: 103px;
    padding-right: 30px;
    padding-bottom: 89px;
  }
  .big_room_slider_container {
    height: 450px;
  }
  .big_room_slider_nav_container {
    display: none !important;
  }
}
/* ;; 22.0 Room Pict Slider CSS **/
.rm_slider_pic .item {
  background: #fff;
  padding: 0px 0px;
  margin: 5px;
  color: #FFF;
  border-radius: 3px;
  text-align: center;
}
.rm_slider_thum .item {
  background: #C9C9C9;
  padding: 0px 0px;
  margin: 5px;
  color: #FFF;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
.rm_slider_thum .item h1 {
  font-size: 18px;
}
.rm_slider_thum .current .item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.4;
}
.owl-theme .owl-nav [class*='owl-'] {
  transition: all 0.3s ease;
}
.owl-theme .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}
.rm_slider_pic .owl-theme {
  position: relative;
}
/*  
;; 22.0 Room Pict Slider CSS
	;; 22.1.0 Guest Room Side Bar
*/
.sidebar {
  padding-left: 0px;
}
.contact-form-card {
  padding: 29px;
  border: 1px solid #ebebeb;
  border-radius: 1px;
  margin-bottom: 80px;
}
.contact-form-card h5 {
  font-weight: 400;
  margin-bottom: 30px;
}
.contact-form-card input, .contact-form-card textarea {
  width: 100%;
  border: 1px solid #ebebeb;
  margin-bottom: 17px;
  height: 36px;
  padding: 0 20px;
}
.contact-form-card textarea {
  height: 100px;
  padding: 10px 20px;
}
.contact-form-card button {
  background: #22385a;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border: none;
  min-width: 80px;
  height: 30px;
  border-radius: 1px;
  cursor: pointer;
}
.related-properties h2 {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 40px;
}
.rp-item {
  margin-bottom: 40px;
}
.rp-item .rp-pic {
  height: 229px;
  padding: 21px 20px;
}
.rp-item .rp-info {
  text-align: center;
  padding: 30px 10px;
  border: 1px solid #e1e1e1;
  border-bottom: none;
  border-top: none;
}
.rp-item .rp-info h5 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
}
.rp-item .rp-info p {
  margin-bottom: 0;
}
.rp-item .rp-info p i {
  color: #22385a;
  margin-right: 5px;
}
.rp-item .rp-price {
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 9.5px;
  background: #22385a;
  color: #fff;
}
.set-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.propertie-item {
  height: 270px;
  position: relative;
  margin-bottom: 30px;
  position: relative;
}
.propertie-item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,303030+100&0+32,0.9+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(32%, rgba(15, 15, 15, 0)), to(rgba(48, 48, 48, 0.9)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(15, 15, 15, 0) 32%, rgba(48, 48, 48, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(15, 15, 15, 0) 32%, rgba(48, 48, 48, 0.9) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6303030', GradientType=0);
  /* IE6-9 */
}
.propertie-item .sale-notic, .propertie-item .rent-notic {
  margin: 30px;
}
.propertie-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 30px;
  padding-bottom: 20px;
  z-index: 5;
}
.propertie-info h5 {
  margin-bottom: 8px;
  font-weight: 400;
}
.propertie-info p {
  margin-bottom: 0;
}
.propertie-info p i {
  color: #30caa0;
  margin-right: 5px;
}
.propertie-info .info-warp {
  float: left;
}
.propertie-info .price {
  float: right;
  background: #30caa0;
  padding: 12px;
  min-width: 110px;
  text-align: center;
  border-radius: 2px;
}
.sale-notic, .rent-notic {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  background: #e94646;
  padding: 7px 13px;
  display: inline-block;
  border-radius: 2px;
  position: relative;
  z-index: 3;
}
.rent-notic {
  background: #eca643;
}
/* ;; 23.0 Room Details - Accordion CSS ;; */
.plan-accordion {
  overflow: hidden;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 75px;
}
.plan-accordion .panel-link {
  display: block;
  background: #f7f7f7;
  color: #707070;
  font-size: 16px;
  border: none;
  width: 100%;
  cursor: pointer;
  padding: 18px 30px;
  border: 1px solid #e1e1e1;
  border-bottom: 0;
  position: relative;
  text-align: left;
}
.plan-accordion .panel-link span {
  margin-left: 20px;
}
.plan-accordion .panel-link.active {
  background: #22385a;
  color: #fff;
  border: 1px solid #22385a;
}
.plan-accordion .panel-link.active i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.plan-accordion .panel-link.active.collapsed {
  background: #f7f7f7;
  color: #707070;
  border: 1px solid #e1e1e1;
  border-bottom: 0;
}
.plan-accordion .panel-link.active.collapsed i {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.plan-accordion .panel-link i {
  position: absolute;
  font-size: 24px;
  top: 50%;
  right: 17px;
  margin-top: -11px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.plan-accordion .panel-body {
  border: 1px solid #e1e1e1;
  border-bottom: none;
  padding-left: 20px;
}
.plan-accordion .panel-body a {
  font-size: 100%;
  color: #313131;
  font-weight: 600;
}
/*
;; 24.0 Supplier List
*/
/*------------------
  Supplier List section
---------------------*/
.clients-section {
  position: relative;
  margin-bottom: -60px;
}
.clients-slider {
  background: #ffffff;
  padding: 20px 10px 105px 10px;
  border-radius: 3px;
}
.clients-slider a {
  display: block;
  text-align: center;
  padding: 0 30px;
}
/* :: 25.0 Project Area CSS */
.single-project-slide {
  position: relative;
  z-index: 1;
  height: 400px;
  overflow: hidden;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 767px) {
  .single-project-slide {
    height: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-project-slide {
    height: 380px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-project-slide {
    height: 350px;
  }
}
.single-project-slide .project-content {
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-project-slide .project-content .text h6 {
  color: #ffffff;
}
.single-project-slide .project-content .text h5 {
  color: #ffffff;
  margin-bottom: 0;
}
.single-project-slide .hover-effects {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #1F587C;
  z-index: 100;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 800ms;
  -o-transition-duration: 800ms;
  transition-duration: 800ms;
}
.single-project-slide .hover-effects .text {
  padding: 30px;
}
.single-project-slide .hover-effects .text h6 {
  color: #ffffff;
}
.single-project-slide .hover-effects .text h5 {
  color: #ffffff;
  margin-bottom: 10px;
}
.single-project-slide .hover-effects .text p {
  margin-bottom: 0;
  color: #ffffff;
}
.single-project-slide .hover-effects .project-btn {
  font-size: 16px;
  padding: 0 30px;
  display: block;
  background-color: #0e2737;
  border-radius: 0;
  color: #ffffff;
  text-align: left;
  font-weight: 500;
  height: 100px;
  width: 100%;
  line-height: 100px;
}
.single-project-slide.active .hover-effects {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
  visibility: visible;
}
/* :: 26.0 About CSS */
.about-content {
  position: relative;
  z-index: 1;
}
.about-us-content {
  position: relative;
  z-index: 1;
}
.about-us-content h5 {
  line-height: 1.8;
  color: #636a76;
  margin-bottom: 30px;
  font-weight: 400;
}
.about-us-content p {
  margin-bottom: 30px;
}
.about-us-content p span {
  color: #1cc3b2;
}
/* Best Rate Guarantee */
.about-us-content ol {
  list-style: decimal;
  counter-reset: cnt;
  padding-left: 100;
  font-family: "FuturaLT-Book";
  font-size: 14px;
}
.about-us-content ul {
  list-style: circle;
}
.about-us-content ol li {
  margin-bottom: 8px;
}
.about-us-content ol li::before {
  content: counters(cnt, ".") ". ";
  counter-increment: cnt;
}
.about-us-content ol ol {
  counter-reset: cnt;
  margin-left: 20px;
  margin-top: 8px;
  margin-bottom: 0;
}
/* Best Rate Guarantee */
.about-thumbnail {
  position: relative;
  z-index: 1;
}
.about-thumbnail img {
  border-radius: 6px;
  width: 100%;
}
.about-us-thumbnail {
  position: relative;
  z-index: 1;
}
.about-us-thumbnail .single-thumb {
  position: relative;
  z-index: 1;
  margin: 5px;
  display: block;
  overflow: hidden;
  border-radius: 6px;
}
.about-us-thumbnail .single-thumb img {
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  border-radius: 6px;
}
.about-us-thumbnail .single-thumb:first-child {
  margin-bottom: 10px;
}
.about-us-thumbnail .single-thumb:hover img, .about-us-thumbnail .single-thumb:focus img {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
}
.single-service-area {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  box-shadow: 0 2px 14px 5px rgba(20, 20, 20, 0.05);
  border-radius: 3px;
}
.single-service-area .service-title {
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  position: absolute;
  width: 100%;
  background-color: rgba(42, 48, 59, 0.5);
  bottom: 0;
  left: 0;
  height: 80px;
  text-align: center;
}
.single-service-area .service-title h5 {
  margin-bottom: 0;
  font-size: 22px;
  color: #ffffff;
}
.single-service-area:hover .service-title, .single-service-area:focus .service-title {
  background-color: #2a303b;
}
.roberto-service-area {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .roberto-service-area .service-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 70px;
  }
}
/*
;; 26.1 Book Now Area - Main Page
*/
.hotel-search-form-area-main-page {
  position: relative;
  z-index: 1;
  padding-left: 10%;
  padding-right: 10%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hotel-search-form-area-main-page {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hotel-search-form-area-main-page {
    padding-left: 0%;
    padding-right: 0%;
  }
}
@media only screen and (max-width: 767px) {
  .hotel-search-form-area-main-page {
    padding-left: 0%;
    padding-right: 0%;
  }
}
.hotel-search-form-area-main-page .hotel-search-form {
  position: relative;
  z-index: 1;
  width: 100%;
  box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.15);
  padding: 10px 20px 0 20px;
  /* border-radius: 5px;*/
  background-color: rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 767px) {
  .hotel-search-form-area-main-page .hotel-search-form {
    padding: 10px 20px 0 20px;
  }
}
.hotel-search-form-area-main-page .hotel-search-form label {
  color: #BFBFBF;
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .hotel-search-form-area-main-page .hotel-search-form label {
    font-size: 13px;
  }
}
.hotel-search-form-area-main-page .hotel-search-form .form-control {
  width: 100%;
  margin-bottom: 15px;
  height: 40px;
  border: 1px solid #ebebeb;
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .hotel-search-form-area-main-page .hotel-search-form .form-control {
    margin-bottom: 15px;
  }
}
.hotel-search-form-area-main-page .hotel-search-form .form-control:focus {
  box-shadow: none;
  border-color: #22385a;
}
button.roberto-btn {
  background-color: #22385a;
  color: #ffffff;
}
.roberto-about-area {
  position: relative;
  z-index: 1;
  padding-bottom: 100px;
  background-color: #333333;
}
@media only screen and (max-width: 767px) {
  .roberto-about-area {
    padding-bottom: 238px;
  }
}
.roberto-about-area-main-page {
  position: relative;
  z-index: 1;
  padding-bottom: 0px;
  background-color: #333333;
}
@media only screen and (max-width: 767px) {
  .roberto-about-area-main-page {
    padding-bottom: 238px;
  }
}
/*
  .roberto-about-area .hotel-search-form-area-main-page {
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 0;
	-webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
	transform: translateY(0%); } 
*/
.roberto-about-area-main-page .hotel-search-form-area-main-page {
  position: absolute;
  width: 100%;
  z-index: 100;
  top: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
@media only screen and (max-width: 767px) {
  .roberto-about-area-main-page .hotel-search-form-area-main-page {
    top: 0;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.roberto-about-area-main-page .hotel-search-form-area-main-page .nice-select {
  line-height: 35px;
}
.roberto-about-area .hotel-search-form-area-main-page .nice-select {
  line-height: 35px;
}
/*
;; 26.2 Book Now Area - Other Pages
*/
.hotel-search-form-area {
  position: relative;
  z-index: 1;
  padding-left: 10%;
  padding-right: 10%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hotel-search-form-area {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hotel-search-form-area {
    padding-left: 0%;
    padding-right: 0%;
  }
}
@media only screen and (max-width: 767px) {
  .hotel-search-form-area {
    padding-left: 0%;
    padding-right: 0%;
  }
}
.hotel-search-form-area .hotel-search-form {
  position: relative;
  z-index: 1;
  width: 100%;
  box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.15);
  padding: 10px 20px 0 20px;
  /* border-radius: 5px; */
  background-color: rgba(0, 0, 0, 0.7)
}
@media only screen and (max-width: 767px) {
  .hotel-search-form-area .hotel-search-form {
    padding: 10px 20px 0 20px;
  }
}
.hotel-search-form-area .hotel-search-form label {
  color: #BFBFBF;
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .hotel-search-form-area .hotel-search-form label {
    font-size: 13px;
  }
}
.hotel-search-form-area .hotel-search-form .form-control {
  width: 100%;
  margin-bottom: 15px;
  height: 40px;
  border: 1px solid #ebebeb;
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .hotel-search-form-area .hotel-search-form .form-control {
    margin-bottom: 15px;
  }
}
.hotel-search-form-area .hotel-search-form .form-control:focus {
  box-shadow: none;
  border-color: #22385a;
}
button.roberto-btn {
  background-color: #22385a;
  color: #ffffff;
}
.roberto-about-area {
  position: relative;
  z-index: 1;
}
/*
  .roberto-about-area .hotel-search-form-area {
    position: absolute;
    width: 100%;
    z-index: 100;
    top: 0;
	-webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
	transform: translateY(0%); } 
*/
.roberto-about-area .hotel-search-form-area {
  position: absolute;
  width: 100%;
  z-index: 100;
  top: 0;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.roberto-about-area .hotel-search-form-area .nice-select {
  line-height: 35px;
}
/*
27.0 Google Maps
*/
.google_maps {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.google_maps iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
/*
28.0 Promotion Line
*/
.Promtion_List .line- {
  width: 100%;
  height: 1px;
  background-color: #22385a;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.Promtion_List a, .Promtion_List a:hover {
  color: #22385a;
  font-size: 24px;
}
/*
 29.0 Best Rate Guarantee ul li
*/
.BestRateForm ul {
  margin-left: 20px;
}
.BestRateForm li {
  font-size: 0.9em;
  list-style-type: disc;
}
.property-details-list p {
  color: #000000;
  font-weight: 100;
  font-size: 0.8em;
  line-height: normal;
}
/* ====== The End ====== */
/*# sourceMappingURL=style.css.map */