* {

  margin: 0px;

  padding: 0px;

  box-sizing: border-box;

}

body::-webkit-scrollbar {

  width: 10px;

}

body::-webkit-scrollbar-track {

  background: #f1f1f1;

}



/* Handle */

body::-webkit-scrollbar-thumb {

    background-color: #0d6f3e;

}





select::-webkit-scrollbar {

  width: 15px;

}

select::-webkit-scrollbar-track {

  background: #f1f1f1;

}



/* Handle */

select::-webkit-scrollbar-thumb {

    background-color: #0d6f3e;

}





html {

  font-size: 0.875rem;

}



body {

  font-family: "Arial", sans-serif !important;

  font-weight: 500;

}



h1 {

  font-size: 22px;

  font-weight: 700;

  letter-spacing: -0.9px;

  margin-bottom: 12px;

}



h2 {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.9px;

  margin-bottom: 12px;

}



h3 {

  font-size: 17px;

  font-weight: 700;

  letter-spacing: -0.9px;

  margin-bottom: 12px;

}



h4 {

  font-size: 16px;

  font-weight: 700;

  letter-spacing: -0.9px;

  margin-bottom: 12px;

}



h5 {

  font-size: 15px;

  font-weight: 700;

  letter-spacing: -0.9px;

  margin-bottom: 12px;

}



h5 {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: -0.9px;

  margin-bottom: 12px;

}



p {

  line-height: 1.7;

}



ul {

  padding: 0px;

  margin: 0px;

  list-style: none;

}



header {

  background-color: #0d6f3e;

  height: 37px;

  position: fixed;

  width: 100%;

  z-index: 1000;

  top: 0px;

}

/*new css start....*/

.btm-header .Reservations p {

    color: #000;

}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {

    z-index: 1000 !important;

}

.datepicker.datepicker-dropdown {

        margin-top: 83px;

  }

.Inner-content.pagedescription table {

    margin-left: auto;

    margin-right: auto;

    border-collapse: collapse;

}

.Inner-content.pagedescription table thead {

    background-color: #0d6f3e;

    color: #fff;

}

.Inner-content.pagedescription table th {

    border: 1px solid #0d6f3e;

    padding: 6px 8px;

    text-align: center;

}

.Inner-content.pagedescription table tbody td {

    border: 1px solid #0d6f3e;

    padding: 6px 8px;

    text-align: center;

}

.scrollbar-auto {

            scrollbar-color: auto;

            height: 150px;

            width: 200px;

            overflow-y: scroll;

            background-color: red;

}

.entry-content.clearfix h3 {

    color: #0d6f3e;

}

.snackbar-container.snackbar-pos.bottom-right {
    position: fixed;
    bottom: 50px !important;
    right: 23px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: initial !important;
    border-radius: 5px;
    width: 300px !important;
}
.snackbar-container button.action {
    border: 0;
    margin-left: 10px;
    background: transparent !important;
    color: rgb(76, 175, 80) !important;
}


ul.quote-actions li {

    list-style-type: none !important;

}

@media (max-width: 575.98px) {

    .navbar a img {

        width: 85%;

        margin-left: 21px;

    }

    header .btm-header .Reservations span{

      color: #fff !important;

    }

    .datepicker.datepicker-dropdown {

    z-index: 1000 !important;

    position: absolute;

    /* top: -1px !important; */

    margin-top: 73px;

}



    footer .InnerFooter .footerInner h4 {

        margin-bottom: 5px;

        color: #ffff;

    }

    header .navbar-expand-lg .navbar-collapse .navbar-nav li .dropdown-menu li a {

  font-size:8px !important;

}

}

select::-webkit-scrollbar {height: 100px;}

@media (max-width: 991.98px) {

  header {

    height: initial;

  }

}

header .navbar-expand-lg .navbar-brand {

  position: relative;

  z-index: 1;

}

@media (max-width: 991.98px) {

  header .navbar-expand-lg .navbar-brand {

    margin: 5px 0px 0px 50px;

  }

}

header .navbar-expand-lg .navbar-toggler {

  position: absolute;

  border: 0px;

  color: #ffffff;

  padding: 8px 0px 0px;

  outline: none !important;

  font-size: 1.8rem;

  box-shadow: none !important;

}

header .navbar-expand-lg .navbar-toggler .navbar-toggler-icon {

  background: transparent;

  height: initial;

}

@media (max-width: 991.98px) {

  header .navbar-expand-lg .navbar-collapse {

    position: fixed;

    top: 0px;

    left: initial;

    width: 400px;

    right: -500px;

    z-index: 100;

    bottom: initial;

    height: initial;

    background-color: #0d6f3e;

  }

}

@media (max-width: 575.98px) {

  header .navbar-expand-lg .navbar-collapse {

    width: 100%;

  }

}

@media (max-width: 991.98px) {

  header .navbar-expand-lg .navbar-collapse .inside-menu {

    display: inline-block !important;

    width: 50px;

    right: 0px;

    top: 0px;

  }

}

@media (max-width: 991.98px) {

  header .navbar-expand-lg .navbar-collapse .navbar-nav {

    margin-top: 45px;

  }

}

@media (min-width: 1200px) {

  header .navbar-expand-lg .navbar-collapse .navbar-nav li:hover .dropdown-menu {

    display: block;

  }

}

header .navbar-expand-lg .navbar-collapse .navbar-nav li a {

  padding: 8px 12px;

  color: #ffffff;

  transition: 0.5s;

}

header .navbar-expand-lg .navbar-collapse .navbar-nav li a:hover, header .navbar-expand-lg .navbar-collapse .navbar-nav li a:focus {

  color: #ffffff;

  background-color: #2f8c3c;

}

@media (max-width: 1199.98px) {

  header .navbar-expand-lg .navbar-collapse .navbar-nav li a {

    padding: 8px 4px;

  }

}

@media (max-width: 991.98px) {

  header .navbar-expand-lg .navbar-collapse .navbar-nav li a {

    padding: 8px 13px;

    border-bottom: 1px solid #ffffff;

    display: flex;

    align-items: center;

    justify-content: space-between;

  }

}

header .navbar-expand-lg .navbar-collapse .navbar-nav li a.active {

  background-color: #2f8c3c;

  color: #ffffff;

}

@media (max-width: 1199.98px) {

  header .navbar-expand-lg .navbar-collapse .navbar-nav li a.dropdown-toggle:after {

    margin-left: 0.1555rem;

  }

}

header .navbar-expand-lg .navbar-collapse .navbar-nav li .dropdown-menu {

  background-color: #f6fdfa;

  border: 1px solid #ccc;

  border-radius: 0px 0px 10px 10px;

}

@media (max-width: 991.98px) {

  header .navbar-expand-lg .navbar-collapse .navbar-nav li .dropdown-menu {

    position: absolute;

  }

}

header .navbar-expand-lg .navbar-collapse .navbar-nav li .dropdown-menu li a {

  font-weight: 600;

  color: #0d6f3e;

  background-color: transparent;

  font-size: 0.85rem;

  padding: 5px 15px 5px 30px;

  position: relative;

}

@media (max-width: 991.98px) {

  header .navbar-expand-lg .navbar-collapse .navbar-nav li .dropdown-menu li a {

    word-break: break-word;

    white-space: pre-line;

  }

}

header .navbar-expand-lg .navbar-collapse .navbar-nav li .dropdown-menu li a:before {

  content: "";

  width: 8px;

  height: 8px;

  position: absolute;

  background-color: #ddd;

  left: 15px;

  top: 10px;

}

header .navbar-expand-lg .navbar-collapse .navbar-nav li .dropdown-menu li a:hover:before {

  background-color: #0d6f3e;

}

header .navbar-expand-lg .navbar-collapse .navbar-nav li .orlandoTravel {

  right: 0;

  min-width: 520px;

  left: initial;

}

@media (max-width: 991.98px) {

  header .navbar-expand-lg .navbar-collapse .navbar-nav li .orlandoTravel {

    min-width: 100%;

  }

}

header .navbar-expand-lg .navbar-collapse .navbar-nav li .orlandoTravel li {

  width: 50%;

  float: left;

}

@media (max-width: 991.98px) {

  header .navbar-expand-lg .navbar-collapse.show {

    right: 0px;

  }

}

header .navbar-expand-lg .navbar-collapse.show + .overlaybox {

  position: fixed;

  left: 0px;

  right: 0px;

  top: 0px;

  bottom: 0px;

  background-color: #000;

  opacity: 0.5;

  z-index: 10;

}

header .btm-header {

  background-color: #f6fdfa;

  border-bottom: 1px solid #0d6f3e;

  position: relative;

  top: -62px;

  padding: 6px 0px;

}

@media (max-width: 991.98px) {

  header .btm-header {

    top: 0px;

    background-color: #0d6f3e;

    padding: 0px;

  }

}

@media (max-width: 991.98px) {

  header .btm-header .head-text {

    color: #ffffff;

    padding: 10px 0px;

  }

}

header .btm-header .Reservations {

  text-align: center;

}

@media (max-width: 991.98px) {

  header .btm-header .Reservations {

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    top: -40px;

    right: 0px;

  }

}

@media (max-width: 575.98px) {

  header .btm-header .Reservations {

    position: initial;

  }

}

@media (max-width: 991.98px) {

  header .btm-header .Reservations p {

    color: #ffffff;

    font-size: 1.2rem;

  }

}

header .btm-header .Reservations span {

  background-color: #0d6f3e;

  color: #ffffff;

  padding: 5px 14px;

  border-radius: 14px;

  display: inline-block;

  font-weight: 600;

}

@media (max-width: 991.98px) {

  header .btm-header .Reservations span {

    font-size: 1.2rem;

    padding-left: 5px;

  }

}



.sticky {

  position: absolute;

}



header.sticky + main .additional-header {

  position: fixed;

  top: 0px;

  left: 0px;

  right: 0px;

  border-top: 1px solid #0d6f3e;

  z-index: 1000;

}



main {

  margin-top: 100px;

}

@media (max-width: 991.98px) {

  main {

    margin-top: 115px;

  }

  .emeral-logo img {

    width: 100%;

}

}

@media (max-width: 575.98px) {

  main {

    margin-top: 75px;

  }

}

main .additional-header {

  background-color: #d5ffec;

  border-bottom: 1px solid #0d6f3e;

  padding: 10px 0px;

}

main .additional-header .mene-titles {

  color: #0d6f3e;

  padding: 8px 15px;

  border: 1px solid #a4c2b4;

  background-color: #f6fdfa;

  font-weight: 600;

  font-size: 0.85rem;

}

main .additional-header .mene-titles i {

  margin-right: 5px;

}

main .additional-header .Villa-menu {

  display: flex;

}

@media (max-width: 767.98px) {

  main .additional-header .Villa-menu {

    flex-wrap: wrap;

    justify-content: flex-start !important;

  }

}

main .additional-header .Villa-menu li a {

  color: #0d6f3e;

  font-weight: 600;

  text-decoration: none;

  border: 1px solid rgba(13, 111, 62, 0.7294117647);

  padding: 6px 10px 5px;

  margin-right: 5px;

  border-radius: 55px;

  display: inline-block;

  font-size: 0.85rem;

  transition: 0.5s;

  line-height: 1.4rem;

  background-color: #ffffff;

}

main .additional-header .Villa-menu li a:hover {

  background-image: linear-gradient(to bottom, #9ec14c, #41b14f);

  color: #ffffff;

  border-color: #41b14f;

}

main .additional-header .Villa-menu li a.active {

  background-image: linear-gradient(to bottom, #308e3c, #0a5932);

  color: #ffffff;

}
@media (max-width: 767.98px) {
    main .Emerald-intro .map-head ul {
        max-height: 940px !important;
        overflow-y: scroll;
                margin-top: 558px;
    }
}
@media (max-width: 767.98px) {

  main .additional-header .Villa-menu li a {

    margin-bottom: 5px;

  }

}

@media (max-width: 767.98px) {

  main .container {

    max-width: 100%;

  }

}

main .quote-form .form-group {

  margin-bottom: 20px;

}

main .quote-form .form-group:hover label {

  color: #337ab7;

}

main .quote-form .form-group:hover .form-select, main .quote-form .form-group:hover .form-control {

  border-color: #337ab7 !important;

}

main .quote-form .form-group label {

  font-size: 1rem;

  margin-bottom: 5px;

}

main .quote-form .form-group .red {

  font-weight: 600;

  color: #cb2027;

}

main .quote-form .form-group .form-control, main .quote-form .form-group .form-select {

  display: block;

  position: relative;

  z-index: 1;

  width: 100%;

  min-height: 42px;

  border-radius: 5px;

  background-color: #f1f1f1;

  outline: none;

  box-shadow: none;

  border: 1px solid #ccc;

}

main .quote-form .form-group .Terms-text {

  min-height: 600px;

}

main .quote-form .form-group .form-btn {

  border: 1px solid #25729a;

  background-color: #3093c7;

  padding: 10px 25px;

  color: #fff;

  font-size: 14px;

  font-weight: 700;

  text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3);

  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 16px rgba(0, 0, 0, 0.3) inset;

}

main .quote-form .form-group .form-btn:hover {

  box-shadow: none;

}

main .quote-form .form-group .review-btn {

  padding: 0px 25px;

  font-size: 14px;

  line-height: 36px;

  background-image: linear-gradient(to bottom, #9ec14c, #41b14f);

  border-radius: 55px;

  color: #ffffff;

}

main .Emerald-intro {

  padding: 20px 0px;

}

main .Emerald-intro .Inner-content h1 {

  color: #0d6f3e;

}

main .Emerald-intro .Inner-content h2 {

  color: #0d6f3e;

}

main .Emerald-intro .Inner-content p a {

  text-decoration: none;

  color: #0d6f3e;

}

main .Emerald-intro .Inner-content .property-deatils img {

  max-width: 25%;

  height: initial;

}

main .Emerald-intro .Inner-content .log-list {

  list-style: circle;

  padding-left: 40px;

}

main .Emerald-intro .Inner-content .log-list li {

  line-height: 25px;

}

main .Emerald-intro .Inner-content .log-list li a {

  text-decoration: none;

}

main .Emerald-intro .Inner-content .dot-list {

  list-style: disc;

  padding-left: 15px;

}

main .Emerald-intro .Inner-content .dot-list li a {

  text-decoration: none;

  color: #0d6f3e;

}

main .Emerald-intro .Inner-content .BookForm p {

  margin: 15px 0px;

}

main .Emerald-intro .Inner-content .BookForm p strong {

  color: #cb2027;

}

main .Emerald-intro .Inner-content .tablist {

  display: flex;

  justify-content: space-between;

}

main .Emerald-intro .Inner-content .tablist li {

  font-size: 0.85rem;

  width: calc(20% - 10px);

}

main .Emerald-intro .Inner-content .tablist li a {

  display: block;

  font-size: 1rem;

  text-align: center;

  background-color: #4f4f4f;

  padding: 10px 15px;

  text-decoration: none;

  color: #ffffff;

  font-weight: 600;

  border-radius: 5px;

}

main .Emerald-intro .Inner-content .tablist li a:hover {

  background-color: #2f8c3c;

}

@media (max-width: 767.98px) {

  main .Emerald-intro .Inner-content .tablist li a {

    font-size: 0.85rem;

    padding: 10px 5px;

  }

}

main .Emerald-intro .Inner-content .tablist li .active {

  background-color: #0d6f3e;

}

main .Emerald-intro .Inner-content .red {

  color: #cb2027;

}

main .Emerald-intro .Inner-content .mainform .Propertyset {

  background-color: #d5ffec;

  border: 1px solid rgba(13, 111, 62, 0.7294117647);

  display: inline-block;

  padding: 10px 15px;

  min-width: 250px;

  border-radius: 5px;

  margin-bottom: 20px;

  font-weight: 600;

  color: #0d6f3e;

}

main .Emerald-intro .Inner-content .mainform .form-group .red {

  font-weight: 600;

  color: #cb2027;

}

main .Emerald-intro .Inner-content .Guest-comment .guest-review .guest {

  display: flex;

  justify-content: space-between;

}

@media (max-width: 767.98px) {

  main .Emerald-intro .Inner-content .Guest-comment .guest-review .guest {

    flex-direction: column;

  }

}

main .Emerald-intro .Inner-content .Guest-comment .guest-review .guest .name {

position: relative;

    padding-left: 35px;

    font-size: 15px;

}

main .Emerald-intro .Inner-content .Guest-comment .guest-review .guest .name::before {

  content: "";

  position: absolute;

  width: 15px;

  height: 2px;

  background-color: #716c62;

  top: 10px;

  left: 0px;

}

main .Emerald-intro .Inner-content .review-years {

    display: inline-block;

    border: 1px solid #a4c2b4;

    border-radius: 8px 8px 0 0;

    box-shadow: 0 0 40px rgba(0, 0, 0, .07) inset, 0 1px 1px rgba(0, 0, 0, .3);

    margin: 19px 0 47px 0;

    background-color: #eefdf6;

    padding: 17px 8px 0px;

    text-align: center;

}

.review-years h4{

    border: 1px solid #a4c2b4;

    border-radius: 8px 8px 0 0;

    box-shadow: 1px 2px 0 0 rgba(255, 255, 255, .5) inset, 0 0 40px rgba(0, 0, 0, .1) inset, 0 1px 4px rgba(0, 0, 0, .3);

    margin: -17px -9px 8px -9px;

    background-color: #d5ffec;

    padding: 7px 12px 6px 12px;

    color: #3d4843;

    font-size: 16px;

    font-weight: 700;

    cursor: default;

}

@media (max-width: 767.98px) {

  main .Emerald-intro .Inner-content .review-years {

    margin-bottom: 0px;

  }

}

main .Emerald-intro .Inner-content .review-years h4 {

  padding: 7px 12px 6px 12px;

  color: #3d4843;

  border-bottom: 1px solid #a4c2b4;

}

.Inner-content ul li {

    list-style-type: disclosure-closed;

    margin-left: 17px;

}

main .Emerald-intro .Inner-content .review-years .form-select {

    border: 1px solid #a4c2b4;

    margin-bottom: 10px;

    box-shadow: none;

    width: 80px;

    text-align: center;

    padding: 4px 15px;

    margin: 0 auto 10px;

    border-color: #9dbfb0 !important;

    background-color: #edfcf5 !important;

}

main .Emerald-intro .Inner-content .review-years .form-select option {

  background-color: #d5ffec;

}

main .Emerald-intro .Inner-content .review-years .form-select option:hover {

  background-color: #084929;

}

main .Emerald-intro .steps-1 h2 {

  color: #0d6f3e;

}

main .Emerald-intro .steps-1 p a {

  text-decoration: none;

}

main .Emerald-intro .steps-1 .form-btn {

  padding: 12px 20px;

  color: #ffffff;

  font-size: 15px;

  font-weight: 700;

  text-decoration: none;

  border-radius: 5px;

  border: 1px solid #25729a;

  background-color: #3093c7;

  box-shadow: none;

}

main .Emerald-intro .Amenities-table table {

  width: 100%;

  background-color: #eeeeee;

}

main .Emerald-intro .Amenities-table table tr td {

  padding: 12px 15px;

  font-size: 1rem;

  text-align: left;

  line-height: 20px;

}

main .Emerald-intro .Amenities-table table tr td ul {

  list-style: circle;

  padding-left: 20px;

}

main .Emerald-intro .calendar-info {

  background-color: #ffffff;

  padding: 5px;

  border: 1px solid #dddddd;

  border-radius: 5px;

}

main .Emerald-intro .calendar-info .info-inner {

  background-color: #f6f8df;

  padding: 15px;

}

main .Emerald-intro .calendar-info .info-inner p a {

  text-decoration: none;

}

main .Emerald-intro .legend-info ul {

  display: flex;

  justify-content: center;

  width: 80%;

  margin: 20px auto;

}

@media (max-width: 767.98px) {

  main .Emerald-intro .legend-info ul {

    overflow: hidden;

    white-space: normal;

    flex-wrap: wrap;

    width: 100%;

  }

}

main .Emerald-intro .legend-info ul li {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  margin: 0 10px 10px 0px;

  padding-left: 35px;

  line-height: 16px;

  text-align: left;

  position: relative;

  font-size: 10px;

  vertical-align: top;

}

main .Emerald-intro .legend-info ul li:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  border-top: 32px solid transparent;

  border-right: 34px solid transparent;

}

main .Emerald-intro .legend-info ul li.regular:after {

  background-color: #f4f4f4;

}

main .Emerald-intro .legend-info ul li.regular-pm:after {

  border-right-color: #f4f4f4 !important;

}

main .Emerald-intro .legend-info ul li.regular-am:after {

  border-top-color: #f4f4f4 !important;

}

main .Emerald-intro .legend-info ul li.special:after {

  background-color: #8fd66b;

}

main .Emerald-intro .legend-info ul li.special-pm:after {

  border-right-color: #8fd66b;

}

main .Emerald-intro .legend-info ul li.special-am:after {

  border-top-color: #8fd66b;

}

main .Emerald-intro .legend-info ul li.Unavailable:after {

  background-color: #f27a75;

}

main .Emerald-intro .legend-info ul li span {

  display: block;

  width: 100%;

}

@media (max-width: 767.98px) {

  main .Emerald-intro .legend-info ul li span {

    display: block;

  }

}

@media (max-width: 767.98px) {

  main .Emerald-intro .legend-info ul li {

    font-size: 14px;

    line-height: 15px;

    margin-top: 7px;

    list-style-type: decimal;

    flex-wrap: wrap;

    width: 30%;

    margin-right: 0px;

  }

}

main .Emerald-intro .legend-info ul .Unavailable {

  line-height: 30px;

}

main .Emerald-intro .legend-info table {

  display: inline-block;

  margin-bottom: 28px;

  border-collapse: collapse;

  vertical-align: top;

}

@media (max-width: 1399.98px) {

  main .Emerald-intro .legend-info table {

    margin-left: 5px !important;

  }

}

main .Emerald-intro .legend-info table thead {

  background: transparent;

  color: #222;

}

main .Emerald-intro .legend-info table thead th {

  padding: 8px 5px;

  font-size: 0.85rem;

}

main .Emerald-intro .legend-info table thead .villa {

  text-align: center;

}

main .Emerald-intro .legend-info table tbody tr td {

  vertical-align: middle;

  position: relative;

  border: 0;

  border-collapse: separate;

  padding: 0;

  min-width: 27px;

  width: 32px;

  height: 32px;

  font-size: 0.85rem;

  text-align: center;

}

main .Emerald-intro .legend-info table tbody tr td a {

  white-space: nowrap;

  display: block;

  text-decoration: none;

  color: #0d6f3e;

  font-size: 1rem;

}

main .Emerald-intro .legend-info table tbody tr td.regular-pm:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  border-top: 32px solid transparent;

  border-right: 34px solid transparent;

  border-right-color: #f4f4f4;

}

@media (max-width: 767.98px) {

  main .Emerald-intro .legend-info table tbody tr td.regular-pm:after {

    right: 0px;

  }

}

main .Emerald-intro .legend-info table tbody tr td.regular-am:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  border-top: 32px solid transparent;

  border-right: 34px solid transparent;

  border-top-color: #f4f4f4;

}

@media (max-width: 767.98px) {

  main .Emerald-intro .legend-info table tbody tr td.regular-am:after {

    right: 0px;

  }

}

main .Emerald-intro .legend-info table tbody tr td span {

  position: relative;

  z-index: 100;

}

main .Emerald-intro .legend-info table tbody tr .unavailable, main .Emerald-intro .legend-info table tbody tr .unavailable-am, main .Emerald-intro .legend-info table tbody tr .unavailable-pm {

  background-color: #f27a75;

}

main .Emerald-intro .legend-info table tbody tr .regular {

  background-color: #f4f4f4;

}

@media (max-width: 767.98px) {

  main .Emerald-intro .legend-info table {

    width: 100%;

    display: table !important;

    margin: 0px !important;

  }

}

@media (max-width: 991.98px) {

  main .Emerald-intro .legend-info {

    white-space: nowrap;

    overflow: auto;

  }

}

main .Emerald-intro .ratessections table {

  margin-left: auto;

  margin-right: auto;

  border-collapse: collapse;

}

main .Emerald-intro .ratessections table thead tr th {

  border: 1px solid #0d6f3e;

  padding: 6px 8px;

  text-align: center;

  background-color: #0d6f3e;

  color: #ffffff;

}

main .Emerald-intro .ratessections table tbody tr td {

  border: 1px solid #0d6f3e;

  padding: 6px 8px;

  text-align: center;

}

main .Emerald-intro .map-head h3 {

  background-color: #0d6f3e;

  padding: 10px 15px;

  color: #ffffff;

  margin-bottom: 0px;

}

main .Emerald-intro .map-head ul {

  max-height: 560px;

  overflow: auto;

}

@media (max-width: 767.98px) {

  main .Emerald-intro .map-head ul {

    max-height: initial;

  }

}

main .Emerald-intro .map-head ul li {

  margin: 5px 0px;

  display: block;

}

main .Emerald-intro .map-head ul li a {

  box-shadow: 4px 4px 0 #cfcfcf;

  display: block;

  text-decoration: none;

  border: 1px solid transparent;

  background-color: #f8f8f8;

  padding: 7px 0 5px 25px;

  color: #888;

  font-weight: 600;

}

main .Emerald-intro .map-head ul li a:hover {

  border-color: #999;

  background-color: #f2f2f2;

  color: #444;

}

main .Emerald-intro .mapBox iframe {

  width: 100%;

  height: 600px;

}

@media (max-width: 767.98px) {

  main .Emerald-intro .mapBox iframe {

    height: 300px;

  }

}

main .badroomOP {

  background-color: #f3f6f6;

  padding: 20px 0px;

}

main .badroomOP .badroom-head h2 {

  color: #0d6f3e;

}

@media (max-width: 767.98px) {

  main .badroomOP .badroom-head .ViewallTab {

    width: 100%;

    text-align: end;

  }

}

main .badroomOP .badroom-head .ViewallTab .viewall-link {

  color: #fc4208;

  font-weight: 700;

  text-decoration: none;

  font-size: 1.3rem;

}

@media (max-width: 767.98px) {

  main .badroomOP .badroom-head .ViewallTab .viewall-link {

    font-size: 1.1rem;

  }

}

main .badroomOP .badroom-head .link-list {

  padding-left: 17px;

}

main .badroomOP .badroom-head .link-list li {

  list-style: disc;

  padding-bottom: 5px;

}

main .badroomOP .badroom-head .link-list li a {

  text-decoration: none;

  color: #0d6f3e;

}

main .badroomOP .badroom-list ul {

  display: flex;

  margin: 0px -7px;

  flex-wrap: wrap;

}

@media (max-width: 767.98px) {

  main .badroomOP .badroom-list ul {

    justify-content: center;

  }

}

main .badroomOP .badroom-list ul li {

  padding: 0px 7px;

  width: 20%;

}

@media (max-width: 767.98px) {

  main .badroomOP .badroom-list ul li {

    width: 50%;

    margin-bottom: 6px;

  }

}

main .badroomOP .badroom-list ul li a {

  position: relative;

  display: inline-block;

  overflow: hidden;

}

main .badroomOP .badroom-list ul li a:hover img {

  transform: scale(1.1);

}

main .badroomOP .badroom-list ul li a img {

  transition: 0.5s;

}

main .badroomOP .badroom-list ul li a h5 {

  position: absolute;

  color: #ffffff;

  text-decoration: none;

  top: 50px;

  bottom: 0px;

  left: 0px;

  right: 0px;

  margin: 0px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 22px;

  z-index: 1;

  text-align: center;

}

@media (max-width: 991.98px) {

  main .badroomOP .badroom-list ul li a h5 {

    font-size: 1rem;

    text-shadow: none;

  }

}

@media (max-width: 767.98px) {

  main .badroomOP .badroom-list ul li a h5 {

    font-size: 1.2rem;

    text-shadow: none;

  }

}

main .Roomselection {

  padding: 30px 0px;

}

main .selectRoom {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

}

main .selectRoom li {

  margin-bottom: 5px;

}

main .selectRoom li a {

  background-color: #1baa62;

  border: 1px solid #0d6f3e;

  color: #ffffff;

  padding: 7px 14px;

  text-decoration: none;

  margin: 0px 10px;

  font-weight: 600;

  border-radius: 4px 15px;

  text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3);

  border-bottom-width: 3px;

  transition: 0.5s;

  display: inline-block;

}

main .selectRoom li a:hover {

  background-color: #ffffff;

  color: #0d6f3e;

  text-shadow: none;

}

@media (max-width: 991.98px) {

  main .selectRoom li a {

    margin: 0px 5px;

  }

}

main .Villas-Search {

  padding: 30px 0px 50px;

}

@media (max-width: 767.98px) {

  main .Villas-Search .container {

    max-width: 100%;

  }

}

main .Villas-Search .searchTab .EmeraldLab {

  background-color: #0d6f3e;

  padding: 5px 15px;

  display: inline-block;

  font-weight: 600;

  color: #ffffff;

}

main .Villas-Search .searchTab form {

  position: relative;

  border: 3px solid #0d6f3e;

  padding: 0px 105px 0px 0px;

  display: flex;

  justify-content: space-between;

  background-color: #ffffff;

}

@media (max-width: 767.98px) {

  main .Villas-Search .searchTab form {

    padding: 0px 50px 0px 0px;

    flex-wrap: wrap;

  }

}

main .Villas-Search .searchTab form .Island-filed {

  display: flex;

  flex-direction: column-reverse;

  width: calc(20% - 15px);

  text-align: center;

  padding: 1px 8px;

}

@media (max-width: 575.98px) {

  main .Villas-Search .searchTab form .Island-filed {

    padding: 5px 4px;

    width: calc(50% - 0px);

  }

}

main .Villas-Search .searchTab form .Island-filed label {

  font-size: 0.85rem;

  border-top: 1px solid #ccc;

  color: #000;

  white-space: nowrap;

}

@media (max-width: 767.98px) {

  main .Villas-Search .searchTab form .Island-filed label {

    font-size: 0.75rem;

  }

}

main .Villas-Search .searchTab form .Island-filed input, main .Villas-Search .searchTab form .Island-filed select {

  border: 0px;

  text-align: center;

  font-size: 1.1rem;

  font-weight: 600;

}

@media (max-width: 767.98px) {

  main .Villas-Search .searchTab form .Island-filed input, main .Villas-Search .searchTab form .Island-filed select {

    font-size: 1rem;

  }

}

@media (max-width: 575.98px) {

  main .Villas-Search .searchTab form .Island-filed input, main .Villas-Search .searchTab form .Island-filed select {

    font-size: 0.7rem;

  }

}

@media (max-width: 575.98px) {

  main .Villas-Search .searchTab form .Type-selection, main .Villas-Search .searchTab form .Bedroom-selection, main .Villas-Search .searchTab form .Flexibility-selection {

    width: 33.33%;

  }

}

main .Villas-Search .searchTab form span.downarrow {

  position: absolute;

  width: 50px;

  text-align: center;

  padding: 5px 0px;

  border-radius: 0px 0px 10px 10px;

  background: #0d6f3e;

  color: #ffffff;

  top: 53px;

  left: 50%;

  transform: translateX(-50%);

  cursor: pointer;

}

@media (max-width: 767.98px) {

  main .Villas-Search .searchTab form span.downarrow {

    top: 49px;

  }

}

@media (max-width: 575.98px) {

  main .Villas-Search .searchTab form span.downarrow {

    top: 82px;

  }

}

main .Villas-Search .searchTab form span.downarrow:hover .bottom-form, main .Villas-Search .searchTab form span.downarrow:active .bottom-form {

  width: 800px;

  visibility: visible;

}

@media (max-width: 1399.98px) {

  main .Villas-Search .searchTab form span.downarrow:hover .bottom-form, main .Villas-Search .searchTab form span.downarrow:active .bottom-form {

    width: 550px;

  }

}

@media (max-width: 991.98px) {

  main .Villas-Search .searchTab form span.downarrow:hover .bottom-form, main .Villas-Search .searchTab form span.downarrow:active .bottom-form {

    width: 600px;

  }

}

@media (max-width: 575.98px) {

  main .Villas-Search .searchTab form span.downarrow:hover .bottom-form, main .Villas-Search .searchTab form span.downarrow:active .bottom-form {

    width: 310px;

  }

}

main .Villas-Search .searchTab form span.downarrow .bottom-form {

  position: absolute;

  width: 0px;

  display: flex;

  left: 50%;

  transform: translateX(-50%);

  background: #ffffff;

  justify-content: center;

  top: 0px;

  transition: 0.5s;

  border: 3px solid #0d6f3e;

  border-radius: 0px 0px 15px 15px;

  visibility: hidden;

}

main .Villas-Search .searchTab form span.downarrow .bottom-form .Island-filed {

  width: calc(33.3333333333% - 7px);

}

main .Villas-Search .searchTab form .submit-btn button {

  position: absolute;

  top: 0px;

  bottom: 0px;

  border: 0px;

  right: 0px;

  background-color: #0d6f3e;

  width: 100px;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #ffffff;

  font-size: 1.5rem;

  transition: 0.5s;

}

@media (max-width: 767.98px) {

  main .Villas-Search .searchTab form .submit-btn button {

    width: 45px;

  }

}

main .Villas-Search .searchTab form .submit-btn button i {

  transition: 0.2s;

}

main .Villas-Search .searchTab form .submit-btn button:hover {

  background-color: #084929;

}

main .Villas-Search .searchTab form .submit-btn button:hover i {

  transform: scale(1.3);

}

main .stapes {

  width: 90%;

  margin: 0 auto;

}

main .stapes h1 {

  color: #0d6f3e;

  padding-top: 20px;

}

main .stapes .nav-tabs {

  display: flex;

  justify-content: space-between;

  border: 0px;

}

main .stapes .nav-tabs li {

  font-size: 0.85rem;

  width: calc(20% - 10px);

}

main .stapes .nav-tabs li button {

  display: block;

  font-size: 1rem;

  text-align: center;

  background-color: #4f4f4f;

  padding: 10px 15px;

  text-decoration: none;

  color: #ffffff;

  font-weight: 600;

  width: 100%;

  border-radius: 5px;

}

main .stapes .nav-tabs li button:hover {

  background-color: #2f8c3c;

}

main .stapes .nav-tabs li .active {

  background-color: #0d6f3e;

  color: #ffffff;

}

main .stapes .tab-pane form .info-message {

  border-bottom: 1px solid #ccc;

  padding-bottom: 10px;

}

main .stapes .tab-pane form .info-message .required {

  color: #cb2027;

  font-weight: 600;

}

main .stapes .tab-pane form fieldset legend {

  display: inline-block;

  padding: 10px 15px;

  min-width: 250px;

  border-radius: 5px;

  margin-bottom: 20px;

  font-weight: 600;

  color: #0d6f3e;

  font-size: 1rem;

  width: auto;

  border: 1px solid #a4c2b4;

  background-color: #d5ffec;

}



.vacation-box {

  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.08);

  background-color: #fafafa;

  margin-bottom: 30px;

}

.vacation-box h2 {

  background-color: #0d6f3e;

  padding: 10px 10px;

}

.vacation-box h2 a {

  color: #ffffff;

  text-decoration: none;

}

.vacation-box .mene-selections {

  display: flex;

  border-bottom: 1px solid #85d2ab;

  background-color: #e6fdf3;

  padding: 8px 10px;

  flex-wrap: wrap;

}

@media (max-width: 575.98px) {

  .vacation-box .mene-selections {

    justify-content: space-between;

  }

}

@media (max-width: 575.98px) {

  .vacation-box .mene-selections li {

    width: 49%;

  }

}

.vacation-box .mene-selections li a {

  color: #0d6f3e;

  font-weight: 600;

  text-decoration: none;

  border: 1px solid #0d6f3e;

  padding: 3px 10px;

  margin-right: 5px;

  border-radius: 55px;

  display: inline-block;

  font-size: 0.95rem;

  transition: 0.5s;

  background-color: #ffffff;

}

.vacation-box .mene-selections li a:hover {

  background-image: linear-gradient(to bottom, #9ec14c, #41b14f);

  color: #ffffff;

  border-color: #41b14f;

}

@media (max-width: 575.98px) {

  .vacation-box .mene-selections li a {

    display: block;

    font-size: 0.85rem;

    margin-bottom: 1px;

  }

}

.vacation-box .vacation-details {

  padding: 10px;

}

@media (max-width: 767.98px) {

  .vacation-box .vacation-details .Features-inner .Features-list {

    display: flex;

    flex-wrap: wrap;

  }

}

.vacation-box .vacation-details .Features-inner .Features-list li {

  position: relative;

  padding: 1px 0px 1px 20px;

  font-size: 1rem;

}

@media (max-width: 767.98px) {

  .vacation-box .vacation-details .Features-inner .Features-list li {

    width: 50%;

  }

}

.vacation-box .vacation-details .Features-inner .Features-list li i {

  position: absolute;

  left: 0px;

  top: 4px;

  font-weight: 600;

  color: #0d6f3e;

}



.Check-our {

  background-color: #ebfdf4;

  border: 1px solid #a4c2b4;

  padding: 10px 15px;

}

.Check-our p a {

  color: #337ab7;

  text-decoration: none;

}



.sidebars {

  padding: 20px 0px;

}

.sidebars .request-form h2 {

  color: #0d6f3e;

  background-color: #d5ffec;

  border: 1px solid #a4c2b4;

  color: #3d4843;

  padding: 13px 15px;

  border-radius: 15px 15px 0px 0px;

  margin-bottom: 0px;

  box-shadow: 1px 2px 0 0 rgba(255, 255, 255, 0.5) inset, 0 0 40px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.3);

}

.sidebars .request-form form {

  background-color: #eefdf6;

  padding: 15px;

  border: 1px solid #a4c2b4;

  box-shadow: 0 0 40px rgba(0, 0, 0, 0.07) inset, 0 1px 4px rgba(0, 0, 0, 0.3);

}

.sidebars .request-form form .form-group {

  margin-bottom: 20px;

}

.sidebars .request-form form .form-group label {

  font-weight: 600;

  margin-bottom: 5px;

}

.sidebars .request-form form .form-group:hover label {

  color: #337ab7;

}

.sidebars .request-form form .form-group .form-select, .sidebars .request-form form .form-group .form-control {

  box-shadow: none !important;

  outline: none !important;

  border: 1px solid #ccc;

  min-height: 42px;

}

.sidebars .request-form form .AdvancedSearch h4 {

  background: #d5ffec;

  margin: 10px 0px;

  padding: 10px;

  border: 1px solid #a4c2b4;

  border-radius: 5px;

}

.sidebars .request-form form .form-btn {

  border: 1px solid #25729a;

  background-color: #3093c7;

  padding: 10px 25px;

  color: #fff;

  font-size: 14px;

  font-weight: 700;

  text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.3);

  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 16px rgba(0, 0, 0, 0.3) inset;

}

.sidebars .request-form form .form-btn:hover {

  box-shadow: none;

}

.sidebars .Guest-comment h2 {

  color: #0d6f3e;

}

.sidebars .Guest-comment .guest-review {

  display: block;

  margin-bottom: 28px;

  border: 1px solid #c3baaa;

  background-color: #f3f5d2;

  padding: 28px 0;

  line-height: 24px;

  color: #716c62;

  margin-top: 40px;

  position: relative;

  overflow: visible !important;

  background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), repeating-linear-gradient(transparent 0%, transparent 23px, rgba(239, 207, 173, 0.7) 23px, rgba(239, 207, 173, 0.7) 24px);

}

.sidebars .Guest-comment .guest-review:before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: -1;

  border: 1px solid #c3baaa;

  background-color: #f3f5d2;

  content: "";

  transform: rotate(2deg);

}

.sidebars .Guest-comment .guest-review .title {

  display: block;

  margin: 0 0 20px 0 !important;

  background-color: #716c62;

  padding: 4px 28px;

  line-height: 21px;

  color: #ffffff;

  font-weight: 700;

}

.sidebars .Guest-comment .guest-review .title a {

  color: #ffffff;

  text-decoration: none;

}

.sidebars .Guest-comment .guest-review .comment {

  display: block;

  margin: -5px 28px 0px;

  text-align: left;

}

.sidebars .Guest-comment .guest-review .guest {

  display: block;

  margin: 24px 28px 0 28px;

  font-style: italic;

  text-align: right;

  font-size: 1.1rem;

}

.sidebars .Guest-comment .guest-review .date {

    display: block;

    margin: 0 28px;

    font-style: italic;

    text-align: right;

    font-size: 1.1rem;

}



.slider-details .slider-list {

  -moz-column-count: 2;

       column-count: 2;

  margin: 20px auto;

  padding: 0;

  list-style: none;

  line-height: 1.1;

  width: 80%;

}

@media (max-width: 767.98px) {

  .slider-details .slider-list {

    width: 100%;

  }

}

.slider-details .slider-list li {

  padding-left: 20px;

  position: relative;

  line-height: 16px;

  margin-bottom: 8px;

  font-size: 0.95rem;

}

.slider-details .slider-list li i {

  position: absolute;

  left: 0px;

  color: #0d6f3e;

}

.slider-details .email-btn {

  background-color: #2f8c3c;

  font-weight: 600;

  color: #ffffff;

  margin: 30px 0px 50px;

  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.3) inset;

}



footer {

  margin-top: 30px;

}

footer .InnerFooter {

  background-color: rgba(13, 111, 62, 0.7294117647);

  padding-top: 25px;

}

@media (max-width: 767.98px) {

  footer .InnerFooter .footerInner {

    margin-bottom: 30px;

  }

}

footer .InnerFooter .footerInner h4 {

  color: #ffffff;

  margin-bottom: 15px;

  font-size: 1.5rem;

}

@media (max-width: 767.98px) {

  footer .InnerFooter .footerInner h4 {

    margin-bottom: 5px;

  }

}

footer .InnerFooter .footerInner p {

  color: #ffffff;

}

footer .InnerFooter .footerInner .footer-list li a {

  color: #ffffff;

  text-decoration: none;

  padding: 3px 0px;

  display: block;

  border-bottom: 1px solid transparent;

  transition: 0.5s;

}

footer .InnerFooter .footerInner .footer-list li a i {

  margin-right: 5px;

}

footer .InnerFooter .footerInner .footer-list li a:hover {

  border-color: #084929;

}

footer .InnerFooter .footerInner .Social-media {

  display: flex;

}

footer .InnerFooter .footerInner .Social-media li {

  margin-right: 10px;

}

footer .copyRight {

  background-color: #084929;

  padding: 20px 0px;

}

footer .copyRight p {

  color: #ffffff;

  font-size: 0.852rem;

}/*# sourceMappingURL=main.css.map */