/**
 * Created by Sushant Gauchan
*/
/*------------------------------------ Site Wide Starts -----------------------------------*/
body.inEdit .modal#bookingModal.fade {
  opacity: 1;
  display: block;
  position: relative;
  top: 0;
  height: 500px;
  z-index: 1; }
body.inEdit.transparent #header-wrapper, body.inEdit.opaque #header-wrapper {
  position: relative;
  background: #ccc; }
  body.inEdit.transparent #header-wrapper .nav-section .custom-container .nav-logo-container .logo .img-container img, body.inEdit.opaque #header-wrapper .nav-section .custom-container .nav-logo-container .logo .img-container img {
    filter: invert(1); }
  body.inEdit.transparent #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li a, body.inEdit.opaque #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li a {
    color: #000; }
  body.inEdit.transparent #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu .action .btn-karwan, body.inEdit.opaque #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu .action .btn-karwan {
    color: #000;
    border: 2px solid #000; }
body.inEdit #content-wrapper #explore-page .explore-text-image .text-image-container .ccm-block-edit, body.inEdit #content-wrapper #rooms-page .room-text-image .text-image-container .ccm-block-edit {
  display: flex;
  flex-wrap: wrap; }
body.inEdit #content-wrapper #story-page .text-image .text-image-cotainer .img-container .inner-zoomed {
  padding-bottom: 0; }
  body.inEdit #content-wrapper #story-page .text-image .text-image-cotainer .img-container .inner-zoomed img {
    position: initial; }
body.inEdit .ccm-area {
  width: 100%; }
body.inEdit .common-gallery .content .gallery-container .gallery-inner {
  width: 100%; }

/*------------------------------------- Site Wide Ends ------------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
body #header-wrapper {
  display: inline-block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 99;
  transition: all 0.4s ease;
  width: 100%; }
  body #header-wrapper .nav-section .custom-container {
    padding: 10px 240px; }
    body #header-wrapper .nav-section .custom-container .nav-logo-container {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      body #header-wrapper .nav-section .custom-container .nav-logo-container .logo {
        position: relative; }
        body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .img-container {
          width: 65%; }
          body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .img-container img {
            filter: invert(1); }
        body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .navbar-toggle {
          display: none; }
          body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .navbar-toggle .icon-bar {
            background: #000; }
      body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul {
        display: flex;
        align-items: center; }
        body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li {
          padding-right: 75px; }
          body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li a {
            font-family: "Futura-Light";
            color: #000;
            text-transform: uppercase; }
          body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li:hover a, body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li.active a {
            color: #FFB300; }
          body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li:last-of-type {
            display: none; }
  body #header-wrapper.scrolled {
    transition: all 0.4s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    body #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .logo .img-container img {
      filter: invert(1); }
    body #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .logo .navbar-toggle .icon-bar {
      background: #000; }
    body #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .nav-menu ul li a {
      color: #000; }
    body #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .nav-menu ul li:hover a, body #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .nav-menu ul li.active a {
      color: #FFB300; }
body.transparent #header-wrapper, body.home #header-wrapper {
  background: transparent; }
  body.transparent #header-wrapper .nav-section .custom-container .nav-logo-container .logo .img-container img, body.home #header-wrapper .nav-section .custom-container .nav-logo-container .logo .img-container img {
    filter: invert(0);
    transition: 0.5s ease; }
  body.transparent #header-wrapper .nav-section .custom-container .nav-logo-container .logo .navbar-toggle .icon-bar, body.home #header-wrapper .nav-section .custom-container .nav-logo-container .logo .navbar-toggle .icon-bar {
    background: #fff; }
  body.transparent #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li a, body.home #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li a {
    color: #fff;
    transition: 0.5s ease; }
  body.transparent #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li:hover a, body.transparent #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li:active a, body.home #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li:hover a, body.home #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li:active a {
    color: #FFB300; }
  body.transparent #header-wrapper .nav-section .custom-container .nav-logo-container .action .btn-karwan, body.home #header-wrapper .nav-section .custom-container .nav-logo-container .action .btn-karwan {
    color: #fff;
    border: 2px solid #fff; }
    body.transparent #header-wrapper .nav-section .custom-container .nav-logo-container .action .btn-karwan:hover, body.home #header-wrapper .nav-section .custom-container .nav-logo-container .action .btn-karwan:hover {
      color: #fff;
      border: 2px solid #000; }
      body.transparent #header-wrapper .nav-section .custom-container .nav-logo-container .action .btn-karwan:hover:after, body.home #header-wrapper .nav-section .custom-container .nav-logo-container .action .btn-karwan:hover:after {
        background: #000; }
  body.transparent #header-wrapper.scrolled, body.home #header-wrapper.scrolled {
    background: #fff; }
    body.transparent #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .logo .img-container img, body.home #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .logo .img-container img {
      filter: invert(1);
      transition: 0.5s ease; }
    body.transparent #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .logo .navbar-toggle .icon-bar, body.home #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .logo .navbar-toggle .icon-bar {
      background: #000; }
    body.transparent #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .nav-menu ul li a, body.home #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .nav-menu ul li a {
      transition: 0.5s ease;
      color: #000; }
    body.transparent #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .nav-menu ul li:hover a, body.transparent #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .nav-menu ul li.active a, body.home #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .nav-menu ul li:hover a, body.home #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .nav-menu ul li.active a {
      transition: 0.5s ease;
      color: #FFB300; }
    body.transparent #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .action .btn-karwan, body.home #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .action .btn-karwan {
      color: #000;
      border: 2px solid #000; }
      body.transparent #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .action .btn-karwan:hover, body.home #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .action .btn-karwan:hover {
        color: #fff; }
        body.transparent #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .action .btn-karwan:hover:after, body.home #header-wrapper.scrolled .nav-section .custom-container .nav-logo-container .action .btn-karwan:hover:after {
          background: #000; }
body.opaque #content-wrapper {
  padding-top: 115px; }

/*--------------------------------- Header Wrapper Starts ---------------------------------*/
/*-------------------------------- Content Wrapper Starts ---------------------------------*/
#content-wrapper #home-page .common-banner {
  position: relative; }
  #content-wrapper #home-page .common-banner .common-banner-slider .banner-image:after {
    background: rgba(0, 0, 0, 0.05); }
#content-wrapper #home-page .about {
  background: url(../img/Bg.png); }
#content-wrapper #home-page .rooms .rooms-container {
  display: flex; }
  #content-wrapper #home-page .rooms .rooms-container .room:not(:last-of-type) {
    padding-right: 40px; }
  #content-wrapper #home-page .rooms .rooms-container .room .img-container img {
    object-fit: cover;
    object-position: center; }
  #content-wrapper #home-page .rooms .rooms-container .room .name-price {
    text-align: center;
    padding-top: 30px; }
    #content-wrapper #home-page .rooms .rooms-container .room .name-price h3 {
      text-transform: uppercase;
      padding-bottom: 10px;
      color: #000; }
#content-wrapper #home-page .follow-us .title h2 {
  text-transform: uppercase; }
  #content-wrapper #home-page .follow-us .title h2 span {
    color: #919191; }
#content-wrapper #home-page .follow-us .image-container {
  display: flex;
  flex-wrap: wrap;
  margin: -5px; }
  #content-wrapper #home-page .follow-us .image-container .img-container {
    width: 20%;
    padding: 5px; }
#content-wrapper #home-page .testimonials {
  background: url("../img/Bg.png"); }
  #content-wrapper #home-page .testimonials .testi-content .testimonials-slider .content .img-container {
    width: 100px;
    height: 100px;
    position: relative;
    margin: auto;
    text-align: center; }
    #content-wrapper #home-page .testimonials .testi-content .testimonials-slider .content .img-container img {
      object-position: center;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0; }
  #content-wrapper #home-page .testimonials .testi-content .testimonials-slider .content .author {
    padding-top: 10px; }
#content-wrapper #home-page .map-section .google-map-container iframe {
  vertical-align: top; }
#content-wrapper #rooms-single-page .common-banner {
  display: flex;
  align-items: center; }
  #content-wrapper #rooms-single-page .common-banner .banner-inner {
    padding-left: 240px;
    position: absolute; }
    #content-wrapper #rooms-single-page .common-banner .banner-inner .banner-text {
      padding-bottom: 80px;
      width: 100%; }
      #content-wrapper #rooms-single-page .common-banner .banner-inner .banner-text h1 {
        padding-bottom: 40px;
        color: #FFB300;
        text-transform: uppercase; }
        #content-wrapper #rooms-single-page .common-banner .banner-inner .banner-text h1 span {
          color: #000; }
      #content-wrapper #rooms-single-page .common-banner .banner-inner .banner-text p {
        max-width: 330px; }
  #content-wrapper #rooms-single-page .common-banner .banner-image {
    margin-left: 588px; }
#content-wrapper #rooms-single-page .about {
  background: url(../img/Bg.png); }
#content-wrapper #rooms-single-page .services .service-container {
  display: flex;
  flex-wrap: wrap;
  margin: -40px; }
  #content-wrapper #rooms-single-page .services .service-container .img-container {
    width: 50%;
    padding: 40px; }
  #content-wrapper #rooms-single-page .services .service-container .service-content {
    width: 50%;
    padding: 40px; }
    #content-wrapper #rooms-single-page .services .service-container .service-content .section-title {
      padding-bottom: 70px; }
#content-wrapper #contact-page .form-contact-details .section-title h2 {
  text-transform: none; }
#content-wrapper #contact-page .form-contact-details .form-contact-details-container {
  display: flex;
  flex-wrap: wrap;
  margin: -40px; }
  #content-wrapper #contact-page .form-contact-details .form-contact-details-container .form-wrapper {
    width: 50%;
    padding: 40px; }
    #content-wrapper #contact-page .form-contact-details .form-contact-details-container .form-wrapper .desc {
      padding-bottom: 40px; }
      #content-wrapper #contact-page .form-contact-details .form-contact-details-container .form-wrapper .desc h3 {
        color: #202126; }
    #content-wrapper #contact-page .form-contact-details .form-contact-details-container .form-wrapper .fields .form-group {
      width: 100%;
      padding-bottom: 20px; }
      #content-wrapper #contact-page .form-contact-details .form-contact-details-container .form-wrapper .fields .form-group .form-control {
        border-radius: initial;
        padding: 20px 20px; }
    #content-wrapper #contact-page .form-contact-details .form-contact-details-container .form-wrapper .action input.btn-karwan:hover {
      background-color: #000; }
  #content-wrapper #contact-page .form-contact-details .form-contact-details-container .contact-details {
    width: 50%;
    padding: 40px; }
    #content-wrapper #contact-page .form-contact-details .form-contact-details-container .contact-details .contact-info ul li {
      padding-bottom: 20px; }
#content-wrapper #services-page .services .service-container {
  display: flex;
  flex-wrap: wrap;
  margin: -40px; }
  #content-wrapper #services-page .services .service-container .img-container {
    width: 50%;
    padding: 40px; }
  #content-wrapper #services-page .services .service-container .service-content {
    width: 50%;
    padding: 40px; }
    #content-wrapper #services-page .services .service-container .service-content .action {
      margin-top: 30px; }
#content-wrapper #services-page .services.large-image .service-container .img-container {
  width: 68%; }
#content-wrapper #services-page .services.large-image .service-container .service-content {
  width: 32%; }
  #content-wrapper #services-page .services.large-image .service-container .service-content .service-items-container .service-item {
    display: flex;
    padding: 20px 0; }
    #content-wrapper #services-page .services.large-image .service-container .service-content .service-items-container .service-item .image-container {
      width: 120px; }
      #content-wrapper #services-page .services.large-image .service-container .service-content .service-items-container .service-item .image-container img {
        width: 45px; }
    #content-wrapper #services-page .services.large-image .service-container .service-content .service-items-container .service-item:nth-child(2) .image-container img {
      width: 32px; }
    #content-wrapper #services-page .services.large-image .service-container .service-content .service-items-container .service-item .text-container {
      display: flex;
      align-items: center; }
#content-wrapper #services-page .services-gallery {
  background: #F5F5F5; }
#content-wrapper #story-page .story-header .story-container .title h1 {
  color: #FFB300; }
#content-wrapper #story-page .text-image .text-image-cotainer {
  display: flex; }
  #content-wrapper #story-page .text-image .text-image-cotainer .text {
    width: 50%;
    padding-right: 40px; }
  #content-wrapper #story-page .text-image .text-image-cotainer .img-container {
    padding-left: 40px;
    width: 50%; }
    #content-wrapper #story-page .text-image .text-image-cotainer .img-container .inner-zoomed {
      padding-bottom: 60%; }
      #content-wrapper #story-page .text-image .text-image-cotainer .img-container .inner-zoomed img {
        position: absolute;
        height: 100%;
        width: 100%;
        object-position: center;
        object-fit: cover; }
#content-wrapper #story-page .team .team-container {
  display: flex;
  margin: -20px; }
  #content-wrapper #story-page .team .team-container .team-item {
    width: 33.33%; }
    #content-wrapper #story-page .team .team-container .team-item .img-container {
      padding: 20px;
      overflow: hidden; }
    #content-wrapper #story-page .team .team-container .team-item .inner-zoomed {
      padding-bottom: 110%; }
      #content-wrapper #story-page .team .team-container .team-item .inner-zoomed img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute; }
      #content-wrapper #story-page .team .team-container .team-item .inner-zoomed .text {
        position: absolute;
        opacity: 0;
        bottom: -50px;
        left: 0;
        right: 0;
        width: 100%;
        background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.61));
        transition: all 0.5s ease-in-out; }
        #content-wrapper #story-page .team .team-container .team-item .inner-zoomed .text .name {
          padding: 80px 40px 40px; }
          #content-wrapper #story-page .team .team-container .team-item .inner-zoomed .text .name h3 {
            color: #fff; }
      #content-wrapper #story-page .team .team-container .team-item .inner-zoomed:hover .text {
        transition: all 0.5s ease-in-out;
        bottom: 0;
        opacity: 1; }
#content-wrapper #rooms-page .room-text-image .text-image-container {
  display: flex;
  flex-wrap: wrap;
  margin: -30px; }
  #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item {
    width: 50%;
    padding: 30px; }
    #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner {
      height: 100%;
      display: flex;
      flex-direction: column; }
      #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text {
        padding: 40px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%; }
        #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .room-desc {
          display: flex;
          flex-wrap: wrap;
          padding-bottom: 20px; }
          #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .room-desc .desc-items {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            padding-bottom: 10px; }
            #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .room-desc .desc-items:not(:last-of-type) {
              padding-right: 40px; }
            #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .room-desc .desc-items .icon {
              width: 30px;
              margin-right: 13px; }
            #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .room-desc .desc-items .detail p {
              font-size: 14px; }
            #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .room-desc .desc-items.price {
              margin-left: auto; }
        #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .title.title-with-underline h3 {
          font-family: "Futura-Medium"; }
          #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .title.title-with-underline h3:before {
            left: 0;
            transform: none; }
        #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .desc {
          padding: 30px 0; }
        #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .service-icons {
          border-top: 1px solid rgba(0, 0, 0, 0.15); }
          #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .service-icons ul {
            margin: 30px 0;
            display: flex;
            flex-wrap: wrap;
            align-items: center; }
            #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .service-icons ul li {
              width: 40px; }
              #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .service-icons ul li:not(:last-of-type) {
                margin-right: 20px; }
        #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .action {
          display: none; }
          #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .action .btn-karwan {
            position: relative;
            padding: 8px 28px 8px 18px;
            color: #fff;
            background: #000; }
            #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .action .btn-karwan:before {
              content: '';
              background: url("../img/icons/right-arrow.png");
              height: 12px;
              width: 23px;
              background-size: 7px;
              background-repeat: no-repeat;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 0; }
            #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .action .btn-karwan:hover {
              color: #000;
              background: #fff; }
              #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .action .btn-karwan:hover:before {
                filter: invert(1); }
              #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .action .btn-karwan:hover:after {
                background: #fff; }
    #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item:nth-of-type(3) {
      width: 100%; }
      #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item:nth-of-type(3) .inner .inner-zoomed {
        height: 450px; }
        #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item:nth-of-type(3) .inner .inner-zoomed img {
          object-fit: cover;
          object-position: center;
          width: 100%;
          height: 100%; }
#content-wrapper #explore-page .explore-text-image .text-image-container {
  display: flex;
  flex-wrap: wrap;
  margin: -30px; }
  #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item {
    width: 33.33%;
    padding: 30px; }
    #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item .inner .text {
      text-align: center;
      padding: 40px; }
      #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item .inner .text .title h3 {
        font-family: "Futura-Medium"; }
      #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item .inner .text .desc {
        padding: 30px 0; }
      #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item .inner .text .more-desc p {
        display: none; }
    #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item .inner .inner-zoomed {
      padding-bottom: 70%; }
      #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item .inner .inner-zoomed img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
      #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item .inner .inner-zoomed figure {
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
#content-wrapper #explore-page .partners {
  background: url("../img/Bg.png");
  background-repeat: no-repeat;
  background-size: cover; }
  #content-wrapper #explore-page .partners .partners-container .desc {
    padding: 40px 0; }
  #content-wrapper #explore-page .partners .partners-container .partners-slider {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center; }
    #content-wrapper #explore-page .partners .partners-container .partners-slider .img-partners:not(:last-of-type) {
      margin-right: 40px; }
    #content-wrapper #explore-page .partners .partners-container .partners-slider .img-partners img {
      transition: all 0.5s ease; }
    #content-wrapper #explore-page .partners .partners-container .partners-slider .img-partners:hover img {
      opacity: 0.55;
      transition: all 0.5s ease; }

/*--------------------------------- Content Wrapper Ends ----------------------------------*/
/*--------------------------------- Footer Wrapper Starts ---------------------------------*/
#footer-wrapper {
  background: #1A1918; }
  #footer-wrapper .top-footer .footer-menu ul {
    display: flex;
    justify-content: center;
    align-items: center; }
    #footer-wrapper .top-footer .footer-menu ul li:not(:last-of-type) {
      padding-right: 80px; }
    #footer-wrapper .top-footer .footer-menu ul li:last-of-type {
      display: none; }
    #footer-wrapper .top-footer .footer-menu ul li a {
      font-size: 18px;
      color: #fff;
      text-transform: uppercase; }
    #footer-wrapper .top-footer .footer-menu ul li:hover a {
      color: #FFB300; }
  #footer-wrapper .top-footer .social ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 60px; }
    #footer-wrapper .top-footer .social ul li {
      background: #fff;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 50px;
      height: 50px;
      transition: all 0.4s ease-in-out; }
      #footer-wrapper .top-footer .social ul li:not(:last-of-type) {
        margin-right: 20px; }
      #footer-wrapper .top-footer .social ul li a {
        padding: 15px 15px;
        border-radius: 50%; }
        #footer-wrapper .top-footer .social ul li a img {
          width: 100%;
          height: auto;
          transform: translateY(-1px); }
      #footer-wrapper .top-footer .social ul li:nth-child(1):hover {
        background: #3b5998;
        transition: all 0.5s ease-in-out; }
        #footer-wrapper .top-footer .social ul li:nth-child(1):hover img {
          filter: invert(1); }
      #footer-wrapper .top-footer .social ul li:nth-child(2):hover {
        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
        transition: all 0.5s ease-in-out; }
        #footer-wrapper .top-footer .social ul li:nth-child(2):hover img {
          filter: invert(1); }
      #footer-wrapper .top-footer .social ul li:nth-child(3):hover {
        background: #00acee;
        transition: all 0.5s ease-in; }
        #footer-wrapper .top-footer .social ul li:nth-child(3):hover img {
          filter: invert(1); }
  #footer-wrapper .bottom-footer {
    border-top: 1px solid #707070; }
    #footer-wrapper .bottom-footer .custom-container {
      padding: 40px 180px; }
      #footer-wrapper .bottom-footer .custom-container .copy {
        display: flex;
        justify-content: center;
        align-items: center; }
        #footer-wrapper .bottom-footer .custom-container .copy p {
          color: #fff;
          font-size: 16px; }

/*---------------------------------- Footer Wrapper Ends ----------------------------------*/
/*----------------------------------- Components Starts -----------------------------------*/
.thumb-items-container ul {
  display: flex;
  flex-wrap: wrap; }
  .thumb-items-container ul li {
    width: 50%;
    display: flex;
    align-items: center;
    padding-bottom: 30px; }
    .thumb-items-container ul li i.karwan {
      display: inline-block;
      height: 50px;
      width: 50px;
      margin-right: 40px; }
      .thumb-items-container ul li i.karwan.karwan-cafe {
        background: url("../img/icons/outdoor-cafe.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .thumb-items-container ul li i.karwan.karwan-ac {
        background: url("../img/icons/AC.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .thumb-items-container ul li i.karwan.karwan-laundry {
        background: url("../img/icons/laundry-machine-.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .thumb-items-container ul li i.karwan.karwan-luggage-storage {
        background: url("../img/icons/wardrobe.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .thumb-items-container ul li i.karwan.karwan-hair-dryer {
        background: url("../img/icons/Dryer.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .thumb-items-container ul li i.karwan.karwan-wifi {
        background: url("../img/icons/router.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .thumb-items-container ul li i.karwan.karwan-parking {
        background: url("../img/icons/parking.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }

.title {
  color: #000;
  text-transform: uppercase; }
  .title.title-with-underline h1, .title.title-with-underline h2, .title.title-with-underline h3 {
    position: relative; }
    .title.title-with-underline h1:before, .title.title-with-underline h2:before, .title.title-with-underline h3:before {
      position: absolute;
      height: 2px;
      width: 60px;
      content: "";
      background: #FFB300;
      left: 50%;
      transform: translateX(-50%);
      bottom: -12px; }

.common-banner {
  position: relative; }
  .common-banner.full-width .banner-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
  .common-banner.dark-background .banner-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 0; }
  .common-banner.dark-background .banner-text {
    text-align: center; }
    .common-banner.dark-background .banner-text h1 {
      text-transform: uppercase;
      color: #FFB300;
      padding-bottom: 25px; }
    .common-banner.dark-background .banner-text p {
      color: #fff; }

.common-description {
  background: url(../img/Bg.png); }
  .common-description .common-text-container {
    flex-wrap: wrap; }
    .common-description .common-text-container .section-title {
      width: 100%; }
    .common-description .common-text-container .desc-text {
      width: 90%;
      margin: auto;
      padding-left: 0;
      text-align: center; }

.common-gallery {
  background: url(../img/Bg.png); }
  .common-gallery .content {
    display: inline-block; }
    .common-gallery .content .gallery-container .gallery-inner {
      display: inline-block;
      margin: -20px; }
      .common-gallery .content .gallery-container .gallery-inner .img-container {
        width: 33.33%;
        float: left;
        height: 300px;
        padding: 20px; }
        .common-gallery .content .gallery-container .gallery-inner .img-container:first-of-type {
          height: calc(300px * 2); }
        .common-gallery .content .gallery-container .gallery-inner .img-container img {
          object-fit: cover;
          object-position: center;
          width: 100%;
          height: 100%; }

.services-gallery .content .galler-container {
  display: flex;
  flex-wrap: wrap;
  margin: -20px; }
  .services-gallery .content .galler-container .gallery-inner {
    width: 33.33%;
    padding: 20px; }
    .services-gallery .content .galler-container .gallery-inner:nth-of-type(odd) .img-container {
      height: calc(300px * 2); }
    .services-gallery .content .galler-container .gallery-inner:nth-of-type(even) {
      margin: -20px 0; }
      .services-gallery .content .galler-container .gallery-inner:nth-of-type(even) .img-container {
        padding: 20px 0; }
    .services-gallery .content .galler-container .gallery-inner .img-container {
      height: 320px; }
      .services-gallery .content .galler-container .gallery-inner .img-container .inner-zoomed {
        width: 100%;
        height: 100%; }
      .services-gallery .content .galler-container .gallery-inner .img-container img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%; }

.section-title h2 {
  /*text-transform: uppercase;*/
  color: #000; }
.section-title.title-with-underline {
  padding-bottom: 50px; }
  .section-title.title-with-underline h2 {
    position: relative; }
    .section-title.title-with-underline h2:before {
      position: absolute;
      height: 2px;
      width: 60px;
      content: "";
      background: #FFB300;
      left: 0;
      bottom: -12px; }

.common-text-container {
  display: flex;
  justify-content: space-between; }
  .common-text-container .section-title {
    width: 45%; }
    .common-text-container .section-title h2 {
      padding-bottom: 30px;
      padding-right: 50px;
      /*text-transform: uppercase;*/
      color: #000; }
    .common-text-container .section-title p {
      font-size: 20px;
      color: #FFB300;
      position: relative;
      padding-left: 100px;
      font-family: "Futura-Medium"; }
      .common-text-container .section-title p::before {
        content: "";
        width: 60px;
        height: 2px;
        position: absolute;
        left: 0;
        top: 14px;
        background: #FFB300; }
  .common-text-container .desc-text {
    width: 55%;
    padding-left: 108px; }

.common-remove-tab-style {
  border-bottom: 0; }
  .common-remove-tab-style li a {
    padding: 0;
    background-color: transparent;
    border: 0; }
    .common-remove-tab-style li a:focus, .common-remove-tab-style li a:hover {
      background-color: transparent;
      border: 0; }
  .common-remove-tab-style li.active a {
    background-color: transparent;
    border: 0; }
    .common-remove-tab-style li.active a:focus, .common-remove-tab-style li.active a:hover {
      background-color: transparent;
      border: 0; }

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_444444_256x240.png); }

.ccm-input-date {
  width: 100% !important; }

.field-date {
  width: 50%;
  float: left;
  padding-right: 20px; }
  .field-date:nth-of-type(2) {
    padding-right: 0; }

/*------------------------------------ Components Ends ------------------------------------*/
/*---------------------------------- Slick Slider Starts ----------------------------------*/
.common-banner .common-banner-slider .banner-image:not(:first-of-type) {
  display: none; }

.common-banner .common-banner-slider.slick-initialized .banner-image {
  display: block; }

.testimonials-slider .slide:not(:first-of-type) {
  display: none; }

.testimonials-slider.slick-initialized .slide {
  display: block; }

/*---------------------------------- Slick Slider Starts ----------------------------------*/
.slick-slider .slick-prev {
  z-index: 1;
  left: 30px;
  height: 30px;
  width: 24px; }
  .slick-slider .slick-prev:after {
    content: url("../img/icons/left-arrow.png");
    height: 30px;
    width: 24px;
    position: absolute;
    left: 0;
    top: 0; }
  .slick-slider .slick-prev:before {
    display: none; }
.slick-slider .slick-next {
  z-index: 1;
  right: 30px;
  height: 30px;
  width: 24px; }
  .slick-slider .slick-next:after {
    content: url("../img/icons/right-arrow.png");
    height: 30px;
    width: 24px;
    position: absolute;
    left: 0;
    top: 0; }
  .slick-slider .slick-next:before {
    display: none; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

.slick-slider .slick-slide {
  outline: none; }
.slick-slider .slick-dots {
  bottom: -30px; }
  .slick-slider .slick-dots li button:before {
    font-size: 10px; }

.slick-dots li.slick-active button:before {
  color: #FFB300; }

.common-banner-slider.slick-slider .slick-dots {
  bottom: 120px; }
  .common-banner-slider.slick-slider .slick-dots li button:before {
    font-size: 10px; }

/*----------------------------------- Slick Slider Ends -----------------------------------*/
/*----------------------------------- Slick Slider Ends -----------------------------------*/
/*------------------------------------- Mcustom Starts ------------------------------------*/
/*-------------------------------------- Mcustom Ends -------------------------------------*/
/*-------------------------------------- Modal Starts -------------------------------------*/
.modal-dialog {
  width: 800px;
  margin: 70px auto; }
  .modal-dialog .modal-header {
    padding-top: 40px;
    border: 0;
    text-align: center;
    margin: auto; }
    .modal-dialog .modal-header h3 {
      font-family: "Futura-Medium"; }
    .modal-dialog .modal-header button {
      position: absolute;
      top: 15px;
      right: 15px;
      color: #000;
      opacity: 1; }
  .modal-dialog .modal-content {
    background: url("../img/Bg.png");
    background-color: #fff;
    border-radius: 0; }
    .modal-dialog .modal-content .modal-body {
      padding: 30px 46px; }
      .modal-dialog .modal-content .modal-body .modal-loading-gif {
        height: 130px;
        position: relative; }
        .modal-dialog .modal-content .modal-body .modal-loading-gif img {
          width: 30px;
          position: absolute;
          left: 0;
          right: 0;
          margin: auto;
          top: 50%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%); }
      .modal-dialog .modal-content .modal-body p, .modal-dialog .modal-content .modal-body h1, .modal-dialog .modal-content .modal-body h2, .modal-dialog .modal-content .modal-body h3, .modal-dialog .modal-content .modal-body h4, .modal-dialog .modal-content .modal-body h5, .modal-dialog .modal-content .modal-body h6, .modal-dialog .modal-content .modal-body ul li, .modal-dialog .modal-content .modal-body ol li, .modal-dialog .modal-content .modal-body span {
        color: #000; }
      .modal-dialog .modal-content .modal-body .modal-loading-area figure {
        height: 500px;
        width: 100%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat; }
      .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .booking-info, .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .personal-info {
        display: flex;
        flex-wrap: wrap; }
        .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .booking-info .form-group-item, .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .personal-info .form-group-item {
          width: 50%; }
          .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .booking-info .form-group-item span, .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .personal-info .form-group-item span {
            color: #000; }
          .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .booking-info .form-group-item .form-group, .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .personal-info .form-group-item .form-group {
            margin-right: 15px; }
            .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .booking-info .form-group-item .form-group .form-control, .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .personal-info .form-group-item .form-group .form-control {
              width: 100%; }
      .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .personal-info-title h3 {
        color: #000;
        margin: 30px 0;
        font-family: "Futura-Medium";
        border-bottom: 1px solid #000; }
      .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .personal-info .form-group-item:last-of-type {
        width: 100%; }
      .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .action {
        padding-top: 30px; }

#bookingModal .action input.btn-karwan:hover {
  background: #000; }

#exploremodal .modal-dialog .modal-content .modal-body .modal-loading-area .title {
  margin-bottom: 30px; }

/*--------------------------------------- Modal Ends --------------------------------------*/

/*# sourceMappingURL=thestyles.css.map */