@font-face {
  font-family: 'FreightSansPro';
  src: url(/fonts/FreightSans_Pro_Light.otf?21e0379f759f8fc1c653c32581f4ee0c);
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'FreightSansPro';
  src: url(/fonts/FreightSans_Pro_Light_Italic.otf?0474e9b201d0040e01f1515d1f30ae8e);
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'FreightSansPro';
  src: url(/fonts/FreightSans_Pro_Book.otf?88b29edc46196cdea59688c72a0786db);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'FreightSansPro';
  src: url(/fonts/FreightSans_Pro_Book_Italic.otf?f5b374a7a0785a7331f38b4bee75b4a5);
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'FreightSansPro';
  src: url(/fonts/FreightSans_Pro_Medium.otf?1bb7f32f8d1785fc6daaa7475890946e);
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'FreightSansPro';
  src: url(/fonts/FreightSans_Pro_Medium_Italic.otf?d03c5ebd0e46a1dbc2b8191627fcdd78);
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'FreightSansPro';
  src: url(/fonts/FreightSans_Pro_Semibold.otf?7c908534c2fe6a47f8a27d64badafec5);
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'FreightSansPro';
  src: url(/fonts/FreightSans_Pro_Bold.otf?0746259ac35e7ca6c54e695901557ade);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'FreightSansPro';
  src: url(/fonts/FreightSans_Pro_Bold_Italic.otf?1efa6ed936031e5e84d1eb3df4928aec);
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'FreightSansPro';
  src: url(/fonts/FreightSans_Pro_Black.otf?f90b5510e169e569808b9ed9775d7f2a);
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'FreightSansPro';
  src: url(/fonts/FreightSans_Pro_Black_Italic.otf?b0e840d202b6afd583fbd9b5e6966a0d);
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Butler';
  src: url(/fonts/Butler_Ultra_Light.otf?47903a19cdb1dc8bea2c17cd70e81121);
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Butler';
  src: url(/fonts/Butler_Light.otf?89498099657e20181336bb7169bb01b2);
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Butler';
  src: url(/fonts/Butler_Regular.otf?1c93a638b28bc696fe31a5e9ca1e18df);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Butler';
  src: url(/fonts/Butler_Medium.otf?fbda348653745b3db7e2b87cd1a141fe);
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Butler';
  src: url(/fonts/Butler_Bold.otf?bb20bd82505e606d2271e1aa308d62f2);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Butler';
  src: url(/fonts/Butler_ExtraBold.otf?769a70a64ce261474b03e9f9f19a917c);
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Butler';
  src: url(/fonts/Butler_Black.otf?7797713384091e6cac80daf5b147e10b);
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Constantia';
  src: url(/fonts/constan.ttf?64d77765dbc5616425cb3833c4c33b59);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Constantia';
  src: url(/fonts/constanb.ttf?2c99453a1b3a33b2186f07d372d67879);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Constantia';
  src: url(/fonts/constani.ttf?5fbaa6c49b33a86edfd10e1113639078);
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Constantia';
  src: url(/fonts/constanz.ttf?63fdd9f34e51261ad13bd3813434fc59);
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'GranDesign';
  src: url(/fonts/Grandesign_Light_Normal.ttf?53687c3feac3bb81ef211d0d866e9b2c);
  font-weight: 300;
  font-style: normal;
}

.form-minimal {
  position: relative;
}

.form-minimal ol.questions {
  list-style: none;
  margin: 0;
  padding: 0;
}

.form-minimal ol.questions > li {
  display: none;
}

.form-minimal ol.questions > li.current {
  display: block;
}

.form-minimal button,
.form-minimal .numbers {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form-minimal button[type="submit"] {
  display: none;
}

.select2-container {
  min-width: 200px;
}

.modal {
  z-index: 99999;
}

.btn {
  border-radius: 0;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #b1905b !important;
  border-color: #b1905b !important;
}

.btn-plus,
.btn-minus {
  font-size: 20px;
  line-height: 35px;
  padding: 0;
}

.form-block .form-control {
  border-radius: 0;
  background-color: #2f3049;
  color: #fff;
}

.panel {
  border-radius: 0;
  border-color: transparent;
}

.panel-heading > h3 {
  color: #fff !important;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.panel-warning > .panel-heading {
  border-color: transparent;
  background-color: #ae9256;
}

.panel-primary > .panel-heading {
  border-color: transparent;
  background-color: #2f3049;
}

.panel-body {
  padding: 15px 0;
}

/*
 * 3/12/2018, 4:11:04 PM
 * Here is the sprite plugin automatically generated style file.
 */

.facility {
  display: inline-block;
  background-image: url(/images/facilities.png?8a516286d54f0c70e0ae2e1783d055f1);
  background-repeat: no-repeat;
}

.facility-basketball {
  background-position: -0px -0px;
  width: 43px;
  height: 35px;
}

.facility-bbq {
  background-position: -0px -35px;
  width: 29px;
  height: 35px;
}

.facility-beach {
  background-position: -0px -70px;
  width: 71px;
  height: 35px;
}

.facility-bed {
  background-position: -0px -105px;
  width: 41px;
  height: 35px;
}

.facility-car {
  background-position: -0px -140px;
  width: 79px;
  height: 35px;
}

.facility-food {
  background-position: -0px -175px;
  width: 55px;
  height: 35px;
}

.facility-game {
  background-position: -0px -210px;
  width: 70px;
  height: 35px;
}

.facility-gym {
  background-position: -0px -245px;
  width: 35px;
  height: 35px;
}

.facility-pets {
  background-position: -0px -280px;
  width: 26px;
  height: 35px;
}

.facility-pool {
  background-position: -0px -315px;
  width: 30px;
  height: 35px;
}

.facility-rooms {
  background-position: -0px -350px;
  width: 34px;
  height: 35px;
}

.facility-shower {
  background-position: -0px -385px;
  width: 27px;
  height: 35px;
}

.facility-sleep {
  background-position: -0px -420px;
  width: 40px;
  height: 35px;
}

.facility-tv {
  background-position: -0px -455px;
  width: 33px;
  height: 33px;
}

.facility-waiter {
  background-position: -0px -488px;
  width: 47px;
  height: 35px;
}

.facility-wifi {
  background-position: -0px -523px;
  width: 49px;
  height: 35px;
}

/*
 * 3/12/2018, 4:11:04 PM
 * Here is the sprite plugin automatically generated style file.
 */

.menu {
  display: inline-block;
  background-image: url(/images/menus.png?61fd2b71d6dd1da29f9e91e8fffd6c6c);
  background-repeat: no-repeat;
}

.menu-chat {
  background-position: -0px -0px;
  width: 35px;
  height: 35px;
}

.menu-favourite-white {
  background-position: -0px -35px;
  width: 33px;
  height: 34px;
}

.menu-favourite {
  background-position: -0px -69px;
  width: 35px;
  height: 35px;
}

.menu-order-history-booking {
  background-position: -0px -104px;
  width: 35px;
  height: 35px;
}

.menu-search {
  background-position: -0px -139px;
  width: 35px;
  height: 35px;
}

.menu-share-white {
  background-position: -0px -174px;
  width: 35px;
  height: 35px;
}

.menu-share {
  background-position: -0px -209px;
  width: 35px;
  height: 35px;
}

.menu-signin-signout {
  background-position: -0px -244px;
  width: 35px;
  height: 35px;
}

footer {
  font-family: 'FreightSansPro', sans-serif;
  text-transform: uppercase;
  margin-top: 50px;
}

footer .footer-wrapper {
  background-color: #2f3049;
  color: #fff;
  padding: 60px 30px;
  margin-bottom: 30px;
  font-size: 13px;
}

footer .footer-wrapper a {
  color: #ae9256;
  display: inline-block;
  margin: 0 0 0 10px;
  font-size: 18px;
}

footer .footer-wrapper .col-md-6:first-child i {
  color: #ae9256;
}

footer .footer-wrapper .col-md-6:last-child {
  text-align: right;
}

footer .copyright {
  font-size: 12px;
}

footer .locations {
  font-size: 13px;
}

footer .locations a {
  color: #58595b;
}

footer span {
  font-family: 'Butler', sans-serif;
}

@media (max-width: 992px) {
  footer .footer-wrapper .col-md-6 {
    text-align: center !important;
  }
}

#contact-form {
  margin-top: 50px;
}

#contact-form label {
  font-weight: 300;
  font-size: 30px;
  color: #ae9256;
  margin-right: 15px;
}

#contact-form input {
  background-color: transparent;
  border: none;
  color: #ede7de;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#contact-form .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ede7de;
  text-transform: uppercase;
}

#contact-form .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #ede7de;
  text-transform: uppercase;
}

#contact-form .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #ede7de;
  text-transform: uppercase;
}

#contact-form .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #ede7de;
  text-transform: uppercase;
}

#contact-form button {
  background-color: transparent;
  color: #ede7de;
  border: none;
  text-transform: uppercase;
}

#contact-form button i {
  color: #ae9256;
  margin-left: 10px;
}

#contact-form .form-group {
  border-bottom: solid 1px #ae9256;
  position: relative;
}

#contact-form .form-group::after {
  position: absolute;
  content: '';
  width: 300px;
  height: 3px;
  background-color: #ae9256;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

@media (min-width: 1024px) {
  #contact-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #contact-form input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  #contact-form .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

@media (max-width: 1024px) {
  #contact-form {
    text-align: center;
  }

  #contact-form .form-control {
    width: 100%;
    text-align: center;
    border-bottom: solid 1px #ae9256;
  }

  #contact-form label,
  #contact-form .form-group,
  #contact-form .form-control {
    display: block;
  }

  #contact-form .form-group {
    border: none;
  }

  #contact-form .form-group::after {
    height: 0;
  }
}

#slogan {
  text-align: center;
  margin-bottom: 50px;
  border-style: solid none;
  border-color: #ae9256 transparent;
  border-width: 1px 0;
  padding: 10px;
  font-size: 13px;
  line-height: 30px;
  color: #ae9256;
  font-family: "FreightSansPro", sans-serif;
  text-transform: uppercase;
}

#slogan a {
  color: #ae9256;
}

#slogan strong {
  line-height: 30px;
  font-size: 30px;
  font-family: "Butler", sans-serif;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}

#features {
  margin-bottom: 50px;
  font-size: 14px;
  font-family: 'GranDesign', sans-serif;
  font-weight: 300;
}

#features h2 {
  color: #ae9256;
  font-size: 25px;
  font-weight: 300;
  text-transform: uppercase;
}

#features span {
  font-family: 'Constantia', sans-serif;
  font-size: 200px;
  color: #ede7de;
  line-height: 100px;
  height: 80px;
  overflow: hidden;
  display: block;
}

#features .content {
  background-color: #fff;
}

#newsletter {
  margin-bottom: 50px;
  text-align: center;
  font-size: 18px;
}

#form-newsletter {
  border-bottom: #ae9256 solid 1px;
}

#form-newsletter .form-control,
#form-newsletter .btn {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#form-newsletter .form-group {
  border-bottom: solid 2px #ae9256;
}

#intro {
  margin-bottom: 50px;
}

#intro h1 {
  font: 30px Butler, sans-serif;
}

#intro h1 span {
  display: block;
  text-transform: uppercase;
  font: 13px FreightSansPro, sans-serif;
  margin-bottom: 5px;
}

#intro p {
  font-size: 17px;
}

#intro-links {
  text-transform: uppercase;
  border-bottom: solid 1px #ae9256;
  margin-bottom: 50px;
}

#intro-links a {
  color: #ae9256;
  border-bottom: solid 3px #ae9256;
  display: inline-block;
  margin-bottom: -3px;
  font: 13px/50px FreightSansPro, sans-serif;
}

#intro-links .col-xs-6:first-child {
  text-align: right;
}

#welcome-lifestyles-teaser {
  text-align: center;
  font-family: Butler, sans-serif;
  color: #b1905b;
  margin-bottom: 50px;
}

#welcome-lifestyles-teaser h2 {
  font-weight: normal;
}

#welcome-lifestyles-boxes {
  margin-bottom: 100px;
}

#hot-list {
  margin-bottom: 50px;
}

#hot-list h2 {
  position: relative;
  color: #ae9256;
  font: 60px/50px "Butler", sans-serif;
  display: inline-block;
  letter-spacing: 5px;
  margin: 0;
}

#hot-list h2 span {
  letter-spacing: 1px;
  display: block;
  font-size: 25px;
  line-height: 5px;
  color: #c1c7d2;
  position: absolute;
  top: 0;
  left: 40px;
}

#hot-list .header {
  text-align: center;
}

#hot-list .header .wrapper {
  display: inline-block;
}

#hot-list .header .wrapper-inner {
  text-align: left;
}

#hot-list ul.popular {
  border-top: solid 1px #ae9256;
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#hot-list ul.popular a {
  text-transform: uppercase;
  color: #58595b;
  font-size: 13px;
  display: inline-block;
  border-top: solid 2px transparent;
  line-height: 50px;
  text-decoration: none;
}

#hot-list ul.popular li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}

#hot-list ul.popular li:hover > a,
#hot-list ul.popular li.active > a {
  color: #ae9256;
  border-top-color: #ae9256;
}

#owl-villas .owl-item {
  opacity: 0.5;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#owl-villas .owl-item.center {
  opacity: 1;
}

@media (max-width: 768px) {
  .slogan {
    display: none;
  }

  .see-all {
    -webkit-box-sizing: initial;
            box-sizing: initial;
  }
}

#book-with-us .content {
  background: url(/images/book-with-us.jpg?56fbf02dd93673ef23849e7fcf393dba) no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 250px 0;
  position: relative;
}

#book-with-us .content .row #box-buttonsearch #searchbutton {
  background-color: #ae9256;
  color: #fff;
  border: none;
  width: 100%;
}

#book-with-us .slogan {
  position: absolute;
  top: 40px;
  left: 40px;
  color: #b1905b;
  font-size: 15px;
  text-transform: uppercase;
  background: url(/images/icon-star-gold.png?d51072cc396bba0fc8aafa097b85ef5d) no-repeat left center;
  padding-left: 60px;
}

#book-with-us .slogan p {
  margin: 0;
}

#book-with-us .slogan p:first-child {
  font-family: Butler, sans-serif;
  font-size: 25px;
  line-height: 25px;
}

#book-with-us h2 {
  text-align: center;
  font-weight: normal;
  font-size: 30px;
  font-family: Butler, sans-serif;
}

#book-with-us .see-all {
  font-size: 15px;
  text-transform: uppercase;
}

#book-with-us .see-all a {
  color: #fff;
}

#book-with-us .see-all .links a {
  display: inline-block;
  margin: 0 12px;
}

@media (max-width: 320px) {
  .links a {
    margin: 0 12px;
  }
}

/*
#book-with-us {
  margin-bottom: 50px;

  .slogan {
    position: absolute;
    top: 40px;
    left: 40px;
    color: $teak;
    font-size: 15px;
    text-transform: uppercase;
    background: url('../images/icon-star-gold.png') no-repeat left center;
    padding-left: 60px;

    p {
      margin: 0;

      &:first-child {
        font-family: Butler, sans-serif;
        font-size: 25px;
        line-height: 25px;
      }
    }
  }
  
  .content {
    background: url('../images/book-with-us.jpg') no-repeat center center;
    background-size: cover;
    color: $white;
    padding: 165px 0 300px;
    position: relative;
  }

  .simform {
    max-width: 615px;
    padding: 0;
    margin: 0 auto;

    ol::before {
      content: none;
    }

    .next {
      top: 0;
      width: 0.5em;

      &::after {
        content: "\f105";
        font-family: FontAwesome;
        color: $white;
      }
    }

    .number {
      right: 20px;
      top: 25%;
      font-size: 15px;
      font-family: Butler, sans-serif;
      margin: 0;
    }

    .questions {
      border-bottom: solid 1px #ede7de;

      li {
        display: flex;

        &>span label {
          margin: 0 10px 0 0;
        }
      }

      input {
        padding: 0;
        margin: 0;
        width: calc(100% - 3em);
        color: $white;
      }

      li>span label, input {
        font-size: 50px;
        font-weight: normal;
        font-family: Butler, sans-serif;
      }
    }

  }

  .simform-container {
    h2 {
      text-align: center;
      font-weight: normal;
      font-size: 30px;
      font-family: Butler, sans-serif;
    }

    .see-all {
      font-size: 15px;
      text-transform: uppercase;

      a {
        color: $white;
      }

      .links {
        a { display: inline-block; margin: 0 25px; }
      }
    }
  }

}
*/

header {
  margin-top: 30px;
}

header hr {
  border-top-color: #d2d6de;
}

header .slogan {
  text-transform: uppercase;
  font: 13px/35px "FreightSansPro", sans-serif;
  color: #58595b;
  font-weight: 300;
}

header .quick-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

header .quick-menu li {
  display: inline-block;
  margin: 0 15px;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent;
  color: #2f3049;
}

.navbar-default .navbar-nav > li > a {
  text-transform: uppercase;
  font: 15px/45px "FreightSansPro", sans-serif;
  font-weight: 500;
  color: #ae9256;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #2f3049;
}

.navbar-default .navbar-toggle {
  float: left;
  margin-left: 15px;
  margin-top: 27px;
  border: none;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #ae9256;
}

.navbar-default .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 8px;
}

.navbar {
  border-radius: 0;
}

.navbar-brand {
  height: auto;
}

@media (max-width: 767px) and (orientation: portrait) {
  .navbar-brand {
    width: 70%;
  }

  .navbar-brand > img {
    text-align: center;
    margin: auto;
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  .navbar-brand {
    width: 80%;
  }

  .navbar-brand > img {
    text-align: center;
    margin: auto;
  }
}

@media (max-width: 768px) {
  header .quick-menu {
    text-align: center;
  }

  header .slogan {
    text-align: center;
  }
}

.destination {
  position: relative;
  background-color: #ede7de;
  font-family: 'FreightSansPro', sans-serif;
  text-transform: uppercase;
}

.destination .content,
.destination .heading-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.destination .content h4 {
  color: #58595b;
  font-size: 13px;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.destination .content a {
  font-size: 11px;
  color: #2f3049;
}

.destination .heading-container h4,
.destination .heading-container .photos {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 80px;
}

.destination .photos {
  text-align: right;
  margin-right: 30px;
}

.destination .heading,
.destination .price {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.destination .heading {
  background-color: #c1c7d2;
  padding-left: 30px;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.destination .price {
  font-size: 12px;
  color: #58595b;
  text-align: right;
  margin: 30px 60px 0 0;
}

.destination .price span {
  color: #b1905b;
  font: 20px/20px 'Butler', sans-serif;
  display: block;
}

.destination .hero {
  margin-right: 60px;
}

.villa-boxes {
  margin-top: -3px;
  margin-bottom: -3px;
}

.villa-boxes .row {
  margin-left: -3px;
  margin-right: -3px;
}

.villa-boxes .col-lg-6,
.villa-boxes .col-lg-12 {
  padding-left: 3px;
  padding-right: 3px;
}

.villa-boxes .villa-box,
.villa-boxes .villa-highlight {
  margin: 3px 0;
}

.villa-boxes .villa-highlight .footer {
  display: none;
}

.villa-box {
  background-color: #ede7de;
}

.villa-box img {
  width: 100%;
  height: auto;
}

.villa-box .wrapper,
.villa-box .header,
.villa-box .header-content,
.villa-box .content {
  position: relative;
}

.villa-box .header,
.villa-box .content {
  margin-right: 60px;
}

.villa-box .intro {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 0;
  padding: 0 40px;
  text-transform: uppercase;
  color: #b1905b;
  font-size: 12px;
  display: none;
}

.villa-box .intro ul {
  list-style: none;
  margin: 0 -10px 10px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.villa-box .intro ul li {
  margin: 0 10px;
}

.villa-box .intro img {
  height: 35px;
  width: auto;
}

.villa-box .wrapper::before {
  content: '';
  display: block;
  width: 25%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c1c7d2;
}

.villa-box .header {
  z-index: 10;
}

.villa-box .header::before {
  content: '';
  display: block;
  width: 75%;
  height: 100%;
  background-color: #c1c7d2;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.villa-box .header .header-content {
  height: 70px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
}

.villa-box .header .header-content > div {
  width: 25%;
  position: relative;
  text-align: center;
  font-size: 11px;
}

.villa-box .header .header-content > div a {
  color: #2f3049;
}

.villa-box .header .header-content > div:first-child {
  width: 50%;
  text-align: left;
  padding-left: 60px;
  font-size: 13px;
}

.villa-box .header .header-content > div:last-child > div {
  text-align: right;
  font-size: 12px;
}

.villa-box .header .header-content > div:last-child > div span {
  display: block;
  font-size: 18px;
  font-family: Butler, sans-serif;
  color: #b1905b;
}

.villa-box .header .header-content > div:last-child > div span small {
  font-size: 50%;
  position: absolute;
  top: 10px;
  padding-right: 5px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.villa-box .content {
  z-index: 20;
}

.villa-box .content .info {
  display: none;
}

.villa-box .content .info::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(47, 48, 73, 0.8);
}

.villa-box .content:hover .info {
  display: block;
}

.villa-box .content a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #9a805c;
  color: #fff;
  text-transform: uppercase;
  width: 25%;
  text-align: center;
  line-height: 70px;
  font-size: 12px;
}

.villa-box.box-2 .header,
.villa-box.box-2 .content {
  margin-right: auto;
  margin-left: 60px;
}

.villa-box.box-2 .header-content > div:first-child {
  padding-left: 0;
}

.villa-box.box-2 .header-content > div:last-child > div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.villa-box.box-3 .wrapper::before {
  height: 50%;
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
  background-color: #58595b;
}

.villa-box.box-4 .wrapper::before {
  height: 100%;
  left: auto;
  right: 0;
}

.villa-box.box-4 .header::before {
  width: 25%;
  left: auto;
  right: 0;
}

@media (max-width: 768px) {
  .villa-box .header .header-content > div:first-child {
    padding-left: 20px;
  }

  .villa-box .header .header-content > div:last-child > div {
    margin-right: -40px;
  }

  .villa-box .content {
    margin-right: 0;
  }

  .villa-box.box-2 .content {
    margin: 0;
  }

  .villa-box.box-2 .header {
    margin-left: 0;
    margin-right: 60px;
  }

  .villa-box.box-2 .header::before {
    content: '';
    display: block;
    width: 75%;
    height: 100%;
    background-color: #c1c7d2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .villa-box.box-2 .header .header-content > div:first-child {
    padding-left: 0;
    margin-left: 20px;
  }

  .villa-box.box-2 .header .header-content > div:nth-child(2) {
    padding-left: 0;
    margin-left: -10px;
  }

  .villa-box.box-2 .header .header-content > div:last-child > div {
    margin-right: -105px;
    padding-left: 50px;
    left: 100%;
  }
}

@media (max-width: 640px) {
  .villa-box .content .intro {
    padding: 0 10px;
    bottom: 0;
  }

  .villa-box .content .intro ul {
    display: none;
  }
}

#destinations-promo h2,
#destinations-destinations h2,
#destinations-suggestions h2 {
  font-size: 25px;
  font-family: Butler, sans-serif;
  font-weight: normal;
}

#destinations-map {
  margin-bottom: 60px;
}

#chartdiv {
  height: 400px;
}

#destinations-promo {
  margin-bottom: 20px;
}

#destinations-promo .content {
  border-bottom: solid 1px #b1905b;
}

#destinations-promo p {
  font-size: 13px;
  text-transform: uppercase;
}

#destinations-promo small {
  font-size: 11px;
}

#destinations-promo ul {
  list-style: none;
  margin: 20px -10px 0;
  padding: 0;
  text-align: right;
}

#destinations-promo ul li {
  height: 35px;
  line-height: 35px;
  position: relative;
  display: inline-block;
  padding-right: 45px;
  margin: 0 10px;
}

#destinations-promo ul a {
  font-size: 12px;
  text-transform: uppercase;
  color: #58595b;
}

#destinations-promo ul span {
  position: absolute;
  top: 0;
  right: 0;
}

#destinations-destinations {
  margin-bottom: 60px;
}

#destinations-destinations h2 {
  margin-bottom: 30px;
}

#destinations-destinations ul.countries {
  list-style: none;
  margin: 0 0 10px;
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: solid 1px #b1905b;
}

#destinations-destinations ul.countries li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  border-top: solid 1px transparent;
}

#destinations-destinations ul.countries li a {
  text-transform: uppercase;
  font-size: 13px;
  color: #b1905b;
  border-top: solid 2px transparent;
  display: inline-block;
  margin-top: -1px;
  line-height: 50px;
}

#destinations-destinations ul.countries li.active a,
#destinations-destinations ul.countries li a:hover {
  border-top-color: #b1905b;
}

#destinations-destinations #owl-destinations .owl-nav .owl-prev {
  position: absolute;
  top: 22%;
  left: 0;
  padding: 0 7px;
  display: block !important;
  border: 0px solid black;
  border-radius: 50px;
  background-color: #ae9256;
}

#destinations-destinations #owl-destinations .owl-nav .owl-next {
  position: absolute;
  top: 22%;
  right: 0;
  padding: 0 7px;
  display: block !important;
  border-radius: 50px;
  border: 0px solid black;
  background-color: #ae9256;
}

#destinations-suggestions h2,
#destinations-suggestions h3,
#destinations-suggestions h4 {
  margin: 0;
}

#destinations-suggestions h2 {
  margin-bottom: 60px;
}

#destinations-suggestions h3,
#destinations-suggestions h4 {
  margin-bottom: 20px;
}

#destinations-suggestions h3 {
  font-size: 25px;
  font-weight: 300;
}

#destinations-suggestions h4 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

#destinations-suggestions .suggestion {
  margin-bottom: 70px;
}

#destinations-suggestions .suggestion p {
  font-size: 12px;
}

#destinations-suggestions .suggestion a {
  text-transform: uppercase;
  color: #b1905b;
  font-size: 13px;
}

#destinations-suggestions a.tag {
  display: block;
  border: solid 1px #b1905b;
  text-align: center;
  font-size: 13px;
  color: #272829;
  line-height: 30px;
  border-radius: 15px;
  margin: 4px 0;
}

#destinations-suggestions .popular {
  margin-bottom: 70px;
}

#destinations-suggestions .popular .row {
  margin-left: -4px;
  margin-right: -4px;
}

#destinations-suggestions .popular .col-sm-6 {
  padding-left: 4px;
  padding-right: 4px;
}

#hot-list #owl-villas .owl-nav .owl-prev {
  width: 25px;
  position: absolute;
  top: 50%;
  left: 0;
  display: block !important;
  border: 0px solid black;
}

#hot-list #owl-villas .owl-nav .owl-next {
  width: 25px;
  position: absolute;
  top: 50%;
  right: 0;
  display: block !important;
  border: 0px solid black;
}

@media (min-width: 1200px) {
  #destinations-promo .content,
  #destinations-destinations h2,
  #destinations-suggestions {
    padding: 0 40px;
  }
}

@media (max-width: 992px) {
  #destinations-promo ul {
    text-align: left;
    margin-bottom: 20px;
  }
}

#villa-intro,
#villa-layout,
#villa-facilities,
#villa-location,
#villa-similar {
  padding: 40px 0;
}

#villa-single h1,
#villa-single h2 {
  font-family: Butler, sans-serif;
  text-align: center;
  margin: 0;
}

#villa-single .afinitytitle {
  font-size: 24px;
  font-weight: bold;
}

#villa-single h1 {
  font-size: 30px;
  width: 750px;
  margin: 0 auto 50px;
}

#villa-single h2 {
  font-size: 25px;
  margin-bottom: 40px;
}

#villa-single h3 {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
}

#villa-single blockquote {
  margin: 0 0 20px;
  padding: 0;
  border: none;
  font-size: 20px;
}

#villa-single .page-content {
  padding: 0 40px;
}

#villa-single .villa-facility {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 40px;
}

#villa-single span.facility {
  margin-bottom: 10px;
}

#villa-intro .teaser {
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
}

#villa-layout {
  background-color: #2f3049;
  color: #fff;
}

#villa-layout ul {
  padding: 0 0 0 15px;
}

#villa-location ul {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 30px;
  column-gap: 30px;
}

#villa-location ul span {
  float: right;
}

#villa-map {
  width: 100%;
  height: 400px;
  margin-bottom: 15px;
}

#villa-widget {
  padding: 50px 0;
  text-transform: uppercase;
  color: #b1905b;
  text-align: center;
}

#villa-widget .page-content {
  border-style: solid;
  border-color: #b1905b;
  border-width: 1px 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

#villa-widget .btn-default {
  color: #b1905b;
  background-color: transparent;
  border-color: transparent;
  font-size: 18px;
}

#villa-widget .form-control {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}

#villa-widget .form-control::-webkit-input-placeholder {
  text-transform: uppercase;
}

#villa-widget .form-control::-moz-placeholder {
  text-transform: uppercase;
}

#villa-widget .form-control::-ms-input-placeholder {
  text-transform: uppercase;
}

#villa-widget .form-control::-moz-placeholder {
  text-transform: uppercase;
}

#villa-widget .input-wrapper {
  position: relative;
  margin: 0 15px;
  background: url(/images/icon-calendar.png?e3fe593c3ae28109c9a39405068342aa) no-repeat center right;
}

#villa-widget .input-wrapper::before {
  content: '';
  position: absolute;
  bottom: -32px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #b1905b;
}

#villa-widget .form-label {
  font-size: 30px;
  line-height: 30px;
  font-weight: 100;
}

#villa-widget .best-rates {
  font-size: 15px;
  letter-spacing: 5px;
  background: url(/images/icon-star-gold.png?d51072cc396bba0fc8aafa097b85ef5d) no-repeat center left;
  padding-left: 60px;
  display: inline-block;
  text-align: left;
}

#villa-widget .best-rates strong {
  letter-spacing: 1px;
  font-weight: normal;
  font-family: Butler, sans-serif;
  font-size: 25px;
  display: block;
  line-height: 25px;
}

#villa-price {
  padding: 0 0 50px;
}

#villa-price h2 {
  margin: 0;
}

#villa-price p,
#villa-price li {
  text-transform: uppercase;
}

#villa-price ul {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 30px;
          column-gap: 30px;
  margin-top: 30px;
}

#villa-price-list {
  margin-bottom: 30px;
  margin-top: 50px;
}

#villa-price-list .content {
  position: relative;
}

#villa-price-list .page-content {
  border-top: solid 1px #b1905b;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}

#villa-price-list .page-content p {
  margin: 10px;
}

#villa-price-list .page-content .villa-types {
  position: absolute;
  top: -43px;
  left: 0;
  width: 100%;
  z-index: 1;
  text-transform: uppercase;
  font-weight: normal;
}

#villa-price-list .page-content .villa-types ul {
  list-style-type: none;
  text-align: center;
  padding-left: 0;
  margin-bottom: 0;
}

#villa-price-list .page-content .villa-types ul > li {
  float: none;
  display: inline-block;
  position: relative;
  margin: 0 5px;
}

#villa-price-list .page-content .villa-types a {
  padding: 0 10px;
  line-height: 40px;
  width: 100%;
  display: inline-block;
  font-size: 14px;
}

.villa-price-list-detail {
  background-color: #b1905b;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  text-transform: uppercase;
  font-weight: normal;
  padding: 30px 0;
}

.villa-price-list-detail .table > thead > tr > th,
.villa-price-list-detail .table > tfoot > tr > th {
  font-weight: normal;
}

.villa-price-list-detail .table > thead > tr > th {
  border-bottom: solid 1px #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}

.villa-price-list-detail .table > thead > tr > th:first-child {
  padding-left: 80px;
}

.villa-price-list-detail .table > thead > tr > th:nth-child(2),
.villa-price-list-detail .table > thead > tr > th:nth-child(3) {
  white-space: nowrap;
}

.villa-price-list-detail .table > tfoot > tr > th,
.villa-price-list-detail .table > tbody > tr > td {
  border-top: none;
}

.villa-price-list-detail .table > tfoot #inclusionmobile {
  display: none;
}

.villa-price-list-detail .table > tfoot #th-inclusion {
  display: none !important;
}

.villa-price-list-detail .table > tbody > tr > td {
  padding-top: 0;
  padding-bottom: 0;
}

.villa-price-list-detail .table > tbody > tr > td:first-child {
  padding-left: 80px;
}

.villa-price-list-detail .table > tbody > tr > td:first-child,
.villa-price-list-detail .table > tbody > tr > td:nth-child(4) {
  white-space: nowrap;
}

.villa-price-list-detail .table > tbody > tr:first-child > td {
  padding-top: 20px;
}

.villa-price-list-detail .table > tbody > tr:last-child > td {
  padding-bottom: 20px;
}

.villa-price-list-detail .table ul {
  margin: 0;
  padding: 0 0 0 15px;
}

.villa-price-list-detail .nav-tabs {
  text-align: center;
}

.villa-price-list-detail .nav-tabs > li {
  float: none;
  display: inline-block;
  position: relative;
  margin: 0 40px;
}

.villa-price-list-detail .nav-tabs > li::before {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
}

.villa-price-list-detail .nav-tabs > li > a {
  border-radius: 0;
  font-size: 25px;
  font-family: Butler, sans-serif;
  color: #fff;
  padding: 0;
  margin-right: 0;
  display: block;
}

.villa-price-list-detail .nav-tabs > li.active::before,
.villa-price-list-detail .nav-tabs > li:hover::before {
  background-color: #fff;
}

.villa-price-list-detail .nav-tabs > li.active > a,
.villa-price-list-detail .nav-tabs > li:hover > a {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
}

#filter-preview {
  background-color: #2f3049;
  margin: 0 15px 30px;
  padding: 20px 0 15px;
  color: #fff;
}

#filter-preview h2 {
  font-family: Butler, sans-serif;
  font-weight: 100;
}

#filter-preview span {
  font-family: Butler, sans-serif;
  color: #b1905b;
  font-size: 20px;
  font-weight: 100;
}

#filter-preview label {
  font-weight: 100;
}

#filter-preview label i {
  font-size: 40px;
}

#filter-preview hr {
  margin-top: 10px;
}

#filter-preview .row:nth-child(2) {
  padding: 5px 0;
}

#filter-preview .row:nth-child(2) label {
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
}

#filter-preview .row:nth-child(2) label i {
  margin-top: -10px;
}

#filter-preview .row:last-child li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

#filter-preview .row:last-child li ul {
  padding-left: 0;
  padding-right: 40px;
  text-transform: uppercase;
}

#filter-preview .row:last-child li ul a {
  text-transform: uppercase;
  font: 15px/0 "FreightSansPro", sans-serif;
  font-weight: 100;
  color: #fff;
}

#filter-preview .row:last-child li ul a:hover {
  text-decoration: none;
}

#filter-preview .row:last-child .slogan {
  color: #b1905b;
  font-size: 15px;
  text-transform: uppercase;
  background: url(/images/icon-star-gold.png?d51072cc396bba0fc8aafa097b85ef5d) no-repeat left center;
  padding-left: 60px;
  float: right;
}

#filter-preview .row:last-child .slogan p {
  margin: 0;
}

#filter-preview .row:last-child .slogan p:first-child {
  font-family: Butler, sans-serif;
  font-size: 25px;
  line-height: 25px;
  font-weight: 100;
}

@media (max-width: 320px) {
  #filter-preview span {
    font-size: 16px;
  }

  #filter-preview .row:nth-child(2) label {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .villa-price-list-detail {
    height: 500px;
    overflow: auto;
  }
}

@media (max-width: 768px) and (orientation: landscape) {
  .villa-price-list-detail .table > tbody > tr:first-child > td {
    padding-top: 6px !important;
    padding-left: 60% !important;
  }

  .villa-price-list-detail .table > tbody > tr > td {
    padding-top: 6px !important;
    padding-left: 60% !important;
  }

  .villa-price-list-detail .table > tbody > tr > td:first-child {
    padding-top: 6px !important;
    padding-left: 60% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .villa-price-list-detail .table > tbody > tr:first-child > td {
    padding-top: 6px !important;
    padding-left: 60% !important;
  }

  .villa-price-list-detail .table > tbody > tr > td {
    padding-top: 6px !important;
    padding-left: 60% !important;
  }

  .villa-price-list-detail .table > tbody > tr > td:first-child {
    padding-top: 6px !important;
    padding-left: 60% !important;
  }
}

@media (max-width: 992px) {
  #filter-preview .row:last-child li {
    display: contents;
  }

  .villa-price-list-detail .table > tbody #inclusiondesktab {
    display: none !important;
  }

  .villa-price-list-detail .table > tbody > tr:first-child > td {
    padding-top: 30px;
  }

  .villa-price-list-detail .table > tbody > tr {
    border: 1px solid #c1c7d2;
  }

  .villa-price-list-detail .table > tbody > tr > td {
    padding-top: 30px;
    padding-bottom: 8px;
    border: none;
    position: relative;
    white-space: normal;
    text-align: left;
  }

  .villa-price-list-detail .table > tbody > tr > td:first-child {
    padding-left: 7px;
  }

  .villa-price-list-detail .table > tfoot #inclusionmobile {
    display: block;
    border-top: none;
    margin-top: -10px;
  }

  .villa-price-list-detail .table > tfoot #th-inclusion {
    display: block !important;
    font-weight: bold;
  }

  .villa-price-list-detail thead,
  .villa-price-list-detail table,
  .villa-price-list-detail tbody,
  .villa-price-list-detail tr,
  .villa-price-list-detail td,
  .villa-price-list-detail th {
    display: block;
  }

  .villa-price-list-detail thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .villa-price-list-detail td:before {
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
    content: attr(data-title);
  }

  #villa-facilities .villa-facility .img-facility {
    margin-bottom: 10px;
  }

  #villa-facilities .villa-facility .img-facility img {
    margin: 0 auto;
  }

  #villa-facilities .villa-facility .content-facility {
    text-align: center;
  }
}

@media (max-width: 992px) {
  #villa-single .page-content {
    padding: 0;
  }

  #villa-single h1 {
    width: 100%;
  }

  #villa-widget .page-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #villa-price ul {
    -webkit-column-count: auto;
            column-count: auto;
  }
}

@media (max-width: 1200px) {
  #villa-widget .input-wrapper::before {
    bottom: 0;
  }

  #villa-widget form {
    margin: 30px 0;
  }

  #villa-widget .form-control {
    height: 60px;
  }
}

@-moz-document url-prefix()  {
  #villa-widget .input-wrapper {
    margin: 0 8px;
  }
}

.villa-price-list-toggle .fa-angle-up {
  display: none;
}

.villa-price-list-toggle .fa-angle-down {
  display: inline-block;
}

.villa-price-list-toggle.active .fa-angle-up {
  display: inline-block;
}

.villa-price-list-toggle.active .fa-angle-down {
  display: none;
}

.villa-highlight .header,
.villa-highlight .content {
  position: relative;
}

.villa-highlight .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 40px;
  text-transform: uppercase;
}

.villa-highlight .header > div {
  z-index: 2;
  height: 100px;
}

.villa-highlight .header::before,
.villa-highlight .header::after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1;
}

.villa-highlight .header::before {
  left: 0;
  background-color: #c1c7d2;
  width: 60%;
}

.villa-highlight .header::after {
  right: 0;
  background: #b1905b;
  width: 40%;
}

.villa-highlight .header .name-action {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.villa-highlight .header .name-action > div {
  width: 50%;
}

.villa-highlight .header .name-action > div:first-child {
  padding-top: 40px;
}

.villa-highlight .header .name-action > div:last-child {
  text-align: right;
  padding: 40px 40px 0 0;
}

.villa-highlight .header .name-action > div:last-child a {
  margin: 0 10px;
}

.villa-highlight .header .name-action > div:last-child a:last-child {
  margin-right: 0;
}

.villa-highlight .header .price,
.villa-highlight .header .book {
  width: 20%;
}

.villa-highlight .header .price {
  background-color: #ede7de;
  font-size: 12px;
  text-align: right;
  padding: 45px 50px 0 0;
}

.villa-highlight .header .price strong {
  display: block;
  font-family: Butler, sans-serif;
  font-size: 20px;
  line-height: 20px;
  color: #b1905b;
  font-weight: normal;
}

.villa-highlight .header .price strong small {
  font-size: 50%;
}

.villa-highlight .header .book {
  padding: 0 35px;
  text-align: right;
}

.villa-highlight .header .book span {
  float: right;
  color: #fff;
  font-weight: bold;
  margin-top: 40px;
  display: block;
  cursor: pointer;
}

.villa-highlight .content::before,
.villa-highlight .content::after {
  content: '';
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}

.villa-highlight .content::before {
  left: 0;
  background-color: #c1c7d2;
}

.villa-highlight .content::after {
  right: 0;
  background-color: #b1905b;
}

.villa-highlight .content .owl-theme {
  padding: 0 40px;
}

.villa-highlight .content .owl-theme .owl-nav {
  margin-top: 0;
}

.villa-highlight .content .owl-theme .owl-nav [class*="owl-"] {
  background: transparent;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0;
  margin: 0;
  font-size: 20px;
}

.villa-highlight .content .owl-theme .owl-nav .owl-prev {
  left: 15px;
}

.villa-highlight .content .owl-theme .owl-nav .owl-next {
  right: 15px;
}

.villa-highlight .footer {
  padding: 0 40px;
  position: relative;
}

.villa-highlight .footer .owl-carousel {
  background-color: #000;
}

.villa-highlight .footer::before,
.villa-highlight .footer::after {
  content: '';
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}

.villa-highlight .footer::before {
  left: 0;
  background-color: #c1c7d2;
}

.villa-highlight .footer::after {
  right: 0;
  background-color: #2f3049;
}

.villa-highlight .footer .indicator {
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  z-index: 2;
}

.villa-highlight .footer a.villa-thumb {
  display: block;
  opacity: 0.5;
}

.villa-highlight .footer a.villa-thumb.active {
  opacity: 1;
}

@media (max-width: 992px) {
  .villa-highlight .header::before {
    width: 70%;
  }

  .villa-highlight .header::after {
    width: 30%;
  }

  .villa-highlight .header .price {
    display: none;
  }

  .villa-highlight .header .name-action {
    width: 70% !important;
  }

  .villa-highlight .header .name-action .action {
    display: none;
  }

  .villa-highlight .header .name-action > div {
    width: 100% !important;
  }

  .villa-highlight .header .book {
    width: 30% !important;
  }
}

@media (max-width: 768px) {
  .villa-highlight .header {
    padding: 0 20px;
  }

  .villa-highlight .header .book {
    padding: 0 10px;
  }

  .villa-highlight .content .owl-theme {
    padding: 0;
  }
}

#villas-list {
  padding: 40px 0 0;
}

.pagination {
  display: table !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.pagination > li > a:focus,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li > a:hover,
.pagination > li > a,
.pagination > li > span {
  color: #b1905b;
  border: 1px solid #b1905b;
}

.pagination > .active > a:focus,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > .active > a:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > span:hover {
  background-color: #b1905b;
  border-color: #b1905b;
}

.pagination > .disabled > a:focus,
.pagination > .disabled > a:focus,
.pagination > .disabled > span:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > a,
.pagination > .disabled > span,
.pagination > .disabled > span:hover {
  color: #b1905b;
  border: 1px solid #b1905b;
}

#afini-promo h2 {
  font-size: 25px;
  font-family: Butler, sans-serif;
}

#afini-promo p {
  text-transform: uppercase;
  font-size: 13px;
}

#afini-promo p small {
  font-size: 11px;
}

#afini-promo ul {
  list-style: none;
  margin: 20px -10px 0;
  padding: 0;
  text-align: right;
}

#afini-promo ul li {
  height: 35px;
  line-height: 35px;
  position: relative;
  display: inline-block;
  margin: 0 10px;
  min-width: 90px;
}

#afini-promo ul a {
  font-size: 12px;
  text-transform: uppercase;
  color: #58595b;
}

#afini-promo ul span {
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 992px) {
  #afini-promo ul {
    text-align: left;
    margin-bottom: 20px;
  }
}

#afini-subscribe {
  padding: 40px 0;
}

#afini-subscribe h2 {
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 30px;
}

#afini-subscribe form {
  text-align: center;
  border-bottom: solid 1px #b1905b;
}

#afini-subscribe fieldset {
  display: inline-block;
  border-bottom: solid 3px #b1905b;
  margin-bottom: -3px;
}

#afini-subscribe .form-control,
#afini-subscribe .btn {
  border-color: transparent;
  font-size: 13px;
  line-height: 40px;
  color: #b1905b;
  padding: 0;
}

#afini-subscribe .btn:hover {
  background-color: transparent;
}

#afini-subscribe .form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#afini-subscribe input[type="email"] {
  width: 300px;
}

#afini-subscribe input[type="email"].form-control::-webkit-input-placeholder {
  text-transform: uppercase;
  color: #b1905b;
}

#afini-subscribe input[type="email"].form-control::-moz-input-placeholder {
  text-transform: uppercase;
  color: #b1905b;
}

#afini-subscribe input[type="email"].form-control:-ms-input-placeholder {
  text-transform: uppercase;
  color: #b1905b;
}

#afini-subscribe input[type="email"].form-control:-moz-input-placeholder {
  text-transform: uppercase;
  color: #b1905b;
}

.link-menu {
  color: #58595b;
  display: inline-block;
  position: relative;
  line-height: 35px;
  height: 35px;
  padding-right: 45px;
  cursor: pointer;
}

.link-menu.share {
  margin-right: 20px;
}

.link-menu span {
  position: absolute;
  top: 0;
  right: 0;
}

.lifestyle-box {
  position: relative;
  width: 100%;
  height: 350px;
  overflow: hidden;
  display: block;
}

.lifestyle-box .lifestyle-label,
.lifestyle-box .lifestyle-bg {
  position: absolute;
  top: 0;
  left: 0;
}

.lifestyle-box .lifestyle-label {
  text-transform: uppercase;
  color: #fff;
  padding: 30px 0;
  text-align: center;
  white-space: nowrap;
  z-index: 2;
}

.lifestyle-box .lifestyle-bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.lifestyle-box:hover .lifestyle-label {
  background-color: transparent !important;
}

.lifestyle-box:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.lifestyle-boxes .row {
  margin: -3px;
}

.lifestyle-boxes [class^="col-"] {
  padding: 3px;
}

.lifestyle-boxes .row:nth-child(2n+1) .lifestyle-box::before,
.lifestyle-boxes .row:nth-child(2n+1) .lifestyle-label {
  background-color: rgba(177, 144, 91, 0.8);
}

.lifestyle-boxes .row:nth-child(2n+1) [class^="col-"]:first-child .lifestyle-label {
  left: auto;
  right: 0;
  padding: 30px;
}

.lifestyle-boxes .row:nth-child(2n+1) [class^="col-"]:nth-child(2n) .lifestyle-box::before,
.lifestyle-boxes .row:nth-child(2n+1) [class^="col-"]:nth-child(2n) .lifestyle-label {
  background-color: rgba(47, 48, 73, 0.8);
}

.lifestyle-boxes .row:nth-child(2n+1) [class^="col-"]:nth-child(2) .lifestyle-label {
  padding: 30px 30px 100% 30px;
  top: 25%;
}

.lifestyle-boxes .row:nth-child(2n+1) [class^="col-"]:nth-child(3) .lifestyle-label,
.lifestyle-boxes .row:nth-child(2n+1) [class^="col-"]:last-child .lifestyle-label {
  width: 100%;
}

.lifestyle-boxes .row:nth-child(2n+1) [class^="col-"]:nth-child(3) .lifestyle-label {
  top: auto;
  bottom: 0;
}

.lifestyle-boxes .row:nth-child(2n) .lifestyle-box:hover::before,
.lifestyle-boxes .row:nth-child(2n) .lifestyle-label {
  background-color: rgba(177, 144, 91, 0.8);
}

.lifestyle-boxes .row:nth-child(2n) .lifestyle-label {
  padding: 30px;
  left: auto;
  right: 0;
}

.lifestyle-boxes .row:nth-child(2n) [class^="col-"]:nth-child(2) .lifestyle-box:hover::before,
.lifestyle-boxes .row:nth-child(2n) [class^="col-"]:nth-child(2) .lifestyle-label {
  background-color: rgba(47, 48, 73, 0.8);
}

.lifestyle-boxes .row:nth-child(2n) [class^="col-"]:nth-child(2) .lifestyle-label {
  width: 100%;
  left: 0;
  right: auto;
}

#lifestyles-teaser {
  margin: 50px 0;
  text-align: center;
  color: #b1905b;
  font-family: Butler, sans-serif;
}

#lifestyles-teaser h2 {
  font-weight: normal;
}

#about-header {
  position: relative;
}

#about-header .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  font-family: Butler, sans-serif;
}

#about-header .content h1 {
  font-size: 50px;
}

#about-header .content p {
  font-size: 30px;
}

#about-map {
  width: 100%;
  height: 500px;
  background-color: #000;
}

#about-video iframe {
  width: 100%;
  height: 500px;
}

.about-content {
  margin: 50px 0;
}

.about-content h2 {
  text-transform: uppercase;
}

.about-content .btn-primary {
  margin-top: 100px;
  font-weight: 600;
}

.about h1 {
  font-family: Butler, sans-serif;
}

#afini-culture {
  margin-bottom: 100px;
}

#afini-culture h1 {
  text-align: center;
  color: #b1905b;
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 50px;
}

#afini-culture h1 strong {
  font-size: 50px;
  font-weight: bold;
  font-family: Butler, sans-serif;
  display: inline-block;
  vertical-align: middle;
}

.culture {
  height: 100px;
  overflow: hidden;
  opacity: 0.5;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-filter: gray;
          filter: gray;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.culture .content {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 200px 0 40px;
}

.culture .content h2 {
  text-transform: uppercase;
  color: #b1905b;
  font-weight: bold;
}

.culture .content p {
  color: #fff;
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.culture .number {
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 40px;
  color: #000;
  font-family: Butler, sans-serif;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.culture:hover {
  height: 300px;
  opacity: 1;
  filter: none;
  -webkit-filter: grayscale(0);
}

.culture:hover .content p {
  visibility: visible;
  opacity: 1;
  height: auto;
}

.culture:hover .number {
  font-size: 100px;
  color: #fff;
}

@media (max-width: 768px) {
  .culture .culture:active {
    right: 10px;
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .culture:hover .number {
    font-size: 55px;
    right: 40px;
  }

  .content h2 {
    font-size: 20px;
  }

  .content:hover h2 {
    color: #fff;
  }
}

@media (max-width: 767px) {
  .culture .content h2 {
    color: #000;
    font-size: 20px;
  }

  .culture:hover .content h2 {
    color: #b1905b;
    font-size: 20px;
  }
}

#afini-afinity {
  margin-bottom: 50px;
}

#afini-afinity h1 {
  text-align: center;
  font-family: Butler, sans-serif;
  font-size: 36px;
  margin-bottom: 50px;
}

.tag {
  /*basic styles*/
  height: 40px;
  width: 120px;
  text-align: center;
  font-size: 23px;
  line-height: 35px;
  border-radius: 30px;
  border: solid;
  margin-top: 10px;
  margin-right: 10px;
}

.littletag {
  /*basic styles*/
  height: 30px;
  width: 85px;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  border-radius: 30px;
  border: solid 1px;
  margin-right: 10px;
}

.button p {
  font-size: 25px;
  line-height: 50px;
  font-family: 'Trebuchet MS', sans-serif;
}

a {
  text-decoration: none;
  color: #ae9256;
}

a:hover {
  text-decoration: none;
  color: #ae9256;
}

.button:hover {
  background: -moz-linear-gradient(19% 75% 90deg, #d46d45, #b1432a);
  border-top: solid 2px #b1432a;
  border-bottom: solid 1px #e28d79;
}

.rec {
  margin-top: 100px;
}

.posts {
  margin: -85px 0;
}

.post {
  margin: 50px 0;
}

.post a {
  color: #2f3049;
}

.post h2 {
  font-size: 24px;
  font-weight: bold;
  font-family: Butler, sans-serif;
}

.post-date {
  font-size: 18px;
}

#afinity-single {
  margin-bottom: 50px;
}

#afinity-single .featured {
  margin-bottom: 50px;
}

#afinity-single .featured img {
  width: 100%;
}

#afinity-single h1,
#afinity-single h2 {
  font-family: Butler, sans-serif;
}

#afinity-single h1 {
  text-align: center;
  margin-bottom: 50px;
}

#afinity-single h2 {
  font-weight: bold;
  font-size: 24px;
}

#afinity-comment-form {
  margin: 50px 0;
  /*
  form {
    background-color: $martinique;
    padding: 15px 0;
    position: relative;
    margin-bottom: 15px;
  }

  .form-group, .form-control {
    width: 100%;
  }

  .form-control, .btn {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }

  .btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: $white;
  }
  */
}

#afinity-comment-form p {
  font-weight: bold;
}

#afinity-comment-form a {
  color: #f00;
}

#afinity-comments {
  margin: -50px 0;
}

#afinity-comments .comment {
  padding: 50px 0;
}

#afinity-comments .comment .comment-date,
#afinity-comments .comment .comment-author {
  font-size: 18px;
}

#afinity-comments .comment .comment-author {
  font-weight: bold;
  font-family: Butler, sans-serif;
}

#afini-afinity .owl-next {
  top: 20%;
  background: #ae9256;
  padding: 0px 7px;
  border-radius: 50px;
}

#afini-afinity .owl-prev {
  top: 20%;
  padding: 0px 7px;
  border-radius: 50px;
  background: #58595b;
}

#afini-afinity ul.countries {
  list-style: none;
  margin: 0 0 10px;
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: solid 1px #b1905b;
}

#afini-afinity ul.countries li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  border-top: solid 1px transparent;
}

#afini-afinity ul.countries li a {
  text-transform: uppercase;
  font-size: 13px;
  color: #b1905b;
  border-top: solid 2px transparent;
  display: inline-block;
  margin-top: -1px;
  line-height: 50px;
}

#afini-afinity ul.countries li.active a,
#afini-afinity ul.countries li a:hover {
  border-top-color: #b1905b;
}

@media (max-width: 768px) {
  .littletag {
    margin-left: 14px;
  }
}

.word {
  position: absolute;
  width: 100px;
  height: 20px;
  top: 60%;
  left: 50%;
  margin-left: -50px;
  margin-top: -25px;
  background: #fff;
}

.divider {
  background: #b1905b;
  width: 1px;
  top: 0;
  bottom: 0;
  right: 0;
  min-height: 40vh;
}

.panel-heading > h3,
.form-horizontal > h3,
.form-horizontal > h4,
.btn-link > h4 {
  color: #b1905b;
}

.navbar-side > li > a:focus,
.navbar-side > li > a:hover {
  background-color: #fff;
}

.navbar-side > li > a {
  font: 18px/45px "FreightSansPro", sans-serif;
  font-weight: 500;
  color: #ae9256;
}

.navbar-side > li > a:hover {
  color: #2f3049;
}

.profile-picture-col {
  height: 250px;
  padding: 0;
  position: relative;
  cursor: pointer;
}

.profile-picture-col .profilepic {
  width: 100%;
  height: 100%;
  background: white;
  position: absolute;
  z-index: 2;
}

.profile-picture-col .profilepic:hover {
  opacity: 0.8;
}

.profile-picture-col .changeprofile {
  width: 100%;
  height: 100%;
  background: white;
  position: absolute;
  z-index: 1;
}

.uploadfile {
  display: none;
}

#loader {
  margin: 0 auto;
  z-index: 1;
  width: 150px;
  height: 150px;
  border: 16px solid #ede7de;
  border-radius: 50%;
  border-top: 16px solid #b1905b;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.btn-booking {
  width: 100%;
  text-transform: uppercase;
  padding-top: 12px;
  padding-bottom: 12px;
}

label.guest {
  line-height: 32px;
  font-weight: normal;
}

.row.guest {
  margin-bottom: 5px;
}

input.guest {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  padding: 0;
  font-size: 20px;
}

.btn-plus:active,
.btn-minus:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.booking-calendar .pignose-calendar {
  width: 100%;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* Add animation to "page content" */

.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes animatebottom {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#booking-detail {
  display: none;
}

#booking-detail span {
  font-weight: bold;
}

#booking-detail #rate-per-night > ul {
  list-style: none;
  padding: 0;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.booking-info .detail {
  border-width: 0 1px 1px;
  border-color: transparent #c1c7d2 #c1c7d2;
  border-style: solid;
  padding: 15px;
  margin-top: -10px;
}

.booking-info .detail h3,
.booking-info .detail .location {
  text-transform: uppercase;
}

.booking-info .detail h3 {
  font-weight: bold;
}

.booking-info .detail hr {
  border-top-color: #c1c7d2;
}

.booking-info .detail .label {
  font-size: 14px;
  color: #bababa;
  font-weight: normal;
  padding: 0;
}

#booking-total .label,
#booking-total .value {
  font-weight: bold;
  color: #000;
  font-size: 30px;
  line-height: 30px;
}

.pignose-calendar,
.pignose-calendar .pignose-calendar-top {
  -webkit-box-shadow: none;
          box-shadow: none;
}

#form-booking {
  margin-top: 30px;
}

#booking-review hr {
  margin-top: 0;
  border-color: #d2d6de;
}

#booking-review .panel {
  border-radius: 0;
}

#booking-review .panel .panel-body {
  padding: 0;
}

#booking-review .panel .panel-body #villa-info {
  text-transform: uppercase;
  padding: 15px;
}

#booking-review .panel .panel-body #villa-info #villa-name {
  letter-spacing: 3px;
  font-weight: 600;
  margin: 0;
}

#booking-review .panel .panel-body #villa-info hr {
  margin-top: 20px;
}

#booking-review .panel .panel-body #villa-info #booking-info {
  text-transform: capitalize;
}

#booking-review .panel .panel-body #villa-info #booking-info span {
  color: #c1c7d2;
}

#booking-review .panel .panel-body #villa-info #booking-info h2:last-child {
  font-family: Butler, sans-serif;
}

#booking-review .panel .panel-body #villa-info #booking-info ul {
  list-style: none;
  padding: 0;
}

#payment,
#billing {
  margin-bottom: 20px;
}

#payment .control-label,
#billing .control-label {
  font-weight: 400;
}

#payment .form-control,
#billing .form-control {
  height: 50px;
  padding: 6px 18px;
}

#payment hr,
#billing hr {
  margin-top: 0;
  border-color: #d2d6de;
}

#payment select,
#payment input,
#billing select,
#billing input {
  background-color: #2f3049;
  color: #fff;
}

#payment .stripe-button-el,
#billing .stripe-button-el {
  display: none;
}

#payment span > a,
#billing span > a {
  text-decoration: underline;
  color: #000;
}

#payment #payment-complete-btn:disabled,
#billing #payment-complete-btn:disabled {
  background-color: #d2d6de;
  color: #58595b;
}

#form-pay-now {
  margin-bottom: 30px;
}

#thank-you-container {
  min-height: 300px;
}

#thank-you-container span {
  display: block;
  margin: auto;
  width: 700px;
}

.sticky {
  position: fixed;
  width: 100%;
  z-index: 10000;
  top: 0;
  background-color: #fff;
  margin-top: 0;
}

.sticky .container-fluid > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sticky .container-fluid > .row .navbar-header > .slogan {
  margin-top: 40px;
}

#sticky-nav-icon {
  float: left;
  height: 40px;
  width: 40px;
  position: relative;
  margin: 25px auto;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#sticky-nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  margin-top: 9px;
  width: 50%;
  background: #b1905b;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#sticky-nav-icon span:nth-child(even) {
  left: 33%;
  border-radius: 0 9px 9px 0;
}

#sticky-nav-icon span:nth-child(odd) {
  left: 6px;
  border-radius: 9px 0 0 9px;
}

#sticky-nav-icon span:nth-child(1),
#sticky-nav-icon span:nth-child(2) {
  top: 0px;
}

#sticky-nav-icon span:nth-child(3),
#sticky-nav-icon span:nth-child(4) {
  top: 10px;
}

#sticky-nav-icon span:nth-child(5),
#sticky-nav-icon span:nth-child(6) {
  top: 20px;
}

#sticky-nav-icon.open span:nth-child(1),
#sticky-nav-icon.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#sticky-nav-icon.open span:nth-child(2),
#sticky-nav-icon.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#sticky-nav-icon.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#sticky-nav-icon.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#sticky-nav-icon.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#sticky-nav-icon.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#sticky-nav-icon.open span:nth-child(5) {
  left: 5px;
  top: 17px;
}

#sticky-nav-icon.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 17px;
}

#sticky-menu {
  margin: 0 15px;
  background-color: #2f3049;
}

#sticky-menu .container {
  padding: 45px 25px 25px 25px;
}

#sticky-menu .container li {
  text-transform: uppercase;
  font: 15px/45px "FreightSansPro", sans-serif;
  color: #b1905b;
  border-bottom: 1px solid #b1905b;
}

#sticky-menu .container li a {
  font: 15px/45px "FreightSansPro", sans-serif;
  color: #b1905b;
  text-decoration: none;
}

#sticky-menu .container li #sticky-contact-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#sticky-menu .container li #sticky-contact-form label {
  margin-right: 15px;
  font-weight: 400;
  width: 40%;
}

#sticky-menu .container li #sticky-contact-form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#sticky-menu .container li #sticky-contact-form input {
  background-color: transparent;
  border: none;
  color: #ede7de;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 45px;
}

#sticky-menu .container li #sticky-contact-form .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ede7de;
  text-transform: uppercase;
}

#sticky-menu .container li #sticky-contact-form .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #ede7de;
  text-transform: uppercase;
}

#sticky-menu .container li #sticky-contact-form .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #ede7de;
  text-transform: uppercase;
}

#sticky-menu .container li #sticky-contact-form .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #ede7de;
  text-transform: uppercase;
}

#sticky-menu .container li #sticky-contact-form button {
  background-color: transparent;
  color: #ede7de;
  border: none;
  text-transform: uppercase;
}

#sticky-menu .container li #sticky-contact-form button i {
  color: #ae9256;
  margin-left: 10px;
}

#sticky-menu .container li #sticky-contact-form .form-group {
  border-bottom: solid 1px #ae9256;
  position: relative;
}

#sticky-menu .container li #sticky-contact-form .form-group::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #ae9256;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

#sticky-menu .container li #social-medias {
  float: right;
}

#sticky-menu .container li #social-medias a {
  color: #b1905b;
  display: inline-block;
  margin: 0 0 0 10px;
  font-size: 18px;
}

#sticky-menu .container li:last-child {
  border-bottom: none;
}

#sticky-menu .container .locations {
  padding: 0 50px;
}

#sticky-menu .container .locations p {
  text-transform: uppercase;
  font: 14px/45px "FreightSansPro", sans-serif;
  color: #ede7de;
  font-weight: 100;
}

#sticky-menu .container .locations p a {
  color: #ede7de;
}

.dropdown:not(.open) .dropdown-menu {
  padding: 0 40px;
}

.dropdown.open .dropdown-menu-large {
  max-height: 500px;
  opacity: 1;
}

.dropdown-large {
  position: static !important;
}

.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 16px;
  padding: 40px;
  left: 0 !important;
  background-color: #2f3049;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  max-height: 0;
  display: block;
  overflow: hidden;
  opacity: 0;
}

.dropdown-menu-large li > ul {
  padding: 0;
  margin: 0;
}

.dropdown-menu-large li > ul li {
  text-transform: uppercase;
  font-family: Butler, sans-serif;
  color: #b1905b;
  border-bottom: 1px solid #b1905b;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown-menu-large li > ul li .glyphicon {
  margin: 15px;
}

.dropdown-menu-large li > ul li .destinations {
  border-bottom: 1px solid #b1905b;
}

.dropdown-menu-large li > ul li .glyphicon-map-marker {
  color: #fff;
}

.dropdown-menu-large li > ul li a {
  color: #b1905b;
  display: block;
  padding: 15px 0;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  white-space: normal;
}

.dropdown-menu-large li > ul li a:hover,
.dropdown-menu-large li > ul li a:focus {
  text-decoration: none;
}

.dropdown-menu-large li > ul li label {
  font: 15px/45px "Butler", sans-serif;
}

.dropdown-menu-large li > ul li .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: solid 1px #ae9256;
  position: relative;
}

.dropdown-menu-large li > ul li .form-group::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #ae9256;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.dropdown-menu-large li > ul li .form-group .glyphicon {
  position: absolute;
  right: 0;
}

.dropdown-menu-large li > ul li .form-group input {
  font: 13px/45px "Butler", sans-serif;
  background-color: transparent;
  border: none;
  color: #ede7de;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 45px;
  padding-right: 45px;
}

.dropdown-menu-large li > ul li .form-group .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ede7de;
  text-transform: uppercase;
}

.dropdown-menu-large li > ul li .form-group .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #ede7de;
  text-transform: uppercase;
}

.dropdown-menu-large li > ul li .form-group .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #ede7de;
  text-transform: uppercase;
}

.dropdown-menu-large li > ul li .form-group .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #ede7de;
  text-transform: uppercase;
}

.dropdown-menu-large li > ul li #villas-search {
  display: contents;
}

.dropdown-menu-large li > ul li #villas-search div button {
  background-color: transparent;
  border: none;
}

.dropdown-menu-large li > ul li #villas-search div button:focus {
  outline: none;
}

.dropdown-menu-large li > ul li:last-child {
  border-bottom: none;
}

.dropdown-menu-large li > ul li.destinations:last-child {
  border-bottom: 1px solid #b1905b;
}

.dropdown-menu-large li > ul #villas-budget a,
.dropdown-menu-large li > ul #villas-room a {
  background-color: transparent;
  color: #ede7de;
  border: none;
  text-transform: uppercase;
  padding: 15px 15px 0 15px;
  font-family: "Butler", sans-serif;
}

.dropdown-menu-large li > ul #villas-budget a:focus,
.dropdown-menu-large li > ul #villas-room a:focus {
  outline: none;
}

.dropdown-menu-large li > ul #villas-budget a:after,
.dropdown-menu-large li > ul #villas-room a:after {
  content: '';
  margin-top: 11px;
  display: block;
  bottom: 0;
  height: 4px;
  background: #b1905b;
  width: 0;
}

.dropdown-menu-large li > ul #villas-budget a:hover:after,
.dropdown-menu-large li > ul #villas-room a:hover:after {
  width: 100%;
}

.dropdown-menu-large li > ul #villas-map a {
  padding: 0;
}

.dropdown-menu-large li > ul #villas-map a .view-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -31px 0 0 31px;
}

@media (max-width: 767px) {
  .dropdown-menu-large li.col-xs-3 {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-menu-large li {
    margin-bottom: 30px;
  }

  .dropdown-menu-large li:last-child {
    margin-bottom: 0;
  }

  .form-group {
    border-bottom: solid 0px !important;
    margin-bottom: 0px;
  }
}

.history_villa {
  width: 330px;
  height: 80px;
}

.ongoing_villa {
  width: 300px;
  height: 280px;
  padding-left: 0px;
}

a {
  color: #2f3049;
}

a:focus,
a:hover {
  text-decoration: none;
}

#ongoing {
  margin-bottom: 20px;
  border-style: solid none;
  border-color: #ae9256 transparent;
  border-width: 1px 0;
  padding: 10px;
  color: white;
  font-size: 13px;
  line-height: 30px;
  background-color: #ae9256;
  font-family: "FreightSansPro", sans-serif;
  text-transform: uppercase;
  border: 1px solid white;
}

#history {
  border: 1px solid white;
  margin-bottom: 10px;
  border-style: solid none;
  border-color: #ae9256 transparent;
  border-width: 1px 0;
  padding: 10px;
  color: white;
  font-size: 13px;
  line-height: 30px;
  background-color: #2f3049;
  font-family: "FreightSansPro", sans-serif;
  text-transform: uppercase;
}

.history_cells {
  text-align: center;
  font-size: 12px;
  color: #2f3049;
  font-family: "FreightSansPro", sans-serif;
}

.table_history > thead > tr > th,
.table_history > tfoot > tr > th {
  font-weight: normal;
}

.table_history > thead > tr > th {
  border-bottom: solid 1px #fff;
  padding-top: 20px;
  padding-bottom: 10px;
}

.table_history > thead > tr > th:first-child {
  padding-left: 80px;
}

.table_history > tfoot > tr > th,
.table_history > tbody > tr > td {
  border-top: none;
}

.table_history > tbody > tr > td {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 5.5;
  padding-right: 100px;
}

.table_history > tbody > tr > td:first-child {
  padding-left: 0px;
  border-bottom: solid 10px #fff;
}

.table_history > tbody > tr:first-child > td {
  padding-top: 20px;
}

.table_history > tbody > tr:last-child > td {
  padding-bottom: 20px;
}

.table_history ul {
  margin: 0;
  padding: 0 0 0 15px;
}

.top_text {
  color: #c1c7d2;
  font-size: 15px;
}

.bot_text {
  color: #2f3049;
  font-size: 15px;
}

#panel_order hr {
  margin-top: 0;
  border-color: #d2d6de;
}

#panel_order .panel {
  border-radius: 0;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
}

.order-ongoing {
  margin-bottom: 30px;
}

.order-ongoing hr {
  border-top-color: #c1c7d2;
}

.order-ongoing .col-md-9 > .row {
  margin-bottom: 15px;
}

.order-ongoing h2 {
  font-weight: bold;
  text-transform: uppercase;
}

.order-ongoing p.location {
  color: #58595b;
  text-transform: uppercase;
}

.order-ongoing .label {
  color: #bababa;
  padding: 0;
  font-size: 14px;
}

.order-ongoing h2 {
  margin: 0;
  padding: 0;
}

.order-history {
  margin-bottom: 30px;
  font-weight: bold;
  text-transform: uppercase;
}

.order-history .hero {
  height: 100px;
  overflow: hidden;
}

.Completed {
  color: green;
}

.Cancel {
  color: red;
}

.Confirmed {
  color: blue;
}

.in-progress {
  color: yellowgreen;
}

#favorite-header .jumbotron {
  background-color: #fff;
  border-top: solid 1px #d2d6de;
  border-bottom: solid 1px #b1905b;
  border-radius: 0;
  padding-bottom: 25px;
  margin: 0 0 15px 0;
}

#favorite-header .jumbotron h2 {
  color: #b1905b;
  font-family: Butler, sans-serif;
  font-weight: 300;
}

#villas-list {
  padding: 0 0 75px 0;
}

#villas-list .col-md-6 {
  padding: 0 3px;
}

#villas-list .col-md-6:first-child {
  padding-left: 0;
}

#villas-list .col-md-6:last-child {
  padding-right: 0;
}

.datepicker {
  margin-top: 39px;
}

html,
body {
  color: #58595b;
  font-family: 'FreightSansPro', sans-serif;
}

.page-content {
  padding: 0 40px;
}

h2.account {
  text-transform: uppercase;
  font-size: 15px;
  color: #2f3049;
  border-bottom: solid 1px #c1c7d2;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.owl-theme {
  display: block;
}

.owl-prev {
  float: left;
  position: absolute !important;
  top: 50%;
  left: 0px;
  display: block;
  border: 0px solid black;
}

.owl-next {
  position: absolute !important;
  top: 50%;
  right: 0px;
  display: block;
  border: 0px solid black;
}

.modal-backdrop {
  z-index: 10000;
}

@media (max-width: 992px) {
  .page-content {
    padding: 0;
  }
}