* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

@font-face {
  font-family: 'austhinregular';
  src: url("../fonts/austhin-webfont.woff2") format("woff2"), url("../fonts/austhin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'questaregular';
  src: url("../fonts/questa_regular-webfont.woff2") format("woff2"), url("../fonts/questa_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 1320px; }

.row {
  display: flex;
  flex-wrap: wrap; }

.col-lg-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
  padding: 0 15px; }

.col-lg-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
  padding: 0 15px; }

.col-lg-3 {
  flex: 0 0 auto;
  width: 25%;
  padding: 0 15px; }

.col-lg-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
  padding: 0 15px; }

.col-lg-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
  padding: 0 15px; }

.col-lg-6 {
  flex: 0 0 auto;
  width: 50%;
  padding: 0 15px; }

.col-lg-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
  padding: 0 15px; }

.col-lg-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
  padding: 0 15px; }

.col-lg-9 {
  flex: 0 0 auto;
  width: 75%;
  padding: 0 15px; }

.col-lg-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
  padding: 0 15px; }

.col-lg-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
  padding: 0 15px; }

.col-lg-12 {
  flex: 0 0 auto;
  width: 100%;
  padding: 0 15px; }

.header {
  background-color: #814421;
  height: 80px;
  display: flex;
  align-items: center; }
  .header .logo-title {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    display: block; }
  .header .decoration {
    text-decoration: none; }
  .header .nav-right {
    display: flex;
    justify-content: end; }

.sub-heading {
  font-family: "Poppins", sans-serif;
  color: #d68d3f;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 28px; }

.mainheading, .aboutus .about-title, .book-now .booknow-title, .group-package .group-package-title, .group-package .item .safari-name, .frequently-askquestion .faq-title, .footer .footer-title, .slider .slider-detail .slider-title, .thankyou .thankyou-title {
  font-family: "Poppins", sans-serif;
  color: #101F46;
  font-size: 32px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 40px; }

.desp, .aboutus .about-desp, .group-package .group-package-desp, .group-package .item .safari-content, .frequently-askquestion .faq-desp, .footer .footer-desp, .footer .footer-list li, .footer .safari-list li, .slider .slider-detail .slider-desp, .thankyou .thankyou-msg {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #7a7a7a;
  font-weight: 400;
  line-height: 28px; }

.aboutus .about-desp {
  margin-top: 20px; }
  .aboutus .about-desp a {
    text-decoration: none;
    color: #000; }

.book-now {
  padding: 150px 0;
  background-image: url(../images/booknow.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* .booknow-btn{
      @extend .desp;
      padding: 15px 40px;
      border-radius: $twenty;
      border:2px solid #fff;
      background-color: transparent;
      color:#fff;
  } */ }
  .book-now .center {
    text-align: center; }
  .book-now .booknow-title {
    text-transform: uppercase;
    font-size: 60px;
    line-height: 72px;
    color: #fff; }
  .book-now .btn {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0px 25px 15px;
    min-width: 150px;
    margin: 0 auto;
    margin-top: 15px; }
    .book-now .btn span {
      position: relative;
      display: inline-block;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 2px;
      text-transform: uppercase;
      top: 0;
      left: 0;
      width: 100%;
      padding: 15px 20px;
      transition: 0.3s; }
  .book-now .btn-1 span {
    color: white;
    border: 1px solid white;
    transition: 0.2s 0.1s; }
    .book-now .btn-1 span:hover {
      color: white;
      transition: 0.2s 0.1s; }
  .book-now .btn-1::before {
    background-color: #1c1f1e;
    transition: 0.3s ease-out; }
  .book-now .btn.hover-filled-slide-down::before {
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%; }
  .book-now .btn.hover-filled-slide-down:hover::before {
    height: 0%; }

.group-package {
  padding: 100px 0; }
  .group-package .group-package-title {
    text-align: center; }
  .group-package .group-package-desp {
    text-align: center;
    margin-top: 15px; }
  .group-package .tp-gap {
    margin-top: 40px; }
  .group-package .content {
    font-size: 18px;
    line-height: 18px;
    display: -webkit-box;
    /* Set your count of lines. Please note:  you should also change the count in the JS file on row 21 */
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height 0.3s ease; }
  .group-package .content.expanded {
    -webkit-line-clamp: unset;
    max-height: none; }
  .group-package .content + .read-more.hidden {
    display: none; }
  .group-package .item {
    box-shadow: 0 10px 43px 0 rgba(109, 125, 145, 0.25);
    padding: 20px; }
    .group-package .item .safari-name {
      font-size: 24px; }
  .group-package .waree {
    overflow: hidden;
    padding: 20px 15px;
    transition: all 0.5s ease-in-out; }
    .group-package .waree img {
      transform: scale(1);
      transition: all 0.5s ease-in-out; }
    .group-package .waree:hover img {
      transform: scale(1.1); }
    .group-package .waree:hover .safari-name {
      color: #ba733e; }
    .group-package .waree:hover .read-more {
      background-color: #d47c1e; }
    .group-package .waree:hover {
      margin-top: -10px; }

.set {
  position: absolute;
  top: 5px;
  left: 0; }

.read-more {
  background-color: #ba733e;
  color: #fff;
  padding: 10px 30px;
  margin-top: 10px;
  cursor: pointer; }

.packagesafari-list li {
  position: relative;
  padding-left: 20px; }

.hidden {
  overflow: hidden; }

.frequently-askquestion {
  background-color: #fff;
  padding: 50px 0; }
  .frequently-askquestion .open {
    border: 1px solid #ccc; }
  .frequently-askquestion .faq-title {
    text-align: center;
    font-family: 'questaregular'; }
  .frequently-askquestion .faq-desp {
    text-align: center;
    margin-top: 15px; }
  .frequently-askquestion .accordion-menu {
    list-style: none; }
    .frequently-askquestion .accordion-menu .submenuItems {
      list-style: none; }
  .frequently-askquestion .accordion-menu {
    width: 100%;
    margin-top: 40px; }
    .frequently-askquestion .accordion-menu li {
      position: relative; }
      .frequently-askquestion .accordion-menu li:before {
        content: '';
        position: absolute;
        top: 20px;
        left: -5px;
        width: 12px;
        height: 12px;
        background-color: #2e374f;
        border-radius: 50%;
        z-index: 3; }
  .frequently-askquestion .accordion-menu li.open .dropdownlink .fa-chevron-down {
    transform: rotate(180deg); }
  .frequently-askquestion .dropdownlink {
    cursor: pointer;
    display: block;
    padding: 15px;
    font-size: 16px;
    border: 1px solid #ccc;
    color: #212121;
    position: relative;
    transition: all 0.4s ease-out;
    font-family: "Poppins", sans-serif;
    margin-bottom: 10px;
    padding-left: 30px; }
  .frequently-askquestion .dropdownlink i {
    position: absolute;
    top: 17px;
    left: 16px; }
  .frequently-askquestion .dropdownlink .fa-chevron-down {
    right: 12px;
    left: auto; }
  .frequently-askquestion .submenuItems {
    display: none;
    background: #fff;
    padding: 20px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    color: #717171;
    line-height: 30px; }

.gateway {
  display: flex; }

.footer {
  background-color: #c3c3c3;
  padding: 50px 0; }
  .footer .footer-title {
    font-size: 18px;
    color: #000; }
  .footer .footer-desp {
    color: #000;
    font-size: 14px; }
  .footer .footer-list {
    list-style: none; }
    .footer .footer-list li {
      color: #fff;
      font-size: 14px;
      display: inline-block;
      width: 49%;
      position: relative;
      padding-left: 15px; }
      .footer .footer-list li a {
        text-decoration: none;
        color: #fff; }
      .footer .footer-list li:before {
        content: '';
        position: absolute;
        top: 10px;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: #ccc;
        border-radius: 50%; }
  .footer .safari-list {
    list-style: none; }
    .footer .safari-list li {
      color: #fff;
      font-size: 14px;
      position: relative;
      padding-left: 15px; }
      .footer .safari-list li a {
        text-decoration: none;
        color: #fff; }
      .footer .safari-list li:before {
        content: '';
        position: absolute;
        top: 10px;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: #ccc;
        border-radius: 50%; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.slider img {
  position: relative;
  z-index: 1; }
.slider .slider-detail {
  width: 100%;
  min-height: 715px;
  display: flex;
  align-items: center; }
  .slider .slider-detail .slider-title {
    color: #fff;
    font-size: 40px;
    line-height: 48px; }
  .slider .slider-detail .slider-desp {
    color: #fff;
    margin-top: 20px; }
    .slider .slider-detail .slider-desp a {
      text-decoration: none;
      color: #fff; }
  .slider .slider-detail .explore-now {
    padding: 15px;
    margin-top: 15px;
    display: block; }

.form-backdrop {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 40px;
  border-radius: 20px; }

.form-outline {
  border: 2px solid #fff;
  padding: 40px;
  border-radius: 20px; }

.full-width {
  width: 100%; }

::placeholder {
  color: #343434 !important;
  font-size: 16px;
  font-family: "Poppins", sans-serif; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Hide arrows in Firefox */
input[type=number] {
  -moz-appearance: textfield; }

.explore-now {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #fff;
  background-color: #d68d3f; }

.relative {
  position: relative; }

.setpos {
  position: absolute;
  bottom: 0;
  right: 30px; }

.thankyou {
  min-height: 600px;
  display: flex;
  align-items: center; }
  .thankyou .thankyou-title {
    text-align: center; }
  .thankyou .thankyou-msg {
    text-align: center; }

.price-plan {
  margin-top: 80px; }
  .price-plan .price-title {
    font-family: 'questaregular';
    font-size: 44px;
    color: #000;
    line-height: 44px;
    font-weight: 300;
    margin-bottom: 20px; }
  .price-plan table .pink {
    background-color: #5487c6;
    border-radius: 5px; }
    .price-plan table .pink th {
      padding: 15px 60px;
      font-family: 'questaregular';
      font-size: 21px;
      color: #fff;
      text-align: left; }
  .price-plan table .townhouse td {
    padding: 15px 60px;
    font-family: 'questaregular';
    font-size: 21px;
    background-color: #fff; }

.gray-box {
  background-color: #e3e3e3; }

.p-0 {
  padding: 0; }

  .logo-bg img{margin-top: 10px;}

.luxury-townhouse {
  margin-top: 50px; }
  .luxury-townhouse .payment-plan {
    padding: 30px; }
    .luxury-townhouse .payment-plan .plan-title {
      font-family: 'questaregular';
      font-size: 32px;
      color: #fff;
      line-height: 44px;
      font-weight: 500;
      margin-bottom: 20px;
      background-color: #5487c6;
      padding: 0 15px; }
    .luxury-townhouse .payment-plan .desription {
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      color: #000;
      line-height: 21px;
      font-weight: 400;
      margin-bottom: 20px; }
    .luxury-townhouse .payment-plan .downpayment {
      list-style: none; }
      .luxury-townhouse .payment-plan .downpayment li {
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        color: #000;
        line-height: 20px;
        font-weight: 400;
        background-color: #c4c4c4;
        padding: 5px 15px;
        margin-bottom: 5px;
        display: inline-block; }
  .luxury-townhouse .sep {
    position: relative; }
  .luxury-townhouse .sep:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 445px;
    background-color: #b2b2b2; }

.master-plan {
  background-color: #ebebeb;
  padding: 80px 0 50px 0;
  margin-top: 80px; }
  .master-plan .brochure {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    position: relative;
    min-height: 435px; }
    .master-plan .brochure:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 300px;
      height: 5px;
      background-color: #5487c6;
      margin: 0 auto; }
    .master-plan .brochure .brochure-top {
      padding: 30px;
      position: relative; }
      .master-plan .brochure .brochure-top .title {
        display: inline-block;
        background-color: #fff;
        position: absolute;
        padding: 15px;
        margin: 0 auto;
        margin-top: -63px;
        left: 0;
        right: 0;
        width: 200px;
        text-align: center;
        font-size: 24px;
        border: 1px solid #d2d2d2;
        font-family: 'questaregular'; }
      .master-plan .brochure .brochure-top .townhouse {
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        color: #2e2e2e;
        line-height: 30px; }
    .master-plan .brochure .download-brochure {
      width: 100%;
      padding: 15px;
      background-color: transparent;
      border: 1px solid #ccc;
      font-family: 'questaregular';
      font-size: 24px;
      color: #2e2e2e;
      border-radius: 10px;
      position: absolute;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none; }
      .master-plan .brochure .download-brochure:hover {
        background-color: #191919;
        color: #fff;
        cursor: pointer; }

.copyright {
  padding: 10px 0;
  background-color: #2e2e2e;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 12px; }
  .copyright a {
    color: #fff;
    text-decoration: none; }

.dubai-package {
  position: relative;
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: space-between; }



.nav-right {
  order: 2; }

.navbar {
  display: flex;
  list-style: none;
  align-items: center; }
  .navbar li {
    list-style: none;
    padding: 0 15px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    color: #000; }
    .navbar li a {
      text-decoration: none;
      color: #000; }

.needhelp {
  position: relative;
  padding: 15px 15px 15px 65px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  order: 3;
  color: #000; }
  .needhelp:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-image: url(../images/phone-icon.png);
    background-repeat: no-repeat; }
  .needhelp span {
    font-size: 22px;
    font-weight: 600; }
    .needhelp span a {
      color: #000;
      text-decoration: none; }

.right-sidebar {
  background-color: #203223; }
  .right-sidebar .need-help {
    background-color: #060606;
    height: 180px;
    display: flex;
    align-items: center;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    padding-left: 80px; }
    .right-sidebar .need-help .number {
      font-size: 18px; }
  .right-sidebar .icon {
    position: relative; }
    .right-sidebar .icon:before {
      content: '';
      position: absolute;
      top: 10px;
      left: -60px;
      width: 50px;
      height: 50px;
      background-image: url(../images/phone-icon.png);
      background-repeat: no-repeat;
      background-size: 100%; }
  .right-sidebar .present {
    text-align: center; }
  .right-sidebar .present-tp {
    margin-top: 30px; }

.dubai-banner {
  position: relative;
  z-index: 0;
  background-image: url(../images/banner.jpg);
  background-repeat: no-repeat;
  min-height: 923px;
  background-size: cover; }
  .dubai-banner .dubai-apartment {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: end; }
    .dubai-banner .dubai-apartment .dubai-palm {
      width: 400px;
      margin-top: 30px;
      margin-right: 15%;
      text-align: center; }
      .dubai-banner .dubai-apartment .dubai-palm .luxury-living {
        font-family: "Bebas Neue", sans-serif;
        font-size: 60px;
        line-height: 60px;
        color: #fff;
        margin-top: 15px;
      font-weight: 800; }
        .dubai-banner .dubai-apartment .dubai-palm .luxury-living span {
          font-size: 36px;
          line-height: 36px; }
      .dubai-banner .dubai-apartment .dubai-palm .reach {
        font-family: 'austhinregular';
        font-size: 24px;
        color: #fff; }
      .dubai-banner .dubai-apartment .dubai-palm .letus-call {
        background-color: rgb(25 25 25 / 20%);
        width: 100%;
        height: auto;
        padding: 10px;
        margin-top: 20px; }
        .dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer {
          background-color: #fff;
          padding: 15px;
          text-align: left;
          box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.3); }
          .dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer .form-title {
            font-family: "Poppins", sans-serif;
            font-size: 24px;
            color: #343434;
            font-weight: 500; }
          .dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer .property {
            font-family: "Poppins", sans-serif;
            font-size: 14px;
            color: #343434;
            font-weight: 400;
            margin-bottom: 20px; }
          .dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer .form-row {
            display: flex;
            margin-top: 15px;
            flex-direction: column; }
            .dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer .form-row .form-name {
              width: 100%; }
              .dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer .form-row .form-name input {
                width: 100%;
                height: 40px;
                border: 1px solid #ccc;
                padding: 5px 15px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 15px; }
            .dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer .form-row .form-email {
              width: 100%; }
              .dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer .form-row .form-email input {
                width: 100%;
                height: 40px;
                border: 1px solid #ccc;
                padding: 5px 15px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 15px; }
              .dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer .form-row .form-email textarea {
                width: 100%;
                height: 100px;
                border: 1px solid #ccc;
                padding: 5px 15px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 15px; }
            .dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer .form-row .num-flex {
              display: flex; }
            .dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer .form-row .tab-mt15 {
              margin-top: 15px; }
          .dubai-banner .dubai-apartment .dubai-palm .letus-call .form-outer .submit-btn {
            background-color: #5487c6;
            padding: 15px 50px;
            font-size: 18px;
            color: #fff;
            border-radius: 30px; }

.damac-properties {
  padding-top: 50px;
  padding-bottom: 15px;
  background-color: #e3e3e3; }
  .damac-properties .massive-area {
    font-family: 'questaregular';
    font-size: 42px;
    line-height: 42px;
    color: #000000;
    font-weight: 500; }
  .damac-properties .new-launch {
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #000000; }
    .damac-properties .new-launch a {
      color: #000;
      text-decoration: none; }

.residental-project .luxury-villa {
  margin-top: -200px; }
.residental-project .island {
  background-color: #e0eeff;
  padding: 20px; }
  .residental-project .island .title {
    font-family: 'questaregular';
    font-size: 42px;
    color: #000;
    line-height: 42px;
    font-weight: 500; }
  .residental-project .island .specification {
    background-color: #191919;
    font-family: 'questaregular';
    font-size: 32px;
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 5px;
    margin-top: 5px; }
.residental-project .property-type {
  background-color: #f6f8fb;
  padding: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #000; }
.residental-project .handover-date {
  background-color: #e0eeff;
  padding: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #000; }

.place-nearby {
  margin-top: 60px; }
  .place-nearby .head-center {
    text-align: center; }
  .place-nearby .place-title {
    font-family: 'questaregular';
    font-size: 44px;
    color: #000;
    line-height: 44px;
    font-weight: 400;
    text-align: center;
    position: relative;
    display: inline-block; }
    .place-nearby .place-title:before {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 100px;
      height: 5px;
      background-color: #2b2b2b; }
  .place-nearby .place-keyfeature {
    list-style: none;
    display: flex;
    margin-top: 60px; }
    .place-nearby .place-keyfeature li {
      width: 25%;
      border-right: 1px solid #ccc; }
      .place-nearby .place-keyfeature li p {
        font-family: 'questaregular';
        font-size: 18px;
        color: #000;
        border-top: 1px solid #ccc;
        padding-top: 10px;
        font-weight: 500; }
        .place-nearby .place-keyfeature li p .duration {
          background-color: #5487c6;
          font-family: "Poppins", sans-serif;
          font-size: 18px;
          color: #fff;
          display: inline-block;
          font-weight: 600;
          padding: 5px 10px;
          margin-top: 10px; }
      .place-nearby .place-keyfeature li:last-child {
        border-right: none; }

.amenities {
  margin-top: 80px; }
  .amenities .amenites-process {
    position: relative; }
   
  .amenities .damac-amenities {
    background-color: #e0eeff;
    padding: 31px 50px;
    position: relative; }
    .amenities .damac-amenities:before {
      content: '';
      position: absolute;
      bottom: -97px;
      left: 0;
      width: 100px;
      height: 104px;
      background-image: url(../images/amenities-arrow.jpg);
      background-repeat: no-repeat;
      background-size: 100%; }
  .amenities .d-full {
    width: 100%; }
  .amenities .amenities-title {
    font-family: 'questaregular';
    font-size: 42px;
    color: #383838;
    font-weight: 500; }
  .amenities .amenities-desp {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    color: #383838;
    font-weight: 400;
    line-height: 24px;
    margin-top: 15px; }
  .amenities .amenities-list {
    margin-top: 30px;
    list-style: none; }
    .amenities .amenities-list li {
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      color: #383838;
      line-height: 30px;
      position: relative;
      padding-left: 25px; }
      .amenities .amenities-list li:before {
        content: '';
        position: absolute;
        top: 12px;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: #222; }

.discover {
  margin-top: 60px; }
  .discover .discover-title {
    font-family: 'questaregular';
    font-size: 32px;
    color: #383838;
    font-weight: 500;
    text-align: center;
    margin-bottom: 40px;
 }

 .rborder{border-right: 1px solid #ccc;}

 .foot-adres{
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #383838;
  font-weight: 500;
  margin-top: 15px; }


  .discover .step {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    color: #383838;
    font-weight: 500;
    text-align: center;
    margin-top: 15px; }

.white-step {
  background-color: #fff;
}
  .white-step .service-title {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    color: #383838;
    font-weight: 500;
    text-align: center;
    margin-top: 15px; }

.social {
  display: flex;
  list-style: none;
  margin-top: 15px; }
  .social li {
    padding: 0 5px; }

.center-icon {
  text-align: center; }

.code {
  background-color: #5789c7;
  border: none;
  color: #fff;
  width: 85px; }

.menu {
  display: flex; }

.gallery {
  padding: 80px 0; }
  .gallery .gallery-center {
    text-align: center; }
  .gallery .gallery-title {
    font-family: 'questaregular';
    font-size: 42px;
    color: #383838;
    font-weight: 500;
    margin-bottom: 30px; }

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0; }

.overlay:target {
  visibility: visible;
  opacity: 1; }

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out; }

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif; }

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333; }

.popup .close:hover {
  color: #06D85F; }

.popup .content {
  max-height: 30%;
  overflow: auto; }

@media screen and (max-width: 700px) {
  .box {
    width: 70%; }

  .popup {
    width: 70%; } }
.popup-form .form-title {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  color: #343434;
  font-weight: 500; }
.popup-form .property {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #343434;
  font-weight: 400;
  margin-bottom: 20px; }
.popup-form .form-name {
  width: 100%; }
  .popup-form .form-name input {
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    padding: 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px; }
.popup-form .form-email {
  width: 100%; }
  .popup-form .form-email input {
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    padding: 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px; }
  .popup-form .form-email textarea {
    width: 100%;
    height: 100px;
    border: 1px solid #ccc;
    padding: 5px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px; }
.popup-form .num-flex {
  display: flex; }
.popup-form .submit-btn {
  background-color: #5487c6;
  padding: 15px 50px;
  font-size: 18px;
  color: #fff;
  border-radius: 30px; }
.popup-form .form-row, .popup-form .tab-mt15 {
  margin-top: 15px; }

/*# sourceMappingURL=style.css.map */
