* {   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}

html, body {  max-width: 100vw;  overflow-x: hidden;}

body {  margin: 0;  padding: 0;   font: 18px/30px 'Majorant-Light', sans-serif;  overflow-x: hidden;  background-color: #EBEDEE;  overflow: hidden }

@font-face { font-family: "Majorant";  src: url("../ttf/majorant-lt.ttf") format("truetype"), url("../woff/majorant-lt.woff") format("woff"); }

@font-face { font-family: "Majorant-Light";  src: url("../ttf/majorant-lt.ttf") format("truetype"), url("../woff/majorant-lt.woff") format("woff"); }

@font-face {  font-family: "Majorant Light";  src: url("../ttf/majorant-lt.ttf") format("truetype"), url("../woff/majorant-lt.woff") format("woff"); }

@font-face {  font-family: "Majorant-Thin";  src: url("../ttf/majorant-th.ttf") format("truetype"), url("../woff/majorant-th.woff") format("woff"); }

@font-face {  font-family: "Majorant-Ultra-Thin";  src: url("../ttf/majorant-ulth.ttf") format("truetype"); }

@font-face { font-family: "Majorant-Bold";  src: url("../ttf/majorant-bd.ttf") format("truetype"); }

@font-face { font-family: "FS Siena";  src: url("../ttf/fssiena.ttf") format("truetype") }

/* HELPER */
.wrapper {  max-width: 1400px;  margin: 0 auto; }


.floatreserve a {
    right: 1%;  position: fixed; bottom: 10%; text-transform: uppercase; background: #000; color: #FFF; padding: 5px 20px 5px 20px; border-radius: 25px;
    font-size: 14px; font-family: majorant; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;
    border: solid 1px #fff; text-decoration: none; width: 160px; text-align: center; zoom: 1;  z-index: 9 }

.top-arrow { /*background: #CADDE3;*/ font-size: 14px; text-transform: uppercase; /*bottom: 120px*/bottom: 80px; right: 0; padding: 3px 0; width: 55px; text-align: center; height:55px;
    opacity: 1; color: transparent; border: 0; position: fixed; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; border-radius: 25px; zoom: 1; z-index: 8; right:5px;  content:''; background:url('../png/top-arrow2.png') 0 10px no-repeat;  background-size:40px}
/*
.top-arrow::before { content:''; border:solid 1px green; background:none; color:red; display:block; width:100px; height:15px }
    */
@media all and (max-width:767px) {
    .top-arrow {
        /*background: #CADDE3;*/ font-size: 14px; text-transform: uppercase; right: 1%; padding: 3px 0; width: 55px; text-align: center;
        opacity: 1; color: transparent; border: 0; position: fixed; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;  zoom: 1; z-index: 8; right: 15px; bottom:55px!important; content:''; background:url('../png/top-arrow2.png') no-repeat top; background-size:40px; height:55px }
}

img {  max-width: 100%; }
/* img.lazyloaded { transition: .5s;} */
.top-arrow:hover { opacity: 1; }

.modal-box {  display: none; }

input:focus, select:focus { outline: none; }

.btn-default {  text-decoration: none; text-align: center;  background: #231f20;  border: 1px solid #231f20;  padding: 15px 35px 14px 35px;  color: #fff;
    font-size: 12px; font-family: Majorant-Light; border-radius: 50px; width: 112px; line-height: 16.8px }

    .btn-default:hover {  background: #fff !important; color: #231f20; border: 1px solid #231f20  }

select { background-size: 12px !important;  background-repeat: no-repeat !important; background-position: 95% center !important; }

.group { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100% }

#ui-id-1, #ui-id-2, #ui-id-3 { max-height: 240px; overflow: auto; max-width: 290px; overflow-x: hidden }
#ui-id-2 { max-height:140px!important; overflow:hidden!important }

#ui-id-1::-webkit-scrollbar-track; #ui-id-2::-webkit-scrollbar-track, #ui-id-3::-webkit-scrollbar-track, .startroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: silver;
}

#ui-id-1::-webkit-scrollbar, #ui-id-2::-webkit-scrollbar, #ui-id-3::-webkit-scrollbar, .startroll::-webkit-scrollbar {  width: 5px;   background-color: silver; }
#ui-id-1::-webkit-scrollbar-thumb, #ui-id-2::-webkit-scrollbar-thumb, #ui-id-3::-webkit-scrollbar-thumb, .startroll::-webkit-scrollbar-thumb {
    background-color: #000;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}



@media all and (max-width:1023px) {
    .wrapper { padding: 0 21px  }
}

@media all and (max-width:1500px) and (min-width:1024px) {
    .wrapper {  padding: 0 40px!important  }
    #contact .wrapper { padding:0!important}
}

@media all and (max-width:1023px) {
    .wrapper {  max-width: 100%; margin: 0 auto; overflow: hidden  }
    #fav .wrapper {  padding: 0 !important  }
    #fav { position: unset !important;  padding: 0 0 10px 0 !important  }
}

@media all and (max-width:992px) {
    .btn-default { font-size: 10.38px; padding: 12px 30px 12px 30px; line-height: 14.53px; letter-spacing: .02em; max-width: 145px  }
}

/* NAVIGATION */
nav { *background: #EBEDEE; color: #fff; z-index: 33; position: relative; width: 100%; pointer-events: none; }

    nav:hover {  background-color: #ebedee;   }

.nav-container .row { display: flex; flex-direction: row; align-items: center;  justify-content: space-between; }

.nav-container ul li {  display: inline-block; letter-spacing: 1.2px; line-height: 16.8px; text-align: right; border-top: none !important }

.nav-container { max-width: 1400px !important; width: 100%; margin: 0 auto; padding: 0; overflow: hidden }

    .nav-container .col:last-of-type {  text-align: right;    }

    .nav-container .col:first-of-type { text-align: left;   }

nav .toggler {  display: none; }

nav ul { display: flex; justify-content: center; margin: 0; padding: 0; margin: 0 auto; padding: 0; overflow: hidden }

    nav ul li { margin: 0; padding: 0; line-height: 0; list-style: none; vertical-align: middle; display: inline-block; *display: inline; zoom: 1; overflow: hidden;  font-family: 'Majorant-Thin'    }

        nav ul li > a { color: inherit; text-decoration: none;  text-transform: uppercase; font-size: 14px; font-family: "Majorant-Light"; *padding: 20px 30.1px 10px;
            display: block; background: transparent; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;
            color: #231F20     }

nav.stick .nav-container {  background: #231F20; position: fixed; left: 0; right: 0; top: 0; z-index: 39; overflow: hidden }

.logo-mobile {  display: none; }

@media all and (max-width:1023px) {
    nav { pointer-events: all;   width: 100%    }
}

@media all and (max-width: 992px) {
    nav ul { display: block; background: #ebedee;    }
        nav ul li .subnav {  margin-top: 0px;     }
        nav ul li a img {  max-width: 80px;     }
        nav ul li .subnav {  margin-top: 0px !important;        }

    .nav-container ul li { display: block; text-align: left;   }

    .logo-mobile { display: block; margin: 0 auto; text-align: center; background: #ebedee; border-bottom: 1px solid #fff;   }
        .logo-mobile img {  max-width: 120px;     }

    li.logo img, li.logo {  display: none !important;    }
}

/* HEADER */
header {  font-family: 'Majorant-Light',sans-serif; font-size: 15px; font-weight: 400; color: #5f5f5f; text-align: right; z-index: 34; position: relative; width: 100%;
    background: 0 0;  /*transition: .5s background;*/  z-index: 63 }
    header .item-left { flex: 0 0 17% }
    header .logo a { font-size: 30px; color: #000; font-weight: 700; text-decoration: none  }
    header .logo.navLi { position: absolute; left: 50%; transform: translate(-50%,34%); top: -10px  }
    header .item-center { flex: 0 0 66%  }

    header .item-right { flex: 0 0 17%; display: flex; justify-content: flex-end    }
        header .item-right a {  text-decoration: none; font-size: 16px; color: #000; display: inline-block; margin-left: 10px; transition: color .3s ease     }

    header .menu > ul > .col > li {  display: inline-block;  line-height: 50px;    }
    /* header.stick .menu>ul>.col>li{display:inline-block;line-height:50px; -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;} */
    header.stick .menu > ul > .col > li { margin: 25px 0 0;  }

    header .menu > ul > .col > li .sub-menu { position: absolute; z-index: 63; background-color: #ebedee; padding: 20px 30px; /* transition:all .5s ease; */
        margin-top: 25px; opacity: 0; visibility: hidden   }

    header ul.menu-main { margin: 0 auto; max-width: 1440px; list-style: none; padding: 0; box-sizing: border-box; display: flex; flex-direction: row;
        align-items: center; justify-content: space-between;  text-align: right    }

    header .menu > ul > .col > li p {  margin-top: 10px   }
    /* header .menu>ul>.col:last-of-type>li:last-of-type,header .menu>ul>.col:last-of-type>li:nth-of-type(3n){margin:0px} */
    header:after {  content: ''; clear: both; display: block;  }

    header .logo { float: left; position: relative; z-index: 2;  }
        header .logo img { max-width: 345px; }
        header .logo a { margin-left: 0;    }

    header .links, header .call { line-height: 1; display: block;float: right; margin-top: 10px;  }

        header .links span a, header .call span a {  -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-right: 15px;   }

        header .links span:hover a, header .call span:hover a {  color: #a37e2f;     }

    header .call {  position: relative;   }
        header .call > a, header .call > span { vertical-align: middle; display: inline-block; *display: inline; zoom: 1;    }

        header .call span > a {  padding-bottom: 2px; vertical-align: middle; display: inline-block; zoom: 1;  -webkit-border-radius: 99px; -moz-border-radius: 99px;
            -ms-border-radius: 99px; -o-border-radius: 99px; border-radius: 99px; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out        }

        header .call span:hover a { color: #a37e2f; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out  }
            header .call span:hover a:hover { text-decoration: underline }
        header .call span a img { padding: 3px 3px 1px; display: block; -webkit-filter: invert(70%); -o-filter: invert(70%); filter: invert(70%)   }
        header .call #faves img { -webkit-filter: unset; -o-filter: unset; filter: unset;    }

        header .call .call-list { position: absolute; background: #a37e2f; color: #fff; right: 0; max-width: 240px; z-index: 3; padding: 0; text-align: left;
            height: 0; overflow: hidden; opacity: 0;  -webkit-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out        }

        header .call span:hover .call-list { height: auto; padding: 10px;  opacity: 1;     }

        header .call .call-list p { margin: 0 0 5px;  font-family: 'Majorant-Light',sans-serif; font-size: 15px;  line-height: 20px    }

        header .call .call-list ul { margin: 0;  padding: 0; list-style: none;    }
            header .call .call-list ul li {  clear: both;        }

                header .call .call-list ul li span { line-height: 22px; min-width: 100px; vertical-align: top; display: inline-block; zoom: 1  }

                header .call .call-list ul li a { float: right; color: #fff;padding-bottom: 0; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out  }
                    header .call .call-list ul li a:hover { text-decoration: underline;   }

    header .search2 { position: absolute; height: 20px; right: 0; width: 20px  }

    header .search { height: 20px; position: absolute; right: 10px; width: 355px; text-align: center  }
        header .search a { cursor: pointer  }
        header .search div ul { margin: 0; padding: 0     }

        header .search input { padding: 6px; border: 1px solid #d7d7d7; height: 29px; min-width: 305px; margin: 0; border-right: none; vertical-align: top;
            display: inline-block;  zoom: 1     }

        header .search button { background: #a47f2f; border: none; cursor: pointer; padding: 5px 5px 4px; height: 29px; margin: 0; vertical-align: top;
            display: inline-block; zoom: 1;  -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out     }

            header .search button:hover { background: #37587d  }

            header .search button img { vertical-align: middle }

h2.main-title { color: #231F20 !important; font-size: 30px !important; font-weight: 400; font-family: 'Majorant-Light', serif; text-align: center;
    margin: 0;  padding: 10px 0; }

    h2.main-title a { color: #fff !important; font-size: 18px;  }

h2 { font-family: 'FS Siena', serif; font-weight: 400;}


/* STICKY HEADER */
header.stick { position: fixed !important; top: 0 !important; color: #000; background-color: #ebedee; bottom: auto !important }
    header.stick ul li a { color: #000 }
    header.stick .logo.navLi {  top: 0;  transform: translate(-50%, 21%);    }

header.stikcy .nav-container {  border-bottom: none; }
header.spy {  opacity: 1;  transition: .5s background }

header.spy {  background: 0 0 }
    header.spy.stick {   background: #ebedee    }

.stick.is_stuck nav {  height: auto; padding: 0 }

.stick.is_stuck .logo.navLi {  transform: translate(-50%,22%) }

@media all and (max-width:767px) {
    header .logo {   max-width: 102px    }

    header .call span a img { display: none; width: 0    }

    header .call > span { display: block   }

    .spy .nav-container ul li { display: block !important   }

    .stick.is_stuck .logo.navLi { transform: translate(-50%, 0%) !important;    }

    header .links { position: absolute; top: 7px; right: 120px  }
        header .links span:first-of-type a { margin-left: 0     }

    header .call { position: absolute; top: 0; right: 15px    }
        header .call a:nth-of-type(1) { margin-top: 7px }
        header .call .call-list {  width: 240px     }

    header .search { width: 80%; display: block; float: right    }
        header .search input { width: 330px     }

    header.spy.wrapped.stick .logo img {  margin-top: -27px    }
}

@media all and (min-width: 992px) and (max-width: 1470px) {
    header .menu > ul > .col > li .sub-menu.mega-menu-column-4 {  padding: 66px 20px !important   }

        header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item:first-of-type {  padding-left: 20px;      }
}

@media(min-width:993px) {
    header .menu > ul > .col:last-of-type > li:last-of-type > a, header .menu > ul > .col:last-of-type > li:nth-of-type(3n) > a {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

    header.stick nav { padding: 0 !important; height: auto !important   }

    header nav.menu { color: #fff; z-index: 33; width: 100%;  }

    header .menu > ul > .col > li.menu-item-has-children:hover .sub-menu { margin-top: 0; visibility: visible; opacity: 1   }

    header span.mobile-icon { display: none }

    header .menu > ul > .col > li .sub-menu > ul > li { line-height: 1 }

        header .menu > ul > .col > li .sub-menu > ul > li > a {  display: inline-block; padding: 10px 0;  font-size: 15px; color: #555;
            transition: color .3s ease;  text-decoration: none; text-transform: capitalize }

    header .menu > ul > .col > li .single-column-menu {
        min-width: 280px;
        max-width: 350px
    }

    header .menu > ul > .col > li .sub-menu.mega-menu > .list-item > ul > li {
        line-height: 1;
        display: block
    }

        header .menu > ul > .col > li.sub-menu.mega-menu > .list-item > ul > li > a {
            padding: 10px 0;
            display: inline-block;
            font-size: 15px;
            color: #555;
            transition: color .3s ease
        }

    header .menu > ul > .col > li .sub-menu.mega-menu {
        left: 50%;
        top: 100%;
        transform: translate(-50%, 0px)
    }

    header .menu > ul > .col > li .sub-menu.mega-menu-column-4 {
        max-width: 100%;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 80px 40px 40px;
    }

        header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item {
            flex: 0 0 25%;
            padding: 0 30px;
        }

            header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item:last-of-type {
                border-right: none
            }

        header .menu > ul > .col > li.sub-menu.mega-menu > .list-item > ul > li > a { padding: 10px 0; display: inline-block; font-size: 15px; color: #555; transition: color .3s ease        }

    header .menu > ul > .col > li .sub-menu.mega-menu { left: 50%; top: 100%; transform: translate(-50%, 0px) }

    header .menu > ul > .col > li .sub-menu.mega-menu-column-4 {  max-width: 100%; width: 100%; display: flex; flex-wrap: wrap; padding: 80px 40px 40px;  }

        header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item { flex: 0 0 25%; padding: 0 30px;     }
            header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item:last-of-type { border-right: none      }
            header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item .title { font-size: 16px; color: #000; font-weight: 500; line-height: 1; padding: 10px 0            }
            header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title { text-align: center      }
            header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item img { max-width: 100%; width: 100%; vertical-align: middle;   }
            header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item:first-of-type {  border-left: none            }

        header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item {  border-left: 1px solid silver;    }

    header.stick .menu > ul > .col > li .sub-menu.mega-menu { transform: translate(-50%, 0px); padding: 66px 40px 40px;  }

    header .menu > ul > .col > li > .sub-menu .list-item:first-of-type p.titl { margin-top: 0px; padding-top: 10px;  }

    header .item-right a:hover, header .menu > ul > .col > li .sub-menu.mega-menu > .list-item > ul > li > a:hover, header .menu > ul > .col > li .sub-menu > ul > li > a:hover, header .menu > ul > .col > li:hover > a {
        color: #000
    }

    header .mobile-menu-head, .mobile-menu-trigger, li.menuCLick3 {  display: none    }

    header .menu > ul > .col > li > .sub-menu .list-item:nth-of-type(2n) p.titl,    header .menu > ul > .col > li > .sub-menu .list-item:nth-of-type(3n) p.titl {
        margin-top: 30px !important;    }

    .menu > ul > .col > li > .sub-menu .list-item:nth-of-type(3n) p.titl:first-of-type,  .menu > ul > .col > li > .sub-menu .list-item:nth-of-type(2n) p.titl:first-of-type {
        margin-top: 0px !important;    }

    .mobileShortlist {   display: none;    }

    i.far.fa-heart.red {  color: red   }
}

@media(max-width: 993px) {
    header {  z-index: 5  }
        header .menu > ul > .col > li a { padding-right: 0 !important; padding-left: 0 !important    }
        header .menu > ul > .col:first-of-type > li .sub-menu.mega-menu-column-4 > .list-item:first-of-type, header .menu > ul > .col:last-of-type > li .sub-menu.mega-menu-column-4 > .list-item:first-of-type {
            padding-top: 50px !important
        }
        header nav.menu { padding: 0 }
        header .logo.navLi, header .logoMobile { position: absolute; position: absolute; left: 50%; transform: translate(-50%,0); top: 10%    }
        header .item-center { order: 3; flex: 0 0 100%   }
        header .item-left {  flex: 0 0 auto      }

    .v-center {  justify-content: space-between }

    header .logoMobile img { max-width: 100px;  max-height: 100px !important;  }

    header .mobile-menu-trigger { display: flex; height: 8px; width: 18px; cursor: pointer; align-items: center; justify-content: center; font-size: 25px; color: #000;    }

        header .mobile-menu-trigger span {  display: block; height: 2px; background-color: #333; width: 24px;  position: relative      }
            header .mobile-menu-trigger span:after { content: ''; position: absolute; left: 0; width: 100%; height: 100%; background-color: #333; top: 7px; height: 2px;            }

    header .item-right {  text-align: center; display: flex; height: 67px; border-bottom: 1px solid rgba(0,0,0,.1); justify-content: space-between;
        align-items: center; z-index: 1; position: stick; background-color: none; top: 0; padding: 15px 22px  }

    header li.menuCLick2, header li.menuCLick3 {  list-style: none;  }

    header .menu {  position: fixed;  width: 100%;  height: 100% !important; background-color: #fff; left: 0; top: 0 !important; height: 100%;
        overflow: hidden; display: none; transition: all .5s ease; z-index: 1099
    }
        header .menu.active { display: block; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out     }
        header .menu > ul > .col > li { line-height: 1; margin: 0;  display: block     }

    header ul.menu-main {  display: block  }

    header .menu > ul > .col > li > a { line-height: 50px; height: 50px; padding: 0 50px 0 15px; display: block; border-bottom: 1px solid rgba(0,0,0,.1)    }
        header .menu > ul > .col > li > a i { position: absolute; height: 50px; width: 50px; right: 0; text-align: center; line-height: 50px; transform: rotate(-90deg)        }

    header .menu > ul > .col > li:nth-of-type(4n) > a, header .menu > ul > .col > li:nth-of-type(3n) > a {  display: none;   }

    header .menu .mobile-menu-head { display: flex; height: 67px; border-bottom: 1px solid rgba(0,0,0,.1); justify-content: space-between; align-items: center;
        position: relative; z-index: 501; position: stick; background-color: #ebedee;  top: 0;  padding: 15px 22px;   }

        header .menu .mobile-menu-head .go-back { height: 50px; cursor: pointer; line-height: 50px; text-align: center; color: #000; font-size: 16px; display: none       }

        header .menu .mobile-menu-head.active .go-back { display: block;  }

        header .menu .mobile-menu-head .current-menu-title { font-size: 15px; font-weight: 500; color: #000  }

        header .menu .mobile-menu-head .mobile-menu-close { cursor: pointer; line-height: 50px; text-align: center; color: #000; font-size: 35px; margin-top: 5px;        }

    header .menu .menu-main { height: 100%; overflow-x: hidden; overflow-y: auto   }

    header .menu > ul > .col > li .sub-menu, header .menu > ul > .col > li .sub-menu.mega-menu { visibility: visible; opacity: 1; position: absolute;
        box-shadow: none; margin: 0; padding: 0 22px 22px; top: 0; left: 0; width: 100%; height: 100%; padding-top: 65px; max-width: none;
        min-width: auto; display: none; overflow-y: auto
    }

        header .menu > ul > .col > li .sub-menu.active { display: block  }

        header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item img { margin-top: 0  }

        header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title { margin-bottom: 20px }

        header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title { margin-bottom: 0 }

        header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item { flex: 0 0 100%; padding: 0 }

        header .menu > ul > .col > li .sub-menu.mega-menu > .list-item > ul > li > a, header .menu > ul > .col > li .sub-menu > ul > li > a {
            display: block
        }

        header .menu > ul > .col > li .sub-menu.mega-menu > .list-item > ul {  margin-bottom: 15px    }

    .menu > ul > .col:first-of-type > li:first-of-type { padding-left: 0px !important;  }

    header .menu-overlay {  position: fixed; background-color: rgba(0,0,0,.5); left: 0; top: 0; width: 100%; height: 100%; z-index: 1098;
        visibility: hidden;    opacity: 0;    transition: all .5s ease    }

        header .menu-overlay.active {  visibility: visible; opacity: 1      }

    header .list-item img { display: none }

    header .menu ul .col .titl, header .menu ul .col .titl a, header .menu > ul > .col > li > a { font-size: 15px !important; line-height: 21px  }

    header .menu > ul > .col > li > a { height: auto }

        header .menu > ul > .col > li > a i { height: 21px;  width: 80px }

    header ul.menu-main { padding: 22px !important  }

    .menu > ul > .col > li > a:first-of-type { border-top: 0  }

    header .item-right a { font-size: 15px; margin-left: 0; display: block  }

    li.menuCLick2 a { color: #000  }

    p.titl { border-top: 1px solid rgba(35,31,32,.15)  }

    header p { margin-top: 5px   }

    header .menu > ul > .col > li > .sub-menu .list-item:first-of-type p.titl {  border-top: none    }

    header .menu > ul > .col > li > .sub-menu .list-item p.titl { padding-top: 10px; margin-bottom: 5px   }

    header.stick .menu {  top: 0   }

    .mobileShortlist a { text-transform: capitalize !important; color: #000; text-decoration: none; font-size: 13px   }

    .mobileShortlist i.far.fa-heart {  padding-right: 10px  }

    .mobile-menu-head .mobileShortlist { position: absolute; width: auto; left: 0; right: 0; top: 49px; list-style: none; transform: translate(-8%,20%)    }

    .mobile-menu-head.active .mobileShortlist { position: unset; transform: translate(-30%,0)  }

    ul.menu-main .col:first-of-type { padding-top: 50px   }

    .go-back i.fas.fa-arrow-left { font-size: 20px   }

    .mobile-menu-head.active .wrap { display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: absolute;
        top: 67px; background: #ebedee; width: 92%; color: #fff; padding-top: 10px    }

    .wrap { display: flex; flex-direction: row; align-items: center; justify-content: space-between;position: absolute; background: #000;
        width: 95%; color: #fff   }

    .mobile-menu-trigger i.fas.fa-bars { font-size: 21px;   }
}

@media all and (max-width:993px) {
    header .logo img { max-width: 100px;  max-height: 100px !important   }
}

@media all and (max-width:430px) {
    header .call, header .links {  font-size: 0;  top: 5px   }

        header .call > a, header .call > span, header .links > span { font-size: 13px; margin: 0; text-align: center; zoom: 1    }

    header .links { left: 85px; width: 220px; top: 12px   }

        header .links span:nth-of-type(1) { margin-left: 20px; float: left   }

    header .call > span { position: absolute; right: 0; top: 24px; z-index: 2; display: none    }

    header .search input {  width: 270px !important; min-width: 270px !important    }

    header .call span a, header .links span a {  margin-right: 0    }
}

@media all and (max-width:375px) {
    header .links span:nth-of-type(1) { font-size: 12px;  margin-left: 15px; float: left  }

    header .links span:nth-of-type(2) { font-size: 12px; float: left; margin-left: -3px  }

    header .call a:nth-of-type(1) { font-size: 12px   }

    header .search input { min-width: 230px !important;  width: 230px !important    }
}

@media all and (max-width:400px) {
    header .search {  text-align: right    }
}

@media all and (max-width:320px) {
    header .links span:nth-of-type(1) { font-size: 11px; margin-left: -1px; float: left   }

    header .links span:nth-of-type(2) { font-size: 11px; float: left; margin-left: -12px }

    header .call a:nth-of-type(1) { font-size: 11px    }

    header .search input { min-width: 190px !important;  width: 190px !important    }

    header .search {  margin-top: -15px    }
}

/* MENU*/
.menu-container {  width: 100%; margin: 0 auto; z-index: 1000;  padding-bottom: 50px; border-bottom: 1px solid rgba(35,31,32,.15); }

header.stick .menu-container { padding-bottom: 30px; }

.menu-mobile { display: none; padding: 20px; color: #000; font-size: 25px }

.menu-dropdown-icon:before { content: "\f489";  font-family: Ionicons; display: none; cursor: pointer; float: right;  padding: 1.5em 2em;
    background: #fff;  color: #333 }

.menu > ul { margin: 0 auto; width: 100%; list-style: none; padding: 0; box-sizing: border-box; display: flex; flex-direction: row;
    align-items: center; justify-content: space-between;  text-align: right }

    .menu > ul:after { clear: both    }

    .menu > ul > .col > li { float: left; padding: 0; margin: 45px 0 0;    }

        .menu > ul > .col > li img { width: 100%  }

        .menu > ul > .col > li * { pointer-events: all        }

        .menu > ul > .col > li > a { text-decoration: none; color: #231f20; text-decoration: none;  /* padding: 5px 70px 0px 10px; */
            padding: 5px 35px 0px 35px; display: block;
            /* -webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out; */
            margin: 0; font-family: 'Majorant-Light'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 140%
        }

        .menu > ul > .col > li:hover {  background: #ebedee     }

        .menu > ul > .col > li > .group { display: none; width: 100%; background: #ebedee; padding: 20px; position: absolute; z-index: 99; left: 0;
            margin: 0; list-style: none; box-sizing: border-box; padding: 40px; border-top: 1px solid silver; transform: translate(0,22px)      }

header.stick .menu > ul > .col > li > .group, header.stick.is_stuck .menu > ul > .col > li > .group {  transform: translate(0,0) }

.menu > ul > .col > li .group a { padding: 0; text-transform: capitalize }

.menu > ul > .col > li > .group:after, .menu > ul > .col > li > .group:before {  content: "";  display: table }

.menu > ul > .col > li > .group:after { clear: both }

.menu > ul > .col > li > .col { margin: 0;  padding-bottom: 0; list-style: none; width: 25%; background: 0 0; float: left;  padding: 0 30px;
    border-right: 1px solid silver; min-height: 320px; max-height: 100%; height: 100% }

header .menu ul .col .titl, header .menu ul .col .titl a { font-weight: 700 }

    header .menu ul .col .titl, header .menu ul .col .titl a, header .menu > ul > .col > li a, header .menu > ul > .col > li p {
        font-family: 'Majorant-Light'; font-style: normal; font-size: 13px; line-height: 140%; letter-spacing: .02em; color: #000;
        text-align: left; text-decoration: none  }

.menu > ul > .col > li > .col a:hover { text-decoration: underline }

.menu > ul > .col > li > .col:last-of-type { border-right: 0px }

.menu > ul > .col > li > .col > ul { display: block; padding: 0; margin: 10px 0 0; list-style: none; box-sizing: border-box }
    .menu > ul > .col > li > .col > ul:after, .menu > ul > .col > li > .col > ul:before {  content: "";   display: table    }
    .menu > ul > .col > li > .col > ul:after {  clear: both    }
    .menu > ul > .col > li > .col > ul > li { float: left; width: 100%; padding: 10px 0; margin: 0;  font-size: .8em   }
        .menu > ul > .col > li > .col > ul > li a {  border: 0        }

.menu > ul > .col > li > .group.normal-sub { width: 300px; left: auto; padding: 10px 20px }
    .menu > ul > .col > li > .group.normal-sub > li {   width: 100%    }
        .menu > ul > .col > li > .group.normal-sub > li a {  border: 0;  padding: 1em 0    }

.logo.navLi {  position: absolute;  left: 50%;  transform: translate(-50%,34%);  z-index: 999 }

.menu > ul > .col:last-of-type > li:first-of-type > .group > .half {  width: 25% }
/* .menu>ul>.col:first-of-type>li:first-of-type {
    padding-left: 30px;
} */
/* .menu>ul>.col:last-of-type>li:nth-of-type(2n) > a {
    padding-right: 30px;
    padding-left: 60px;
} */
header.stick .menu > ul > .col:first-of-type > li:first-of-type {  padding-left: 0px; }
/* .menu>ul>.col:last-of-type>li:first-of-type > a {
    padding-right: 10px;
} */
header .menu-main li:before { position: absolute;  background: #EBEDEE;  left: 0;  right: 0; top: 0;  content: '';  z-index: -1;  opacity: 0; /* transition: .8s; */  height: 118px; }

header .menu-main li:hover:before {  opacity: 1; }

header.stick .menu-main li:before {  content: none; }

@media all and (max-width: 992px) {
    .menu-container {
        width: 100%
    }

    .menu-mobile {
        display: block;
        padding: 15px 0 10px 0;
        float: right
    }

    .menu-dropdown-icon:before {
        display: block
    }

    .menu > ul {
        display: none;
        text-align: left
    }

        .menu > ul > .col > li {
            width: 100%;
            float: none;
            display: block
        }

            .menu > ul > .col > li a {
                width: 100%;
                display: block
            }

            .menu > ul > .col > li > a {
                text-transform: capitalize !important;
                letter-spacing: .02em;
                font-family: 'Majorant-Light';
                font-size: 15px;
                display: block;
                padding: 10px !important;
                border-top: 1px solid silver
            }

            .menu > ul > .col > li > .group {
                position: relative;
                padding: 20px;
                transform: translate(0,0)
            }

                .menu > ul > .col > li > .group.normal-sub {
                    width: 100%
                }

            .menu > ul > .col > li > .col {
                float: none;
                width: 100%;
                margin-top: 20px;
                min-height: auto;
                border-right: none;
                padding: 0
            }

                .menu > ul > .col > li > .col:first-child {
                    margin: 0
                }

        .menu > ul > li > ul > li > ul {
            position: relative
        }

        .menu > ul > .col > li > .col > ul > li {
            float: none
        }

    .menu .show-on-mobile {
        display: block;
        height: 100vh;
        overflow-y: scroll
    }

    .menu > ul > .col:first-of-type > li:nth-of-type(2n) > .group > .half, .menu > ul > .col:first-of-type > li:nth-of-type(2n) > ul > li, .menu > ul > .col:last-of-type > li:first-of-type > .group > .half, .menu > ul > .col:last-of-type > li:first-of-type > ul > li {
        width: 100%
    }

    .menu > ul > .col > li > .group img { display: none  }

    .menu > ul > .col > li a { transition: none  }

    header.stick .logo { margin-top: 10px }

        header.stick .logo.navLi { transform: translate(-50%,-5%) !important    }

    .menu-container,  header.stick .menu-container {   padding-bottom: 0px;    }

    header.stick .menu > ul > .col > li {  margin: 0px;    }
}

/* FOOTER */
.bottom-container {  position: relative;  display: block;  clear: both; }

footer .currency form, header .search form {  margin: 0 }
footer .part  a {font-size:12px!important }

footer .currency { margin-top: 5px;  vertical-align: top; display: inline-block; *display: inline;  zoom: 1; margin-bottom: 5px; margin-top: 15px }

    footer .currency select {  background: #231F20; color: #fff; padding: 3px 14px 3px 2px; border: 1px solid #fff; height: 29px; margin: 0;
        vertical-align: top; display: block; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;
        -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../png/arrow.png) !important    }

footer { background: #231F20;  font-size: 15px;  font-weight: 300; overflow:hidden}
    footer .row {  display: flex; overflow: hidden; flex-direction: row; justify-content: center; margin-right: -27px; overflow:hidden  }
    footer .wrapper {  padding: 100px 0; overflow:hidden }

    footer h3 { font-family: "Majorant-Light",Arial,helvetica;  margin-bottom: 25px; font-size: 15px; font-weight: 500; margin-top: 0; line-height: 21px;
        letter-spacing: .02em;     text-align: left    }

    footer .contacts p { line-height: 22px; padding-top: 3px;  }

    footer .contacts { padding-top: 30px;  }

    footer .column li { font-family: "Majorant-Thin"; font-size: 15px; font-weight: 100; line-height: 22px; padding-bottom: 5px; letter-spacing: -.15px;
        text-shadow: 1px 1px 4px #000; text-align: left  }

    footer .column p { line-height: 22px; margin-bottom: 10px; font-family: "Majorant-Thin",Arial,helvetica; font-weight: 100; font-size: 15px;
        color: #ffffffba; text-shadow: 1px 1px 4px #000; margin: 0    }

    footer a {  -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;  text-decoration: none;
        color: #ffffffba !important; text-decoration: none !important; text-shadow: 0 4px 4px #000  }
        footer a:hover {  text-decoration: underline     }

    footer .column { color: #fff; flex: 1; break-inside: avoid; page-break-inside: avoid; padding-left: 50px; padding-right: 50px; border-right: 1px solid rgba(255,255,255,.2); text-align: left    }

    footer ul {  margin: 0; padding: 0  }
        footer ul li { list-style: none     }

    footer .column:last-of-type { border-right: none  }
    footer .column:first-of-type { padding-left: 0px;  }

    footer .column form {  margin-bottom: 32px;  display: flex;   }
        footer .column form input {  background: #fff; border: none; padding: 9px; min-width: 300px;   }
        footer .column form a { background: #a28539; border: 1px solid #a28539; padding: 9px 15px;  }
            footer .column form a:hover { background: #796331; border-color: #796331;  }

    footer .column .phone-numbers {  max-width: 280px;  }
        footer .column .phone-numbers li { display: flex; }
            footer .column .phone-numbers li a { padding: 0; text-align: left; flex-basis: 69%; max-width: 69%; text-decoration: none;
                line-height: 22px; color: #ffffffba;  text-shadow: 0px 4px 4px #000;         }
            footer .column .phone-numbers li span { padding: 0; flex-wrap: nowrap; text-transform: none; width: 60%; color: #ffffffba; text-shadow: 0 4px 4px #000            }

        footer ul li {  list-style: none     }

    footer .column:last-of-type {  border-right: none   }

    footer .column:first-of-type { padding-left: 0px;  }

    footer .column form { margin-bottom: 32px; display: flex;  }
        footer .column form input { background: #fff; border: none; padding: 9px; min-width: 300px;        }
        footer .column form a { background: #a28539; border: 1px solid #a28539; padding: 9px 15px;     }
            footer .column form a:hover {  background: #796331; border-color: #796331;  }

    footer .column .phone-numbers { max-width: 280px;  }

        footer .column .phone-numbers li { display: flex;      }

            footer .column .phone-numbers li a { padding: 0; text-align: left; flex-basis: 69%; max-width: 69%; text-decoration: none; line-height: 22px;
                color: #ffffffba; text-shadow: 0px 4px 4px #000;  }

            footer .column .phone-numbers li span { padding: 0; flex-wrap: nowrap; text-transform: none; width: 60%; color: #ffffffba; text-shadow: 0 4px 4px #000            }

    footer .column .socials {  margin-bottom: 87px;  display: flex;    }
        footer .column .socials li {  margin: 0 3px 0 0;    }

        footer .column .socials a { font-size: 15px; position: relative; text-align: center; vertical-align: top; display: block;  -webkit-border-radius: 99px;
            -moz-border-radius: 99px; -ms-border-radius: 99px; -o-border-radius: 99px; border-radius: 99px; -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
            color: #fff; height: 16.05px; width: 16.05px;  margin-right: 15px }

            footer .column .socials a:hover { margin-right: 15px; color: #fff }

            footer .column .socials a:after { content: attr(data-title);  display: block; background: rgba(0,0,0,.7); color: #fff; font-size: 12px; position: absolute;
                padding: 5px; top: -32px; z-index: 9;  text-align: center; opacity: 0; margin-top: 10px; left: 50%;  visibility: hidden; line-height: 1;
                -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%); -o-transform: translateX(-50%);  transform: translateX(-50%);
                -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;  -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out     }

            footer .column .socials a:before {  content: '';  display: block;  position: absolute; border-left: solid transparent 5px; border-right: solid transparent 5px;
                border-top: solid rgba(0,0,0,.7) 5px; top: -10px; left: 50%; margin-left: -5px; z-index: 9; opacity: 0; margin-top: 10px; visibility: hidden; line-height: 1;
                -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out  }

            footer .column .socials a:hover:after, footer .column .socials a:hover:before { opacity: 1; margin-top: 0; visibility: visible }

    footer .column .logo { margin-top: 42px  }

    footer .column .bottom-currency { margin: 30px 0 0;  max-width: 200px; position: relative; padding: 5px; border: 1px solid #fff  }

        footer .column .bottom-currency .accordion-arrow { padding: 18px 15px }

        footer .column .copyright p { margin: 0; padding: 0; font-size: 12px;  line-height: 22px; padding-bottom: 5px; color: #ffffffba; text-shadow: 0 4px 4px #000        }

            footer .column .bottom-currency .subselect li { cursor: pointer; color: #231f20; padding: 0 5px  }

                footer .column .bottom-currency .subselect li:hover { text-decoration: underline; color: #9d7f3d }

    footer .column .copyright {  position: absolute  }
        footer .column .copyright p { margin: 0!important; padding: 0!important; font-size: 12px; line-height: 22px; padding-bottom: 5px; color: #ffffffba; text-shadow: 0 4px 4px #000        }
            footer .column .copyright p:last-of-type {  padding-bottom: 0  }

        footer .column .copyright .copy-col {  float: left; padding-right: 2px }
        footer .part {  margin-bottom: 5px    }
@media all and (min-width: 1301px) and (max-width: 1500px) {
    footer .wrapper {   padding: 70px 40px!important;   }
}

@media all and (min-width: 1024px) and (max-width: 1300px) {
    footer .wrapper { padding:65px 40px!important  }

    footer h3 { font-size: 13px; line-height: 18.2px; letter-spacing: 2%  }

    footer .column { padding-left: 30px; padding-right: 30px  }
        footer .column .copyright p { font-size: 10px;  }
        footer .column li, footer .column p { font-size: 13px; line-height: 18.2px; letter-spacing: 2%   }
        footer .column .phone-numbers li span {  width: 50%  }
        footer .column .copyright .copy-col { /*float: none;*/  padding-right: 0     }
        footer .column .copyright .copy-row { padding-bottom: 5px  }
}

@media all and (max-width: 1023px) {
    footer { margin-top: 1px; padding-bottom: 70px  }
        footer .wrapper { padding: 50px 22px !important    }
        footer h3 {  margin-bottom: 15px     }
        footer .row { display: block; margin-right: 0  }
        footer .column { border-right: none; border-bottom: 1px solid rgba(255,255,255,.2)     }
            footer .column:first-of-type { padding-top: 0  }

        footer .column { padding: 25px 0 25px 0   }
            footer .column .phone-numbers { max-width: 100%  }
            footer .column .copyright {  padding-top: 25px        }
            footer .column form { justify-content: center  }
            footer .column .phone-numbers { text-align: justify;  margin: 0 auto }
            footer .column .socials { justify-content: left; border-bottom: 1px solid rgba(255,255,255,.2); padding-bottom: 25px; margin-bottom: 0   }
            footer .column .bottom-currency {  margin: 30px auto 0  }
            footer .column:last-of-type { border-bottom: none   }
            footer .column .phone-numbers li span { width: 200px   }

    /*footer .copy-row > .copy-col { margin-bottom: 5px;  }*/
}

@media all and (max-width: 992px) {
    footer .column li, footer .column p, footer a, footer h3 { font-size: 13px; line-height: 18px; letter-spacing: .02em  }

    footer .column .copyright a, footer .column .copyright p { font-size: 10px  }
}

@media all and (max-width:767px) {
    footer .currency {  display: block;   z-index: 1; margin: 0 auto !important; padding: 0 !important; width: 50px; padding-bottom: 5px !important    }
}

/* SLIDER */
.hero {  position: relative; }
    .hero img {  max-width: 100%;  width: 100%;    }

.big-slideshow h1 {  color: #231F20 !important; }

.slideshow, .big-slideshow, .big-slideshow1 {  position: relative; }

    .slideshow .owl-stage,  .big-slideshow .owl-stage, .big-slideshow1 .owl-stage {   margin-left: -1px;    }

#vp .big-slideshow .owl-stage, #vp .slideshow .owl-stage {  display: -webkit-box !important; }

.big-slideshow .owl-nav .owl-prev, .big-slideshow .owl-nav .owl-next {  position: absolute; top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);  transform: translateY(-50%);}

.slideshow .owl-nav .owl-prev, .slideshow .owl-nav .owl-next {  top: 50%;  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);  transform: translateY(-50%);}

.slideshow .owl-nav .owl-prev,.big-slideshow .owl-nav .owl-prev {  left: 15%; }

.slideshow .owl-nav .owl-next, .big-slideshow .owl-nav .owl-next {  right: 15%;}

.hand-picked .slideshow2 .owl-nav .owl-prev, .hand-picked .slideshow2 .owl-nav .owl-next,
.signature-slideshow .owl-nav .owl-prev, .signature-slideshow .owl-nav .owl-next,
.delights .slideshow .owl-nav .owl-prev, .delights .slideshow1 .owl-nav .owl-next, .owl-nav .owl-prev, .owl-nav .owl-next {  margin: 0px 5px; }

@media all and (max-width: 767px) {
    .slideshow .owl-nav .owl-prev img, .slideshow .owl-nav .owl-next img, .big-slideshow .owl-nav .owl-prev img,
    .big-slideshow .owl-nav .owl-next img, .destinations .owl-nav .owl-next img, .destinations .owl-nav .owl-prev img {  height: 30px;    }

    .slideshow .owl-nav .owl-prev, .big-slideshow .owl-nav .owl-prev, .destinations .owl-nav .owl-prev { left: 30px;   }

    .slideshow .owl-nav .owl-next, .big-slideshow .owl-nav .owl-next, .destinations .owl-nav .owl-next { right: 30px;   }

    .big-slideshow {  margin-top: 0px;    }
}

#fav { padding: 10px 0; /*jhong overflow:hidden*/ position: absolute; top: 155px; background-color: #ebedee; opacity: 1; }

    #fav .wrapper {  padding: 0px;  }

.spy.wizard.wrapped.stick #fav {  position: fixed; top: 62px !important; }

#hr { height: 5px; margin-top: 0 }

.wizard { z-index: 8; width: 100%; display: inline-block; /*overflow:hidden*/ }
    .wizard form { font-size: 0; position: relative;    }
        .wizard form .form-item { vertical-align: bottom; width: 20%; display: inline-block; *display: inline; zoom: 1;     }
            .wizard form .form-item label {  display: block;  color: #333; font-family: 'Majorant-Light', sans-serif; font-size: 16px; line-height: 35px;   }

            .wizard form .form-item input,  .wizard form .form-item select, .wizard #divA {  background: #fff; display: block; width: 90%; color: #333;
                font-family: 'Majorant-Light', sans-serif; font-size: 16px; border: 1px solid #231F20; padding: 8px; height: 39px;    }

            .wizard form .form-item select {  padding: 8px;  -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;  -o-border-radius: 0;
                border-radius: 0;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;        }

            .wizard form .form-item button { display: block; width: 100%; background: #a37e2f; border: none; color: #fff; font-family: 'Majorant-Light', sans-serif;
                font-size: 16px; text-transform: uppercase; padding: 9px; cursor: pointer; height: 39px; -webkit-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;  }

                .wizard form .form-item button:hover {  background: #FFF; padding: 7px; border: solid 2px #a37e2f; color: #a37e2f  }

@media all and (max-width: 1031px) {
    .wizard {   padding: 22px;    }
}

@media all and (max-width: 1023px) {
    .wizard form .form-item {  width: 25%;  padding: 0 5px;   }
        .wizard form .form-item:last-of-type {  width: 100%;  margin-top: 10px;      }
        .wizard form .form-item input, .wizard form .form-item select {  width: 100%;     }

    #fav { position: unset;  }
    #hr { margin-top: -18px  }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    #fav .wrapper {  padding: 10px !important;    }
}

@media all and (max-width: 920px) {
    .wizard form .form-item {  padding-top: 10px !important;    }
}

@media all and (max-width: 767px) {
    .wizard form .form-item {   width: 50%;    }
}

@media all and (max-width: 480px) {
    .wizard form .form-item {   width: 100%;    }
}

/* HOMEPAGE */
#hp header {  position: absolute; }

#hp main section.hero {  margin-top: 0px;}

#hp .big-slideshow .owl-carousel .owl-item img, #events .big-slideshow .owl-carousel .owl-item img { display: block; width: 100%; height: 100%; object-fit: cover; }


#hp .spy.wrapped.stick, #events .spy.wrapped.stick { top: 82px !important }

.headerTitle { position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; }
    .headerTitle h1 { font-family: "FS Siena"; font-style: normal; font-weight: normal; font-size: 40px;  line-height: 110%; text-align: center;
        letter-spacing: 0.2em;  text-transform: uppercase; margin-top: 0px; margin-bottom: 50px !important;  width: 571px;    }

#hp .half img, #events .half img { max-width: 100%; width: 100%; }

#hp section p, #events section p {  font-family: "Majorant-Thin";  font-style: normal;  font-weight: 400;  font-size: 15px;  line-height: 21px;  text-align: left;
    letter-spacing: 0.02em; color: #231F20;   margin-top: 0px; }

#hp h1, #hp h2, #hp h2 a, #events h2, #events h2 a {  font-family: "FS Siena";  font-weight: 400;  font-size: 40px; line-height: 44px; color: #231F20;
    text-align: center;  letter-spacing: 0.2em; text-transform: uppercase; margin-top: 0px; margin-bottom: 25px; }
    #hp h2 a, #events h2 a { text-decoration: none;  }

#hp form#frmCtry2 { background-color: #f7f7f7; position: absolute;  z-index: 2;  padding-top: 2px; }
    #hp form#frmCtry2 select {  background-size: 12px !important;  background-repeat: no-repeat !important; background-position: 95% center !important;
        padding: 10px; background: transparent; color: #231F20; font-size: 13px; font-family: "Majorant-Light"; border: 1px solid #231F20;  }

#hp select#drpCountry2, #hp selectdrpCountryPassport {  background-image: none !important; }

.brand { position: absolute; left: 50%; transform: translate(-50%, 25%);  z-index: 999; }

@media (max-width: 1439px) and (min-width: 1023px) {
    #hp h1, #hp h2, #events h1, #events h2 {   font-size: 30px;    }
}

@media all and (max-width: 1440px) and (min-width: 993px) {
    #hp main h3, #events main h3 { font-size: 20px !important;  line-height: 22px !important;    }

    #hp h1, #hp h2, #events h1, #events h2 { font-size: 30px;  line-height: 33px; }

    .headerTitle h1 {   width: 410px;    }

    #hp section p, #events section p {  font-size: 15px; line-height: 18.2px;   }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    #hp .spy.wrapped.stick, #events .spy.wrapped.stick {  top: 62px !important;    }
}

@media all and (max-width: 992px) {
    .headerTitle h1 {  max-width: 263px; margin: 0 auto; font-size: 20px !important; letter-spacing: 0.2em !important; line-height: 22px !important;    }
    #hp h1, #hp h2, #events h1, #events h2 { font-size: 20px; line-height: 22px;    }
}

@media all and (max-width: 767px) {
    /*#hp header, #events header {  position: fixed;    }*/

    #hp .big-slideshow .owl-carousel .owl-item img, #events .big-slideshow .owl-carousel .owl-item img {  height: 92vh !important;  object-fit: cover;    }

    #hp form#frmCtry2 { position: unset; top: 0; transform: translate(0px, 0px); background: none; padding: 10px 0px 0px 5px;  }

    .headerTitle { justify-content: flex-start;  transform: translate(0%, 25%);    }
}

/* HOMEPAGE DROPDOWN START */
.navbar {  overflow: hidden;   font-family: Arial, Helvetica, sans-serif; }
    .navbar a { font-family: "Majorant-Light"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; text-align: center; letter-spacing: 0.02em; color: #fff;    }

.dropdown1 .dropbtn,.dropdown .dropbtn {  background: rgba(255, 255, 255, 0.4);  border: 1px solid #231F20;  box-sizing: border-box;  backdrop-filter: blur(50px);
    border-radius: 47.0588px; cursor: pointer; text-align: center; letter-spacing: 0.02em; color: #231F20; padding: 19px 35px 18px 35px; font-family: "Majorant-Light";
    font-style: normal;  font-weight: normal; font-size: 14px; line-height: 100%; text-align: center; letter-spacing: 0.02em;  }

.dropdown1 .dropdown-content .row, .dropdown-content .row {  display: flex; flex-direction: row; align-items: center; }

.dropdown1.collapsed .dropdown-content {  display: block; }

.dropdown1.collapsed .dropdown-content {  background: #fff !important; }

.dropdown-content input::placeholder {  font-size: 12px; }

.dropdown1 .dropdown-content, dropdown-content { position: absolute; width: 50%; z-index: 123; margin: 0 auto; opacity: 1; visibility: visible; background-color: #fff;
    border: 1px solid #231f20; border-radius: 20px; height: 410px; mix-blend-mode: normal; opacity: 1;  position: absolute; width: 338px; top: 494px;  left: 40%;
    display: none; }

.dropdown1 .dropdown-content {  transform: translate(0%, 50%);  top: -38px;  left: 0;  right: 0; }

@media all and (max-width: 420px) {
    .dropdown1 .dropdown-content {   top: 40px;    }
}

.dropdown1 .form-item > button,.dropdown .form-item > button {  background-color: #231f20;  border-radius: 40.4px;  height: 37px; opacity: 1;  position: relative;
    width: 100%; color: #fff; color: #ffffff;  font-family: 'Majorant-Light';  font-size: 12px; font-style: normal; font-weight: 300; letter-spacing: 0.19px;  line-height: 13.6px;
    text-align: center; white-space: nowrap; border: none; cursor: pointer; }

.dropdown1 .dropdown-content select#numberofguest,.dropdown1 .dropdown-content select#drp-destination,.dropdown-content select#numberofguest,
.dropdown-content select#drp-destination, .dropdown1 .dropdown-content #txtSearch, #drp-destination, #txtSearch2 {  border: 0.8px solid #231f20;  background-color: transparent !important;
    border-radius: 40.4px; color: #231f20; font-family: 'Majorant-Light'; font-size: 12px; font-style: normal; font-weight: 300; height: auto;  letter-spacing: 0.19px;
    line-height: 15px; mix-blend-mode: normal; opacity: 1; text-align: left; white-space: nowrap;  width: 100%;  padding: 14px 10px 14px 20px;
    overflow: auto;   max-height: 43.5px; overflow:hidden }

.dropdown1 .dropdown-content label, .dropdown-content label {  display: block;  background-color: transparent; color: #231f20; font-family: 'Majorant-Light';
    font-size: 12px; font-style: normal; font-weight: 300; letter-spacing: 0.00px; mix-blend-mode: normal; text-align: left; padding-top: 0px; padding-left: 5px;
    line-height: 25px; text-align:left; width:100%; float:left }

.dropdown1 .dropdown-content button.close,.dropdown-content button.close {    position: absolute;  left: 95%; top: -2%; right: 0;  border: none;  background: #000;
    color: #fff;  border: none;  transform: translate(0%, 0);  height: 29px; width: 29px; border-radius: 40px; }

.dropdown1 .dropdown-content i.fas.fa-times, .dropdown-content i.fas.fa-times {  font-size: 20px; }

.dropdown1 .dropdown-content button.close, .dropdown-content button.close { cursor: pointer; }

.dropdown1 input#quick_txtArrivalDate,.dropdown1 input#quick_txtDepartDate,.dropdown-content input#txtDepartDate,.dropdown-content input#txtArrivalDate {
    background-color: transparent !important;   border: 0.8px solid #231f20 !important;  border-radius: 40.4px;  height: 37px; opacity: 1;  width: 136px !important;
    font-size: 12px;  padding: 0px !important;  font-weight: 400; }

.dropdown1 .dropdown-content .header, .dropdown-content .header {  padding: 16px;color: white; }

.dropdown1 .dropdown-content .form-item:first-of-type, .dropdown-content .form-item:first-of-type { padding-right: 24px; text-align:left }

.dropdown1:hover .dropdown-content, .dropdown:hover .dropdown-content { display: block; }

.dropdown1.collapsed { visibility: visible; opacity: 1; }

.dropdown1 {  visibility: hidden;  opacity: 0; }

.dropdown.collapsed {  visibility: hidden; }

.dropdown1-wrap { display: fixed;  position: fixed;    display: table;  height: 100%;  width: 100%;  z-index: 1001;  display: table-cell; /* background: rgba(0, 0, 0, 0.8); */
    background: transparent;  text-align: center;  vertical-align: middle;  top: 0px; }

.dropdown1 .dropdown .column, .dropdown .column { float: left;  padding: 10px;background-color: #fff;  padding: 10px 20px; }
    .dropdown1 .column a, .dropdown .column a { float: none; color: black; padding: 0px; text-decoration: none; display: block; text-align: left;
        font-size: 12px; font-family: 'Majorant-Thin';  }

.dropdown1 button.dropbtn .fa, button.dropbtn .fa {  padding-left: 15px; }

.dropdown1 .column a:hover, .dropdown .column a:hover { text-decoration: underline; }

.dropdown .column p { padding: 0; margin: 0;  font-size: 12px; font-family: 'Majorant-Light'; }

.dropdown-content select {  -o-appearance: none; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.dropdown-content label:nth-of-type(2n) {  padding-top: 10px; }

.dropdown-content .form-item {  padding-top: 15px; }

/*
@media all and (max-width: 767px) {
    .dropdown-content .form-item {   padding-top: 10px;    }
}
    */

.row:after {  content: "";   display: table;  clear: both; }

.dropdown1 .dropdown .dropdown-content, .dropdown .dropdown-content { opacity: 0; visibility: hidden;  transition: .5s opacity; }

.dropdown1.collapsed .dropdown-content,.dropdown.collapsed .dropdown-content {  padding: 30px; opacity: 1; visibility: visible; background: rgba(255, 255, 255, 0.4); }

.dropdown .dropbtn i {  transform: matrix(-1, 0, 0, 1, 0, 0); margin-right: 20px; color: #231F20; }

form#frmFilter5 {  padding: 20px; }

#frmSearch .form-item {  padding: 0 20px 15px; }

.big-slideshow, .big-slideshow2 {  height: 100%; overflow: hidden; position: relative; }

@media all and (min-width: 1441px) {
    .big-slideshow {  overflow: hidden;  position: relative; /* min-height: 100vh; */ min-height: 115vh; height: 100%; /* height: 100vh; */   }
}

@media (max-width: 1440px) {
    .dropdown-content { right: 50%; background: #fff !important; transform: translate(-50%, 0%); top: 57%; bottom: 0;    }
}

@media all and (max-width: 992px) {
    .headerTitle h1 {  margin-bottom: 0px !important;    }

    .dropdown1 .dropdown-content button.close,    .dropdown-content button.close { position: absolute; left: 95%; top: -2%; right: 0; transform: translate(0%, 0);
        height: 29px; margin: 0; padding: 0;    }

    .dropdown1 .dropdown-content {  transform: translate(0%, 30%);    }
    /*
    .dropdown1 .dropdown-content, .dropdown-content {  height: 440px;    }
    */
    .dropdown .dropbtn {  min-width: 334px; max-width: 100%; padding: 15px 0 14px; font-size: 10.9804px; line-height: 11px; letter-spacing: 0.02em;
        position: absolute; transform: translate(-50%, 0%); top: 60%; left: 50%; right: 50%;    }

    .navbar a { font-size: 10px;  }

    .dropdown-content .row { /*margin: 5px 0 auto;*/  width: 100%;    }
}

@media all and (max-width: 767px) {
    .dropdown .dropbtn { min-width: 280px;  top:13%    }
}

@media all and (max-width: 400px) {
    .dropdown1.collapsed .dropdown-content, .dropdown.collapsed .dropdown-content {   padding: 20px;    }

    .dropdown1 .dropdown-content, .dropdown-content {   width: 305px;    }

        .dropdown1 .dropdown-content select#numberofguest, .dropdown1 .dropdown-content select#drp-destination, .dropdown-content select#numberofguest, .dropdown-content select#drp-destination {
            width: 260px; padding: 14px 10px 14px 20px;  /* padding: 8px 10px 8px 20px;*/      }

        .dropdown1 input#quick_txtArrivalDate, .dropdown1 input#quick_txtDepartDate, .dropdown-content input#txtDepartDate, .dropdown-content input#txtArrivalDate {
            width: 116px !important; padding: 8px 10px 8px 20px;    }

        .dropdown1 .dropdown-content button.close, .dropdown-content button.close { left: 93%;  }

        .dropdown1 .dropdown-content #txtSearch { padding: 14px 10px 14px 20px;  }

    .dropdown1 .dropdown-content, .dropdown-content { height: 410px; }
}

@media all and (max-width: 420px) {
    .dropdown1 .dropdown-content { transform: translate(0%, 15%);  }
}

/* HP ELITE SECTION */
#hp .elite, #events .elite { margin-top: 0px; padding-top: 150px; padding-bottom: 50px; }
    #hp .elite .group .half, #events .elite .group .half {   width: 50%;    }
        #hp .elite .group .half:first-of-type, #events .elite .group .half:first-of-type { padding: 0 25px;margin-right: 50px;    }
        #hp .elite .group .half:last-of-type, #events .elite .group .half:last-of-type { border-left: 1px solid rgba(35, 31, 32, 0.15); padding-left: 50px;   }

    #hp .elite p, #events .elite p { color: #231F20;  max-width: 504px; margin: 0 auto; text-align: center; }

    #events .elite p {  max-width: 415px  }

#hp .btn-elite, #events .btn-elite { margin-top: 50px;  text-align: center; }

    #hp .btn-elite a:hover, #events .btn-elite a:hover {  background: #a37e2f;    }

#hp .elite-content, #events .elite-content { width: 610px;  margin: 0 auto; }

#hp .homemsg, #events .homemsg { text-align: center; width: 100%; font-size: 13px; margin-top: 30px; padding: 0; }

@media all and (max-width: 1440px) and (min-width: 993px) {
    #hp h1, #hp h2, #events h1, #events h2 {  font-size: 30px;    }
    #hp .elite, #events .elite {  padding-top: 100px;    }
    #hp .elite-content, #events .elite-content { width: 427px; margin: 0 auto;   }
    #hp .elite .group .half:last-of-type, #events .elite .group .half:last-of-type {  padding-left: 30px;  }
    #hp .elite .group .half:first-of-type, #events .elite .group .half:first-of-type {  margin-right: 30px;    }
    #hp .elite p, #events .elite p {  max-width: 370px;    }
}

@media all and (max-width: 992px) {
    #hp .elite .group, #events .elite .group {  display: block;    }
        #hp .elite .group .half, #hp .elite .group h3 {    width: 100%        }
            #hp .elite .group .half:first-of-type, #events .elite .group .half:first-of-type {            padding-right: 0            }

    #hp .elite p, #events .elite p {  width: 100%   }
    #hp .elite .group .half:last-of-type, #events .elite .group .half:last-of-type {  border-left: 0;    padding: 50px 0;    }
}

@media all and (max-width: 992px) {
    #hp .group h3, #events .group h3 {   display: block;    }

    #hp .elite-content, #events .elite-content {   width: 100%;    }

    #hp .elite .group .half:first-of-type, #events .elite .group .half:first-of-type {  margin-right: 0px; padding: 0px;   border-bottom: 1px solid rgba(35, 31, 32, 0.15);    }

    #hp .elite .group h3, #events .elite .group h3 { max-width: 350px; font-size: 20px !important; line-height: 22px; letter-spacing: 0.2em; margin: 0 auto 25px;    }

    #hp main h4, #hp section p, #events main h4, #events section p { font-size: 13px !important; line-height: 18px !important;    }

    #hp .elite, #events .elite {   padding-top: 100px; padding-bottom: 0px;    }

    #hp .btn-elite, #events .btn-elite {  margin-bottom: 50px;    }

    #hp .elite p, #events .elite p {    max-width: 330px;    }
}
/* HP TAGLINE SECTION */
.tagline {  padding-top: 100px; }
    .tagline h2 {  text-transform: uppercase; font-family: "FS Siena"; font-weight: 100; width: 60%;  margin: 0 auto; font-size: 40px; line-height: 44px; color: #231F20;   }
    .tagline .content { text-align: center; padding-bottom: 50px;   border-bottom: 1px solid rgba(35, 31, 32, 0.15);    }
    .tagline .col .btn:hover {   text-decoration: underline; color: #a37e2f;  }

    .tagline a {  font-family: "Majorant-Light";  font-style: normal;  font-weight: 400; font-size: 15px; line-height: 21px; text-align: center;
        letter-spacing: 0.02em; color: #231F20;  text-decoration: none;    }

#hp .content { text-align: center; padding-bottom: 50px; }

#hp #magazine .content {  padding-bottom: 0 }

@media all and (max-width: 1440px) and (min-width: 1024px) {
    .tagline {  padding-top: 50px;    }
        .tagline a {  font-size: 13px; line-height: 18.2px;    }
}

@media all and (max-width: 1023px) {
    .tagline .wrapper {   padding-bottom: 0px !important;    }

    .tagline .row {   padding-bottom: 30px;    }

    .tagline h2 {  font-size: 20px !important; line-height: 22px !important; width: 100%;   }
}

@media all and (max-width: 767px) {
    .tagline .content {    border-bottom: none !important;    }
}
/* HP JOURNEY SECTION */
.journey .group {  padding-top: 40px; }

.journey .group {   align-items: flex-start; }
    .journey .group .half:first-of-type {     width: 40%;    }
    .journey .group .half:last-of-type {  width: 60%;  border-left: 1px solid silver;  padding-left: 50px;  }
    .journey .group .half .btn-elite.btns, .journey .group .half:first-of-type h3, .journey .group .half:first-of-type p {     text-align: left !important;    }
    .journey .group .half:first-of-type p { padding-right: 100px; font-family: "Majorant-Light";  width: 100%; color: #231F20;  }

.journey .list-countries {  padding-top: 60px; }
    .journey .list-countries ul {   padding: 0;  margin: 0;    }
        .journey .list-countries ul li {  list-style: none;    }
            .journey .list-countries ul li a {  text-decoration: none;   }
                .journey .list-countries ul li a:hover {  text-decoration: underline;  color: #a37e2f;             }

            .journey .list-countries ul li a {  font-family: "Majorant-Light"; text-decoration: none;  font-size: 30px; line-height: 44px;  color: #231F2066;         }

@media all and (max-width: 1023px) {
    .journey {
        padding: 0px;
    }

        .journey h2 {
            width: 100%;
        }

        .journey h3 {
            text-align: left !important;
        }

        .journey .content {
            padding-bottom: 40px;
        }

        .journey .group {
            padding-top: 20px;
        }

            .journey .group .half:first-of-type {
                width: 100%;
            }

                .journey .group .half:first-of-type p {
                    padding-right: 0px;
                }

        .journey .list-countries {
            padding-top: 20px;
        }

        .journey .group .half:last-of-type {
            display: none;
        }
}

/* HP DELIGHTS SECTION */

#hp #magazine img {
    max-height: 279px !important;
    height: 279px !important;
    object-fit: cover;
    object-position: top
}

#hp #magazine {
    margin-bottom: 100px
}

    #hp #magazine .delights .item {
        display: flex !important;
        flex-direction: row !important;
        width: inherit !important
    }

    #hp #magazine .owl-carousel .owl-stage, #events .owl-carousel .owl-stage {
        display: flex
    }

    #hp #magazine .owl-carousel.owl-drag .owl-item, #events .owl-carousel.owl-drag .owl-item {
        display: inline-flex;
        width: inherit
    }

.delights {
    background: #ebedee;
}

    .delights .wrapper {
        padding: 100px 0 50px;
    }

    .delights a {
        text-decoration: none;
    }

    .delights p {
        text-align: center !important;
        width: 403px;
        margin: 0 auto;
    }

    .delights .item {
        border-right: 1px solid rgba(35, 31, 32, 0.15);
        padding: 0 50px 50px;
        width: inherit
    }


        .delights .item img {
            height: 403px;
            max-width: 100%;
            object-fit: cover;
        }

    .delights .slideshow1 p {
        font-family: "Majorant-Thin";
        font-size: 30px;
        width: 100%;
        color: #231F20;
        padding-top: 20px;
    }

    .delights .slideshow1 .owl-nav .owl-prev, .delights .slideshow1 .owl-nav .owl-next, .owl-nav .owl-prev, .owl-nav .owl-next {
        border: 1px solid #000;
        border-radius: 50%;
        padding: 6px 9.5px 6px 9.5px;
        -webkit-appearance: none;
        line-height: 0;
    }

    .delights .owl-nav, .owl-nav {
        margin-top: 33px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .delights .slideshow1 {
        padding-bottom: 0;
    }

@media all and (min-width: 1920px) {
    .delights .item img {
        height: 40vh;
        max-width: 100%;
        object-fit: cover;
        object-position: 0 70%;
    }
}

@media all and (max-width: 1440px) and (min-width: 993px) {
    .delights .item {
        padding: 0 20px 20px;
    }
}

@media all and (max-width: 992px) {
    .delights .wrapper {
        padding: 0px;
    }

    .delights p {
        width: 100%;
    }

    .delights .item {
        transform: translate3d(0px, 0px, 0px);
    }

    .delights .slideshow1 .owl-item.active p {
        opacity: 1;
    }

    .delights .slideshow1 .owl-item p {
        opacity: 0;
    }

    .delights .slideshow1 {
        padding-bottom: 0px;
    }

    .delights .owl-nav {
        padding-top: 20px;
    }
}

@media all and (max-width: 992px) {
    .delights {
        padding-top: 100px;
    }

        .delights .item {
            padding: 0 20px;
        }

            .delights .item img {
                height: 100%;
            }

        .delights .slideshow1 p {
            font-size: 20px;
            font-weight: 400;
        }


        .delights p {
            max-width: 330px;
        }

    #hp #magazine .delights p {
        width: 100% !important;
        max-width: 100% !important
    }

    .delights h4 {
        margin-top: 19px !important;
    }

    .delights .owl-nav {
        display: none;
    }
}

/* HP SIGNATURE SECTION */
.signature {
    position: relative;
    background-color: #ebedee;
    text-align: center;
}

    .signature .wrapper {
        padding-top: 50px;
        padding-bottom: 0;
    }

#hp .signature h2 {
    color: #fff !important;
    margin-bottom: 20px;
}

.signature img {
    max-width: 100%;
}

.signature-content {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 200px;
    margin-bottom: 50px
}

    .signature-content h2 {
        color: #fff;
    }

    .signature-content p {
        text-align: center;
    }

.signature .signature-content h6 {
    margin-bottom: 0px;
}

    .signature .signature-content h6 a {
        font-family: "FS Siena";
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        letter-spacing: 0.2em;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
    }

.signature-slideshow {
    padding: 35px 0 60px 0;
}

    .signature-slideshow .owl-nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .signature-slideshow p {
        color: #fff !important;
        max-width: 55%;
        margin: 0 auto;
        text-align: center !important;
    }

.signature-content .btn-default {
    background: #fff !important;
    color: #000 !important;
}

.signature .signature-content a.btn-default {
    text-transform: inherit;
    border: none;
    border: 1px solid #fff;
}

.signature-content .btn-default:hover {
    background: #fff !important;
    color: #231F20;
    border: 1px solid #231F20 !important;
}

.signature-slideshow .owl-nav .owl-prev, .signature-slideshow .owl-nav .owl-next {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 15px;
    padding: 6px 9.5px;
    -webkit-appearance: none;
    line-height: 0;
}

@media (max-width: 1440px) and (min-width: 993px) {
    .signature-slideshow p {
        color: #fff !important;
        max-width: 100%;
        margin: 0 auto;
        text-align: center !important;
    }
}

@media all and (max-width: 992px) {
    .signature-content h2 {
        padding-top: 0px;
        font-size: 30px;
        margin-bottom: 20px;
        font-size: 30px;
        line-height: 33px;
        letter-spacing: 0.2em;
    }

    .signature-slideshow {
        width: 100%;
    }

        .signature-slideshow p {
            padding: 20px;
        }

    .signature-slideshow {
        padding: 50px 0 60px 0;
        width: 328px;
        margin: 0 auto;
        text-align: center !important;
    }

        .signature-slideshow p {
            padding: 0px;
            max-width: 330px !important;
            text-align: center !important;
        }

    .signature-content {
        padding: 150px 0 197px 0 !important;
        min-height: 300px;
        position: relative;
    }

    #signature .wrapper {
        padding: 0px;
    }

    .signature .signature-content h6 {
        margin: 0px;
    }
}
/* SUBCRIBED */
#hp .subscribe {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #CADDE3;
}

    #hp .subscribe h3 {
        margin: 0 auto 50px;
        max-width: 44%;
    }

    #hp .subscribe p {
        text-align: left;
    }

@media all and (max-width: 1500px) {
    #hp .subscribe .join form .form-item input {
        width: 47.7% !important;
    }
}

@media all and (max-width: 1023px) {
    #hp .subscribe ul li {
        font-size: 13px !important;
        line-height: 18.2px !important;
        letter-spacing: 0.02em;
    }

    #home select, #hp select,
    #hp .subscribe .join form input::placeholder,
    #hp .subscribe .join form .form-item input::placeholder {
        font-size: 12px;
        line-height: 13px;
    }
}

@media all and (max-width: 992px) {
    #hp .subscribe {
        padding: 0px;
    }

        #hp .subscribe .group {
            width: 100% !important;
            padding-top: 30px;
        }

        #hp .subscribe .half:first-of-type {
            padding-right: 0px !important;
        }

        #hp .subscribe .join form, .subscribe .join form input, .subscribe .join select {
            width: 100% !important;
        }

    .subscribe .group {
        display: block;
    }

    #hp .subscribe ul {
        padding-left: 20px;
    }

    #hp .subscribe h3 {
        font-size: 20px;
        line-height: 22px;
        letter-spacing: 0.2em;
        max-width: 330px;
        margin-bottom: 30px;
    }

    #hp .subscribe .box {
        margin: 100px 0px;
    }

    #hp .subscribe p:last-of-type {
        padding-top: 10px;
        margin-bottom: 0px;
    }

    #hp .subscribe .half:last-of-type {
        padding-left: 0px !important;
        padding-top: 60px;
    }

    #hp .subscribe .join form #lname {
        margin-left: 0px !important;
    }

    #home select {
        background: none !important;
    }

    #hp .subscribe .join form .form-item input {
        width: 100% !important;
        background: #CADDE3 !important;
    }

    #hp .subscribe .join form button {
        border-radius: 0px !important;
    }
}

/* ===== HP ELITEHAVENS DIFFERENCE ====*/
#hp .elitehavens-difference h5, #events .elitehavens-difference h5 {
    font-family: 'Majorant-Light';
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 25.6px;
    text-align: center;
    color: #231F20;
    margin: 0 auto;
    padding: 25px 0;
}

.elitehavens-difference .wrapper {
    padding: 100px 0 50px 0;
}

.elitehavens-difference h2 {
    margin-bottom: 50px !important;
}

.elitehavens-difference .group {
    align-items: unset !important;
    padding-top: 50px;
}

.elitehavens-difference h5 a {
    text-decoration: none;
    color: #231F20;
}

.elitehavens-difference p {
    text-align: center !important;
}

.elitehavens-difference .half {
    flex: 1;
    padding: 0 50px 25px;
    border-right: 1px solid rgba(35, 31, 32, 0.15);
}

    .elitehavens-difference .half:first-of-type {
        padding-left: 0px;
    }

    .elitehavens-difference .half:last-of-type {
        border-right: none;
        padding-right: 0px;
    }

@media all and (max-width: 1440px) and (min-width: 993px) {
    .elitehavens-difference .half {
        padding: 0 30px 25px 30px !important;
    }
}

@media all and (max-width: 992px) {
    .elitehavens-difference .wrapper {
        padding: 100px 22px;
    }

    .elitehavens-difference {
        padding: 0;
    }

        .elitehavens-difference .half {
            min-height: 0px;
            border-right: 0px;
            padding: 0 0 20px;
        }

            .elitehavens-difference .half:last-of-type {
                padding-bottom: 0px;
            }

        .elitehavens-difference h4 {
            width: 100%;
        }

        .elitehavens-difference .group {
            display: block;
        }
}

@media all and (max-width: 992px) {
    .elitehavens-difference h2 {
        margin-bottom: 50px !important;
        max-width: 330px;
        margin: 0 auto;
    }

    .elitehavens-difference .half {
        border-top: 1px solid rgba(35, 31, 32, 0.15);
    }

    .elitehavens-difference .group {
        padding-top: 25px;
    }

    #hp .elitehavens-difference h5 {
        font-size: 13px !important;
        line-height: 18px !important;
        padding: 25px 0 15px 0;
    }

    .elitehavens-difference p {
        margin: 0 auto;
    }
}

@media all and (min-width: 1440px) {
    #elitehavens-difference p {
        width: 102% !important;
    }
}

/* ==== HP NEW JOURNEY ====*/
.destinations h3 {
    text-align: left !important;
    pointer-events: none;
}

    .destinations h3 a {
        pointer-events: auto;
    }

    .destinations h3.ui-state-active a {
        color: #231F20 !important;
    }

    .destinations h3.ui-state-default a, .destinations h3.ui-state-default a:link {
        color: rgba(35, 31, 32, 0.4);
    }

.destinations img {
    width: 100%;
}

.destinations .row {
    display: flex;
    overflow: hidden;
}

.destinations .wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
}

.destinations a {
    text-decoration: none;
    color: #fff;
}

.destinations .row .col {
    flex: 1;
}

    .destinations .row .col:last-of-type {
        padding-left: 50px;
        padding-right: 0px;
    }

.destinations .row .col {
    padding-right: 50px;
    border-left: 1px solid rgba(35, 31, 32, 0.15);
}

    .destinations .row .col:nth-of-type(1) {
        flex-basis: 540px;
        max-width: 540px;
        border-left: none;
        padding-left: 0px;
    }

#events .destinations .ui-accordion .ui-accordion-content {
    height: auto !important;
    padding-bottom: 50px
}

.destinations .row .col:first-of-type h3.ui-accordion-header-active {
    margin-bottom: 25px !important;
}

.destinations .row .col:nth-of-type(1) h3 {
    background: transparent;
    border: none;
    padding: 0;
    margin-bottom: 10px !important;
}

.destinations .btn-default {  width: 174px; }

.destinations .row .col:nth-of-type(1) h3 span.ui-accordion-header-icon {
    display: none;
}

.destinations .accordion-content {
    margin: 0;
    padding: 0;
    border: none;
}

.destinations .ui-accordion .ui-accordion-content {
    overflow: visible;
}

    .destinations .ui-accordion .ui-accordion-content:last-of-type {
        margin-bottom: 20px;
    }

.destinations h3.ui-accordion-header-active {
    color: #231F20;
}

.destinations h3.ui-accordion-header-collapsed {
    color: rgba(35, 31, 32, 0.4) !important;
}

.destinations .mob-img img {
    display: none !important;
}

@media all and (min-width: 1440px) {
    .destinations .row .col:nth-of-type(1) p {
        margin-bottom: 50px;
    }
}
@media all and (max-width: 360px) {
    .destinations .btn-default {  display:block  }
    .destinations .btn-default:last-of-type {  margin-top:-5px   }
    #events .destinations img { width:100% }
    #events section p {width:100%}
}

@media all and (max-width: 1440px) and (min-width: 993px) {
    .destinations .row .col {
        padding-right: 30px;
    }

        .destinations .row .col:last-of-type {
            padding-left: 30px;
        }

        .destinations .accordion-content,
        .destinations .row .col:nth-of-type(1) p {
            margin-bottom: 30px;
        }

        .destinations .row .col:nth-of-type(1) {
            flex-basis: 500px;
            max-width: 500px;
        }
}

@media all and (max-width: 992px) {
    .destinations h3 {
        pointer-events: auto;
    }

        .destinations h3:hover {
            text-decoration: underline;
        }

    .destinations .ui-accordion .ui-accordion-content {
        margin-bottom: 50px;
    }

    .destinations .row .col:first-of-type h3.ui-accordion-header-active {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        margin: 0px !important;
    }

    .destinations .mob-img img {
        display: block !important;
    }

    .destinations .row .col:last-of-type {
        display: none;
    }

    .destinations .row .col {
        padding: 0px;
    }

    .destinations p {
        padding: 29px 0;
    }

    .destinations .row .col:nth-of-type(1) {
        flex-basis: 100%;
        max-width: 100%;
    }

    .destinations p {
        padding-top: 29px;
        padding-bottom: 29px;
    }

    .destinations .wrapper {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .destinations .mob-img {
        padding-top: 25px;
    }

    .destinations .accordion div {
        height: auto !important;
    }

    .destinations h3 {
        font-size: 20px !important;
        letter-spacing: 0.15em !important;
        line-height: 22px !important;
    }

    .destinations .row .col:nth-of-type(1) h3 {
        padding: 15px 0 !important;
        margin-bottom: 0px !important;
    }

    .destinations .row .col:nth-of-type(1) h3 {
        border-top: 1px solid rgba(35, 31, 32, 0.15);
    }

        .destinations .row .col:nth-of-type(1) h3:last-of-type {
            border-bottom: 1px solid rgba(35, 31, 32, 0.15);
        }
}

/* ==== HP HANDPICKED ====*/
.hand-picked {
    background: #ebedee;
    padding: 100px 0px 0px;
}

#hp .hand-picked section ul li {
    font-family: "Majorant-Thin";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    letter-spacing: 0.02em;
    color: #231F20;
    margin-top: 0px;
}

.hand-picked .slideshow2 h5.villa-name, .hand-picked .slideshow2 h5.villa-name a {
    font-family: "Majorant-Light";
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.02em;
    color: #231F20;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 10px;
}

h5.villa-name a:hover, .hand-picked a:hover {
    text-decoration: none !important;
    color: #231F20 !important;
}

.hand-picked li {
    color: #231F20 !important;
    font-size: 13px !important;
    font-family: 'Majorant-Light'
}

.hand-picked span.location a {
    font-size: 13px;
    line-height: 18.2px;
}

.hand-picked .slideshow2 ul {
    padding: 0;
    margin: 0;
}

.hand-picked .wrapper {
    padding: 0 0 50px;
}

.hand-picked h2 {
    text-align: center;
    font-family: "FS Siena";
}

.hand-picked .see-villas {
    text-align: center;
}

.hand-picked a {
    font-family: "Majorant-Light";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #231F20;
    text-decoration: none;
}

    .hand-picked a:hover {
        color: #a37e2f;
        text-decoration: underline;
    }

.hand-picked .item {
    border-right: 1px solid rgba(35, 31, 32, 0.15);
    padding: 0 50px;
}

    .hand-picked .item img {
        height: 368px;
        object-fit: cover;
    }

.hand-picked .slideshow2 .owl-item.active .content-item {
    opacity: 1;
}

.hand-picked .slideshow2 .owl-nav .owl-prev, .hand-picked .slideshow2 .owl-nav .owl-next {
    border: 1px solid #000;
    border-radius: 50%;
    padding: 6px 9.5px 6px 9.5px;
    -webkit-appearance: none;
    line-height: 0;
}

.hand-picked .owl-nav {
    /* padding-top: 50px; */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.hand-picked .slideshow2 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.hand-picked .owl-carousel .owl-item li img {
    height: auto;
    width: 20px;
    min-width: 20px;
}

.hand-picked .owl-carousel .owl-item li {
    display: inline-block;
    font-size: 13px;
    padding-top: 10px;
    font-family: 'Majorant-Light';
    font-weight: 400;
    line-height: 18.2px;
    padding: 0;
    margin: 0;
}
.hand-picked .owl-carousel .owl-item li span { vertical-align:baseline}

    .hand-picked .owl-carousel .owl-item li a {
        font-size: 13px;
    }

.hand-picked .owl-carousel .content-item {
    padding: 20px 0;
}

    .hand-picked .owl-carousel .content-item ul {
        padding: 0;
        margin: 0;
    }

.hand-picked .slideshow2 ul:last-of-type li:last-of-type {
    margin-bottom: 10px;
}

.hand-picked span.location {
    font-family: 'Majorant-Light';
    font-size: 13px;
    line-height: 18.2px;
}

@media all and (min-width: 993px) {
    .hand-picked .owl-carousel .owl-item img {
        display: block;
        height: 355px;
        object-fit: cover;
        max-width: 100%;
    }
}

@media (max-width: 1440px) and (min-width: 993px) {
    .hand-picked .item {
        transform: translate3d(0px, 0px, 0px);
        padding: 0 30px;
    }

    .hand-picked .slideshow2 .owl-item .content-item {
        opacity: 1;
    }
}

@media (max-width: 1440px) {
    .hand-picked .slideshow2 h5.villa-name a {
        font-size: 18px;
        line-height: 25.2px;
        letter-spacing: 0.02em;
        margin: 0 0 5px 0;
    }

    .hand-picked .owl-carousel .owl-item li img {
        width: 14px;
        min-width: 14px;
    }
}

@media all and (max-width: 992px) {
    .hand-picked h5.villa-name a {
        font-size: 18px;
        line-height: 25.2px;
        letter-spacing: 0.02em;
        margin: 0 0 5px 0;
    }

    .hand-picked .owl-carousel .owl-item li,
    .hand-picked span.location, .hand-picked .slideshow2 .location a, .hand-picked ul li a {
        font-size: 9px !important;
        line-height: 11.7px;
    }

    .hand-picked span#rptHandPick_ctl05_lblName a {
        font-size: 18px !important;
        line-height: 25.2px;
        letter-spacing: 0.02em;
    }

    .hand-picked .slideshow2 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .hand-picked .item {
        transform: translate3d(0px, 0px, 0px);
        padding: 0 30px;
    }


    .hand-picked .owl-carousel .owl-item span img {
        height: auto;
        min-height: 175px
    }

    .hand-picked a {
        font-size: 15px;
        line-height: 25.2px;
        letter-spacing: 0.02em;
    }

    .hand-picked .owl-nav {
        display: none;
    }

    .hand-picked h2 {
        max-width: 330px;
        margin: 0 auto;
    }

    .hand-picked {
        padding: 100px 0 60px 0;
    }

        .hand-picked .item {
            padding: 0 20px;
            /* transform: translate3d(-19px, 0px, 0px); */
        }

            .hand-picked .item img {
                height: 100%;
            }

        .hand-picked .owl-carousel .content-item {
            padding: 15px 0;
        }

        .hand-picked .slideshow2 ul {
            line-height: 0;
            margin: 0 0 5px 0;
        }

        .hand-picked .owl-nav {
            display: none;
        }
}
/* ABOUT US */
.aboutus main section.hero .img-cover {
    max-height: 100%;
    width: 100%;
    object-position: unset;
    object-fit: unset;
    height: 100%;
}

.aboutus main section.hero div[data-jarallax-element] {
    margin-top: 0px;
}

.aboutus main section.hero h1 {
    font-size: 60px;
    line-height: 80px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
}

.aboutus .row {
    align-items: center;
}

.aboutus .our-havens {
    padding-top: 100px;
}

.aboutus section h3 {
    line-height: 29px;
    font-weight: 400;
    font-family: 'Majorant-Light';
    font-size: 18px;
    letter-spacing: 0.02em;
    margin-top: 0;
}

.aboutus section p {
    font-family: "Majorant-Thin";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: #231F20;
    margin-top: 0px;
}

.aboutus .br {
    border-right: 1px solid rgba(35, 31, 32, 0.15);
}

.aboutus .bl {
    border-left: 1px solid rgba(35, 31, 32, 0.15);
}

.aboutus .half {
    flex: 1;
}

    .aboutus .half:last-of-type {
        padding-left: 50px;
    }

    .aboutus .half:first-of-type {
        padding-right: 50px;
    }

.aboutus .our-promise,
.aboutus .our-beliefs,
.aboutus .our-team {
    padding-top: 50px;
}

.aboutus .our-promise {
    padding-bottom: 50px;
}

.aboutus .extras .row {
    align-items: unset;
}

@media (max-width: 1439px) {
    .aboutus p {
        font-size: 13px !important;
        line-height: 18px !important;
        text-align: justify;
    }

    .aboutus h3 {
        font-size: 15px !important;
    }
}

@media (max-width: 1023px) {
    .aboutus .title h1 {
        font-size: 30px !important;
        line-height: 34px !important;
    }

    .aboutus section .row {
        flex-direction: column;
    }

    .aboutus .our-havens {
        padding-top: 50px;
    }

    .aboutus .half:first-of-type {
        padding-right: 0px;
    }

    .aboutus .half:last-of-type {
        padding-left: 0px;
    }

    .aboutus .br, .aboutus .bl {
        border: none;
    }

    .aboutus .img {
        margin-top: 50px;
    }

    .aboutus .row {
        align-items: center !important;
    }

    .aboutus .our-promise .row,
    .aboutus .our-team .row {
        flex-direction: column-reverse;
    }

    .aboutus main section.extras .row:first-of-type p:first-of-type {
        display: block;
        text-align: center;
    }

    .aboutus main section.extras .row:last-of-type .col {
        padding-bottom: 50px;
    }

        .aboutus main section.extras .row:last-of-type .col:nth-of-type(3) {
            margin-bottom: 0px;
            padding-bottom: 25px;
        }

    .aboutus section.extras .row {
        display: block;
    }
}

.about {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

    .about .wrapper {
        max-width: 1166px;
        background-repeat: no-repeat;
        background-position: top right;
    }

    .about .history {
        max-width: 550px;
        font-family: 'Majorant-Light', sans-serif;
        font-size: 18px;
        color: #fff;
        padding-top: 30%;
        line-height: 30px;
    }

        .about .history strong {
            font-family: 'Majorant-Light', serif;
            font-size: 45px;
            font-weight: 400;
        }

    .about .points {
        font-size: 0;
        margin-left: -29px;
        margin-right: -29px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .about .points .item {
            font-family: 'Lato', sans-serif;
            font-size: 18px;
            color: #fff;
            line-height: 30px;
            text-align: center;
            vertical-align: top;
            width: 33%;
            display: inline-block;
            *display: inline;
            zoom: 1;
            padding: 0 29px;
        }

            .about .points .item:before {
                content: '';
                display: block;
                height: 150px;
                width: 150px;
                margin: 0 auto;
                /*background: url(../images/portals/eh2/home-icons.png) no-repeat;*/
            }

            .about .points .item:nth-of-type(2):before {
                background-position: -543px 0;
            }

            .about .points .item:nth-of-type(3):before {
                background-position: -362px 0;
            }

/* ==== PROMOTIONS PAGE ====*/
#promopage .hero .wrapper {
    max-width: 100% !important;
    padding: 0px !important;
}

#promopage .detail {
    padding: 0px !important;
}

#promopage {
    background: #f7ede4;
}

    #promopage .title h1 {
        font-size: 60px;
        line-height: 80px;
        color: #fff;
        margin-bottom: 20px !important;
    }

    #promopage main section.list h2 {
        margin: 100px 0px;
    }

#prompage main section.list .item h3 {
    margin-top: 20px;
}

#prompage .item p {
    margin-top: 25px;
    color: #231F20;
}

#promopage main section.hero .img-cover {
    max-height: 460px;
    width: 100%;
}

#promopage .detail img {
    max-width: 100%;
    width: 100%;
}

#promopage .row {
    justify-content: center;
}

#promopage .detail .wrapper {
    padding: 0px;
    position: unset;
    max-width: 1400px;
}

#promopage .title small { color: #fff; font-size: 20px; letter-spacing: 0.02em; line-height: 17px;}
@media all and (max-width: 767px) {
    #promopage .title small { color: #fff; font-size: 20px; letter-spacing: 0.02em; line-height: 23px; width:90%; text-align:center}
}
#promopage main section.hero div[data-jarallax-element] {
    margin-top: 0px;
}

#promopage label.active {
    background: #000 !important;
    color: #fff;
}

#promopage .hero {
    margin-bottom: 40px;
    margin-top: 0px;
}

#promopage .promos .wrapper {
    padding: 0px;
    position: unset;
    border-top: 1px solid rgba(35, 31, 32, 0.15);
    border-bottom: 1px solid rgba(35, 31, 32, 0.15);
    padding: 20px 0px;
}

#promopage main section.promos {  background: #f7ede4!important; }

    #promopage main section.promos .row {
        display: flex;
        flex-direction: row;
        align-items: baseline;
        justify-content: space-between;
        width: 100%;
    }

#promopage section.promos h3 {
    font-weight: 300;
    letter-spacing: 0.26px;
    line-height: 18.2px;
    margin-bottom: 15px;
    font-family: 'FS Siena', display;
    font-size: 16px;
    margin: 0 0 20px 0px;
}

#promopage main section.promos .row .col {
    flex: unset;
}

#promopage main section.promos .row:after {
    display: none;
}

#promopage main section.promos .filter {
    font-size: 12px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

    #promopage main section.promos .filter h3 {
        font-weight: 300;
        letter-spacing: 0.26px;
        line-height: 18.2px;
        margin-bottom: 15px;
    }

    #promopage main section.promos .filter .btn {
        margin-right: 15px;
        padding: 6px 10px;
    }

    #promopage main section.promos .filter .group {
        margin: 0px;
        display: block !important;
        visibility: visible;
        opacity: 1;
    }

        #promopage main section.promos .filter .group label {
            margin: 0;
            cursor: pointer;
            appearance: none;
            font-size: 12px;
            font-weight: 300;
            letter-spacing: 0.26px;
            line-height: 16px;
            padding: 6px 10px;
            border: 1px solid #000;
            margin-right: 10px;
            border-radius: 0;
            height: auto;
            background: #f7ede4;
            border-radius: 30px;
            text-align: center;
        }

        #promopage main section.promos .filter .group select {
            display: none !important;
        }

    #promopage main section.promos .filter form {
        margin: 30px 0;
    }

#promopage main section.promos .col-half select {
    cursor: pointer;
    appearance: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.26px;
    line-height: 18.2px;
    padding: 6px 10px;
    border: 1px solid #000;
    background: transparent;
    color: #000;
    margin: 0 0 0 15px;
    height: auto;
    background-image: none !important;
}

#promopage main section.promos.is_stuck {
    z-index: 2;
    margin-top: -7px; /* top: 62px !important; */
}

#promopage .form {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#promopage .col-grp {
    display: flex;
    flex-direction: row;
    text-align: right;
    align-items: center;
}

#promopage .col-half label {
    font-size: 12px;
}

#promopage .link {
    text-decoration: none;
    letter-spacing: 0.1em;
    line-height: 17px;
    text-transform: uppercase;
    font-size: 12px;
    border-bottom: 1px solid #000;
    color: #000;
    display: inline-block;
}

#promopage .filter .group input:checked + label {
    background: #000 !important;
    color: #fff;
}

#promopage section.list:last-of-type .item:first-of-type {
    border-left: none;
}

#promopage main section.list .item small.duration {
    position: absolute;
    bottom: 0;
}

@media all and (max-width: 1439px) {
    #promopage main section.list .item h3 {
        line-height: 25px;
        font-size: 18px;
    }

    #promopage .item p {
        font-size: 13px;
        line-height: 18px;
    }

    #promopage main section.list .item small.duration {
        font-size: 13px;
        line-height: 18px;
    }

    #promopage small.location {
        font-size: 10px;
        line-height: 13px;
    }

    #promopage .hero .wrapper {
        padding: 0px !important;
    }
}

@media all and (max-width: 1439px) and (min-width: 768px) {
    #promopage main section.hero .img-cover {
        max-height: 250px;
    }
}

@media all and (max-width: 1439px) and (min-width:1024px) {
    #promopage main section.list h2 {
        font-size: 30px;
        line-height: 33px;
        letter-spacing: 0.2em;
    }

    #promopage main section.list .item {
        padding: 0 30px 30px;
    }

        #promopage main section.list .item:nth-child(3n+1) {
            border: none;
        }

    #promopage .detail .wrapper {
        padding: 0px 40px;
    }

    #promopage .promos.sticky .wrapper {
        padding: 20px 0px;
    }

    #promopage section.list .item p {
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0.02em;
    }

    #promopage section.list .row {
        margin-left: -20px;
        margin-right: -20px;
    }

    #promopage .title h1 {
        font-size: 40px;
        line-height: 44px;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    #promopage main section.list .item:nth-child(2n+1) {
        border-left: none;
    }
}

@media all and (max-width: 1023px) and (min-width: 993px) {
    #promopage main section.promos.is_stuck {
        top: 79px;
    }
}

@media all and (max-width: 992px) {
    #promopage main section.promos.is_stuck {
        top: 68px !important;
        margin-top: 0px;
    }
}

@media screen and (max-width: 1023px) {
    #promopage .promos.sticky .wrapper {
        padding: 0 20px;
    }

    #promopage .detail .wrapper {
        padding: 0px 20px;
    }

    #promopage .title h1 {
        font-size: 30px !important;
        line-height: 34px !important;
    }

    #promopage main section.list h2 {
        font-size: 30px;
        line-height: 33px;
    }

    #promopage .promos .wrapper {
        padding: 0px;
    }

    #promopage main section.promos .filter h3 {
        display: none;
    }

    #promopage main section.promos .filter .group,
    #promopage main section.promos .filter form {
        margin: 10px 0;
    }

        #promopage .col-half label,
        #promopage section.promos h3,
        #promopage main section.promos .filter .group label {
            display: none;
        }

    #promopage main section.promos .col-half select {
        margin: -8px 0 0 15px;
        font-size: 16px;
    }

    #promopage main section.promos .filter .group select {
        display: block !important;
        margin-left: 0;
        float: none;
        margin-top: 0px;
        margin-bottom: 0px;
        background: none !important;
        background-image: none !important;
        border-radius: 50px;
        border-color: rgba(35, 31, 32, 1);
        font-size: 12px;
        line-height: 17px;
        text-align-last: center;
    }

    #promopage main section.promos .detail {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media all and (max-width: 767px) {
    #promopage main section.hero .img-cover {
        max-height: 250px;
    }

    #promopage main section.promos .filter .btn {
        margin-right: 0;
    }

    #promopage main section.promos .filter span,
    #promopage main section.promos .filter label {
        display: none;
    }

    #promopage main section.list .item {
        padding: 0px;
        border-left: none;
    }

        #promopage main section.list .item h3 {
            margin-top: 30px;
        }

    #promopage .item p {
        margin-top: 25px;
        margin-bottom: 0;
    }

    #promopage main section.list .item small.duration {
        margin-top: 25px;
        margin-bottom: 0px;
        position: unset;
    }

    #promopage .link {
        padding-top: 30px;
    }

    #promopage main section.list .item .link:last-of-type {
        position: unset;
    }

    #promopage main section.list .item {
        flex-basis: 100%;
        max-width: 100%;
    }
}
/* ===== PROMOTIONS INNER PAGE ====*/
.promopage-inner section h2 {
    line-height: 29px;
    font-weight: 400;
    font-family: 'Majorant-Light';
    font-size: 24px;
    letter-spacing: 0.02em;
}

.promopage-inner h5 {
    font-family: "Majorant-Light";
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #231F20;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
}

.promopage-inner section h3 {
    font-family: "Majorant-Light";
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #231F20;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
}

.promopage-inner section h4 {
    line-height: 29px;
    font-weight: 400;
    font-family: 'Majorant-Light';
    font-size: 20px;
    letter-spacing: 0.02em;
}

.promopage-inner .detail .wrapper {
    padding: 40px 0;
    max-width: 1024px;
}

.promopage-inner .descriptions {
    margin: 0px !important
}

.promopage-inner ul li,
.promopage-inner p,
.promopage-inner .section p {
    text-align: justify;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 21px;
    font-family: 'Majorant-Thin';
    color: #231F20;
}

.promopage-inner strong,
.promopage-inner b {
    font-weight: bold;
    color: #000;
}

.promopage-inner .btn-default {
    border: none;
    background: rgba(35, 31, 32, 1);
    color: #fff;
    font-family: 'Majorant-Light';
    font-size: 12px;
    border: 1px solid #231F20;
    line-height: 16.8px;
    letter-spacing: 0.02em;
    cursor: pointer;
    text-transform: uppercase;
    margin-left: 2px;
    padding: 15px 35px 14px;
    text-transform: capitalize;
    border-radius: 50px;
    width: 112px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

    .promopage-inner .btn-default:hover {
        color: #231F20 !important;
    }

.promopage-inner .btns {
    margin-top: 25px;
    margin-bottom: 50px;
    text-align: center;
}

.promopage-inner button.owl-next {
    right: 0px;
}

.promopage-inner button.owl-prev {
    left: 0px;
}

.promopage-inner button.owl-prev,
.promopage-inner button.owl-next {
    border: none;
}

.promopage-inner .owl-nav {
    margin-top: 0px;
}

.promopage-inner .detail .wrapper:first-of-type {
    padding-top: 50px;
}

@media all and (max-width: 1439px) {
    .promopage-inner section h2 {
        font-size: 24px;
        line-height: 29px;
        letter-spacing: 0.02em;
    }

    .promopage-inner section h3 {
        line-height: 25px;
        font-size: 18px;
    }

    .promopage-inner ul li,
    .promopage-inner p, .promopage-inner .section p {
        font-size: 13px;
        line-height: 18px;
    }

    #promopage main section.list .item small.duration {
        font-size: 13px;
        line-height: 18px;
    }

    #promopage small.location {
        font-size: 10px;
        line-height: 13px;
    }

    .promopage-inner h5 {
        font-size: 15px;
    }
}

@media all and (max-width: 992px) {
    .promopage-inner .btn-default {
        font-size: 10.38px !important;
        padding: 12px 30px 12px 30px;
        line-height: 14.53px;
        letter-spacing: .02em;
        max-width: 145px;
    }

        .promopage-inner .btn-default:hover {
            background: #fff !important;
            color: #231F20 !important;
        }
}

@media all and (max-width: 1023px) {
    .promopage-inner .detail .wrapper,
    .promopage-inner .slider-wrapper {
        padding: 25px 21px;
    }
}

@media all and (max-width: 767px) {
    .promopage-inner button.owl-prev,
    .promopage-inner button.owl-next {
        display: none;
    }
}
/* ==== REVIEW PAGE ====*/
#reviewsPage h1 {
    margin: 10px 0;
    font-family: "FS Siena";
    font-weight: 400;
    font-size: 40px;
    line-height: 44px;
    color: #231F20;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
}

#reviewsPage .descriptions.detail .wrapper {
    padding-bottom: 50px;
}

#reviewsPage .recent .info3 {
    text-align: justify;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 21px;
    font-family: 'Majorant-Thin';
    text-transform: initial;
}

@media (max-width: 1031px) {
    #reviewsPage .descriptions {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
/* @media all and (max-width: 1023px) {
    #reviewsPage .detail:first-of-type > .wrapper:first-of-type {
        padding: 50px 0;
    }
    
} */
/* ==== RECENT REVIEWS ====*/
#rreviews .wizard {
    padding: 0px;
}

#rreviews .descriptions .inner {
    padding-right: 0px;
}

#rreviews .detail.wizard .wrapper {
    padding: 50px 0px 0px;
}

#rreviews .recent2 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#rreviews select#drpPlace {
    background: none !important;
    height: auto;
    padding: 6px 20px;
    border: solid 1px #000 !important;
    border-radius: 25px !important;
    font-family: 'Majorant-Light';
    font-size: 12px;
    width: auto;
}

#rreviews #description {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 21px;
    font-family: 'Majorant-Thin';
}

#rreviews .detail h1 {
    font-family: "FS Siena";
    font-weight: 400;
    font-size: 40px;
    line-height: 44px;
    color: #231F20;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin: 0px;
    margin-bottom: 0px;
    padding-bottom: 50px;
}

#rreviews .showmore {
    margin-top: 25px;
    text-decoration: none;
    text-align: center;
    background: rgba(35, 31, 32, 1);
    border: 1px solid #231F20;
    padding: 15px 35px 14px 35px;
    color: #fff !important;
    font-size: 12px;
    font-family: 'Majorant-Light';
    border-radius: 50px;
    max-width: 150px;
    line-height: 16.8px;
}

    #rreviews .showmore:hover {
        background: #fff !important;
        color: #231F20 !important;
    }

.recent .name2,
#rreviews .recent .name2 {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #231F20;
    font-size: 15px;
    font-family: 'Majorant-Thin';
    letter-spacing: 0.02em;
    line-height: 21px;
    font-weight: 600;
}

@media all and (max-width: 1439px) {
    /* #rreviews #description {
        color: #231f20;
        text-align: justify;
        font-weight: 300;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0.02em;
    } */
    #rreviews .detail h1 {
        font-size: 30px !important;
        line-height: 33px !important;
        padding-bottom: 50px;
        margin-bottom: 0px;
    }

    #rreviews .recent h2 a {
        font-size: 20px;
    }
    /* #rreviews .recent .name2 {
        font-size: 16px;
    } */
    #reviewsPage .recent .info3 {
        color: #231f20;
        text-align: justify;
        font-weight: 300;
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0.02em;
    }

    #rreviews .recent.show:last-of-type {
        padding-bottom: 0px;
    }
}

@media all and (max-width: 1023px) {
    #rreviews .wizard {
        padding: 0px;
    }

    #rreviews .detail.wizard .wrapper {
        padding: 50px 21px 0;
    }

    #rreviews .showmore {
        font-size: 10.38px;
        padding: 12px 30px 12px 30px;
        line-height: 14.53px;
        letter-spacing: 0.02em;
        max-width: 145px;
    }

    #rreviews .wizard form .form-item:last-of-type {
        padding: 0px !important;
        margin: 0px;
    }
}

@media all and (max-width: 767px) {
    #rreviews .recent .name2, #rreviews .reviewdate {
        font-size: 13px;
    }

    #rreviews #description,
    #rreviews .namedetail {
        font-size: 13px;
        letter-spacing: 0.02em;
    }
}

/*SHOW HIDE RECENT REVIEWS */
.recent.hide, .recent.hide2 {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    overflow: hidden
}

    .recent.hide .recent2 {
        height: 0;
        margin: 0
    }

.recent.show {
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.recent .img {
    display: block;
    max-width: 100%;
}

.recent .info3 {
    text-align: justify;
}

.recent .info2 {
    margin-left: 20px;
}

.recent h2 {
    margin-top: 5px;
    margin-bottom: -15px
}

    .recent h2 a {
        line-height: 28.8px;
        margin-top: -15px;
        color: #231F20;
        font-family: 'Majorant-Light', sans-serif;
        font-weight: 400;
        font-size: 24px;
        letter-spacing: 0.02em;
        text-decoration: none;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

        .recent h2 a:hover {
            text-decoration: underline;
        }

.recent .name {
    margin-top: -20px;
    color: #A28144;
    font-size: 20px;
    font-family: "Majorant-Light", sans-serif;
    line-height: 1.4;
}

.recent .detail {
    width: 100%;
}

.namedetail {
    float: left;
}

.recent .name .namedetail {
    float: none;
    display: block;
}

.reviewdate {
    float: none
}


/* CONTACT US */
#contact .wrapper {  max-width: 820px; }

#contact .sucess p { font-size: 15px; font-weight: 300; letter-spacing: 0.02em; line-height: 21px; font-family: 'Majorant-Thin'; margin-bottom: 0px !important; }

#contact #frmRFI label:last-of-type { display: inline-block !important; width: 90%; line-height: 20px !important; margin-top: 1px;  margin-left: 5px;
    padding: 0 2px 20px }

#contact #frmRFI input, #contact #frmRFI select  { margin-bottom:15px }
#contact input[type=checkbox]:last-of-type { width: auto;  float: left }

#contact label a { color: #231F20; text-decoration: underline; cursor: pointer }

#contact .sucess h2 { line-height: 29px; font-weight: 400; font-family: 'Majorant-Light'; font-size: 24px; letter-spacing: 0.02em; text-align: center; }

#contact #panSuccess { margin-top: -25px; }

@media all and (max-width: 1439px) {
    #contact .sucess p { font-size: 13px; line-height: 18px;  }
    #contact .sucess h2 {  line-height: 25px; font-size: 18px;   }
}

@media all and (max-wdith: 1023px) {
    #contact #panSuccess {  margin-top: -30px;   }
}


/* DESTINATION PAGE */
#destinations .descriptions .link-list ul {
    margin-bottom: 0px;
}

#destinations .detail .wrapper:first-of-type {
    padding-top: 50px;
}

#destinations .descriptions:nth-of-type(2n) .wrapper {
    margin-bottom: 50px;
}

#destinations h1 {
    font-family: "FS Siena";
    font-weight: 400;
    font-size: 40px;
    line-height: 44px;
    color: #231F20;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin: 0px;
}

#destinations .descriptions .link-list h3 {
    margin-bottom: 10px;
    line-height: 29px;
    font-weight: 400;
    font-family: 'Majorant-Light';
    font-size: 24px;
    letter-spacing: 0.02em;
    margin-top: 15px;
}

@media all and (max-width: 1439px) {
    #destinations h1 {
        font-size: 30px !important;
        line-height: 33px;
    }

    #destinations h2 {
        font-size: 24px;
        padding: 25px 0 0;
    }

    #destinations .descriptions .link-list h3 {
        font-size: 18px;
    }
}

/* OTHER PAGES */
ul#rptLoc_ctl05_ulVilla {
    margin-bottom: 100px;
}

/* SEARCH BY VILLANAME */
#rfi h1,
#privacy h1,
#terms h1,
#byvillaname h1 {
    font-family: "FS Siena";
    font-weight: 400;
    font-size: 40px;
    line-height: 44px;
    color: #231F20;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    /*margin: 0px;*/
}

#byvillaname ul#rptLoc_ctl05_ulVilla {
    margin-bottom: 50px;
}

#privacy .descriptions h2, #privacy .descriptions ul, #privacy .descriptions p. #privacy ol {
    margin-left: -35px
}

#privacy li {
    font-size: 15px;
    color: #231F20;
    font-family: 'Majorant-Thin', sans-serif;
    line-height: 21px;
    text-align: justify;
    margin-bottom: 10px;
    list-style-position: outside
}

#privacy ol {
    margin-left: -10px
}

#privacy .descriptions h2, #privacy .descriptions ol p, #privacy .descriptions ul p {
    margin-left: -23px
}

#privacy li a {
    color: #231F20
}

#byvillaname .descriptions .link-list ul {
    margin-bottom: 0px;
}

@media all and (max-width: 1439px) {
    #privacy h1, #terms h1, #byvillaname h1 {
        font-size: 30px !important;
        line-height: 33px;
    }

    #privacy h2, #terms h2, #byvillaname h2 {
        font-size: 20px !important;
    }

    #privacy p, #terms li, #terms p, #privacy li {
        font-size: 13px !important;
        line-height: 18px;
    }
}

/* TERMS */
#rfi h1,
#privacy h1,
#terms h1 {
    padding-bottom: 25px;
}

#rfi a {
    text-decoration: underline
}

#privacy h2,
#terms h2 {
    font-weight: 400;
    font-family: 'Majorant-Light';
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.02em;
    margin-top: 25px;
}

#privacy .detail .wrapper, #terms .detail .wrapper {
    padding-bottom: 50px !important;
}

/* RFI */
#panVilla, #panIntro .unique {
    max-width: 1001px;
    margin: 0 auto
}

@media all and (max-width: 1026px) {
    #panVilla, #panIntro .unique {
        max-width: 90%;
        margin: 0 auto
    }
}

@media all and (max-width: 767px) {
    #rfi #panVilla, #panIntro .unique {
        max-width: 85%;
        margin: 0 auto
    }

    #rfi .descriptions #frmrequest .form-col-1 label {
        max-width: 85%;
        display: inline-block;
        line-height: 16px
    }
}

#rfi .descriptions label,
#rfi .descriptions #frmrequest span,
#rfi .descriptions #frmrequest .form-item label {
    font-family: 'Majorant-Light', sans-serif;
    font-size: 14px;
    color: #231F20;
}

#rfi .descriptions #frmrequest .form-item input,
#rfi .descriptions #frmrequest .form-item select,
#rfi .descriptions #frmrequest .form-item input {
    color: #333;
    font-family: 'Majorant-Light';
    font-size: 14px;
    border: 1px solid #acacac;
    padding: 8px 10px;
    float: right;
    background: #EBEDEE;
    width: 70%
}

    #rfi .descriptions #frmrequest .form-item input[type=checkbox] {
        width: auto;
    }

#rfi .descriptions #frmrequest p {
    font-size: 15px;
    font-family: 'Majorant-Light', sans-serif;
}

#rfi input#txtDepartDate,
#rfi input#txtArrivalDate,
#rfi select#drpInfants,
#rfi select#drpChildren,
#rfi select#drpAdults {
    float: none !important;
}

#rfi #info span {
    display: inline-block;
    width: 93%;
    line-height: 18px
}

#rfi #info input {
    vertical-align: top
}

#rfi .descriptions #frmrequest .form-item textarea {
    background: #EBEDEE;
}

#rfi .btn-default {
    width: auto;
    cursor: pointer
}

    #rfi .btn-default:hover {
        border: 1px solid #231F20 !important;
    }

#rfi .txtArrivalDate, #rfi .txtDepartDate {
    background: #EBEDEE url(../png/calendar.png) 95% 7px no-repeat !important;
    text-indent: 10px;
}

#rfi select {
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBwb2ludHM9IjE1LjIsNS40IDgsMTIuNiAwLjgsNS40ICIvPg0KPC9zdmc+DQo=) !important;
    background-size: 12px !important;
    background-repeat: no-repeat !important;
    background-position: 95% center !important;*/
}

/* EH DIFFERENCE PAGE */
/* #eh_difference .hero {
    margin-bottom: 0px;
    margin-top: 0px;
} */
/* #eh_difference .hero .wrapper {
    max-width: 100% !important;
} */
/* #eh_difference section {
    scroll-behavior: smooth;
} */
#eh_difference section img {
    width: 100%;
}

#eh_difference main section.hero .img-cover {
    max-height: 460px;
    width: 100%;
    object-position: unset;
    object-fit: unset;
    height: 100vw;
}

#eh_difference main section.hero h1 {
    font-size: 60px;
    line-height: 80px;
    color: #fff;
}

#eh_difference .half {
    flex: 1;
}

#eh_difference main section.hero div[data-jarallax-element] {
    margin-top: 0px;
}

#eh_difference .how-it-works .row,
#eh_difference .dining-with-us .row {
    align-items: center;
}

#eh_difference section .row {
    overflow: visible !important;
}

#eh_difference section .half:first-of-type {
    padding-right: 50px;
}

#eh_difference .br {
    border-right: 1px solid rgba(35, 31, 32, 0.15);
}

#eh_difference .bl {
    border-left: 1px solid rgba(35, 31, 32, 0.15);
}

#eh_difference section .half:last-of-type {
    padding-left: 50px;
}

#eh_difference section p {
    font-family: "Majorant-Thin";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: #231F20;
    margin-top: 0px;
}

#eh_difference .dining-with-us {
    margin-top: 100px;
}

#eh_difference .how-it-works {
    margin-top: 75px;
}

    #eh_difference .how-it-works:nth-of-type(5n) {
        margin-bottom: 50px !important;
    }

#eh_difference .btn-elite {
    margin-top: 20px;
}

#eh_difference section h3 {
    line-height: 29px;
    font-weight: 400;
    font-family: 'Majorant-Light';
    font-size: 18px;
    letter-spacing: 0.02em;
    margin-top: 0;
}
/* #eh_difference section h3:before {
    display: block;
    content: " ";
    margin-top: -39px;
    height: 45px;
    visibility: hidden;
    pointer-events: none;
} */
#eh_difference .extras h3 {
    margin-top: 25px;
}

@media all and (max-width: 1439px) {
    #eh_difference h3 {
        font-size: 15px !important;
    }

    #eh_difference p {
        font-size: 13px !important;
        line-height: 18px !important;
        text-align: justify;
    }
    /* #eh_difference .hero .wrapper {
        padding: 0px !important;
    } */
}

@media all and (max-width: 1023px) {
    #eh_difference section .half:first-of-type {
        padding-right: 0px;
    }

    #eh_difference .wrapper {
        overflow: visible;
    }

    #eh_difference section .row {
        display: block;
    }

    #eh_difference .how-it-works:nth-of-type(2n) .row {
        display: flex;
        flex-direction: column !important;
    }

    #eh_difference .how-it-works:nth-of-type(1n) .row {
        display: flex;
        flex-direction: column-reverse;
    }

    #eh_difference section .half:first-of-type {
        margin-right: 0px;
    }

    #eh_difference section .half:last-of-type {
        padding-left: 0px;
        border: none;
    }
    /* #eh_difference .how-it-works img,
    #eh_difference .dining-with-us img {
        display: none;
    } */
    /* #eh_difference img.img-cover {
        margin-top: 50px;
    } */
    #eh_difference .img {
        margin-top: 75px;
    }

    #eh_difference .how-it-works,
    #eh_difference .dining-with-us {
        margin-top: 0px;
    }

    #eh_difference .title h1 {
        font-size: 30px !important;
        line-height: 34px !important;
    }

    #eh_difference .btn-default {
        font-size: 10.38px;
        padding: 12px 30px 12px 30px;
        line-height: 14.53px;
        letter-spacing: 0.02em;
        max-width: 145px;
    }

    #eh_difference main section.extras .row:first-of-type p:first-of-type {
        text-align: center;
    }

    #eh_difference h3#book-direct:before,
    #eh_difference h3#local:before,
    #eh_difference h3#personal-concierge:before,
    #eh_difference h3#elitehavens-difference:before,
    #eh_difference h3#dining:before {
        display: block;
        content: " ";
        margin-top: -50px;
        height: 100px;
        visibility: hidden;
        pointer-events: none;
    }
}

@media (max-width: 1440px) and (min-width: 1024px) {
    #eh_difference section .half:last-of-type {
        padding-left: 30px;
    }

    #eh_difference section .half:first-of-type {
        margin-right: 30px;
    }

    #eh_difference main section.hero h1 {
        font-size: 40px;
        line-height: 44px;
    }
}

@media (max-width: 767px) {
    #eh_difference main section.hero .img-cover {
        max-height: 460px;
        height: 100vw;
        object-fit: cover;
        object-position: bottom center;
    }

    #eh_difference main section.extras .row:last-of-type .col {
        padding-bottom: 50px;
    }
        /* #eh_difference .extras p {
        margin-bottom: 25px;
    } */
        #eh_difference main section.extras .row:last-of-type .col:nth-of-type(3) {
            margin-bottom: 0px;
        }

    #eh_difference .br {
        border: none;
    }
}

/* VOUCHER PAGE*/
#voucher .detail .wrapper {
    padding: 50px 0px 50px 0px;
}

#voucher .detail h1 {
    font-family: "FS Siena";
    font-weight: 400;
    font-size: 40px;
    line-height: 44px;
    color: #231F20;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 25px;
}

#voucher .half {
    flex: 1;
}

    #voucher .half:first-of-type {
        padding-right: 50px;
    }

#voucher .maindiv img {
    max-width: 100%;
    width: 100%;
}

#voucher .detail select {
    width: 65px;
    display: inline-block;
    margin-right: 14px;
    margin-bottom: 5px;
    padding: 5px 10px;
    height: 37px;
    background: #f4f4f4;
    display: inline-block;
    zoom: 1;
    width: 83%;
}

#voucher .detail input {
    width: 100%;
    width: 100%;
    color: #333;
    font-family: 'Majorant-Light';
    font-size: 14px;
    border: 1px solid #acacac;
    padding: 8px 10px;
    float: right;
    background: #EBEDEE;
}

#voucher .detail label {
    font-family: "Majorant-Light";
    padding-top: 10px;
    display: block;
    color: #333;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    padding-bottom: 5px;
    letter-spacing: 0.02em;
}

#voucher #drp1000, #voucher #drp2000, #voucher #drp5000 {
    width: 65px;
    line-height: 18px;
    text-align: center;
    margin-right: 15px;
    border: solid 1px #000;
}

#voucher .detail .form-item span {
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 60px;
    line-height: 140%;
    letter-spacing: 0.02em;
    margin-top: 0;
    font-family: 'majorant-thin';
}

#voucher .detail .form-item input {
    width: 100%;
    padding: 8px 5px;
    margin-bottom: 15px;
}

#voucher .detail textarea {
    background-color: #EBEDEE;
    width: 100% !important;
}

#voucher #codes {
    width: 100%;
    margin-bottom: 20px;
}

#voucher .required {
    font-size: 14px;
}

@media all and (max-width: 1023.20px) {
    #voucher .group {
        display: block;
    }

        #voucher .group .half img {
            display: none;
        }

    #voucher .half:first-of-type {
        padding-right: 0px;
    }

    #voucher .detail .form-item span, #voucher .detail label {
        font-size: 13px;
        line-height: 18.2px;
    }
}

#vp #options .img img {
    min-width: 100%;
}

/* ##############
### PROMOS - LIST
############# */
main section.list .wrapper {
    padding: 50px 0 0;
}

main section.list h2 {
    font-size: 40px;
    line-height: 44px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin: 50px 0px;
    font-family: 'FS Siena', display;
}

main section.list .row {
    margin-left: -50px;
    margin-right: -50px;
    flex-wrap: wrap;
    transition: 0.5s;
}

main section.list .item {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    text-align: left;
    padding: 0 50px 50px;
    border-left: 1px solid rgba(35, 31, 32, 0.15);
    margin-bottom: 50px;
    position: relative;
    margin-left: -1px
}

    /* main section.list .item img {
    margin-bottom: 30px;
} */

    main section.list .item a {
        color: #000;
    }

    main section.list .item h3 {
        margin-bottom: 10px;
        line-height: 29px;
        font-weight: 400;
        font-family: 'Majorant-Light';
        font-size: 24px;
        letter-spacing: 0.02em;
    }

    main section.list .item p {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0.02em;
        line-height: 21px;
        margin-bottom: 30px;
        font-family: 'Majorant-Thin';
        color: #231F20;
    }

    /* main section.list .item small.location, */
    main section.list .item small.duration {
        margin-bottom: 30px;
        display: inline-block;
    }

    main section.list .item small.duration {
        display: block;
    }

    main section.list .item .link:last-of-type {
        position: absolute;
        bottom: 0;
    }

@media all and (max-width: 1230px) {
    main section.list .row {
        margin-left: -25px;
        margin-right: -25px;
    }
}

@media all and (max-width: 1023px) {
    main section.list .row {
        margin-left: 0;
        margin-right: 0;
    }

    main section.list .item {
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 25px 25px;
    }
}

@media all and (max-width: 560px) {

    main section.list .item {
        flex-basis: 100%;
        max-width: 100%;
    }
}
















.slideshow .owl-nav .owl-prev img, .slideshow .owl-nav .owl-next img {
    width: 10px;
}



select option {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-weight: 400;
}

@media all and (max-width:1630px) {
    .signature .owl-stage-outer .owl-height {
        height: 510px !important;
    }

    .signature .owl-carousel .owl-item img {
        width: 967px;
    }
}

@media all and (max-width:1093px) {
    .signature .owl-stage-outer .owl-height {
        height: 580px !important;
    }

    .signature h1 {
        font-size: 45px !important
    }
}

@media all and (max-width:1024px) {
    .signature {
        display: block;
    }

        .signature .owl-stage-outer.owl-height {
            height: auto !important;
        }

        .main .signature .group,
        .signature .owl-carousel .owl-item img {
            width: 100%;
            float: none;
        }

        .signature .group:nth-of-type(2) {
            width: 100%;
            padding: 40px;
            margin: 0 auto;
        }
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    /*height: fit-content;*/
}

.experience .group {
    background: none !important
}

.main {
    display: flex;
    overflow: hidden;
    display: block !important;
    clear: both;
    margin: 60px 0px;
}

@media all and (max-width: 767px) {
    .main, .elite {
        margin-top: 32px
    }
}

.main .wrapper {
    margin-top: 0
}


.main.box {
    background: #f7f7f7
}

#about section {
    margin-top: 60px !important
}

    #about section:first-of-type {
        margin-top: 0
    }

#about .subscribe {
    margin-bottom: 50px
}

@media all and (max-width: 767px) {
    #about section:first-of-type {
        margin-top: 0 !important;
        margin-bottom: -20px !important
    }

    #about section {
        margin-top: 32px !important
    }

    #about h1, #about h2 {
        font-size: 30px !important;
        line-height: 32px
    }

    #about .subscribe .main {
        margin-top: 0
    }
}

#about section p {
    text-align: justify
}

#about .subscribe {
    margin-top: 0
}

#about .signature .group:nth-of-type(1) {
    min-width: 50% !important;
    height: auto !important;
}

#about .signature .group:nth-of-type(2) {
    width: 45%;
    margin: 50px 220px 0 50px;
    float: left;
}

@media all and (max-width: 1700px) {
    #about .signature .group:nth-of-type(2) {
        margin-right: 50px !important;
    }
}

@media all and (max-width: 1001px) {
    #about .signature .group:nth-of-type(2) {
        min-width: 100% !important;
        margin: 0 auto !important;
        height: auto !important;
        background-color: white;
        float: none !important;
    }
}


@media all and (max-width: 767px) {
    #about section {
        margin-bottom: 0 !important
    }

    #about .subscribe {
        margin-bottom: 32px !important
    }

    #about h1, #about h2 {
        font-size: 30px !important;
        line-height: 35px !important;
    }

    /* #rentals .link-list div {
        margin-bottom: 10px !important
    } */
}

/* #ethos .link-list, #way .link-list, #rentals .link-list {
    margin: 0 auto !important;
    padding: 0;
    margin-bottom: 20px;
    max-width: 1464px;
} */


/*#rentals { padding: 20px 0 0;  }*/

#rentals .link-list div {
    display: inline-flex;
    /* margin-bottom: 50px */
}

#rentals .link-list img {
    float: left;
    width: 33% !important;
    margin-right: 8px
}

@media all and (max-width: 767px) {

    #rentals .link-list img {
        width: 100% !important
    }
}

#rentals .link-list img:last-of-type {
    margin-right: 0
}

#rentals .link-list img:nth-of-type(3) {
    clear: right
}

#rentals h1 {
    margin-top: 25px
}

#ethos .link-list .item:nth-of-type(2) {
    vertical-align: middle;
    padding-top: 19%;
    margin: 0 0 0 50px;
}

@media all and (max-width: 1700px) {
    #ethos .link-list .item:nth-of-type(2) {
        vertical-align: middle;
        padding-top: 8%;
        margin: 0 29px 0 50px;
    }
}

@media all and (max-width: 414px) {
    .subscribe .wrapper {
        max-width: 99% !important;
    }

    #ethos .link-list .item:nth-of-type(2) {
        vertical-align: middle;
        padding-top: 8%;
        margin: 0 !important;
    }

    #way .link-list .item:nth-of-type(1) {
        margin-left: 0 !important
    }

    .main .inspired {
        margin-bottom: 0 !important;
    }

    /* #rentals .link-list div {
        display: flex;
        margin-top: 15px !important;
        height: 120px;
    } */


    .signature .group:nth-of-type(2) {
        padding: 30px 20px !important;
    }

    .signature .tag {
        text-align: center !important;
        width: 98% !important
    }

    #about .subscribe {
        margin-top: 0 !important;
        margin-bottom: 32px !important
    }

    /*#rentals .link-list div { display: inline-block !important }*/

    .hero h1 {
        margin: 0 !important;
    }


    /* #rentals .link-list p {
        width: 90% !important
    } */

    #about h1, #about h2 {
        font-size: 30px !important;
        line-height: 32px !important;
    }

    #way .link-list {
        margin-top: 0px !important;
    }

    /* #ethos h1, #ethos h2 {
        margin-top: -10px;
    } */

    #about p {
        margin-top: -5px;
        margin-bottom: 0;
        line-height: 18px
    }
}

#way .link-list .item:nth-of-type(1) {
    vertical-align: middle;
    padding-top: 18%;
    width: 94%;
}

/* @media all and (max-width: 1485px) {
    #rentals .link-list p {
        width: 95%;
        margin: 0 auto
    }
} */

@media all and (max-width: 1510px) {
    #way .link-list .item:nth-of-type(1) {
        margin-left: 15px;
        display: contents;
    }
}

@media all and (max-width: 1490px) {
    #way .link-list .item:nth-of-type(1) {
        margin-left: 15px;
        display: inline-block;
        width: 93%
    }
    /* 
    #rentals p {
        width: 95%;
        margin: 0 auto;
    } */
}

@media all and (max-width: 1098px) {
    #way .link-list .item:nth-of-type(1) {
        display: inline-block;
        width: 99%;
        padding-top: 10px !important;
        margin-left: 0
    }

    #way h1, #ethos h1 {
        margin-top: 0 !important
    }

    #way h1 {
        margin-top: -15px !important
    }

    #ethos .link-list .item:nth-of-type(2) {
        vertical-align: middle;
        padding-top: 10px !important;
        margin: 0 15px;
        display: inline-block;
    }

    #way .link-list .item:nth-of-type(1) {
        margin-left: 10px
    }
}

@media all and (max-width: 767px) {
    #ethos .link-list .item:nth-of-type(2) {
        margin: 0 1px;
        display: inline-block;
    }
}

#ethos h1, #way h1 {
    text-align: left !important
}

/* #way .link-list:nth-of-type(1) {
    margin-left: 15px;
} */

/* .signature {
    background: #f7f7f7;
    display: flex;
    overflow: hidden
}

    .signature .group:nth-of-type(2) {
        margin: 50px 80px;
        overflow: hidden
    }

        .signature .group:nth-of-type(2) p {
            margin: 0 !important;
            width: 100% !important;
            overflow: hidden
        }

            .signature .group:nth-of-type(2) p:nth-of-type(2) {
                margin-top: 15px !important;
            }

    .signature h1 {
        text-align: left !important;
        margin-left: 0 !important;
        margin-top: 0
    }

    .signature .tag {
        text-align: left !important;
        margin-top: -10px;
        margin-bottom: 20px
    }

    .signature .divbutton {
        margin-top: 30px !important;
    } */


.experience .reviews h1 {
    text-align: left;
    display: initial;
    margin-bottom: 0
}

.experience .reviews .item {
    margin-left: -15px;
}
/*
    .subscribe .tag {
        margin-top: -10px;
        margin-bottom: 20px
    }
     */
@media all and (max-width: 414px) {
    .subscribe .tag {
        margin-bottom: 0
    }
}

.main .inspired {
    margin: 0 auto;
    padding: 0;
    margin-bottom: 0;
    max-width: 1464px;
    overflow: hidden
}

    .main .inspired .item {
        margin-right: 8px;
    }

        .main .inspired .item img {
            max-height: 453px
        }
        /*
        .main .inspired .tag {
            margin-top: -10px;
            margin-bottom: 35px
        }
    */
        /*.main .inspired .owl img{ border:solid 1px green; width:100%}*/





        .main .inspired .item span {
            font-size: 30px;
            font-weight: 400;
            color: #fff;
            font-family: 'Majorant-Light', serif;
            position: absolute;
            left: 50%;
            top: 93%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            text-transform: uppercase;
            width: 90%;
            text-align: center;
        }

/* @media all and (max-width: 1494px) {
    .main .wrapper {
        width: 90%;
        margin: 0 auto;
        padding: 0
    }
} */

@media all and (max-width: 767px) {
    .main .wrapper {
        width: 100%;
    }
}

#about h1, #about h2 {
    text-align: center;
    margin-top: 50px
}

.main h1, #about h1, .main h2, #about h2 {
    font-family: 'Majorant-Thin', serif;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 40px;
    color: #231F20;
    margin-top: 0;
    margin: 0 auto;
    padding: 0;
}

#about .hero {
    text-align: center;
}

.va h1 {
    margin-left: 25px
}


.main .tag, .tag {
    font-family: 'Majorant-Light', sans-serif;
    font-size: 15px;
    text-align: center;
    color: #231F20;
    margin-bottom: 22px;
    width: 27%;
    margin: 0 auto;
    padding: 0;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 50px;
    letter-spacing: 2%;
}

/* .main .group {
    width: 50%;
    float: left;
    overflow: hidden;
    vertical-align: middle;
} */
/* 
    .main .group p {
        width: 90%;
        margin: 25px;
    } */


.main p {
    font-family: 'Majorant-Thin', sans-serif;
    font-size: 16px;
    text-align: center;
    color: #231F20;
    width: 68%;
    margin: 0 auto;
    padding: 0;
    margin-top: 20px;
    line-height: 22px
}

/* .main .group {
    background: #f7f7f7;
 
} */

.main .group .divbutton {
    /* width: 250px; */
    margin: 0 auto;
    padding: 0;
    float: left;
}

.main .link-list {
    position: relative;
    max-width: 1464px;
}

    .main .link-list .item {
        float: left;
        margin-right: 8px;
        position: relative;
        margin-bottom: -7px;
    }

/* .main .link-list .item:nth-of-type(3), .main .link-list .item:nth-of-type(6) {
            margin-right: 0
        } */


@media all and (max-width: 811px) {
    .main .link-list {
        width: 100% !important
    }

    .main .item {
        width: 23%;
        float: left;
        margin-right: 12px !important;
        position: relative
    }

    .main .link-list .item:nth-of-type(4), .main .link-list .item:nth-of-type(8) {
        margin-right: 0 !important;
    }
}

@media all and (max-width: 1001px) {
    /* HOME PAGE REVIEW*/
    .main {
        margin-bottom: 0;
    }

    .experience .collect .group:nth-of-type(1) {
        width: 100%;
        display: block
    }

    .experience .collect .group:nth-of-type(2) {
        width: 100%;
        display: block
    }

    .experience .collect .item {
        width: 100%
    }

    .signature {
        display: block
    }

        .signature .owl img, .inspired .owl img {
            display: block !important;
        }

        /* .signature .group:nth-of-type(1) {
            width: 100%;
            display: block;
        } */

        .signature .group:nth-of-type(2) {
            width: 100%;
            display: block;
            background: #EBEBEB !important;
            margin: 0;
            padding: 50px 80px;
        }

    @media all and (max-width: 767px) {

        .signature .group:nth-of-type(2) {
            padding: 15px 15px;
        }
    }

    .main .link-list {
        width: 100% !important;
    }

    .main .inspired .item {
        width: 100%;
        float: left;
        margin-right: 15px;
        position: relative
    }

    .main .link-list .item {
        width: 23%;
        float: left;
        margin-right: 15px;
        position: relative
    }
}


@media all and (max-width: 838px) {
    .main .link-list {
        width: 100%
    }

        .main .link-list .item {
            width: 23%;
            float: left;
            margin-right: 13px;
            position: relative
        }

    .main .item img {
        width: 100%;
        height: auto
    }

    /* .main .link-list .item span, .main .inspired .item span {
        font-size: 18px !important;
        font-family: 'Majorant-Light', serif;
        text-shadow: 2px 2px #000;
    } */

    .main .inspired .item span {
        font-size: 25px
    }
}

@media all and (max-width: 1494px) {
    .main .link-list {
        width: 100%
    }

        /* .main .link-list .item {
            width: 24%;
            float: left;
            margin-right: 19px;
            position: relative
        } */

        .main .link-list img {
            width: 100%
        }
}

@media all and (max-width: 1470px) {
    .main .link-list {
        width: 100%;
        display: inline-block;
    }

        /* .main .link-list .item {
            width: 33.3% !important;
            margin-right: 0 !important;
            margin-bottom: -15px;
            overflow: hidden;
            background: #FFF
        } */

        .main .link-list .item img {
            width: 100%
        }
}


.main .link-list .item img {
    max-width: 458px;
    webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

    .main .link-list .item img:hover, .main .inspired .item img:hover {
        opacity: .7;
        /*-webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);*/
    }

.main .link-list .item span {
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    font-family: 'Majorant-Light', serif;
    position: absolute;
    left: 50%;
    top: 47%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    width: 90%;
    text-align: center;
}

@media all and (max-width: 546px) {
    .main .item {
        margin-right: 8px !important
    }
}

@media all and (max-width: 414px) {
    .main .best legend {
        font-size: 25px
    }

    .main fieldset {
        max-height: 100% !important
    }


    /* .main .link-list .item span, .main .inspired .item span {
        font-size: 12px !important;
        text-shadow: 1px 1px #000;
        line-height: 17px;
        position: absolute;
    } */
}

@media all and (max-width: 414px) {
    .main .best1 {
        width: 95%;
        margin: 0 auto;
        margin-top: 30px
    }

    .main .tag {
        width: 95%
    }

    .subscribe .main .link-list {
        margin-top: 0 !important
    }

    #ethos .link-list {
        margin-top: 10px !important
    }
}

@media all and (max-width: 320px) {
    .main .best legend {
        width: 95%
    }

    /* .main .link-list .item span {
        font-size: 12px !important;
        text-shadow: 1px 1px #000;
        line-height: 17px;
        position: absolute;
        top: 75% !important;
    } */
}

@media all and (max-width: 767px) {

    .main h1, .main h2 {
        font-size: 30px;
        line-height: 32px
    }

    .signature h1 {
        font-size: 30px !important;
        line-height: 32px
    }

    .main .tag {
        font-size: 16px;
        line-height: 18px;
    }

    .main .item {
        margin-right: 11px;
    }

    /* .main .link-list .item span {
        font-size: 12px !important;
        font-family: 'Majorant-Light', serif;
        text-shadow: 2px 2px #000;
        top: 49% !important
    } */

    .main .group img {
        height: auto;
        width: 100%
    }
}


@media all and (max-width: 414px) {
    .main {
        margin-top: 32px
    }

        .main .tag {
            line-height: 18px;
            width: 90%;
            margin: 0 auto;
            margin-bottom: 22px
        }

        .main p {
            line-height: 20px
        }

        .main .link-list {
            width: auto;
        }

        .main h1, .main h2 {
            font-size: 30px;
            line-height: 32px
        }

        .main .link-list .item {
            margin-right: 0 !important;
            width: 25%
        }

            .main .link-list .item span {
                top: 70%
            }

        .main .inspired .item span {
            top: 86%
        }

        /* .main .link-list .item span, .main .inspired .item span {
            font-size: 11px !important;
            line-height: 11px;
            vertical-align: middle !important;
            position: absolute;
            color: #FFF;
            text-shadow: 1px 1px #000;
        } */

        .main .inspired .owl-prev img,
        .main .inspired .owl-next img {
            height: 30px !important;
            left: 15%;
            top: -15px;
            position: absolute;
        }

        .main fieldset {
            width: 90% !important;
            float: none !important;
            margin-right: 5px !important;
            margin-left: 5px;
        }

        .main .best legend {
            font-size: 20px
        }

        .main fieldset p {
            font-size: 14px
        }
}



@media all and (max-width: 320px) {
    .main fieldset {
        width: 92% !important;
        float: none !important;
        margin-right: 5px !important;
        margin-left: 5px;
    }
}

/*
.about .points .item:nth-of-type(2):before {
    background-position: -181px 0;
}
.about .points .item:nth-of-type(3):before {
    background-position: -362px 0;
}
.about .points .item:nth-of-type(4):before {
    background-position: -543px 0;
}*/
.about .points .item h3 {
    font-family: 'Majorant-Light', serif;
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    color: #b99950;
    max-width: 230px;
    margin: 30px auto 0;
}

@media all and (max-width: 1196px) {
    .about {
        padding: 0 15px;
    }
}

@media all and (max-width: 1023px) {
    .about {
        background: #4a4a4a !important;
    }

        .about .wrapper {
            background: transparent !important;
        }

        .about .history {
            padding-top: 30px;
            max-width: none;
            margin-bottom: 0;
        }

        .about .points .item {
            width: 50%;
        }

            .about .points .item h3 {
                max-width: none;
            }
}

@media all and (max-width: 767px) {
    .about .history {
        padding: 30px 0;
    }

    .about .points {
        display: none;
    }
}


.staff .owl-dots {display:none }
.staff a, .staff a:hover { text-decoration:none; color:#231F20 }
    .staff .item {   background: transparent;   padding: 5px;  position: relative;    text-align: left;    }
    .staff .nav, .staff .owl-nav { margin-top:0!important }
    .staff h4 { line-height:22px}
        .staff .item:after {   content: '';  display: block;    clear: both;     }

        .staff .item .leftcontent {   float: left;  width: 35%;   text-align: left;     }

            .staff .item .leftcontent span {  color: #a37e2f; font-size: 110px;  font-family: 'Lucida', serif;  line-height: 98px; }

            .staff .item .leftcontent p {
                color: #231F20;
                font-size: 35px;
                font-family: 'Majorant-Light', serif;
                margin-top: 10px;
                margin-bottom: 100px;
                text-transform: capitalize;
            }

        .staff .item img {  height:380px    }

            .staff .item .img img {
                max-width: 100%;
                margin-right: 0;
                margin-left: auto;
            }

        .staff .item .desc {
            text-align: left;
            position: absolute;
            bottom: 30px;
            left: 30px;
            width: 35%;
        }

            .staff .item .desc p {
                margin: 0;
                font-size: 18px;
                color: #231F20;
                font-family: 'Majorant-Light', sans-serif;
                line-height: 25px;
            }

@media all and (max-width: 1752px) {

    .staff .item .desc p {
        font-size: 15px;
        line-height: 20px;
    }

    .staff .item .leftcontent span {
        color: #a37e2f;
        font-size: 85px;
        font-family: 'Lucida', serif;
        line-height: 90px;
    }

    .staff .item .leftcontent p {
        color: #231F20;
        font-size: 26px;
        font-family: 'Majorant-Light', serif;
        margin-top: 10px;
        margin-bottom: 100px;
        text-transform: capitalize;
    }
}

@media all and (max-width: 1550px) {

    .staff .item .desc p {
        font-size: 17px;
        line-height: 20px;
    }

    .staff .item .leftcontent span {
        color: #a37e2f;
        font-size: 90px;
        font-family: 'Lucida', serif;
        line-height: 98px;
    }

    .staff .item .leftcontent p {
        color: #231F20;
        font-size: 30px;
        font-family: 'Majorant-Light', serif;
        margin-top: 10px;
        margin-bottom: 100px;
        text-transform: capitalize;
    }
}

@media all and (max-width: 1447px) {

    .staff .item .desc p {
        font-size: 15px;
        line-height: 20px;
    }

    .staff .item .leftcontent span {
        color: #a37e2f;
        font-size: 90px;
        font-family: 'Lucida', serif;
        line-height: 98px;
    }

    .staff .item .leftcontent p {
        color: #231F20;
        font-size: 28px;
        font-family: 'Majorant-Light', serif;
        margin-top: 10px;
        margin-bottom: 100px;
        text-transform: capitalize;
    }
}

@media all and (max-width: 1399px) {

    .staff .item .desc p {
        font-size: 18px;
        line-height: 25px;
    }

    .staff .item .leftcontent span {
        color: #a37e2f;
        font-size: 110px;
        font-family: 'Lucida', serif;
        line-height: 98px;
    }

    .staff .item .leftcontent p {
        color: #231F20;
        font-size: 35px;
        font-family: 'Majorant-Light', serif;
        margin-top: 10px;
        margin-bottom: 100px;
        text-transform: capitalize;
    }
}

.staff .owl-dots, .list .owl-dots, .signature .owl-dots {
    text-align: center;
    margin: 35px 0;
}

.reviews .owl-dots {
    text-align: left;
    margin: 35px 0
}

@media all and (max-width: 414px) {
    .reviews .owl-dots {
        padding-bottom: 20px
    }
}

.staff .owl-dots .owl-dot {
    margin: 0 15px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.list .owl-dots, .signature .owl-dots {
    position: absolute;
    margin-top: -50px;
    display: block;
    width: 100%;
    text-align: center;
}
    /*
@media all and (max-width: 767px) {
    .list .owl-dots, .signature .owl-dots {
        position:absolute;
        display:block; 
        bottom:10%;
        border:solid 1px green;
    }
}
    */
    .list .owl-dots .owl-dot, .signature .owl-dots .owl-dot {
        margin: 0 10px;
        vertical-align: top;
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

.reviews .owl-dots .owl-dot {
    margin: 0 10px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

@media all and (max-width: 414px) {
    .signature .owl-dots {
        margin-top: -35px
    }

        .reviews .owl-dots .owl-dot, .signature .owl-dots .owl-dot {
            margin: 0 5px;
        }

            .reviews .owl-dots .owl-dot span, .signature .owl-dots .owl-dot span {
                height: 10px !important;
                width: 10px !important
            }
}

.reviews .owl-dots .owl-dot:first-of-type {
    margin-left: 0
}

.reviews .owl-dots .owl-dot:last-of-type {
    margin-right: 0
}

.staff .owl-dots .owl-dot span, .reviews .owl-dots .owl-dot span, .list .owl-dots .owl-dot span, .signature .owl-dots .owl-dot span {
    background: #a1a1a1;
    display: block;
    height: 15px;
    width: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.staff .owl-dots .owl-dot.active span, .reviews .owl-dots .owl-dot.active span, .list .owl-dots .owl-dot.active span, .signature .owl-dots .owl-dot.active span {
    background: #a37e2f;
}

@media all and (max-width: 1700px) {
    .staff .item .leftcontent {
        width: 45%;
    }

    .staff .item .img {
        width: 50%;
    }
}

@media all and (max-width: 1023px) {
    .staff {
        padding-top: 15px;
    }

        .staff .item .leftcontent {
            width: 100%;
            text-align: center;
        }

        .staff .item .img {
            display: none
        }

        .staff .item .desc {
            width: auto;
            text-align: center;
            position: relative;
            right: 0;
            left: 0;
        }

        .staff .owl-dots {
            margin: 15px 0 5px;
        }

            .staff .owl-dots .owl-dot {
                margin: 0 5px;
            }
}

.setting {
    text-transform: capitalize
}

    .setting h2.main-title {
        text-transform: uppercase;
    }

.descriptions .villas .list {
    position: relative;
    display: contents;
}
    /*.descriptions .villas .list { position: relative; display: block;}*/
    /*.descriptions .villas .item .list img{width:100%}*/

    .descriptions .villas .list .owl-carousel .owl-stage-outer {
        height: 100% !important;
    }


    .descriptions .villas .list .owl {
        position: relative;
        overflow: hidden !important;
        height: auto !important;
    }

.descriptions .villas .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 100% !important;
    /*min-height: 489px;*/
}

@media all and (max-width: 1023px) {
    .descriptions .villas .owl-carousel .owl-item img {
        min-height: 100px;
        height: 100% !important
    }
}
/*
    .descriptions .villas .list .owl img {
        position: relative;
        overflow: hidden !important;
        border: solid 1px green;
        display:block
    }
        */
.destinations .owl,
.setting .owl {
    margin: 10px 0 45px;
    position: relative;
}

.setting .owl {
    margin-bottom: 20px;
}

.destinations .item,
.setting .item {
    position: relative;
    overflow: hidden;
    background: #000;
}

    .destinations .item img, .inspired .item img,
    .setting .item img {
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

    .destinations .item:hover img,
    .setting .item:hover img {
        opacity: .7;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }

    .destinations .item span,
    .setting .item span {
        font-size: 60px;
        font-weight: 400;
        color: #fff;
        font-family: 'Majorant-Light', sans-serif;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .setting .item span {
        text-transform: uppercase;
        font-weight: 300;
        white-space: nowrap;
        -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
        -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
        -ms-text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
        -o-text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
        text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    }

.signature .owl-prev, .signature .owl-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.destinations .owl-prev, .inspired .owl-prev,
.destinations .owl-next, .inspired .owl-next,
.setting .owl-prev, .setting .owl-next, .villas .list .owl-prev, .villas .list .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.villas .list .owl-prev, .signature .owl-prev {
    left: 10%;
}

.destinations .owl-prev, .inspired .owl-prev,
.setting .owl-prev {
    left: 2%;
}

.destinations .owl-next, .inspired .owl-next,
.setting .owl-next {
    right: 2%;
}

.villas .list .owl-next, .signature .owl-next {
    right: 10%;
}

    .villas .list .owl-prev img, .villas .list .owl-next img, .signature .owl-prev img, .signature .owl-next img {
        height: 55px
    }

@media all and (max-width: 1023px) {
    .destinations .owl, .setting .owl {
        margin-bottom: 20px;
    }

    .destinations .item span,
    .setting .item span {
        font-size: 35px;
    }
}

@media all and (max-width: 767px) {
    .villas .list .owl-prev img, .villas .list .owl-next img, .signature .owl-prev img, .signature .owl-next img {
        height: 30px;
        width: 25px
    }
}

.experience {
    font-size: 0;
    margin-bottom: 40px;
    overflow: hidden
}

    .experience .wrapper {
        max-width: 1464px;
        overflow: hidden
    }

    .experience .box {
        border: 1px solid #b7b7b7;
        margin-top: 20px;
        padding: 30px;
    }

    .experience .video {
        width: calc(32.4% - 10px);
        margin-right: 10px;
        vertical-align: top;
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

        .experience .video h2.main-title {
            font-size: 25px;
            line-height: 30px;
        }

        .experience .video video {
            width: 100%;
            cursor: pointer;
            background: url(../jpg/video-preview.jpg);
            display: block;
        }

    /*.experience .reviews h1 { margin-top:-1px!important}*/
    .experience .reviews .location a {
        text-decoration: none;
        color: #231F20;
        font-size: 18px;
        margin-left: 20px;
        margin-top: -20px !important;
        line-height: 20px;
    }

    .experience .reviews {
        /*
            width: calc(67.4% - 10px);
            margin-left: 10px;
            vertical-align: top;
            display: inline-block;
            *display: inline;
            zoom: 1;
                */
        width: 90%;
        /*margin-left: 30px;*/
        vertical-align: top;
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

        .experience .reviews .box {
            padding: 20px 0 0;
            min-height: 200px;
            position: relative;
            height: 297px !important;
            overflow: hidden;
        }

            .experience .reviews .box.more {
                overflow-y: auto;
            }

        .experience .reviews .item h3, .experience .reviews .item h3 a {
            display: inline-block;
            text-align: left;
            margin: 20px 0 5px 10px;
            color: #a47f2f;
            font-family: 'Majorant-Light', sans-serif;
            font-size: 24px;
            text-decoration: none !important;
            /*text-transform: uppercase*/
        }

            .experience .reviews .item h3:after a {
                border-bottom: 1px solid #000;
                max-width: 390px;
                width: 80%;
                content: '';
                display: block;
                margin: 20px auto 0;
            }

        .experience .reviews .item p {
            color: #494949;
            font-family: 'Majorant-Light', sans-serif;
            font-size: 18px;
            line-height: 30px;
            text-align: left;
            margin: 0;
            padding: 0 20px;
            min-height: 90px;
            width: 99%;
            text-align: justify;
        }

@media all and (max-width: 414px) {
    .experience .reviews .item p {
        margin-bottom: 20px
    }
}


.experience .reviews .item p.dates,
.experience .reviews .item p.name {
    color: #b99950;
    font-size: 16px;
    line-height: 30px;
    min-height: 0;
    text-align: left
}

.experience .reviews .item p.dates {
    margin-bottom: 5px;
}

.experience .reviews .item p.name {
    margin-top: 15px;
}

.experience .reviews .button {
    max-width: 340px;
    /*margin: 0 auto;
    line-height: 20px;*/
}

@media all and (max-width: 1166px) {
    .experience {
        margin-bottom: 20px;
    }

        .experience .video,
        .experience .reviews {
            width: 100%;
            margin: 0;
        }

        .experience .video {
            margin-bottom: 20px;
        }

            .experience .video video {
                margin: 0 auto;
                display: block;
                max-width: 410px;
            }

        .experience .reviews .item p {
            min-height: 0;
        }
}
/*
.inspired {
    border-bottom: 1px solid #b7b7b7;    
}
    */
.inspired .wrapper {
    max-width: 1464px;
}

.inspired .points {
    font-size: 0;
    padding-top: 40px;
    width: 100%;
    margin-bottom: 40px
}

    .inspired .points .ptitem {
        margin: 0 auto;
        padding: 0;
        max-width: 1003px;
        width: 100%;
    }

    .inspired .points .item a,
    .inspired .points .item a:hover {
        text-decoration: none
    }

    .inspired .points .item {
        font-family: 'Majorant-Light', sans-serif;
        font-size: 16px;
        color: #231F20;
        line-height: 30px;
        text-align: center;
        vertical-align: top;
        display: block;
        position: relative;
        zoom: 1;
        float: left;
    }

        .inspired .points .item:nth-of-type(1) {
            padding: 0 13px 13px 0;
        }

        .inspired .points .item:nth-of-type(2) {
            overflow: hidden
        }

        .inspired .points .item .text {
            background: rgba(255, 255, 255, .7);
            position: absolute;
            padding: 20px;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            left: 50%;
            width: 100%;
            max-width: 365px;
        }

        .inspired .points .item:nth-of-type(1) .text {
            top: 390px;
            overflow: hidden;
        }

        .inspired .points .item:nth-of-type(2) {
            padding-bottom: 5px;
        }

        .inspired .points .item:nth-of-type(4) {
            margin-top: -8px
        }

        .inspired .points .item:nth-of-type(2) .text {
            top: 180px;
            overflow: hidden;
        }

        .inspired .points .item:nth-of-type(3) .text {
            margin-top: -35%;
        }

        .inspired .points .item:nth-of-type(4) .text {
            margin-top: -15%;
            left: 50%;
        }

        .inspired .points .item h3,
        #companies h3 {
            font-family: 'Majorant-Light', 'Georgia', serif;
            font-size: 25px;
            font-weight: 400;
            color: #231F20;
            text-transform: uppercase;
            margin: 20px 0;
        }

            #companies h3 a {
                text-decoration: none
            }

        .inspired .points .item img {
            max-width: 100%;
            border: 1px solid #a1a1a1;
        }

        .inspired .points .item p {
            margin: 0 auto 15px;
            max-width: 315px;
            color: #231F20;
            height: auto !important;
        }

/* .button {
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 10px;
    color: #fff;
    background: #a47f2f;
    display: inline-block;
    *display: inline;
    zoom: 1;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    border: solid 2px transparent;
} */


@media all and (max-width: 1494px) {
    .inspired {
        padding: 20px 15px;
    }
}

@media all and (max-width: 1050px) {
    .inspired .points {
        margin: 0 auto;
        padding: 0;
        text-align: center
    }

        .inspired .points .item {
            overflow: hidden !important;
            display: block !important;
            top: 0 !important;
            position: relative !important;
            padding: 0;
            margin: 0 auto;
            position: relative;
            height: auto !important;
            text-align: center !important;
            width: 100%;
        }

            .inspired .points .item .text {
                position: relative !important;
                top: 1px !important;
                margin: 0 auto !important;
                padding: 0 !important;
                float: left !important;
                left: 0 !important;
                text-align: center !important;
                width: 100% !important;
                margin-top: 0 !important;
                max-width: 100% !important;
                -webkit-transform: translate(0%, 0%);
                -ms-transform: translate(0%, 0%);
                -o-transform: translate(0%, 0%);
                transform: translate(0%, 0%);
                left: 0%;
            }

            .inspired .points .item p {
                max-width: none;
                height: auto !important;
                margin-bottom: 15px;
            }

            .inspired .points .item img {
                display: none;
            }

            .inspired .points .item a,
            .button {
                /*background: #000!important;*/
                background: #a47f2f !important;
                color: #FFF !important;
                /*border-color: #000*/
                border-color: #a47f2f
            }

            .inspired .points .item a {
                background: #FFF !important;
                /*border-color: #000!important;
        color: #000!important;*/
                border-color: #a47f2f !important;
                color: #a47f2f !important;
            }
}

.subscribe {
    font-size: 0;
    /* padding-top: 0; */
}

    /* .subscribe .wrapper {
        max-width: 1464px;
    } */

    .subscribe .box {
        /*border: 1px solid #b7b7b7;*/
        /* margin-top: 20px;
        padding: 30px; */
    }

@media all and (max-width: 1023px) {
    /* .subscribe .box {
        margin-top: 0
    } */

    footer {
        margin-top: 1px
    }
}

@media all and (max-width: 1440px) and (min-width: 993px) {
    #hp .subscribe .group {
        /* width: 100% !important; */
        /* align-items: center;
        padding-top: 0px !important; */
    }

    #hp .subscribe .half:first-of-type {
        padding-right: 60px !important;
    }

    #hp .subscribe .half:last-of-type {
        padding-left: 0px !important;
    }
}

#hp .subscribe .group {
    padding-top: 50px;
    align-items: flex-start !important;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}

#hp .subscribe ul li {
    font-family: "Majorant-Thin";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    text-align: left;
    letter-spacing: 0.02em;
    color: #231F20;
    margin-top: 0px;
}

.subscribe-btn {
    text-align: left;
}

#hp .subscribe .half:first-of-type {
    padding-right: 50px;
}

#hp .subscribe .half:last-of-type {
    padding-left: 0;
}
/* .subscribe .half:first-of-type {
    padding-right: 60px;
} */
.subscribe h2 {
    text-transform: inherit !important;
}
/* .subscribe h3 {
    padding-bottom: 40px;
} */

#hp .subscribe ul {
    margin: 20px 0;
    list-style: circle;
}

.subscribe .join {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

    /* .subscribe .join .box { padding: 20px; } */

    /* .subscribe .join .box.dark { background: #fff; color: #000; width: 1680px; margin: 0 auto; padding: 0; font-size:15px; font-family:Majorant; font-weight:200  } */

    .subscribe .join h2.main-title {
        font-family: 'Majorant-Light', serif;
        font-size: 40px;
        color: #9d7f3d;
        line-height: 30px;
        margin-bottom: 30px
    }

    .subscribe .join form { /*text-align: right;*/
        width: 100%;
        margin: 0 auto;
    }

@media all and (max-width: 1023px) {
    #hp .subscribe .group .half {
        flex: 1;
    }
    /* .subscribe .join form {
            margin-top: 40px;
        } */
    #hp .subscribe .join form {
        margin-top: 0px !important;
    }
}

@media all and (min-width: 1440px) {
    #hp .subscribe .group .half {
        /* flex: 1; */
        width: calc(90% /2 );
    }
}

@media all and (max-width: 1439px) and (min-width: 1024px) {
    #hp .subscribe .group .half {
        flex: 1;
    }
}

@media all and (max-width: 767px) {
    .subscribe .join {
        margin-top: 0
    }

        .subscribe .join form { /*text-align: right;*/
            padding-top: 20px;
            width: 80%;
            margin: 0 auto;
        }

    #hp .subscribe .join form {
        padding-top: 0px;
    }
}

@media all and (max-width: 414px) {
    #about .subscribe {
        margin-top: 32px !important
    }

    .subscribe .join form label {
        font-size: 16px !important
    }

    .subscribe .join form { /*text-align: right;*/
        width: 100%;
        margin: 0 auto;
    }

    .subscribe .join {
        margin-bottom: 2px
    }
}

/* .subscribe .join form div {
    text-align: center
} */



.subscribe .join form label {
    color: #fff;
    font-family: 'Majorant-Light', sans-serif;
    font-size: 20px;
    line-height: 22px;
    display: block;
    /* max-width: 700px; */
    margin-bottom: 10px;
    text-align: center !important;
    margin: 15px 0 25px;
    width: 100% !important;
}

#hp .subscribe .join form .form-item input {
    width: 46.7%;
}


#hp .subscribe .join form input {
    font-family: "Majorant-Light";
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 18.2px;
    color: #231F20;
    display: inline-block;
    width: 100%;
    padding: 0 0 10px 4px;
    margin-bottom: 30px;
    vertical-align: top;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 1);
    font-weight: bold
}

    #join form input::-webkit-input-placeholder,
    #hp .subscribe .join form input::-webkit-input-placeholder {
        font-weight: bold;
    }

    #join form input:-moz-placeholder,
    #hp .subscribe .join form input:-moz-placeholder,
    #hp .subscribe .join form input::-moz-placeholder {
        color: #000;
        font-weight: bold;
        opacity: 0.8;
        font-size: 13px;
    }

#hp .subscribe .join form select {
    line-height: 18.2px;
    color: #231F20;
    display: inline-block;
    width: 100%;
    padding: 0 0 10px 0;
    margin-bottom: 30px;
    vertical-align: top;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 1);
    font-size: 13px;
    font-weight: bold;
}

#hp .subscribe .join form #drpCountry option:not(:first-of-type) {
    color: #000;
    /* font-weight: 400; */
}
/* #hp .subscribe .join form #drpCountry {
    color: #677274 !important;
} */
#hp .subscribe .join form #fname {
    margin-right: 15px;
}

#hp .subscribe .join form #lname {
    margin-left: 15px;
}

#home .form-col-2 input {
    width: 95%
}

#home .form-col-2 .form-item:nth-of-type(2) input {
    float: right;
}

#hp .subscribe .join form button {
    border: none;
    background: rgba(35, 31, 32, 1);
    color: #fff;
    font-family: 'Majorant-Light';
    font-size: 12px;
    border: 1px solid #231F20;
    line-height: 16.8px;
    letter-spacing: 0.02em;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin-left: 2px;
    /* height: 100%; */
    padding: 15px 35px 14px;
    /* margin: 20px 0; */
    text-transform: capitalize;
    border-radius: 50px;
    width: 112px;
}

@media (max-width: 1500px) and (min-width: 993px) {
    #hp .subscribe .join form #fname {
        margin-right: 0px !important;
    }
}


.subscribe .join form button:hover {
    background: #fff !important;
    color: #231F20 !important;
}

.subscribe .join strong {
    color: #fff;
    font-family: 'Majorant-Light', serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    float: left;
    margin-right: 50px;
}

.subscribe .join .chat {
    background: url(../png/chat-ico.png) no-repeat left center;
    padding-left: 40px;
    color: #fff;
    font-family: 'Majorant-Light', sans-serif;
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 3px;
    overflow: hidden;
    text-decoration: none;
    display: block;
}

.subscribe .join .call {
    background: url(../png/phone-ico.png) no-repeat left center;
    padding-left: 40px;
    color: #fff;
    font-family: 'Majorant-Light', sans-serif;
    font-size: 18px;
    line-height: 25px;
    margin: 0;
    overflow: hidden;
    text-decoration: none;
    display: block;
}

.subscribe .service {
    width: calc(23.4% - 20px);
    margin-right: 9px;
    margin-left: 10px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

    .subscribe .service .box {
        margin-top: 0;
        padding-top: 38px;
        text-align: center;
        line-height: 1;
    }

        .subscribe .service .box img {
            margin-top: 5px;
        }

        .subscribe .service .box strong {
            color: #3c557d;
            font-family: 'Majorant-Light', serif;
            font-size: 35px;
            font-weight: 400;
            line-height: 25px;
            display: block;
            margin: 19px 0 32px;
        }

        .subscribe .service .box p {
            color: #707070;
            font-family: 'Majorant-Light', sans-serif;
            font-size: 18px;
            line-height: 21.3px;
            padding: 0 1px;
            margin: 0;
        }

.subscribe .press {
    width: calc(44.2% - 10px);
    margin-left: 10px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

    .subscribe .press .box {
        padding: 15px;
    }

    .subscribe .press .item {
        background: #fff;
    }

        .subscribe .press .item img {
            float: left;
            margin-right: 45px;
            width: auto;
        }

        .subscribe .press .item .rightcontent {
            overflow: hidden;
        }

            .subscribe .press .item .rightcontent .title {
                color: #231F20;
                font-family: 'Majorant-Light', sans-serif;
                font-size: 25px;
                line-height: 30px;
                margin-bottom: 20px;
                min-height: 60px;
            }

            .subscribe .press .item .rightcontent p {
                color: #231F20;
                font-family: 'Majorant-Light', sans-serif;
                font-size: 18px;
                line-height: 25px;
                margin: 0;
                min-height: 50px;
            }

        .subscribe .press .item .bottomcontent {
            margin-top: 15px;
        }

            .subscribe .press .item .bottomcontent a {
                background: url(../png/download-ico.png) no-repeat right center;
                color: #a1a1a1;
                font-family: 'Majorant-Light', sans-serif;
                font-size: 16px;
                line-height: 18px;
                text-decoration: none;
                max-width: 119px;
                display: block;
                text-align: right;
                padding-right: 51px;
                float: left;
                margin-right: 30px;
                -webkit-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
            }

                .subscribe .press .item .bottomcontent a:hover {
                    -webkit-filter: invert(100);
                    -o-filter: invert(100);
                    filter: invert(100);
                }

            .subscribe .press .item .bottomcontent .published {
                background: url(../png/published-ico.png) no-repeat left center;
                padding-left: 40px;
                color: #231F20;
                font-family: 'Majorant-Light', sans-serif;
                font-size: 18px;
                line-height: 25px;
                margin: 0 0 3px;
                overflow: hidden;
            }

            .subscribe .press .item .bottomcontent .author {
                background: url(../png/author-ico.png) no-repeat left center;
                padding-left: 40px;
                color: #231F20;
                font-family: 'Majorant-Light', sans-serif;
                font-size: 18px;
                line-height: 25px;
                margin: 0;
                overflow: hidden;
            }

    .subscribe .press .owl-nav {
        text-align: center;
        margin-top: 18px;
    }

    .subscribe .press .owl-prev,
    .subscribe .press .owl-next {
        border: 1px solid;
        margin: 0 20px;
        vertical-align: top;
        display: inline-block;
        *display: inline;
        zoom: 1;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

        .subscribe .press .owl-prev:hover,
        .subscribe .press .owl-next:hover {
            background: #000;
        }

        .subscribe .press .owl-prev img,
        .subscribe .press .owl-next img {
            display: block;
            -webkit-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
        }

        .subscribe .press .owl-prev:hover img,
        .subscribe .press .owl-next:hover img {
            -webkit-filter: invert(100);
            -o-filter: invert(100);
            filter: invert(100);
        }

@media all and (max-width: 1315px) {
    aside .press ul li img {
        display: block;
        max-width: 180px;
        min-height: 40px;
    }
}


@media all and (max-width: 1494px) {
    /*.subscribe {
            padding-left: 15px;
            padding-right: 15px;
        }*/
    .subscribe .join, .subscribe .service {
        width: 100%;
        margin-right: 0;
    }

    .subscribe .service {
        margin-left: 20px;
    }

        .subscribe .service .box p {
            margin: 0 auto;
            max-width: 300px;
        }

    .subscribe .press {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }

        .subscribe .press .item .rightcontent .title,
        .subscribe .press .item .rightcontent p {
            min-height: 0;
        }
}

@media all and (max-width: 1023px) {
    /*
        .subscribe {
            padding-top: 20px;
            padding-bottom: 20px;
        }
            */
    .subscribe .join {
        width: 100%;
    }

    .subscribe .service {
        width: calc(40% - 10px);
    }

        .subscribe .service .box {
            padding: 34px 0 33px;
        }
}

@media all and (max-width: 992px) {
    .subscribe .join,
    .subscribe .service {
        width: 100%;
        margin-left: 0;
    }

    .subscribe .service {
        margin-top: 20px;
    }

    .subscribe .join strong {
        float: none;
    }

    .inspired .owl-prev img,
    .inspired .owl-next img {
        height: 35px;
    }
}

#hp .spy {
    position: fixed;
}

#hp input {
    background: none;
}

.spy {
    background: #e1e1e1;
    position: relative;
    width: 100%;
    opacity: 0;
    z-index: 30;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

    .spy.stick {
        position: fixed;
        opacity: 1;
    }

    .spy ul {
        font-size: 0;
        list-style: none;
        margin: 0;
        text-align: center;
    }

        .spy ul li {
            font-family: Majorant;
            font-size: 15px;
            text-transform: none;
            vertical-align: top;
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

/* #hp .spy ul li a {
    padding: 40px 20px;
} */
#hp .spy.wrapped.stick .logo {
    display: block;
}

.spy ul li a {
    color: #231F20;
    text-decoration: none;
    /* padding: 5px 20px; */
    padding: 40px 20px;
    display: block;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin: 0px;
}
/* #hp .spy.wrapped.stick  {
    padding: 40px 20px !important;
} */
.spy.wrapped.stick ul li a {
    padding: 10px 20px;
}

header.stick .menu > ul > .col > li > a {
    padding: 5px 35px 0px 35px;
}

.spy.wrapped.stick ul li .group a {
    padding: 0px;
}

.spy.wrapped.stick {
    padding: 0px;
}

.spy ul li a:hover {
    color: #fff;
}
/* #vp .stick .logo {
    display: none;
} */
.spy.wrapped.stick ul li a {
    padding: 15px 20px;
}
/* .spy.wrapped.stick ul li a {
    padding: 15px 20px !important;
} */
header.stick .logo img {
    max-height: 57px;
}

.spy.wrapped.stick nav ul li .subnav a {
    padding: 0px !important;
}

@media all and (max-width: 1023px) {
    .spy ul li a {
        padding: 5px 10px;
    }
}

@media all and (max-width: 767px) {
    /* .spy {
        display: none;
    } */

}

/* LISTING PAGE h1 */
.detail h1.white, .detail .white h1.white a {
    color: #fff;
    font-family: 'fs siena', serif;
    font-size: 95px;
    font-weight: 400;
    text-decoration: none;
    margin: 0 auto !important;
    top: -300px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: .1em;
    width: fit-content;
    display: list-item;
    height: auto;
    list-style: none;
}

.detail h1, .detail h1 a {
    color: #231F20;
    font-family: 'FS Siena', serif;
    font-size: 40px;
    line-height: 45px;
    font-weight: 400;
    text-decoration: none;
    margin: 10px 0
}

.subdiv2 h1 {
    margin-top: 0
}

@media all and (max-width: 1023px) {
    .descriptions .outer .top .box h3, .descriptions .outer .top .box.dark strong, .descriptions .outer .bottom .box h3, .descriptions .outer .bottom .box .item a {
        font-size: 20px !important;
    }

    .descriptions .outer .bottom .box .item span a {
        font-size: 15px !important
    }

    .descriptions .layout h3, .descriptions .rooms h3, .descriptions .location h3 {
        font-size: 20px !important;
        margin: 15px 0 5px !important
    }

    h2.main-title {
        font-size: 20px !important;
    }

    .detail h1, .detail h1 a {
        font-size: 30px !important;
        line-height: 33px;
    }

    .subtitle, .subtitle a {
        font-size: 23px !important
    }
}

h1.capitalize::first-letter, .capitalize::first-letter {
    text-transform: capitalize;
}

.detail h1 small {
    color: #5f5f5f;
    font-family: 'Majorant-Light', sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    display: block
}

.detail .descriptions > img {
    max-width: 100%;
}

.detail .teaser {
    font-family: 'Majorant-Light', sans-serif;
    font-size: 16px;
    line-height: 30px;
    color: #231F20;
    border-bottom: 1px solid #acacac !important;
    position: relative;
    text-align: justify;
    display: initial
}

.detail .wrapper > div:last-of-type {
    border-bottom: 0 !important;
}

/* .detail .teaser p:last-of-type {
    margin-bottom: 30px;
} */

.detail .teaser p a {
    color: #000;
}

.detail .teaser .pata {
    position: absolute;
    right: 0;
    top: 70px;
}

    .detail .teaser .pata img {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
        margin-left: 15px;
    }

@media all and (max-width: 767px) {
    .detail .teaser .pata img {
        width: 30% !important
    }
}

.detail .teaser .desc2 {
    position: relative;
    padding-top: 50px
}

.detail .destinations ul {
    width: 100%;
    max-width: 100%;
    list-style: none;
    margin: 0 auto;
    padding: 0
}

    .detail .destinations ul li img {
        background: none !important
    }

.detail .teaser .desc2 ul {
    margin: 60px auto 0;
    padding: 0;
    list-style: none;
    max-width: 896px;
}

    .detail .teaser .desc2 ul li {
        position: relative;
    }

        .detail .teaser .desc2 ul li p {
            background: rgba(255, 255, 255, .7);
            position: absolute;
            top: 50%;
            right: 0;
            max-width: 369px;
            padding: 20px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

.detail .teaser .desc2 .owl-prev,
.detail .teaser .desc2 .owl-next, .detail .destinations .owl-prev,
.detail .destinations2 .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.detail .teaser .desc2 .owl-prev {
    left: -54px;
}

.detail .teaser .desc2 .owl-next {
    right: -54px;
}

.detail .teaser #companies {
    font-size: 0;
    margin: 30px 0 0;
}

    .detail .teaser #companies .company-item {
        border: 1px solid #252525;
        font-size: 16px;
        display: block;
        padding: 30px;
    }

        .detail .teaser #companies .company-item:nth-of-type(even) {
            margin: 20px 0;
        }

        .detail .teaser #companies .company-item:after {
            content: '';
            clear: both;
            display: block;
        }

        .detail .teaser #companies .company-item .img {
            float: right;
            margin-left: 30px;
        }

        .detail .teaser #companies .company-item:nth-of-type(odd) .img {
            float: left;
            margin-right: 30px;
            margin-left: 0;
        }

        .detail .teaser #companies .company-item .info {
            float: none;
        }

            .detail .teaser #companies .company-item .info h3,
            .detail .teaser #companies .company-item .info h3 a {
                color: #231F20;
                text-align: left;
                padding: 0;
                margin: 0;
            }

            .detail .teaser #companies .company-item .info h3 {
                margin-bottom: 30px;
            }

            .detail .teaser #companies .company-item .info span,
            .detail .teaser #companies .company-item .info span a {
                font-size: 16px;
                line-height: 1.4;
            }

        .detail .teaser #companies .company-item p:last-of-type {
            margin-bottom: 0;
        }

        .detail .teaser #companies .company-item .tel {
            margin-top: 30px;
        }

        .detail .teaser #companies .company-item .button {
            margin-top: 24px;
            display: inline-block;
            *display: inline;
            zoom: 1;
            color: #fff;
        }

@media all and (max-width: 1031px) {
    .detail .teaser #companies .company-item h3,
    .detail .teaser #companies .company-item h3 a {
        font-size: 20px;
    }
}

@media all and (max-width: 920px) {
    .detail .teaser .pata {
        position: relative;
        margin: 0 auto;
    }

    .detail .teaser .desc2 ul {
        margin-top: 20px;
    }

    .detail .teaser #companies {
        margin-left: 0;
        margin-right: 0;
    }

        .detail .teaser #companies .company-item {
            width: 100%;
        }

            .detail .teaser #companies .company-item br,
            .detail .teaser #companies .company-item img {
                display: none;
            }
}

.detail .teaser .links {
    text-align: right;
    position: relative;
    display: inline-block;
    width: 100%
}

    /*LOcation page */
    .detail .teaser .links .sort {
        margin-top: -39px
    }

@media all and (max-width: 767px) {
    .detail .teaser .links .sort {
        margin-top: 20px !important
    }
}

.detail .teaser .links a.link-toggle {
    display: inline-block;
    text-decoration: none;
    padding: 4px 15px;
    background: #231F20;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Majorant-Light', serif;
    font-size: 18px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

    .detail .teaser .links a.link-toggle:hover {
        background: #37587d;
    }

.villas .links .spots {
    opacity: 0;
    display: contents;
    overflow: hidden;
    max-height: 0;
    font-size: 0;
    background: #fff;
    border-top: 1px solid #acacac;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin-top: 4px;
}

@media all and (max-width: 580px) {
    .villas .links .spots {
        width: 100% !important;
    }

    .villas .links .link-toggle {
        margin-top: 30px !important; /*float: right;*/
    }

    .villas .links .spots .div_map_click {
        margin-left: 5% !important
    }
}

@media all and (max-width: 320px) {
    .villas .links .link-toggle {
        margin-top: 30px !important
    }
}

.villas .spots.hover {
    opacity: 1;
    visibility: visible;
    max-height: 2999px;
    display: block
}

/* location page map*/
.row.map {
    margin-top: 50px
}

.villas .spots .div_map {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: calc(100% - 20px);
    margin-right: 20px;
    position: relative;
    background: #EBEBEB;
    margin-top: 10px
}

    .villas .spots .div_map .map {
        height: 735px;
    }

@media all and (max-width: 1023px) {
    .row.map {
        display: block
    }

    villas .div_map {
        display: block;
        width: 100%;
    }

    .villas .div_map .map {
        height: auto;
    }

    .row.map .col {
        display: contents;
        width: 100%
    }
}

@media all and (max-width: 767px) {
    .villas .div_map .map {
        height: 500px !important;
    }
}

.villas .spots .div_map .infowindow {
    position: absolute;
    background: #fff;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 30px;
    height: fit-content;
    width: auto;
    bottom: 0;
}

    .villas .spots .div_map .infowindow img {
        display: block;
    }

    .villas .spots .div_map .infowindow .infodetail {
        padding: 10px;
        font-size: 16px;
        line-height: 1.4;
        color: #282828;
    }

        .villas .spots .div_map .infowindow .infodetail a {
            color: #282828;
            text-decoration: none;
            text-transform: uppercase;
            -webkit-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
        }

            .villas .spots .div_map .infowindow .infodetail a:hover {
                text-decoration: underline;
            }

.villas .region {
    font-size: 16px;
    text-align: left;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 50%;
    padding-bottom: 10px;
    height: 735px;
    width: 100%;
    color: #231F20
}

@media all and (max-width: 1023px) {
    .villas .region {
        display: block;
        width: 100%;
        height: auto;
        color: #231F20;
        padding: 0 50px
    }
}

.villas .region strong {
    font-size: 28px;
    padding: 10px 0;
    display: block;
    text-transform: uppercase;
    font-weight: 300;
}

.villas .region .list {
    -webkit-columns: 2;
    -moz-columns: 2;
    -o-columns: 2;
    columns: 2;
}

    .villas .region .list .items {
        line-height: 26px;
        margin-bottom: 10px;
        -webkit-break-inside: avoid;
        -moz-break-inside: avoid;
        -ms-break-inside: avoid;
        -o-break-inside: avoid;
        break-inside: avoid;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        page-break-inside: avoid;
    }

        .villas .region .list .items.active {
            color: silver;
        }

        .villas .region .list .items a {
            text-transform: uppercase;
            text-decoration: none;
            color: #282828;
            -webkit-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
            font-weight: bold
        }

        .villas .region .list .items.active a {
            color: silver;
            margin-top: 15px;
        }

        .villas .region .list .items a:hover {
            text-decoration: underline
        }

        .villas .region .list .items p {
            margin: 0;
            font-size: 13px;
            font-family: 'Majorant-Thin';
            line-height: 17px;
            padding-bottom: 15px
        }


/* SORT AND COVER IMAGE */
/* .descriptions .wrapper {
        padding: 0px;
    } */
.descriptions .villas p {
    margin-bottom: 60px
}

.detail .wrapper {
    margin: 0 auto;
    padding-top: 30px;
    max-width: 1400px;
    overflow: hidden;
    padding-top: 50px!important;
    position: relative
}

@media all and (max-width: 1299px) {
    .detail .wrapper {
        max-width: 100%
    }
}

.inner small {
    font-size: 13px;
    font-family: Majorant
}

.inner .sort {
    position: relative;
    width: auto;
    float: right;
    display: block;
}

.detail .wrapper .lp-imgcontainer {
    align-items: flex-start;
    display: flex;
    height: 560px;
    margin-left: 2.0px;
    margin-top: 2px;
    overflow: hidden;
    width: 1422px;
}

@media all and (max-width: 1299px) {
    .detail .wrapper .lp-imgcontainer {
        width: 100% !important
    }
}

.detail .wrapper .imgcontainer {
    height: 3992px;
    margin-left: -275px;
    margin-top: -1244px;
    position: relative;
    width: 2992px;
    max-height: 2100px;
    margin-top: -1586px;
    top: 30px;
}

@media all and (max-width: 1299px) {
    .detail .wrapper .imgcontainer {
        width: 100%;
        height: 100%;
        margin-left: 0;
        margin-top: 0
    }
}

.detail .wrapper .villas img {
    height: 3992px;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 2992px;
}

@media all and (max-width: 1299px) {
    .detail .wrapper .villas img {
        width: 100%
    }
}


.detail .teaser .sort form select {
    display: block;
    width: 100%;
    color: #333;
    font-family: 'Majorant-Light', sans-serif;
    font-size: 16px;
    background: #fff;
    border: 1px solid #acacac;
    padding: 5px 8px;
    height: 34px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#divContent select {
    display: block;
    width: auto;
    color: #333;
    font-family: 'Majorant-Light', sans-serif;
    font-size: 16px;
    background: #fff;
    border: 1px solid #acacac;
    padding: 5px 12px;
    height: 34px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    margin-top: 20px;
    margin-bottom: 10px
}

.detail .info {
    float: left;
}

    .detail .info .gold {
        font-family: 'Majorant-Light', sans-serif;
        font-size: 25px;
        line-height: 30px;
        font-weight: 300;
        color: #a37e2f;
        text-decoration: none;
        border-bottom: solid 1px #a37e2f;
    }

.detail .reserve {
    text-align: right;
    padding-bottom: 25px;
    border-bottom: 1px solid #acacac;
    min-height: 152px;
}

    .detail .info span,
    .detail .reserve span {
        display: block;
        color: #231F20;
        font-family: 'Majorant-Light', sans-serif;
        font-size: 25px;
        line-height: 30px;
        font-weight: 300;
        clear: right;
    }

        .detail .info span a,
        .detail .reserve span a, .detail .reserve div a {
            color: #231F20;
            font-family: 'Majorant-Light', sans-serif;
            font-size: 25px;
            line-height: 30px;
            font-weight: 300;
            text-decoration: none;
            -webkit-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
        }

@media all and (max-width: 580px) {
    .detail .reserve div a {
        font-size: 20px !important
    }
}

.detail .reserve span a:hover {
    text-decoration: underline;
}

.detail .reserve span a.button {
    background: #a37e2f;
    color: #fff;
    font-family: 'Majorant-Light', sans-serif;
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 10px;
    margin-top: 20px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    border: solid 2px transparent
}

    .detail .reserve span a.button:hover {
        /*background: #37587d;*/
        background: #fff;
        color: #a37e2f;
        border: solid 2px #a37e2f
    }



/* VILLA PAGE USPs */

/* #vp header.stick {
    z-index: -1;
} */
.descriptions .includes {
    clear: both;
    margin-top: 50px
}

    .descriptions .includes h2 {
        color: #231F20;
        font-family: 'Majorant-Light', serif;
        font-size: 15px;
        line-height: 30px;
        font-weight: 400;
        text-transform: uppercase
    }

    .descriptions .includes .points {
        font-size: 0;
        margin-left: -100px;
        margin-right: 0;
        padding-top: 10px;
        padding-bottom: 25px;
        text-align: center
    }

        /*villa page icons */
        .descriptions .includes .points .item {
            font-family: 'Majorant-Light';
            font-size: 12px;
            color: #424242;
            line-height: 30px;
            text-align: center;
            vertical-align: top;
            width: 14.2857143%;
            display: inline-block;
            *display: inline;
            zoom: 1;
            padding: 0 10px;
            width: auto;
            float: none;
            font-weight: normal
        }

            .descriptions .includes .points .item:before {
                content: '';
                display: block;
                height: 12px;
                width: 72px;
                margin: 0 auto;
            }

        .descriptions .includes .points div {
            float: left;
            width: 150px
        }

@media all and (max-width: 916px) {
    .detail .includes .points div {
        float: left;
        width: 130px
    }
}

@media all and (max-width: 718px) {
    .detail .includes .points div {
        float: left;
        width: 100px
    }

    .detail .includes .points img {
        width: 80px;
        height: auto
    }
}

.descriptions .includes .points [id*="staff"] {
    background-position: 30px 0;
}

.descriptions .includes .points [id*="chef"] {
    background-position: -109px 0;
}

.descriptions .includes .points [id*="concierge"] {
    background-position: -263px 0;
}

.descriptions .includes .points [id*="info"] {
    background-position: -572px 0;
}

.descriptions .includes .points [id*="pool"] {
    background-position: -720px 0;
}

.descriptions .includes .points [id*="wifi"] {
    background-position: -846px 0;
}

.descriptions .includes .points span {
    display: block;
    clear: left;
    line-height: 17px
}

@media all and (max-width: 1500px) and (min-width: 1024px) {
    .detail .wrapper,
    #companies,
    .recent2 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}


@media all and (max-width: 1023.99px) {
    /* .detail { padding-left: 22px; padding-right: 22px;  } */

    .detail .includes .points {
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }
}

@media all and (max-width: 1023px) {
    .detail .teaser .links .spots .div_map {
        display: block;
        width: auto;
        margin: 0;
    }

        .detail .teaser .links .spots .div_map .map {
            height: 300px;
        }

        .detail .teaser .links .spots .div_map img {
            width: 100%;
            max-width: none;
            height: 300px;
        }

    .detail .teaser .links .spots .region {
        display: block;
        width: auto;
    }
    /*
    .detail .includes .points .item {
        width: 25%;
    }*/
}

@media all and (max-width: 767px) {
    .detail h1 {
        font-size: 30px;
        line-height: 35px;
    }

        .detail h1 small {
            display: block;
        }

    .detail .info span,
    .detail .reserve span,
    .detail .info span a,
    .detail .reserve span a, .detail .info .gold {
        font-size: 18px;
        line-height: 30px;
    }

        .detail .reserve span a.button {
            margin-top: 15px;
        }

    .detail .reserve {
        text-align: center;
        margin-top: 15px;
    }
}



@media all and (max-width: 580px) {
    .detail .teaser .links {
        text-align: center;
        /*border-bottom: 1px solid #acacac;*/
    }

        .detail .teaser .links .spots .region .list {
            -webkit-columns: 1;
            -moz-columns: 1;
            -o-columns: 1;
            columns: 1;
        }

    .detail .teaser .sort {
        position: relative;
        text-align: center;
        /*margin-bottom: -1px;*/
        margin-top: 15px;
        max-width: none;
        width: 100%;
    }

    .detail .info {
        float: none;
        padding-bottom: 10px;
        /*border-bottom: 1px solid #acacac;*/
    }

    .detail .reserve {
        text-align: center;
        margin-top: 15px;
    }

    .detail .includes {
        display: none;
    }
}

.descriptions {
    clear: both;
    font-family: 'Majorant-Light';
    font-size: 15px;
}

    .descriptions .wrapper {
        position: relative;
        /*jhong 0116 border-top: 1px solid #acacac; */
    }

        .descriptions .wrapper:after {
            clear: both;
            content: '';
            display: block;
        }


    /* INNER AND OUTER - LISTING PAGES */
    .descriptions .inner {
        display: table-cell;
        vertical-align: top;
        padding-right: 100px;
        border-right: solid 1px silver;
    }

@media all and (max-width: 1299px) {
    .descriptions .inner {
        display: table-cell;
        vertical-align: top;
        padding-right: 50px;
        border-right: none
    }
}


.descriptions .outer {
    width: 380px;
    position: relative;
    display: table-cell;
    padding-left: 60px
}

@media all and (max-width: 1299px) {
    .descriptions .outer {
        width: 380px;
        position: relative;
        display: table-cell;
        padding-left: 0;
    }
}




.descriptions .outer .top {
    padding-bottom: 20px;
    z-index: 22;
    padding-top: 10px;
    width: 327px !important
}

#rightprice .button-toggle {
    display: none !important;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    left: 29%;
    padding: 9px;
    background: #000;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    z-index: 99999;
    padding: 10px 25px;
    border-radius: 25px;
}

    #rightprice .button-toggle a {
        color: #FFF
    }


.descriptions .outer .top .box {
    color: #231F20;
}

    .descriptions .outer .top .box:first-of-type {
        margin-top: 0;
    }

    .descriptions .outer .top .box h3 {
        font-family: 'Majorant-Light', serif;
        font-size: 24px;
        line-height: 28px;
        color: #231F20;
        margin: 0;
        padding: 3px 0 0px 0;
        font-weight: 400;
        position: relative;
    }

    .descriptions .outer .top .box form {
        margin: 10px 0;
    }

        .descriptions .outer .top .box form .form-item {
            padding: 10px 0;
            border-top: solid 1px silver;
        }

.descriptions .outer #sidebar_divfeat {
    border-bottom: solid 1px silver;
}

.descriptions .outer .top .box form .form-item:last-of-type {
    margin-bottom: 0;
}

.descriptions .outer .top .box form label, .detail #frmRFI label {
    font-family: 'Majorant-Light', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #231F20;
}

/*added for RFI*/
#divError {  top: 20px;  color: red;  clear: both;  width: 600px;  left: 50%;  margin: 0 auto }

.red {   color: red !important }

.descriptions #frmrequest {
    max-width: 600px;
    margin: 0 auto;
    padding: 30px 0;
}

@media all and (max-width: 767px) {
    .descriptions #frmrequest {
        max-width: 85%;
        margin: 0 auto;
        padding: 30px 0;
    }
    #divError {width:80%}
}


.descriptions #frmrequest h3 {
    text-align: center;
    font-family: 'Majorant-Light', serif;
    font-size: 25px;
    font-weight: 400;
    margin: 0 0 30px;
}

.descriptions #frmrequest p {
    margin: 0;
    padding: 0;
}

/* .descriptions #frmrequest span {
        font-family: 'Majorant-Light', sans-serif;
        font-size: 18px;
        color: #707070;
    } */

.descriptions #frmrequest .form-item {
    font-size: 0;
    margin-bottom: 5px;
}

    .descriptions #frmrequest .form-item label {
        font-family: 'Majorant-Light', sans-serif;
        font-size: 18px;
        line-height: 35px;
        color: #231F20;
        width: 30%;
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

/* .descriptions #frmrequest .form-item input,
        .descriptions #frmrequest .form-item select,
        .descriptions #frmrequest .form-item textarea {
            font-family: 'Majorant-Light', sans-serif;
            font-size: 18px;
            line-height: 35px;
            color: #231F20;
            width: 70%;
            border: 1px solid #acacac;
            padding: 5px 10px;
            height: 37px;
            background: #f4f4f4;
            display: inline-block;
            *display: inline;
            zoom: 1;
        } */

/* #home select#drpCountry {
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, 1);
        padding: 0 0 10px 0;
        display: block;
        width: 100%;
        margin-bottom: 30px;
        font-family: "Majorant-Light";
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 18.2px;
        color: #231F20;
    } */
#hp .subscribe .join form input::placeholder {
    color: #000;
}

@media all and (min-width: 768px) {
    #home select#drpCountry, #hp select#drpCountry, #hp select#drpCountryPassport {
        background: none;
    }
}

@media all and (max-width: 767px) {
    #home select#drpCountry {
        /* -webkit-appearance: none;
        border-radius: 0;
        height: 44px;
        background-color: #fff !important; 
    font-size: 14px;
    color: #8e8579; */
        /* padding: 8px 15px 10px; */
        /* display: inline-block;
    zoom: 1;
    z-index: 2;
    vertical-align: top;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0; */
        background: none;
        -webkit-text-size-adjust: none;
    }

    #home #join select::-ms-expand {
        display: none;
    }

    #hp .subscribe .join form input {
        font-size: 10px;
        line-height: 13px;
    }
}

.descriptions #frmrequest .form-button {
    text-align: right;
    margin-top: 30px;
}

    .descriptions #frmrequest .form-button .button {
        /* text-decoration: none;
        text-transform: uppercase;
        padding: 5px 10px;
        font-size: 18px;
        color: #fff;
        background: #a47f2f;
        width: auto;
        height: auto;
        border: none;        
        *display: inline; */
        border: 1px solid #231F20;
        display: inline-block;
        zoom: 1;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        border: solid 2px transparent
    }

/* .descriptions #frmrequest .form-button .button:hover {
            background: #FFF;
            border: solid 2px #a47f2f;
            color: #a47f2f;
        } */

.descriptions #frmrequest .form-item input[type=checkbox] {
    height: auto;
    width: auto;
}

.descriptions #frmrequest .form-item select {
    padding: 0 10px;
    /*-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
}

.descriptions #frmrequest .form-item textarea {
    height: auto;
    width: 100%;
    resize: vertical;
}

.descriptions #frmrequest .form-col-3,
.descriptions #frmrequest .form-col-2 {
    font-size: 0;
    border-top: 1px solid #acacac;
    margin-top: 10px;
    padding: 10px 0;
}

    .descriptions #frmrequest .form-col-3 .form-item,
    .descriptions #frmrequest .form-col-2 .form-item {
        width: calc(33.3333333% - 5px);
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

.joinform .form-col-2 {
    width: 100% !important
}


#home .form-col-2 {
    width: 83%;
    margin: 0 auto;
    padding: 0;
}

    #home .form-col-2 .form-item {
        width: calc(50% - 1px) !important;
    }

.descriptions #frmrequest .form-col-2 .form-item {
    width: calc(50% - 5px);
}

#home .form-col-2 .form-item {
    float: left;
    text-align: left
}

.descriptions #frmrequest .form-col-2 .form-item, #home .form-col-2 .form-item {
    width: calc(50% - 5px);
}

#register .form-col-2 .form-item {
    width: calc(50% - 5px);
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.descriptions #frmrequest .form-col-3 .form-item:nth-of-type(3n + 2) {
    margin: 0 7.5px;
}

.descriptions #frmrequest .form-col-2 .form-item:nth-of-type(2n + 2) {
    margin: 0 0 0 10px;
}

.descriptions #frmrequest .form-col-3 .form-item label,
.descriptions #frmrequest .form-col-2 .form-item label {
    display: block;
    width: auto;
}

.descriptions #frmrequest .form-col-3 .form-item input,
.descriptions #frmrequest .form-col-2 .form-item input {
    display: block;
    width: 100%;
}

.descriptions #frmrequest .form-col-3 .form-item select,
.descriptions #frmrequest .form-col-2 .form-item select {
    display: block;
    width: auto;
    min-width: 100px;
}

@media all and (max-width: 767px) {
    .descriptions #frmrequest .form-item label {
        width: 100%;
        display: block;
    }

    .descriptions #frmrequest .form-item input,
    .descriptions #frmrequest .form-item select,
    .descriptions #frmrequest .form-item textarea {
        width: 100% !important;
        display: block;
        margin-bottom: 10px
    }

        .descriptions #frmrequest .form-item input[type=checkbox] {
            display: inline;
            position: absolute;
            margin-top: -25px
        }
}

@media all and (max-width: 520px) {
    .descriptions #frmrequest .form-col-3 .form-item, .descriptions #frmrequest .form-col-2 .form-item {
        display: block;
        width: auto;
        margin: 0 !important;
    }
}

/*added for Booking*/
.detail.center {
    text-align: center;
}

.descriptions #frmBook {
    max-width: 600px;
    margin: 0 auto;
    padding: 30px 0;
}

    .descriptions #frmBook .step {
        text-align: center;
        background: #a47f2f;
        color: #fff;
        margin: 0 auto 30px;
        width: 100px;
        font-size: 50px;
        font-family: 'Majorant-Light', sans-serif;
        padding: 20px;
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        -ms-border-radius: 999px;
        -o-border-radius: 999px;
        border-radius: 999px;
    }

        .descriptions #frmBook .step small {
            display: block;
            text-transform: uppercase;
            font-size: 25px;
            font-weight: 300;
        }

        .descriptions #frmBook .step:before {
            content: '';
            display: block;
            position: absolute;
            border-bottom: 1px solid #acacac;
            left: 0;
            right: 0;
            z-index: -1;
            margin-top: 32px
        }

    .descriptions #frmBook h2, #panCompute h2 {
        text-align: center;
        font-family: 'Majorant-Light', serif;
        font-size: 25px;
        font-weight: 400;
        margin: 0 0 30px;
        text-transform: uppercase;
        margin-left: 5px;
    }

    .descriptions #frmBook .button {
        color: #fff
    }

        .descriptions #frmBook .button:hover {
            color: #000
        }

    .descriptions #frmBook a {
        color: #000;
    }

    .descriptions #frmBook p {
        margin: 0;
        padding: 0;
    }

    .descriptions #frmBook span {
        font-family: 'Majorant-Light', sans-serif;
        font-size: 18px;
        color: #707070;
    }

    .descriptions #frmBook .form-item {
        font-size: 0;
        margin-bottom: 5px;
    }

        .descriptions #frmBook .form-item label {
            font-family: 'Majorant-Light', sans-serif;
            font-size: 18px;
            line-height: 35px;
            color: #231F20;
            width: 33.33333334%;
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

        .descriptions #frmBook .form-item input,
        .descriptions #frmBook .form-item select,
        .descriptions #frmBook .form-item textarea {
            font-family: 'Majorant-Light', sans-serif;
            font-size: 18px;
            line-height: 35px;
            color: #231F20;
            width: 66.6666666666%;
            border: 1px solid #acacac;
            padding: 5px 10px;
            height: 40px;
            background: #f4f4f4;
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

    .descriptions #frmBook .form-button {
        text-align: center;
        margin-top: 30px;
    }

        .descriptions #frmBook .form-button .button {
            text-decoration: none;
            text-transform: uppercase;
            padding: 5px 10px;
            font-size: 18px;
            color: #fff;
            background: #a47f2f;
            width: auto;
            height: auto;
            border: none;
            display: inline-block;
            *display: inline;
            zoom: 1;
            -webkit-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
            border: solid 2px transparent;
        }

            .descriptions #frmBook .form-button .button:hover {
                /*background: #37587d;*/
                background: #fff;
                color: #a47f2f;
                border: solid 2px #a47f2f;
            }

    .descriptions #frmBook .form-item input[type=checkbox] {
        height: auto;
        width: auto;
    }

    .descriptions #frmBook .form-item select {
        padding: 0 10px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .descriptions #frmBook .form-item textarea {
        height: auto;
        width: 100%;
        resize: vertical;
        text-align: left;
    }

    .descriptions #frmBook .form-col-3,
    .descriptions #frmBook .form-col-2 {
        font-size: 0;
    }

    .descriptions #frmBook .form-col-1 {
        text-align: center;
    }

    .descriptions #frmBook .form-col-3 .form-item,
    .descriptions #frmBook .form-col-2 .form-item {
        width: calc(33.3333333% - 5px);
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

    .descriptions #frmBook .form-col-2 .form-item {
        width: calc(50% - 5px);
    }

    .descriptions #frmBook .form-col-3 .form-item:nth-of-type(3n + 2) {
        margin: 0 7.5px 5px;
    }

    .descriptions #frmBook .form-col-2 .form-item:nth-of-type(2n + 2) {
        margin: 0 0 5px 10px;
    }

    .descriptions #frmBook .form-col-3 .form-item label,
    .descriptions #frmBook .form-col-2 .form-item label,
    .descriptions #frmBook .form-col-1 .form-item label {
        display: block;
        width: auto;
    }

    .descriptions #frmBook .form-col-3 .form-item input,
    .descriptions #frmBook .form-col-2 .form-item input {
        display: block;
        width: 100%;
    }

    .descriptions #frmBook .form-col-3 .form-item select,
    .descriptions #frmBook .form-col-2 .form-item select {
        display: block;
        width: auto;
        min-width: 100px;
    }

@media all and (max-width: 767px) {
    .descriptions #frmBook .form-item label {
        width: 100%;
        display: block;
    }

    .descriptions #frmBook .form-item input,
    .descriptions #frmBook .form-item select,
    .descriptions #frmBook .form-item textarea {
        width: 100%;
        display: block;
    }

        .descriptions #frmBook .form-item input[type=checkbox] {
            display: inline;
        }
}

@media all and (max-width: 520px) {
    .descriptions #frmBook .form-col-3 .form-item, .descriptions #frmBook .form-col-2 .form-item {
        display: block;
        width: auto;
        margin: 0 !important;
    }
}


/*added for contactus*/
.descriptions .outer .top .box form select, .detail #frmRFI select, .detail #frmBook select, #register select, #drpSort {
    /* -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
    padding: 6px 10px;
    min-width: 146px;
    width: auto;
}

#drpSort, .selectBox-dropdown {
    margin-bottom: 10px;
    border: solid 1px silver;
    color: #231F20
}

    #drpSort option:first-of-type {
        text-align: center
    }

.descriptions .outer .top .box form .button, .signin .button, .menufilter .button {
    display: block;
    width: 100%;
    background: #a37e2f;
    border: none;
    color: #fff;
    font-family: 'Majorant-Light', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    padding: 5px 10px;
    cursor: pointer;
    margin-top: 15px;
    /*height: 38px;*/
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    text-align: center;
    border: solid 2px transparent;
}

.descriptions .outer .top .box form .reset, .signin .reset, .menufilter .reset {
    margin-top: 5px;
    background: #000;
    border: solid 2px transparent;
    color: #FFF;
}

@media all and (max-width: 768px) {
    form .reset {
        margin-top: 5px !important;
        background: #000 !important
    }

        form .reset:hover {
            margin-top: 5px !important;
            background: #FFF !important;
            color: #000;
            border: 2px solid #000
        }
}

/*sidebar buttons*/
.descriptions .outer .top .box form .button:hover, .signin .button:hover, .menufilter .button:hover {
    /*background: #37587d;*/
    background: #fff;
    color: #a37e2f;
    border: solid 2px #a37e2f;
}

.descriptions .outer .top .box form .reset:hover, .signin .reset:hover, .menufilter .reset:hover {
    /*background: #333;
            color: #fff;       */
    background: #FFF;
    color: #000;
    border: solid 2px #000;
}


.descriptions .outer .top .box .accordions {
    padding: 0;
    font-family: 'Majorant-Light', sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px;
    max-height: 320px;
    overflow: auto;
}

    .descriptions .outer .top .box .accordions a {
        color: #000;
        text-decoration: none
    }

        .descriptions .outer .top .box .accordions a:hover {
            text-decoration: underline
        }

    .descriptions .outer .top .box .accordions strong {
        display: block;
        margin-top: 10px;
        cursor: pointer;
    }

    .descriptions .outer .top .box .accordions strong {
        margin-top: 20px;
        cursor: pointer;
    }

    .descriptions .outer .top .box .accordions img {
        cursor: pointer
    }

    .descriptions .outer .top .box .accordions div {
        display: block;
        margin-top: 10px
    }

    .descriptions .outer .top .box .accordions ul {
        max-height: 999px;
        padding: 0 0 0 19px;
        margin: 0;
        overflow: hidden;
        font-family: 'Majorant-Light', sans-serif;
        font-size: 16px;
        line-height: 22px;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

        .descriptions .outer .top .box .accordions ul.hover {
            max-height: 0;
        }

        .descriptions .outer .top .box .accordions ul li a {
            color: #231F20;
            text-decoration: none;
        }

            .descriptions .outer .top .box .accordions ul li a:hover {
                text-decoration: underline;
            }

.descriptions .outer .top .box.dark {
    background: #231F20;
    color: #fff;
}

    .descriptions .outer .top .box.dark strong {
        color: #fff;
        font-family: 'Majorant-Light', serif;
        font-size: 25px;
        font-weight: 400;
        line-height: 35px;
        display: block;
        margin-bottom: 5px;
    }

    .descriptions .outer .top .box.dark .chat {
        background: url(../png/chat-ico.png) no-repeat left center;
        padding-left: 30px;
        color: #fff;
        font-family: 'Majorant-Light', sans-serif;
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 3px;
        overflow: hidden;
        text-decoration: none;
        display: block;
    }

    .descriptions .outer .top .box.dark .call {
        background: url(../png/phone-ico.png) no-repeat left center;
        padding-left: 30px;
        color: #fff;
        font-family: 'Majorant-Light', sans-serif;
        font-size: 16px;
        line-height: 22px;
        margin: 0;
        overflow: hidden;
        text-decoration: none;
        display: block;
    }

    .descriptions .outer .top .box.dark .mail {
        background: url(../png/mail-ico.png) no-repeat left center;
        padding-left: 30px;
        color: #fff;
        font-family: 'Majorant-Light', sans-serif;
        font-size: 16px;
        line-height: 22px;
        margin: 0;
        overflow: hidden;
        text-decoration: none;
        display: block;
    }

.descriptions .outer .bottom {
    position: absolute;
    /*bottom: 0;*/
    padding-bottom: 25px;
    right: 0;
    width: calc(100% - 20px);
    background: #fff;
    overflow: hidden;
    z-index: 1
}

    .descriptions .outer .bottom:before {
        content: '';
        display: block;
        width: 100%;
        height: 150px;
        position: absolute;
        top: 0;
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .descriptions .outer .bottom .box {
        padding: 10px 20px;
        border: 1px solid #231F20;
        color: #231F20;
        margin-top: 0;
    }

        .descriptions .outer .bottom .box h3 {
            font-family: 'Majorant-Light', serif;
            font-size: 24px;
            line-height: 35px;
            text-align: left;
            color: #231F20;
            margin: 0;
            padding: 10px 0 15px;
            font-weight: 400;
            position: relative;
            border-bottom: 1px solid #acacac;
        }

        .descriptions .outer .bottom .box .item {
            display: block;
            margin-top: 25px;
        }

            .descriptions .outer .bottom .box .item a {
                text-decoration: none;
                color: #231F20;
                -webkit-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
            }

                .descriptions .outer .bottom .box .item a:hover {
                    text-decoration: underline;
                }

            .descriptions .outer .bottom .box .item img {
                max-width: 100%;
                margin: 0 auto;
                display: block;
            }

            .descriptions .outer .bottom .box .item strong {
                font-family: 'Majorant-Light', serif;
                font-size: 25px;
                line-height: 30px;
                text-align: left;
                color: #231F20;
                margin: 10px 0 5px;
                padding: 0;
                font-weight: 400;
                display: block;
            }

            .descriptions .outer .bottom .box .item span {
                color: #231F20;
                font-family: 'Majorant-Light', sans-serif;
                font-size: 16px;
                line-height: 20px;
                display: block;
            }

/* @media all and (max-width: 1023px) {
    .descriptions {
        padding-left: 21px;
        padding-right: 21px;
    }
} */

@media all and (max-width: 1023px) {
    .descriptions {
        margin-bottom: 0
    }

        .descriptions .inner,
        .descriptions .outer {
            display: block;
            width: auto;
            padding-left: 0;
        }

    .viewed {
        margin-top: -35px
    }

        .viewed h2 {
            text-align: center
        }

    .descriptions .inner {
        order: 2;
        padding-right: 0;
        border-right: none
    }

    .descriptions .outer {
        order: 1;
        width: 100%
    }

    #rightprice .button-toggle {
        display: block;
    }

    .descriptions .outer .top {
        position: relative;
        margin-top: 0 !important;
        width: auto;
    }

    .descriptions .outer .bottom {
        position: relative;
        bottom: auto;
        width: auto;
        margin-top: 25px;
        margin-bottom: 0
        /*margin-bottom: 25px;*/
    }

        .descriptions .outer .bottom:before {
            display: none;
        }

        .descriptions .outer .bottom .box {
            text-align: center;
            font-size: 0;
        }

            .descriptions .outer .bottom .box .item {
                width: calc(33.33333% - 1px);
                margin-left: 1px;
                display: inline-block;
                *display: inline;
                zoom: 1;
                vertical-align: top;
            }

                .descriptions .outer .bottom .box .item:first-of-type {
                    margin-left: 0;
                }

                .descriptions .outer .bottom .box .item strong {
                    text-align: center;
                }
}

@media all and (max-width: 767px) {
    .descriptions .outer .bottom .box .item {
        width: calc(50% - 1px);
    }
}

@media all and (max-width: 480px) {
    .descriptions .outer .bottom .box .item {
        width: 100%;
        margin-left: 0;
    }
}

.descriptions .villas {
    padding-bottom: 80px;
    min-height: 800px;
    display: block;
    min-width: 735px
}

@media all and (max-width: 767px) {
    .descriptions .villas {
        padding-bottom: 80px;
        min-width: 99%;
        min-height: 100px
    }
}

.descriptions .villas .item {
    margin-top: 24px;
    padding: 0 0 50px;
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 100%;
}


.descriptions .villas .item {
    margin-top: 24px;
    padding: 0 0 50px !important;
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

    .descriptions .villas .item:last-of-type {
        margin-bottom: 0;
        padding-bottom: 0
    }

#villainfo .hid2 {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.villas .hide, .villas .villas .hide2, .hide, #scrollavail .hide, #second .hide  {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.descriptions .villas .show, #scrollavail .show, #second .show {
    max-height: 999px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.descriptions .villas .item .promo-banner:first-of-type {
    position: absolute;
    z-index: 2;
    color: #231F20;
    font-size: 14px;
    line-height: 1.6;
    left: 0;
    right: 0;
    /*top: 4%;*/
    text-decoration: none;
}

.descriptions .villas .item .promo-banner:nth-of-type(2) {
    position: absolute;
    z-index: 2;
    color: #231F20;
    font-size: 14px;
    line-height: 1.6;
    left: 0;
    right: 0;
    margin-top: 55px;
    text-decoration: none;
}

.descriptions .villas .item .promo-banner:nth-of-type(3) {
    position: absolute;
    z-index: 2;
    color: #231F20;
    font-size: 14px;
    line-height: 1.6;
    left: 0;
    right: 0;
    /* top: 152px; */
    text-decoration: none;
    margin-top: 110px;
}

.descriptions .villas .item .promo-banner:nth-of-type(4) {
    position: absolute;
    z-index: 2;
    color: #231F20;
    font-size: 14px;
    line-height: 1.6;
    left: 0;
    right: 0;
    /* top: 152px; */
    text-decoration: none;
    margin-top: 165px;
}


/* PROMO BIG */
.descriptions .villas .item .promo-banner big {
    font-weight: 300;
    padding: 6px 18px;
    color: #231F20;
    background: #EEBC32;
    cursor: pointer;
    position: absolute;
    margin-top: 20px;
    font-family: 'fs siena';
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .2em;
}

    .descriptions .villas .item .promo-banner big img {
        vertical-align: middle;
        margin-left: 20px
    }

@media all and (max-width: 414px) {
    .descriptions .villas .item .promo-banner big img {
        vertical-align: middle;
        margin-left: 5px
    }
}

@media all and (max-width: 414px) {
    .descriptions .villas .item .promo-banner big {
        font-weight: 300;
        font-size: 15px;
        padding: 2px 18px;
        color: #fff;
        background: rgba(163, 130, 63, 0.9);
        cursor: pointer;
        position: absolute;
        margin-top: 15px;
    }
}


/* BIG 2 */
.descriptions .villas .item big2 {
    font-weight: 300;
    font-size: 13px;
    padding: 4px 15px !important;
    color: #fff;
    background: #000;
    cursor: pointer;
    position: absolute;
    right: 0;
    z-index: 1 !important;
    left: 0;
    text-transform: uppercase;
    font-family: 'fs siena';
    width: auto;
    width: 220px;
    margin-top: 20px;
    letter-spacing: .2em;
}


@media all and (max-width: 767px) {
    .descriptions .villas .item .promo-banner:nth-of-type(2) {
        margin-top: 45px !important
    }

    .descriptions .villas .item .promo-banner:nth-of-type(3) {
        margin-top: 90px !important
    }

    .descriptions .villas .item .promo-banner:nth-of-type(4) {
        margin-top: 135px !important
    }

    .descriptions .villas .item .promo-banner big {
        font-size: 13px;
    }

    .descriptions .villas .item .wedding .lst big2 {
        font-size: 16px;
        padding: 1px 10px;
        margin-top: -32px !important;
    }

    .descriptions .villas .item .wedding big2 {
        font-size: 16px;
        padding: 1px 10px;
        margin-top: -79px !important;
    }
}

@media all and (max-width: 414px) {
    .descriptions .villas .item .promo-banner:nth-of-type(1) {
        margin-top: 20px !important
    }

    .descriptions .villas .item .promo-banner:nth-of-type(2) {
        margin-top: 50px !important;
    }

    .descriptions .villas .item .promo-banner:nth-of-type(3) {
        margin-top: 80px !important;
    }

    .descriptions .villas .item .promo-banner:nth-of-type(4) {
        margin-top: 110px !important;
    }

    .descriptions .villas .item .wedding big2 {
        font-size: 16px;
        padding: 1px 10px;
        margin-top: -63px !important;
    }
}

.descriptions .villas .item .promo-banner .promo-content {
    padding: 100px 20px;
    display: none;
    /*background:#ebebeb;*/
    height: auto !important;
    font-weight: bold
}

.descriptions .villas .item .promo-banner:hover .promo-content {
    display: block;
    background: #ebebeb;
    height: auto !important;
}

.descriptions .villas .item .promo-banner .promo-content h2 {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Majorant-Light', sans-serif;
}

.descriptions .villas .item .promo-banner .promo-content h4 {
    font-size: 16px
}

.back {
    width: 25px !important;
    height: 25px !important;
    float: left;
    max-width: 25px !important;
    margin-right: 10px;
}

/*jhong for gallery*/
.gallery .booknow {
    margin: 20px 0 20px
}

.gallery h1 {
    display: block;
    margin-top: 80px;
    line-height: 32px !important
}

.descriptions .villas .item .img, .detail #companies #gallery img, .descriptions .link-list img, #panVilla .img img {
    background: #efefef;
    display: block;
    width: 100% !important;
    overflow: hidden;
}

@media all and (max-width: 767px) {
    .descriptions .villas .item .img {
        opacity: 1
    }
}
/*
    jhong 09feb2018
.descriptions .villas .item .img img, .detail #companies img,.descriptions .link-list img, #panVilla .img img  {    
    display: block;
    max-width: 100%;
    width: 100%;  
    opacity: 1;
    
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    height:auto
}*/
.descriptions .villas .item .img img.lazyload, .detail #companies img.lazyload, .descriptions .link-list img.lazyload, #panVilla .img img.lazyload {
    display: block;
    opacity: 1;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.descriptions .villas .item .img img:not(.lazyload), .detail #companies img:not(.lazyload), .descriptions .link-list img:not(.lazyload), #panVilla .img img:not(.lazyload) {
    display: block;
    max-width: 100%;
    width: 100%;
    opacity: 1;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    height: auto;
}

.detail #companies img:not(.lazyload) {
    max-height: 100vh;
    max-width: 1001px;
    margin: 0 auto
}

.descriptions .villas .item .promo-banner:hover + .img img {
    opacity: 0;
}

.descriptions .villas .item h2 {
    color: #231F20;
    margin: 5px 0 17px;
    font-family: 'Majorant-Light', serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    width: auto !important;
    display: inline-block;
}


    .descriptions .villas .item h2 a, .descriptions h2 a {
        color: #231F20;
        text-decoration: none;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        width: 70%
    }

        .descriptions .villas .item h2 a:hover {
            text-decoration: underline
        }


.descriptions .villas .item .event-capacity {
    color: #231F20;
    font-size: 16px;
    line-height: 1.4;
    margin: -15px 0 15px;
}

@media all and (max-width: 767px) {
    .descriptions .villas .item .event-capacity {
        margin: -8px 0 15px;
    }

    .descriptions .villas .item h2 a, .descriptions h2 a {
        width: 100%;
    }
}

@media all and (max-width: 414px) {
    .descriptions h2 a {
        display: block
    }

    .descriptions .revws img {
        margin-top: -55px !important
    }
}

/* LISTING PAGE RIGHT */
.descriptions .villas .item .right {
    display: inline-block;
    display: inline;
    width: 70%;
    vertical-align: bottom;
    float: left;
    border-right: solid 1px silver;
    margin-top: 15px;
    font-size: 15px;
}

@media all and (max-width: 767px) {
    .descriptions .villas .item .right {
        border-right: none
    }
}

#wedding .descriptions .villas .item .left {
    margin-top: 30px
}

#wedding .owl-nav {
    display: none
}

@media all and (max-width: 767px) {
    #wedding .descriptions .villas .item .left {
        margin-top: 10px
    }
}


/* LISTING PAGE LEFT */
.descriptions .villas .item .left { display: inline; zoom: 1; width: auto; float: right; right: 0; text-align: left; width: 29%; margin-top: 15px; padding-left: 20px; color: #000; }

@media all and (max-width: 767px) {
    .descriptions .villas .item .right {   width: 100%;    }

    .descriptions .villas .item .left {  width: 100% !important; display: block; padding-bottom: 30px; text-align: left; margin-top: 10px;  padding-left: 0    }
}



/*wishlist*/
.descriptions .villas .item .wishlist, #vp .descriptions .wishlist { color: #231F20; font-size: 12px; display: block; font-family: majorant;  margin-bottom: 10px;
    vertical-align: middle;  padding: 1px 0; }

#vp .descriptions .wishlist {  float: left;  padding-top: 4px; }

#vp .backsearch {  float: left;  width: auto;  margin-right: 30px }

/* SMALL from rate*/
.descriptions .villas .item .left small, .descriptions .outer small { color: #231F20;  font-size: 13px; margin-right: 10px; font-weight: 300;  display: block !important }

@media all and (max-width: 767px) {
    .descriptions .villas .item .left big, .descriptions .villas .item .left small {  margin-bottom: 0;    display: inline-block !important    }
    .price2 {   display: inline-block;  margin-right: 15px    }
}



.descriptions .villas .item .discover, .discover {  padding: 40px 20px 0 0 !important; text-transform: uppercase;  font-size: 12px;  font-family: Arial;  line-height: 35px;
    -webkit-transition: all .25s ease-in-out;  -o-transition: all .25s ease-in-out;  transition: all .25s ease-in-out; display: block;  letter-spacing: 0.1em;
    margin-bottom: 3px;  display: inline-block;  width: 70%;  border-right: solid 1px silver; }

    .discover a {  padding-bottom: 5px;  color: #231F20;   border-bottom: solid 1px #231F20;  text-decoration: none   }

@media all and (max-width: 767px) {
    .descriptions .villas .item .discover, .discover {  padding: 0 !important;  border-right: 0    }
}


/*BIG - rate*/
.descriptions .villas .item .left big {  color: #231F20; font-size: 24px; width: auto !important; font-family: majorant; font-weight: 300;  margin: 6px 0;
    line-height: 30px;  display: block; }

.price2 {  display: block }

@media all and (max-width: 767px) {
    .descriptions .villas .item .left big, .descriptions .villas .item .left small {  margin-bottom: 0;   display: inline-block    }

    .price2 {  display: inline-block;  margin-right: 15px    }
}


.descriptions .villas .item .left .strike { text-decoration: line-through; color: #a37e2f; font-size: 20px; display: inline-block;  line-height: 20px; font-weight: 400; }

    .descriptions .villas .item .left .strike div {    color: #000;    }

    .descriptions .villas .item .left .strike::after, #wedding .descriptions .villas .item .left .price::after {  content: "";  clear: both;  display: block !important;
        height: 0;    visibility: hidden;    }

#wedding .descriptions .villas .item .left big::after {
    display: inline-block !important
}

.descriptions .villas .item .left big::after {  content: ""; clear: both; display: block; height: 0;  visibility: hidden; }


/*cookie*/
.cookiediv {  width: 100%; padding: 10px; background: #000; color: #fff;  position: fixed; bottom: 0; font-size: 13px;  z-index: 999999;  line-height: 18px; font-family: 'Majorant-Thin' }

    .cookiediv .form-item { display: inline-block; margin: 0 auto; padding: 0; width: 80px;    }

@media all and (max-width: 767px) {
    .cookiediv {  position: fixed !important; top: 50%; height:500px; width:80%; font-size:18px; line-height:25px; max-width:350px;  left:50%; transform: translate(-50%, -50%); border-radius:30px; z-index:99!important}
    .cookiediv .form-item {    display: block; margin-top:20px }
    .cookiediv span:first-of-type {padding-left:25px; padding-right:25px; padding-top:30%; display:block }
}

.cookiediv a {  color: #FFF;  text-decoration: underline;  font-family: 'Majorant-Thin' }

.cookie {  text-decoration: none;  color: #000 !important; padding: 5px 10px; background: #fff;  line-height: 30px;  border: solid 2px transparent;
    -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; cursor: pointer;  text-decoration: none !important;
    border-radius: 25px;  padding: 5px 18px }
    .cookie:hover {  text-decoration: none; color: #000; background: silver;    }


.descriptions .villas .item .left a {  text-decoration: none; color: #fff;  padding: 10px 20px; text-transform: uppercase; background: #a37e2f;  font-size: 20px;
    line-height: 35px;  /*margin-right: 5px;*/  border: solid 2px transparent;  -webkit-transition: all .25s ease-in-out;  -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out; }

    .descriptions .villas .item .left a:first-of-type {    background: #000;    }

        .descriptions .villas .item .left a:hover,   .descriptions .villas .item .left a:first-of-type:hover {  /*background: #37587d;*/  background: #fff;
            color: #000;  border: solid 2px #000;   }

    .descriptions .villas .item .left a.weddingdetail:hover img {  background: url('../png/icon-detail2.png') no-repeat !important;  margin-bottom: -2px;
        z-index: 34    }

    .descriptions .villas .item .left a:hover,  .descriptions .villas .item .left a:nth-of-type(2):hover {  /*background: #37587d;*/  background: #fff;  color: #a37e2f;  border: solid 2px #a37e2f;    }

.descriptions .villas .item .right ul { margin: 0; padding: 0; list-style: none; }

.descriptions .villas .item .discover, .discover {
    padding: 40px 20px 0 0 !important;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Arial;
    line-height: 35px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    display: block;
    letter-spacing: 0.1em;
    margin-bottom: 3px;
    display: inline-block;
    width: 70%;
    border-right: solid 1px silver;
}

    .discover a { padding-bottom: 5px; color: #231F20; border-bottom: solid 1px #231F20;  text-decoration: none    }

@media all and (max-width: 767px) {
    .descriptions .villas .item .discover, .discover { padding: 0 !important; border-right: 0    }
}


/* need inspiration */
#footerdetails .wrapper { margin-top: 100px; border-top: solid 1px silver;  padding-top: 50px }

#footerdetails p b {  font-size: 18px }

#footerdetails .link-list li.discover {
    color: #231F20;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Arial;
    padding-bottom: 15px !important;
    line-height: 35px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    display: block;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
    border-right: none
}

#footerdetails img {  max-height: 490px }

#footerdetails .link-list ul:last-of-type { margin-top: -50px }

#footerdetails h4 { font-family: Majorant; font-size: 24px; margin: 0; padding: 0 }

#footerdetails .service {  text-align: center;  margin-bottom: 50px }

.descriptions .villas .item .right ul li a, .descriptions .villas .item .right ul li {  color: #231F20;  text-decoration: none; white-space: nowrap;  -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;  font-size: 12px; font-family: majorant }
    .descriptions .villas .item .right ul li:first-of-type {  margin-top: 0;    }

    .descriptions .villas .item .right ul li img, .descriptions .inner .config img, #options .item small img { display: inline-block; display: inline; zoom: 1;
        vertical-align: middle;   margin-right: 10px;   margin-left: 40px;     margin-left: 30px;    }

        .descriptions .villas .item .right ul li img:nth-child(1), .descriptions .inner .config img:nth-child(1),
        #options .item small img:nth-child(1) {       margin-left: 0 !important        }



/* JHONG - MOBILE DISPLAY */
@media all and (max-width: 767px) {
    .descriptions .villas .item .right ul li img {   display: inline-block    }

    .descriptions .villas .item .left small {   display: inline-block    }
}


.descriptions .villas .item .right ul li span {  overflow: hidden;  display: inline-block;  *display: inline; zoom: 1; vertical-align: middle;  width: calc(100% - 53px);    line-height: 1.1; }

@media all and (max-width: 767px) {
    .descriptions .villas .item .right ul li span {     width: 100%    }
}

.descriptions .villas .item .right ul li a, .descriptions .villas .item .right ul li {  color: #231F20;  text-decoration: none;  white-space: nowrap;  -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;  transition: all .25s ease-in-out;  font-size: 12px;  font-family: majorant; }

    .descriptions .villas .item .right ul li a:hover {    text-decoration: underline;    }

@media all and (max-width: 1023px) {
    .descriptions .villas .item h2 {  margin: 10px 0 5px;  font-size: 25px; display: inline-block; width: 70% !important  }
    .item .reviews {  margin-top: -20px    }
}




@media all and (max-width: 767px) {
    .descriptions .villas .item h2 {  margin: 0 0 5px;  font-size: 25px; display: block;  width: 100% !important    }

    .descriptions .villas .item {   margin-bottom: 10px    }
        .descriptions .villas .item .left big {  margin-bottom: 10px; font-size: 22px;     }
        .descriptions .villas .item .promo-banner big {  font-size: 16px;        }
        .descriptions .villas .item .promo-banner:hover + .img img {  opacity: 1;   }
        .descriptions .villas .item .right {  display: block; width: 100%; float: none;     }

        .descriptions .villas .item .left a { text-decoration: none; color: #fff; padding: 10px 20px; text-transform: uppercase; background: #a37e2f; font-size: 20px;
            line-height: 35px; border: solid 2px transparent; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;        }
            .descriptions .villas .item .left a:nth-of-type(2) {  margin-left: -5px   }
            .descriptions .villas .item .left a:first-of-type { left: 0;  right: auto;   }

        .descriptions .villas .item .right ul li { margin-top: 5px;    }
}

.sign .collection {  font-weight: 300;  padding: 6px 18px;  color: #231F20;  background: #EEBC32; cursor: pointer; margin-top: 20px; z-index: 2;  font-family: 'fs siena';
    font-size: 13px; text-transform: uppercase; letter-spacing: .2em; position: absolute; top: 20px; left: 25%; }

@media all and (max-width: 420px) {
    .sign .collection {  left: 5%  }
}

.detail .sign {  position: relative; margin: 0 auto; max-width: 995px !important; margin-top: -39px !important; z-index: 9; /* min-height: 20px; */
    /* border: solid 1px green; */ margin: 0 auto; text-align: center; }

    .detail .sign a {  text-decoration: none;    }

@media all and (max-width: 767px) {
    .descriptions .collection { margin-right: 5px }

    .detail .sign .collection, .detail .sign { z-index: 9 !important;  }
}

@media all and (max-width: 414px) {
    .detail .sign .collection {  z-index: 9 !important;    }
}

.descriptions .intro, .villas .intro { /*border sublocation   border-bottom: 1px solid #acacac;*/  margin-bottom: 30px }


    .descriptions .intro p, .villas .intro p { display: block; color: #231F20; font-family: 'Majorant-Light', sans-serif; font-size: 15px; line-height: 30px;
        font-weight: 400; line-height: 21px;  }


.descriptions .intro2 p { display: block; color: #231F20; font-family: 'Majorant-Light', sans-serif; font-size: 16px;  line-height: 30px; font-weight: 400; }

.descriptions .intro3 p { display: block; color: #231F20; /*font-family: 'Majorant-Light', sans-serif;*/ font-size: 16px;  line-height: 30px;  font-weight: 400; }
    .descriptions .intro2 p:first-of-type, .descriptions .intro3 p:first-of-type {  font-family: 'Majorant-Light', sans-serif; font-size: 17px;  font-weight: 400;    }

.reviews .item .intro2 {  min-height: 150px;}

/*villapage description*/
.descriptions .intro.seemore, .villas .intro.seemore {  overflow: hidden;  position: relative; padding-bottom: 80px;  -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;   transition: all .25s ease-in-out; }

/*@media all and (max-width: 767px) {
       .descriptions .intro.seemore { margin-top:40px }
    }*/


.reserve .reviews, .reserve .reviews a, .info .reviews a, .info .reviews {  margin-top: 1px; display: contents;  font-size: 20px }

.reserve div {  display: flex !important;   clear: right;  float: right; }

@media all and (max-width: 767px) {
    .reserve div { display: block !important; margin-top: 10px; clear: both; float: none; text-align: center !important;  }
}


/* VILLA PAGE - GUEST REVIEWS */
.item .reviews, .item .reviews a { color: #a37e2f; font-size: 16px; font-family: 'Majorant-Light', sans-serif;  width: auto; display: inline-block; float: right;
    margin-top: 12px;  min-width: 130px; text-decoration: none;  text-align: right; }

@media all and (max-width: 767px) {
    .item .reviews, .item .reviews a { text-align: left  }
}

.reviews2 { color: #a37e2f;  font-size: 16px;  font-family: 'Majorant-Light', sans-serif; width: auto !important;  display: inline-block; float: right; }

.reserve .reviews .cnt, .info .reviews .cnt, .reviews .cnt {  color: #a37e2f !important;  font-size: 25px;  font-family: 'Majorant-Light', sans-serif;
    text-decoration: none; font-weight: 400; display: block; cursor: pointer; float: right }

@media all and (max-width: 414px) {
    .reviews .cnt {    padding-top: 10px;    }
}

.descriptions .villas .item .reviews:after {  content: "";  clear: both; display: block; height: 0; visibility: hidden;}

@media all and (max-width: 767px) {
    .reserve .reviews .cnt, .info .reviews .cnt, .reviews .cnt {    font-size: 19px    }

    .reviews { display: block; float: left; margin-top: 0;  margin-bottom: 5px;   width: 100% !important    }
        .reviews a {  display: block; float: left !important; margin-top: -12px !important;     }
}

@media all and (max-width: 414px) {
    .reviews a { display: block;   float: left !important;    margin-top: -22px !important;    }
}

.revws h3 {  color: #a37e2f;  margin-top: -5px }

.review {  padding: 15px;  margin-top: 20px; width: 100%;  font-size: 15px; }


/*recentreviews*/
.descriptions .intro2.seemore {  overflow: hidden; position: relative;  padding-bottom: 50px; /*width:620px;*/  -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;   transition: all .25s ease-in-out; }
/*villapage reviews*/
.descriptions .intro3.seemore {  overflow: hidden; position: relative; padding-bottom: 50px; width: 98%;  -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;  transition: all .25s ease-in-out;   font-size: 16px }

    .descriptions .intro.seemore.more, .descriptions .intro2.seemore.more, .descriptions .intro3.seemore.more, .villas .intro.seemore.more {   max-height: 2999px !important;    }

.descriptions .intro.seemore:after, .villas .intro.seemore:after {  content: '';  display: block; width: 100%; height: 150px; position: absolute;  bottom: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 58%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 58%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.descriptions .intro2.seemore:after, .descriptions .intro3.seemore:after, .villas .intro2.seemore:after {  content: '';  display: block;  width: 100%;  height: 150px;
    position: absolute;  bottom: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 58%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 58%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 58%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.descriptions .intro.seemore.more:after, .descriptions .intro2.seemore.more:after, .descriptions .intro3.seemore.more:after, .villas .intro.seemore.more:after {
    display: none;
}

.descriptions .intro .moreellipses, .descriptions .intro3 .moreellipses, .villas .intro .moreellipses { cursor: pointer; display: block; color: #231F20 !important;
    background: #fff;  font-size: 16px; text-transform: uppercase; margin: 0 auto; text-align: center; position: absolute; width: 100%; bottom: 20px;  z-index: 2;
    -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out;  transition: all .25s ease-in-out;    left: 0; }

.descriptions .intro2 .moreellipses, .villas .intro2 .moreellipses {  cursor: pointer; display: block;  color: #231F20 !important;  background: #fff;  font-size: 16px;
    text-transform: uppercase;  margin: 0 auto;  text-align: center; position: absolute; width: 100%; bottom: 20px;  z-index: 2;
    -webkit-transition: all .25s ease-in-out;  -o-transition: all .25s ease-in-out;    transition: all .25s ease-in-out; }

.descriptions .intro.more .moreellipses, .descriptions .intro2.more .moreellipses, .descriptions .intro3.more .moreellipses, .villas .intro.more .moreellipses {
    font-size: 0;  color: #fff;   /*display: inline;*/ }

.descriptions .intro .moreellipses img, .descriptions .intro2 .moreellipses img, .descriptions .intro3 .moreellipses img, .villas .intro .moreellipses img {
    -webkit-transition: all .25s ease-in-out;  -o-transition: all .25s ease-in-out;  transition: all .25s ease-in-out;  width: auto;    display: inline; }

.descriptions .intro.more .moreellipses img, .descriptions .intro2.more .moreellipses img, .descriptions .intro3.more .moreellipses img, .villas .intro.more .moreellipses img {
    -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);  transform: rotate(180deg); }

.descriptions .poi {
    background: #fff;
    float: left;
    border: 4px double #231F20;
    margin-top: 25px;
    width: calc(50% - 10px);
    margin-right: 10px;
    margin-bottom: 25px;
    text-align: center;
    padding: 30px;
    display: none
}

.descriptions .poi2 {
    background: #fff;
    float: left;
    border: 4px double #231F20;
    margin-top: 25px;
    width: calc(100% - 10px);
    margin-right: 10px;
    margin-bottom: 25px;
    text-align: center;
    width: 100%;
    margin-right: 0;
    display: none
}

    .descriptions .poi2 .smllogo {
        float: left;
        width: 32%;
        margin-top: 40px
    }

    .descriptions .poi strong, .descriptions .poi2 strong {
        display: block;
        color: #3c557d;
        font-size: 25px;
        font-weight: 400;
        font-family: 'Majorant-Light', serif;
    }

.descriptions .poi ul {
    list-style: none;
    margin: 20px auto;
    padding: 10px 0;
    color: #3c557d;
    font-family: 'Majorant-Light', sans-serif;
    font-size: 16px;
    line-height: 22px;
    position: relative;
}

.descriptions .poi2 ul {
    list-style: none;
    margin: 20px auto;
    padding: 20px 0;
    color: #3c557d;
    font-family: 'Majorant-Light', sans-serif;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    float: left;
    width: 32%;
}

.descriptions .poi ul:before,
.descriptions .poi ul:after {
    content: '';
    display: block;
    border-top: 1px solid #b7b7b7;
    width: 70px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.descriptions .poi ul:after, .descriptions .poi2 ul:after {
    top: auto;
    bottom: 0;
}

.descriptions .poi span, .descriptions .poi2 span {
    display: block;
    margin-bottom: 10px;
}

    .descriptions .poi span:last-of-type, .descriptions .poi2 span:last-of-type {
        margin-bottom: 0;
    }

.descriptions .poi .extra {
    color: #999999;
    font-family: 'Majorant-Light', sans-serif;
    font-size: 14px;
    line-height: 14px;
    max-width: 190px;
    margin: 0 auto;
}

.descriptions .poi2 .extra {
    color: #999999;
    font-family: 'Majorant-Light', sans-serif;
    font-size: 14px;
    line-height: 14px;
    max-width: 190px;
    margin: 0 auto;
    float: left;
    width: 32%;
    margin-top: 40px
}

    .descriptions .poi .extra a, .descriptions .poi2 .extra a {
        color: #999999;
        font-family: 'Majorant-Light', sans-serif;
        font-size: 14px;
        line-height: 14px;
        text-decoration: none;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

        .descriptions .poi .extra a:hover, .descriptions .poi2 .extra a:hover {
            text-decoration: underline;
        }

.descriptions .testimonial {
    background: #fff;
    float: right;
    border: 1px solid #231F20;
    margin-top: 25px;
    width: calc(50% - 10px);
    margin-left: 10px;
    margin-bottom: 25px;
    padding: 30px;
    overflow: auto;
    display: none
}

    .descriptions .testimonial .moreellipses {
        /*jhong display: none;*/
    }

    .descriptions .testimonial p {
        color: #231F20;
        font-size: 16px;
        line-height: 30px;
    }

    .descriptions .testimonial .dates,
    .descriptions .testimonial .name {
        color: #b99950;
        font-size: 20px;
        line-height: 30px;
    }

@media all and (max-width: 767px) {
    .descriptions .poi {
        float: none;
        width: auto;
        margin-right: 0;
        height: auto !important;
    }

    .descriptions .testimonial {
        float: none;
        width: auto;
        margin-left: 0;
        height: auto !important;
    }

    .descriptions .poi2 .smllogo,
    .descriptions .poi2 ul,
    .descriptions .poi2 .extra {
        float: none;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        height: auto !important;
    }

    .descriptions .poi2 ul {
        margin-bottom: 10px;
    }

    .descriptions .poi2 .extra {
        margin-top: 0;
        margin-bottom: 30px;
    }
}


/* -------------------------------------------------------------
    LISTING PAGES
 ------------------------------------------------------------- */
/* ##############
### SINGLE - WATCHER
############# */
main section.watcher {  background: #ebedee;   z-index: 9; }

    main section.watcher .wrapper {  padding: 0;      max-width: 1130px; /*border-bottom: 1px solid rgba(35, 31, 32, 0.15);*/    }

    main section.watcher ul {   display: flex; list-style: none; flex-wrap: nowrap; overflow-x: auto;  }
        main section.watcher ul::-webkit-scrollbar {  display: none;  }
        main section.watcher ul li {  margin-right: 70px!important;     }
            main section.watcher ul li a {  display: block;  text-decoration: none; color: #000; font-weight: 300; letter-spacing: 0.30px;  line-height: 21.0px;
                font-size: 15px; opacity: .15;  padding: 10px 0; white-space: nowrap;  }
            main section.watcher ul li.active a {  opacity: 1;            }

    main section.watcher .watcher-toggle { display: none; text-decoration: none; text-align: right; color: #000; font-weight: 300; letter-spacing: 0.30px;
        line-height: 21.0px; font-size: 15px; padding: 10px 0 10px 10px; text-transform: uppercase; white-space: nowrap; float: right;   }

@media (max-width: 1023px) {
    main section.watcher.is_stuck {     top: 70px !important;   }
    main section.watcher ul {  display: none;    }
        main section.watcher ul.collapsed { display: flex;     }
    main section.watcher .watcher-toggle {  display: block;   }
}

@media (max-width: 767px) {
    main section.watcher .wrapper {     border: none !important    }
}

.archive h1 {  color: #231F20; font-family: 'FS Siena', serif; font-size: 40px; line-height: 45px;  font-weight: 400;  text-decoration: none; margin: 30px 0 0; }

.hero .owl-carousel {  display: block }

main section.hero .owl-carousel {  position: relative;  z-index: 0; }

.archive main section.hero div[data-jarallax-element], .promotions main section.hero div[data-jarallax-element] {  margin-top: 0; }

.archive main section.hero h1, .promotions main section.hero h1 {  font-size: 60px; line-height: 70px; color: #fff; zoom: 1 }

main section.hero { overflow: hidden; position: relative;  z-index: 2;  margin-top: 40px; }
    main section.hero h1 {  color: #231F20;  font-size: 40px; line-height: 40px; font-weight: 300;  text-align: center;  text-transform: uppercase; /*max-width: 510px;*/
        letter-spacing: 0.2em;  font-family: 'FS Siena'; max-width: 74%    }

    main section.hero .title { position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 0; left: 0; bottom: 0; right: 0;    }

    main section.hero .owl-carousel { position: relative; z-index: 0;   }
        main section.hero .owl-carousel .item { max-width: 100vw;    }

.archive main section.hero .img-cover, .villa main section.hero .img-cover, .promotions main section.hero .img-cover {  max-height: 460px;}

main section.hero .img-cover { object-fit: cover;  object-position: top center;  height: 70vw; }

@media all and (max-width: 420px) and (min-width:320px) {
    main section.hero .img-cover {     object-fit: /*cover; object-position: center 150px;*/ height: 70vw;    }
}

main section.hero div[data-jarallax-element] {   margin-top: -20%; }

@media all and (max-width: 1023px) {
    main section.hero .wrapper {  align-items: flex-start;     top: 140px;    }
}

@media all and (max-width: 767px) {
    main section.hero .wrapper {   align-items: center;  top: 140px;    }

    main section.hero h1 {   font-size: 30px;     line-height: 34px;    }
    /*main section.hero .img-cover {  height: 100vw;  }*/
}

.archive .descriptions .wrapper:not(:last-of-type) {  padding: 30px 0 }

.row {   display: flex;  overflow: hidden; }
    .row .col {    flex: 1;    }



/* ##############
### ARCHIVE - VILLAS = LISTING PAGES
############# */
.archive h1, .archive h1 a {  color: #231F20;  font-family: 'FS Siena', serif; font-size: 40px; line-height: 45px;  font-weight: 400;  text-decoration: none;
    margin: 30px 0 0;  display: block }

main section.villas .wrapper { padding: 50px 0; }

main section.villas a {  text-decoration: none;    color: #231F20 }

main section.villas p a {  text-decoration: underline;color: #231F20 }

main section.villas .hr { display: block; left: 0; position: absolute; width: 100%; height: 20px }

main section.villas .row {  margin-left: -50px;   margin-right: -50px; }
    main section.villas .row.list {  margin-top: 50px    }
    main section.villas .row .left {  display: inline-block; float: left  }

@media all and (max-width: 767px) {
    main section.villas .row .left {     display: block    }
}

main section.villas .row .right {  text-align: right; float: right; display: inline-block }

@media all and (max-width: 1023px) {
    main section.villas .row .right {  margin-right: 90px;    }
}

@media all and (max-width: 767px) {
    main section.villas .right { float: left !important; text-align: left !important; width: inherit    }
}

@media all and (max-width: 590px) {
    main section.villas .right {  float: left !important;  text-align: left !important    }

    main section.villas .btn.invert, main section.villas .switcher.btn {  float: right    }
}

@media all and (max-width:375px) {
    main section.villas .row .right {   margin-right: 0 !important;    }
}

main section.villas .row .right label { margin-right: 15px;  font-size: 12px }

main section.villas .row .right select {  background: none !important;  height: auto; padding: 6px 20px;  border: solid 1px #000 !important; border-radius: 25px !important;
    font-family: 'Majorant-Light';   font-size: 12px }

@media all and (max-width:375px) {
    main section.villas .row .right label {    margin-right: 1px;    }
}

main section.villas .row .col {  padding: 0 50px; border-left: 1px solid rgba(35, 31, 32, 0.15); width: 100% }
    main section.villas .row .col:nth-of-type(1) {  padding-right: 50px;     border-left: none;    }
    main section.villas .row .col:nth-of-type(2) { flex-basis: 35%; max-width: 35%; max-height: 550px; /*overflow: auto;*/  }

    main section.villas .row .col:nth-of-type(1) h2, main section.villas .row .col:nth-of-type(1) h2 a { line-height: 33.03px; font-family: 'Majorant-Light', sans-serif;
        font-weight: 300; font-size: 30px;  color: #231F20;  margin: -5px auto 30px;    }

    main section.villas .row .col:nth-of-type(2) h3 { font-family: 'Majoran light', sans-serif;  font-weight: 100;  font-size: 24px; color: #231F20; margin-bottom: 15px;
        letter-spacing: 0.48px; margin-top: 0; display: inline-block; width: 78% !important   }

@media all and (max-width: 767px) {
    main section.villas .row .col:nth-of-type(2) h3 {   width: auto !important    }
}

main section.villas .row .col:nth-of-type(1) p { font-weight: 400; font-size: 15px;  margin-bottom: 60px;  line-height: 140%;  letter-spacing: 0.02em;  max-width: 650px;
    margin-top: 0;  font-family: 'majorant-thin' }

main section.villas .item { max-width: 800px;  margin-top: 100px }
    main section.villas .item:first-of-type {  margin-top: 0 !important    }
    main section.villas .item:not(:first-of-type) {    margin-top: 100px;    }
    main section.villas .item:last-of-type {   margin-bottom: 100px    }
    main section.villas .item:not(:first-of-type) {     margin-top: 100px;    }

@media all and (max-width: 767px) {
    main section.villas .item {   margin-top: 50px !important;    }
        main section.villas .item:not(:first-of-type) {       margin-top: 50px;        }
        main section.villas .item:last-of-type {   margin-bottom: 50px        }
}

main section.villas .item img {  width: 100%;  height: auto }

main section.villas .item .row {  margin-left: -30px;   margin-right: -30px; }

    main section.villas .item .row .col {   padding: 0 30px;    }

main section.villas .sorter { line-height: 40px;  font-size: 12px; margin-bottom: 50px;  background: #ebedee;  z-index: 2; }

    main section.villas .sorter .btn {  margin-right: 15px;  padding: 6px 15px;  border: solid 1px #000;  border-radius: 25px; font-family: 'Majorant-Light';
        font-size: 12px;   background: transparent;  display: initial    }

        main section.villas .sorter .btn:hover { background: #000;  color: #fff !important  }

@media all and (max-width: 767px) {
    main section.villas .sorter .btn {  margin-right: 0; right: 0;  position: absolute; margin-top: 3px  }
}

main section.villas .sorter.stuck {  top: 79px !important; position: fixed !important; width: 1400px !important; height: 40px; /*z-index:499!important*/  z-index: 3 !important }

@media all and (max-width: 992px) {
    main section.villas .sorter.stuck {      top: 68px !important;    }
}

@media all and (max-width: 767px) {
    main section.villas .sorter {   width: 100%;  }
    main section.villas .sorter {  height: 80px;   left: 0;    }
        main section.villas .sorter.stuck { top: 67px !important; height: 80px;  padding-left: 20px;   left: 0;  z-index: 2 !important;    }
}

@media all and (max-width:1500px) {
    main section.villas .sorter.stuck {   width: 100% !important; padding-right: 50px    }
}

.btn.invert {  background: transparent;  color: #000 !important; }

    .btn.invert.active {  background: #000 !important;    color: #FFF !important;    }

main section.villas .sorter .switcher {  display: none }

main section.villas .sorter form {  float: right; }

    main section.villas .sorter form select { cursor: pointer;  appearance: none;  font-size: 13px; font-weight: 300;  letter-spacing: 0.26px; line-height: 18.2px;
        padding: 6px 10px; border: 1px solid #000; background: transparent;  color: #000;  margin-left: 15px; height: auto    }

main section.villas .filter #sidebar_drpLoc {  height: auto; padding: 10px 15px; border-radius: 25px; font-family: 'majorant light'; font-size: 14px;  color: #231F20 }

#sidebar_drpLoc option:first-of-type {   text-align: right; }

main section.villas .col .filter.is_stuck {  position: fixed !important; top: 86px !important; /*max-height: 650px;*/ overflow:auto; max-height: calc( 100vh - 50px );  }

main section.villas .filter.filterdown {  padding-top: 40px; display: block }

main section.villas .filter input,
main section.villas .filter select {  height: 50px; }
/* FILTER CHECKBOXES */
.filter input[type=checkbox]:checked {   accent-color: #000; }

@media all and (max-width: 1500px) {
    main section.villas .row {  margin-left: -25px;  margin-right: -25px;   }
        main section.villas .row .col:nth-of-type(1) {  padding-right: 50px;      }
}

@media screen and (max-width: 1023px) {
    main section.villas .sorter {  max-width: none;   }
        main section.villas .sorter.is_stuck {  top: 69px !important;    }
        main section.villas .sorter .switcher { display: inline-block; margin-right: 0; float: right; text-align: right; position: absolute; right: 25px; margin-top: 5px;  }

    main section.villas .row .col:nth-of-type(1) p { max-width: none;   }

    main section.villas .row .col:nth-of-type(2) { flex-basis: 0; max-width: 0; border: none; padding: 0;   }

    main section.villas .item { max-width: none;  }
        main section.villas .item > a > img { width: 100%; height: auto  }

    main section.villas .col .filter { position: fixed !important; right: -150%; background: #EBEDEE; top: 70px; bottom: 0; z-index: 9; padding: 30px !important;
        overflow: auto; transition: .5s right; border: solid 1px silver; min-width:333px  }

        main section.villas .col .filter.collapsed { right: 0; }

        main section.villas .col .filter .is_stuck { position: relative !important; top: 0 !important; width: 100% !important   }
            main section.villas .col .filter .is_stuck + div { display: none !important;  }
}

@media screen and (max-width: 1023px) {
    main section.villas .row .col:nth-of-type(2) { flex-basis: 0; max-width: 0; border: none; padding: 0;  }
}

@media all and (max-width: 767px) {
    main section.villas .wrapper {  padding: 30px 0;   }

    main section.villas .sorter { height: 80px;  left: 0;  padding-left: 0   }

    main section.villas .row {  flex-flow: column;    }
        main section.villas .row .col:nth-of-type(1) h2 {  font-size: 26px; line-height: 30px; margin-top: -1px !important;  display: flex;  width: 100%       }

    main section.villas .sorter .btn { margin-right: 0;  }

    main section.villas .sorter .switcher, #mapclick { right: 25px;  }

    main section.villas .col .filter.collapsed { padding-right: 10px !important; min-width: 333px; width: 333px  }
}

main section.villas .item { max-width: 800px; position: relative }

@media all and (max-width: 767px) {
    main section.villas .item { margin-top: 70px !important;   }
        main section.villas .item .img img { width: 100%; height: auto; padding: 20px 0   }
            main section.villas .item .img img.lazyload, main section.villas .item .img img.lazyloaded {  border-top: solid 1px silver;  }
}

.archive main section.villas .villas .item .row .col:nth-of-type(2) { flex-basis: 220px; max-width: 220px; }

/* signature */
main section .villas span.badge.signature2, main section .villas span.badge.promotions {  color: #fff !important; background: #231f20;  text-align: center;  text-transform: uppercase;
    font-family: 'FS Siena', display; font-weight: 300; font-size: 15px; letter-spacing: .1em; padding: 0 10px; position: absolute; margin-top: 20px;  z-index: 1; }

@media all and (max-width: 767px) {
    main section .villas span.badge.signature2, main section .villas span.badge.promotions {  margin-top: 23px    }
}

main section .villas span.badge.signature2 a { color: #fff !important }

main section .villas span.badge.promotions:first-of-type { margin-top: 55px!important; text-align:left }
/*main section .villas span.badge.promotions:nth-of-type(2) {  margin-top: 88px!important; }
main section .villas span.badge.promotions:nth-of-type(3) {  margin-top: 121px!important; }*/
@media (max-width:767px) {
    main section .villas span.badge.promotions { line-height: 20px;  }
    /*
    main section .villas span.badge.promotions:nth-of-type(2), main section .villas span.badge.promotions:nth-of-type(3) {  display: none !important       }   
        */
}

@media (max-width:420px) {
    main section .villas span.badge.promotions {    line-height:20px;   }    
}

main section .villas span.badge.signature2 ~ span.badge.promotions { margin-top: 55px; }

/* promotions */
main section.villas .item .promotions { font-weight: 300; padding: 4px 15px; color: #231F20; background: #EEBC32; cursor: pointer; position: absolute; margin-top: 20px;
    font-family: 'fs siena';  font-size: 13px;  text-transform: uppercase; letter-spacing: .2em; }

main section .villas span.badge.promotions { color: #000; background: #eebc32; }

main section .villas .promo-content a { color: #FFF !important }


main section .villas span.badge.promotions ~ .promo-content { position: absolute; top: 80px; left: 0; bottom: 8px; background: #231f20; color: #fff;  padding: 15px 15px 15px 30px;
    z-index: 0;  font-size: 15px;  font-weight: 300; transform: translateX(-200%);  transition: 0.5s; max-width: 55% }

/*
.promo-content.hover, .villas span.badge.promotions.hover {  transform: translateX(0%)!important; }
    main section .villas span.badge.promotions:hover ~ .promo-content {   transform: translateX(0%);   }
*/
@media (max-width: 767px) {
    main section .villas span.badge.promotions ~ .promo-content { margin: 20px 0; font-size: 13px; line-height: 15px    }
}

@media (max-width: 414px) and (min-width: 320px) {
    main section .villas span.badge.promotions ~ .promo-content { margin: 20px 0; font-size: 12px; line-height: 14px  }
}

main section .villas span.badge.promotions ~ .promo-content:before {  content: ''; top: 0; left: 0; right: 0; height: 100px; margin-top: -80px; background: #231f20;
    z-index: -1;  position: absolute; }

main section .villas span.badge.promotions ~ .promo-content ul { list-style: disc; margin: 0; padding: 0; }
    main section .villas span.badge.promotions ~ .promo-content ul li:not(:last-of-type) { margin-bottom: 10px;  }

/*locations*/
main section .villas .item .locations {  font-size: 12px; line-height: 12px }

@media (max-width: 375px) {
    main section .villas .item .locations { display: block; margin-bottom: 10px    }

    .archive main section.hero h1, .promotions main section.hero h1 { font-size: 25px !important  }
}

.archive main section.villas .villas .item h2 {  margin: 0 0 25px; }

.archive main section.villas .villas .item .row {  margin-top: 30px; position: relative; }

.btn { text-decoration: none; display: inline-block; *display: inline; zoom: 1; cursor: pointer; font-size: 13px; font-weight: 300; letter-spacing: 0.26px; line-height: 18.2px;
    padding: 10px 20px;  border: 1px solid #000; background: #000; color: #fff !important;  border-radius: 25px }

/*bedrooms bathrooms*/
.archive main section.villas .villas .item .details { display: flex; align-items: center; border-bottom: solid 1px silver; padding: 0 0 20px; }

main section .villas .item .details { font-size: 12px; margin-top: 20px; }
    main section .villas .item .details img { width: 30px; margin-right: 5px; display: inline-block; *display: inline; zoom: 1;  vertical-align: middle;    }
    main section .villas .item .details > div { margin-right: 15px; }
    main section .villas .item .details > div { line-height: 24px;  }
    main section .villas .item .bedrooms:last-of-type img { margin-right:-5px}

@media (max-width: 414px) {
    main section .villas .item .details > div { margin-right: 10px; display: inline-flex; line-height: 14px; font-size: 9px   }
        main section.villas .item .details > div img { display: inline-block; width: 20px     }
        main section .villas .item .details > div:last-of-type { margin-right: 0 }
}

/*tags*/
/*main section .villas .item .tags { margin-bottom: 20px; margin-top: 25px; font-size: 12px; font-family: 'majorant-thin'; max-height: 30px; overflow: hidden; text-overflow: ellipsis;
    display: block; white-space: nowrap;  width: 580px }

    */
main section .villas .item .tags { margin-bottom: 20px; margin-top: 25px; font-size: 12px; font-family: 'majorant-thin';  display: block;  width: 580px;  }

@media all and (max-width: 1215px) {
    main section .villas .item .tags {  max-width: 410px   }
}

@media all and (max-width: 1020px) {
    main section .villas .item .tags {  max-width: 100%    }
}

main section.villas .item .tags span { display:inline-block; background: #fff; padding: 5px 15px; border-radius: 35px; margin-right: 10px; font-family: 'Majorant-Light'; font-size: 10px; line-height: 13px;     -webkit-break-inside: avoid !important;
        -moz-break-inside: avoid !important;
        -ms-break-inside: avoid !important;
        -o-break-inside: avoid !important;
        break-inside: avoid !important;
        page-break-inside: avoid !important;}

@media all and (max-width: 767px) {
    main section .villas .item .tags { margin: 15px 0; width: 97% !important;    }
}

main section .villas .item .tags a { display: inline-block; margin: 0 5px; }

main section.villas .item .tags span { background: #fff;  padding: 5px 15px; border-radius: 35px;  margin-right: 10px;  font-family: 'Majorant-Light';  font-size: 10px;
    line-height: 12px; }

/*tags2*/
main section .villas .item .tags2 { margin-bottom: 30px; font-size: 12px; font-family: 'majorant-thin'; 
    display: block; width: 580px; max-width:580px }
main section .villas .item .tags2 div {display:inline-block; width:70px;margin-right:10px; vertical-align:top; margin-bottom:10px }
    main section .villas .item .tags2 img { height:40px; width:30px; display:block; margin:0 auto}
    main section .villas .item .tags2 div span { clear:both; display:block; text-align:center; margin-top:8px }
    @media all and (max-width: 1215px) {
        main section .villas .item .tags2 {  max-width: 410px   }
}

@media all and (max-width: 1020px) {
    main section .villas .item .tags2 {  max-width: 100%    }
}

main section.villas .item .tags2 span { font-family: 'Majorant-Light'; font-size: 10px; line-height: 13px; }



@media all and (max-width: 767px) {
    main section .villas .item .tags { margin: 15px 0; width: 100% !important;    }
    main section .villas .item .tags div {display:inline-block; width:60px; margin-right:10px; margin-top:15px; vertical-align:top }
    main section.villas .item .tags span { font-family: 'Majorant-Light'; font-size: 9px; line-height: 13px; }
      main section .villas .item .tags img { height:25px; width:30px; display:block; margin:0 auto}
}

main section .villas .item .tags a { display: inline-block; margin: 0 5px; }

main section.villas .item .tags span {  font-family: 'Majorant-Light';  font-size: 10px;
    line-height: 12px; }

main section .villas .item a {  color: #000; }

/* explore */
.villas .item .link {  text-decoration: none;  letter-spacing: 1.20px; line-height: 26.8px; text-transform: none; font-size: 12px; color: #FFF; display: inline-block;
    background: #000; padding: 10px 30px; border-radius: 25px; font-family: 'Majorant-Light'; border: solid 1px #000 }

    .villas .item .link:hover { border: 1px solid #000; background: #fff; color: #000    }




/* shortlist */
main section .villas .item .like { font-size: 12px; display: inline-block; line-height: 12px; float: right }

    main section .villas .item .like img {  margin-right: 5px; max-height: 14px; width: auto  }

/*price*/
main section .villas .item .price { font-size: 13px; line-height: 18.2px }

    main section .villas .item .price .currency { margin: 15px 0;    }

        main section .villas .item .price .currency.show2 { border: solid 1px #000; padding: 3px 20px; width: auto; font-size: 13px !important; width: auto !important;
            float: right; border-radius: 25px; cursor: pointer;  min-width: 115px; text-align: center  }

            main section .villas .item .price .currency.show2:hover, main section .villas .item .currency.show2 a:hover, .currency.show2:hover { background: #000;  color: #FFF !important  }

main section.villa-main .currency.show2 {
    border: solid 1px #000;
    padding: 3px 20px;
    font-size: 13px !important;
    width: 158px !important;
    border-radius: 25px;
    cursor: pointer;
    text-align: center
}

@media all and (max-width: 420px) {
    main section .villas .item .price { /*margin-bottom:40px!important;*/   display: block    }
        main section .villas .item .price .currency.show2 { float: left; display: block; text-align: center !important; margin: 10px 0; padding: 8px 15px; margin-right: 15px;   }

    #wedding main section .villas .item .price { /*margin-bottom:30px!important;*/  display: block;  min-height: 65px   }

        #wedding main section .villas .item .price .currency.show2 { margin-bottom: 5px; display: inline-block; float: none; width: auto !important; padding: 6px 0; min-width: 110px        }
}

main section .villas .item .price .currency, main section .villas .item .price .amount { font-size: 20px; font-weight: 400; line-height: 32px }

main section .villas .item .price .amount {  margin-bottom: 15px; }


/* filter */
/*
.filter .form-item:first-of-type {
    border-top: 1px solid #797a7a;
}
    */
.filter .form-item2 {  margin-top: 10px;  display: inline-block }
    .filter .form-item2 span {  display: initial;  font-family: 'majorant'; font-size: 13px; float: left; width: 100%; text-align: left; margin-top: -8px   }

    .filter .form-item2 .btn { float: left;   display: initial;   }

.filter label { font-family: 'Majorant-Thin' }
/*
.filter #sidebar_divLoc .switcher {
    cursor: pointer;
    float: right;
    background: url(https://cimages.elitehavens.com/images/portals/rebrand/down.png) no-repeat;
    width: 20px;
    display: inline-block;
    margin-top: 20px;
    height: 15px; background-position-x:1.8px!important
}
*/
.filter #divfeature2 {  max-height:calc((100vh - 280px) - 26vh); overflow:auto; display:grid; overflow-x:hidden}

.filter #divfeature .switcher {  cursor: pointer;  float: right;  background: none;  width: 20px;  display: inline-block;  margin-top: 0;  height: 0; width:0 }

.filter .form-item { border-bottom: 1px solid #797a7a;  line-height: 45px;  display: block !important;  justify-content: space-between;   font-size: 14px;}
/*
    .filter .form-item:first-of-type {
        border-top: 1px solid #797a7a;
    }
    */
/* price */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: solid 1px #000;
    background: #f6f6f6;
    font-weight: normal;
    color: #231F20;
    text-align: center;
}

.ui-widget-content {
    background: none;
}

.filter .form-item .slider.ui-slider-horizontal .ui-slider-handle {
    border-radius: 50px;
    border-color: #000;
    width: 1em;
    height: 1em;
    top: -0.5em;
    outline: none;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}

.ui-datepicker table, .ui-datepicker td a, .ui-datepicker th {
    table-layout: fixed;
    margin-bottom: 1px;
    font-size: 13px;
    text-align: center;
    background: #fff !important;
    border: none !important;
    font-family: 'Majorant-Light', sans-serif;
    /* width:35px  */
}

.ui-datepicker table, .ui-datepicker td {
    border: 1px solid #c5c5c5;
    /* width:auto */
}

ui-datepicker-calendar .ui-state-default {
    background: #fff;
    line-height: 18px
}

/*price range*/
.filter .form-item.range {
    display: block;
    padding-bottom: 45px;
    position: relative;
    opacity: .3
}

.filter .form-item .slider.ui-slider-horizontal {
    height: 1px;
    margin: 0 8px;
}

.filter .form-item #handle-min, .filter .form-item #handle-max {
    position: absolute;
}

.filter .form-item #handle-min {
    left: 0;
}

.filter .form-item .slider.ui-slider-horizontal {
    height: 1px;
    margin: 0 8px;
}

    .filter .form-item .slider.ui-slider-horizontal .ui-slider-range {
        background: #000;
        height: 2px;
        top: -0.1em;
    }

    .filter .form-item .slider.ui-slider-horizontal .ui-slider-handle {
        border-radius: 50px;
        border-color: #000;
        width: 1em;
        height: 0.5em;
        top: -2em;
        position: relative;
        outline: none;
        margin-top: -10px;
        margin-left: -10px;
    }

.filter .form-item #handle-min, .filter .form-item #handle-max {
    position: absolute;
}

.filter .form-item #handle-min,
.filter .form-item #handle-max {
    position: absolute;
}

.filter .form-item #handle-min {
    left: 0;
}

.filter .form-item #handle-max {
    right: 0;
}
/*.ui-slider .ui-slider-range {  position: absolute;  z-index: 1;  font-size: .7em;  display: block;  border: 0; background-position: 0 0;}*/


.filter .form-item input,
.filter .form-item select {
    border: none;
    background: transparent;
}

    /* availability */
    .filter .form-item input.availability {
        min-width: 220px;
        text-align: right;
        float: right;
        color: #231F20;
        font-family: 'Majorant-Light';
        font-weight: 400;
        font-size: 14px;
        margin-top: 10px;
        cursor: pointer;       
    }

    .filter .form-item input:first-of-type {
        justify-content: end !important
    }

/*
.filter .form-item:first-of-type label {   float: left }
        */
main section.villas .filter input, main section.villas .filter select {
    height: 16px;
}


.filter .form-item input, .filter .form-item select {
    border: none;
    background: transparent;
}



/* spinner */
.filter .sidebaricon {  height: 16px;  padding-top: 3px }

#sidebar_divsleeps, #sidebar_divbedroom, #sidebar_divbath { display: block }

    #sidebar_divsleeps div, #sidebar_divbedroom div, #sidebar_divbath div { float: right   }

    #sidebar_divsleeps img, #sidebar_divbedroom img, #sidebar_divbath img {  margin-top: 12px;  cursor: pointer   }

    #sidebar_divsleeps input, #sidebar_divbedroom input, #sidebar_divbath input, #numberofguest {
        width: 45px; text-align: center;  margin-top: -3px; text-transform: uppercase  }
    #numberofguest {height:16px; margin-right:25px}

.filter .ui-spinner {  background: transparent;  text-align: center; border: none; width: 70px; }

    .filter .ui-spinner input {
        background: transparent;
        text-align: center;
        border: none;
        max-width: 100%;
        margin: 0;
        outline: none;
    }

    .filter .ui-spinner a.ui-spinner-button {
        cursor: pointer;
        top: 50%;
        transform: translateY(-50%);
        border: 1px solid #000;
        border-radius: 50px;
        padding: 7.5px ​7px;
        background: transparent;
        width: 17px;
        height: 17px;
    }

    .filter .ui-spinner a.ui-spinner-down {
        left: 0;
    }

        .filter .ui-spinner a.ui-spinner-down .ui-icon {
            transform: rotate(90deg);
        }

    .filter .ui-spinner a.ui-spinner-up .ui-icon {
        transform: rotate(90deg);
    }

.ui-widget.ui-widget-content {
    border: none !important
}


.filter .area {
    font-size: 13px;
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: .5s opacity;
    background: url(../png/down.png) no-repeat
}

.filter .group {
    font-size: 13px;
    opacity: 1;
    visibility: visible;
    transition: .5s opacity;
    margin-bottom: 20px
}


/* multiple location filter*/
#sidebar_divArea div {
    line-height: 15px !important
}

@media all and (max-width: 420px) {
    #sidebar_divArea div, .group .check {
        line-height: 15px !important
    }
}
/*.area .showmore2 { margin-bottom:50px; display}*/
.area .showmore2 {
    display: none
}

.area { background: #ebedee;  position: fixed; z-index: 99; font-size: 12px; right: 15%; border: none; top: 50%; font-family: 'Majorant-thin' }

#sidebar_divArea input, .group .check input {
    position: relative;    
    height: 16px;
    display: inline-block;
    cursor: pointer;
    top: 3px;
}

.filter .area.collapsed {
    opacity: 1;
    visibility: visible;
    display: block;
    position: initial;
    background: #EBEDEE;
    width: 100%;
    border: none;
    z-index: 9999;
    min-height: 30px;   
    margin-bottom:20px
}

@media all and (max-width: 1360px) {
    .filter .area.collapsed {
        right: 0;
        top: 335px;
    }
}

@media all and (max-width: 760px) {
    .filter .area.collapsed {
        width: 100%;
        position: relative !important;
        top: 0 !important;
    }
}

@media all and (max-width: 420px) {
    .filter .area.collapsed {
        width: 100%;
        margin: 0;
        padding: 0;
        margin-top: -10px
    }
}

#sidebar_divArea .one {
    color: #EBEDEE;
    display: none
}

#sidebar_divArea i.fa.fa-minus.fa-stack-1x.fa-inverse, #sidebar_divArea i.fa.fa-plus.fa-stack-1x.fa-inverse {
    margin-right: 3px !important;
    border: none !important;
    font-size: 9px;
    float: right;
    margin-top: 8px;
    width: 20px !important;
    height: 15px !important;
    background-position-x: 2px !important;
    overflow: hidden;
    padding: 0;
}

#sidebar_divArea .location i.fa.fa-minus.fa-stack-1x.fa-inverse, #sidebar_divArea .location i.fa.fa-plus.fa-stack-1x.fa-inverse {
    border: none !important;
    font-size: 9px;
    float: right;
    margin-right: 45px;
    width: 20px;
    height: 10px
}
#sidebar_divArea .location i.fa.fa-minus.fa-stack-1x.fa-inverse, #sidebar_divArea .location i.fa.fa-plus.fa-stack-1x.fa-inverse {
    border: none !important;
    font-size: 9px;
    float: right;
    margin-top: 8px;
    width: 25px;
    height: 25px;
    background-position-x: 5px !important;
    background-position-y: 2px;
    margin-right: -20px !important;
}
    .filter .group.collapsed #close, #close2, #close3 {
    position: absolute;
    top: 0;
    right: 5px;
    cursor: pointer;
    width: 16px;
    font-size: 35px;
    font-weight: bold;
    font-family: 'Majorant-thin';
}

.group h3 {
    width: 50%;
    display: inline-block
}

.clearall, .clearall2 {
    float: right;
    font-size: 13px;
    font-family: 'Majorant-Light';
    cursor: pointer
}

.area .clearall2, .group .clearall {
    float: right;
    font-size: 13px;
    font-family: 'Majorant-Light';
    cursor: pointer;
    width: 100%;
    display: none;
    float: right;
    text-align: right
}

@media all and (max-width: 767px) {
    .value {
        width: 98% !important;
    }

    .filter .group.collapsed #close, #close2, #close3 {
        right: 30px !important;
        top: 5px !important
    }

    .filter .group.collapsed, .filter.area.collapsed {
        width: 100%;
        right: 0;
        padding: 20px;
        position: relative;
        display: inline-block;
        padding: 0;
        border: none
    }

    .area {
        right: 1px !important;
        width: 100%
    }
}

#hpsearch {
    display: none;
    position: absolute;
    width: 200px;
    border: solid 1px silver;
    font-size: 13px;
    top: 105px;
    background: #FFF;
    left: 25px;
    text-align: left;
    z-index: 99;
    padding: 20px
}

    #hpsearch label {
        display: block;
        clear: right;
        line-height: 15px;
        margin-top: -22px;
        margin-left: 25px;
        padding-top: 0 !important;
    }

@media all and (max-width:420px) {
    #hpsearch label {
        margin-top: -25px !important;
        margin-bottom: 10px
    }

    .filter #close {
        display: block
    }
}

.filter .group strong, .filter #sidebar_divLoc .switcher {
    display: block;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Majorant-thin'; /*border-top: solid 1px silver; */
    margin: 0;
    padding: 0;
    line-height: 30px;
    background: url(../png/down.png) top right no-repeat;
    cursor: pointer;
    background-position-y: 10px !important; margin-right:3px
}
.filter #sidebar_divLoc .switcher { float: right;  width: 15px; margin-top: 10px; margin-right:5px }
@media all and (max-width:420px) {
    .filter #sidebar_divLoc .switcher { float: right; width: 25px; margin-top: 10px; background-position-x: 7px !important; margin-right: 4px; height: 25px;  }
}
    .filter .group strong {
        border: none;
        padding-top: 0;
        margin-top: 0;
        margin-right: 3px
    }


    .filter .group label, .filter .area label {
        font-size: 12px;
        font-family: 'Majorant-Light';
        display: inline-block;
        cursor: pointer;
        border-radius: 25px;
        padding: 1px 10px;
        width: max-content;
        margin-right: 5px
    }

    .filter .group.collapsed, .filter .group .features.collapsed {
        opacity: 1;
        visibility: visible;
        display: block !important;
        position: relative;
        background: none !important;
        padding-bottom: 15px;
        width: 100%;
        border: none;
        z-index: 9999;
        /*max-height: 150px;
    overflow: auto;    */
    }

    .filter .features {
        visibility: hidden;
        opacity: 0;
        display: none
    }

    .filter .group input, .filter .area input {
        display: inline-block;
        font-weight: 300;
        margin-right: 10px
    }

    /*.filter .group .value {margin-top:0!important}*/
    #promopage .filter .group input, #promopage .filter .area input {
        display: none
    }

    .filter .group label, .filter .area label {
        font-size: 12px;
        font-family: 'Majorant-thin';
        cursor: pointer;
        padding: 5px 0px;
        width: max-content;
        margin-right: 5px
    }

    .filter .group .check {
        line-height: 15px;
        margin: 0;
        padding: 0;
    }
    /*.filter .group input:checked + label, .filter .area input:checked + label { background: #000; color: #fff;  }*/

    .filter .group #all-location:checked + label {
        background: none;
        color: #333;
    }

    .ui-button-icon-only .ui-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
    }

    @media all and (max-width: 801px) {

        .archive main section.hero h1, .promotions main section.hero h1 {
            font-size: 30px !important;
            line-height: 35px
        }

        @media all and (max-width: 420px) {
            .archive main section.hero h1 {
                width: 90%
            }

            .archive main section.villas .villas .item .row {
                flex-flow: column-reverse;
                margin-left: 0;
                margin-right: 0;
                overflow: visible;
            }

            .filter .group label {
                margin-top: -10px
            }
        }

        .archive main section.villas .villas .item .row {
            flex-flow: column-reverse;
            margin-left: 0;
            margin-right: 0;
            overflow: visible;
        }

            .archive main section.villas .villas .item .row .col:nth-of-type(1) {
                padding-left: 0;
                padding-right: 0;
            }


            .archive main section.villas .villas .item .row .col:nth-of-type(1) {
                padding-left: 0;
                padding-right: 0;
                margin-top: -35px
            }

            .archive main section.villas .villas .item .row .col:nth-of-type(2) {
                display: flex;
                flex-flow: row;
                flex-basis: 100%;
                max-width: 100%;
            }

                .archive main section.villas .villas .item .row .col:nth-of-type(2) > * {
                    flex: 1;
                    position: absolute;
                    right: 0;
                    top: -30px;
                }

        main section.villas .item:not(:first-of-type) {
            margin-top: 30px;
        }

        .archive main section.villas .villas .item h3 {
            margin-bottom: 5px;
        }

        main section .villas .item .details {
            margin-top: 5px;
        }

        .archive main section .villas .item .like {
            margin-bottom: 15px;
        }

        .archive main section .villas .item .like {
            margin-bottom: 15px;
            display: flex
        }


        .archive main section .villas .item .price {
            margin-top: 0;
            margin-bottom: 15px;
            position: relative;
            right: 0;
            z-index: 1;
            color: #fff;
            padding: 10px 0;
            flex-direction: row;
            color: #231F20;
            margin-top: 15px;
            border-top: solid 1px silver;
        }

        main section .villas .item .price .currency, main section .villas .item .price .amount {
            margin: 0;
        }

        main section .villas .item .price .amount {
            margin-left: 0;
        }
    }

    @media all and (max-width: 450px) {
        /*.archive main section.hero div[data-jarallax-element],*/
        .promotions main section.hero div[data-jarallax-element] {
            margin-top: -50%;
        }
    }

    @media all and (max-width: 420px) {
        .archive main section .villas .item .price {
            margin-bottom: 0
        }
    }

    /* extras */
    main section.extras {
        position: relative;
        background: #CADDE3
    }

        main section.extras .wrapper {
            padding: 100px 0;
            border-top: 1px solid rgba(35, 31, 32, 0.15);
        }

        main section.extras .row {
            margin-left: -50px;
            margin-right: -50px;
        }

            main section.extras .row:nth-of-type(1) .col {
                text-align: center;
            }

            main section.extras .row .col:nth-of-type(1) {
                border-left: none;
            }

            main section.extras .row .col {
                text-align: left;
                padding: 0 50px;
                border-left: 1px solid rgba(35, 31, 32, 0.15);
                position: relative;
            }

                main section.extras .row .col h2 {
                    letter-spacing: 8.00px;
                    line-height: 44.0px;
                    font-family: 'FS Siena', sans-serif;
                    font-weight: 300;
                    font-size: 40px;
                    color: #231F20;
                    margin: 0 auto 20px;
                    text-transform: uppercase;
                }

                main section.extras .row .col h3 {
                    font-family: 'Majorant', sans-serif;
                    font-weight: 100;
                    font-size: 18px;
                    color: #231F20;
                    margin-bottom: 25px;
                    margin-top: 30px;
                }

                main section.extras .row .col p {
                    color: #000;
                    font-size: 15px;
                    font-weight: 400;
                    letter-spacing: 0.30px;
                    line-height: 21.0px;
                    margin: 0 auto 50px;
                    font-family: 'Majorant-thin'
                }

    @media all and (max-width: 414px) {
        /* main section.extras .row .col p, */
        main section.villas .row .col:nth-of-type(1) p {
            display: table-cell;
            font-size: 13px !important;
            line-height: 18.2px
        }

        main section.villas .row .col:nth-of-type(1) p {
            display: block
        }

        main section.extras .row .col:nth-child(3) .link {
            margin: 30px 0 0 !important;
            display: inline-block
        }

        main section.extras h3 {
            font-size: 15px !important;
            line-height: 17px
        }
    }

    main section.extras .row .col .link {
        position: absolute;
        bottom: 0;
    }

    main section.extras .img-cover {
        object-fit: cover;
        max-height: 400px;
        max-width: none;
        width: 100%;
    }

    main section.extras .row .col img { /* max-height:407px; */
        width: 100%
    }

    main section.extras a {
        text-decoration: none;
    }

    main section.extras .row:first-of-type p:first-of-type {
        display: block;
        text-align: center !important
    }


    .link {
        text-decoration: none;
        letter-spacing: 1.20px;
        line-height: 26.8px;
        text-transform: uppercase;
        font-size: 13px;
        border-bottom: 1px solid #000;
        color: #000;
        display: table
    }

    @media all and (max-width: 1023px) {
        main section.extras .row .col h3 {
            font-size: 15px !important;
        }

        main section.extras .row:first-of-type p:first-of-type {
            margin-bottom: 50px;
        }

        main section.extras .row .col p, main section.extras .row .col h3 {
            margin-bottom: 15px;
        }

        main section.extras .row:last-of-type .col {
            flex-basis: 100%;
            max-width: 100%;
            border-left: none;
        }

            main section.extras .row:last-of-type .col:nth-of-type(3) {
                margin-bottom: 30px;
            }

        main section.extras .row .col .link {
            position: relative;
            margin-bottom: 30px;
            display: initial;
            font-size: 10px;
        }

        main section.extras .row .col:last-of-type .link {
            margin-bottom: 0;
        }
    }

    @media (max-width: 1500px) {
        main section.extras .row {
            margin-left: -25px;
            margin-right: -25px;
        }
    }

    @media all and (max-width: 767px) {
        main section.extras .wrapper {
            padding: 50px 0 25px;
        }

        main section.extras .row:last-of-type {
            flex-wrap: wrap;
        }

        main section.extras .row .col h2 {
            margin: 0 auto 25px;
            font-size: 20px;
            line-height: 30px;
        }

        main section.extras .row .col:not(:nth-child(3)) .link {
            margin: 10px 0 80px !important;
            display: inline-block !important;
        }

        main section.extras .row .col p {
            font-size: 13px
        }
        /*main section.extras .row .col { margin:0 25px!important}    */
        main section.villas .row .col:nth-of-type(1) p {
            display: block;
            font-size: 13px !important;
            line-height: 18.2px
        }
    }


    /* extras */
    main section.extras {
        position: relative;
        background: #CADDE3
    }

        main section.extras .wrapper {
            padding: 100px 0!important;
            border-top: 1px solid rgba(35, 31, 32, 0.15);
        }

        main section.extras .row {
            margin-left: -50px;
            margin-right: -50px;
        }

            main section.extras .row:nth-of-type(1) .col {
                text-align: center;
            }

            main section.extras .row .col:nth-of-type(1) {
                border-left: none;
            }

            main section.extras .row .col {
                text-align: left;
                padding: 0 50px;
                border-left: 1px solid rgba(35, 31, 32, 0.15);
                position: relative;
            }

                main section.extras .row .col h2 {
                    letter-spacing: 8.00px;
                    line-height: 44.0px;
                    font-family: 'FS Siena', sans-serif;
                    font-weight: 300;
                    font-size: 40px;
                    color: #231F20;
                    margin: 0 auto 20px;
                    text-transform: uppercase;
                }

                main section.extras .row .col h3 {
                    font-family: 'Majorant', sans-serif;
                    font-weight: 100;
                    font-size: 18px;
                    color: #231F20;
                    margin-bottom: 25px;
                    margin-top: 30px;
                }

                main section.extras .row .col p {
                    color: #000;
                    font-size: 15px;
                    font-weight: 400;
                    letter-spacing: 0.30px;
                    line-height: 21.0px;
                    margin: 0 auto 50px;
                    font-family: 'Majorant-thin'
                }

    @media all and (max-width: 414px) {
        /* main section.extras .row .col p, */
        main section.villas .row .col:nth-of-type(1) p {
            display: table-cell;
            font-size: 13px !important;
            line-height: 18.2px
        }

        main section.villas .row .col:nth-of-type(1) p {
            display: block
        }

        main section.extras .row .col:nth-child(3) .link {
            margin: 30px 0 0 !important;
            display: inline-block
        }

        main section.extras h3 {
            font-size: 15px !important;
            line-height: 17px
        }
    }

    main section.extras .row .col .link {
        position: absolute;
        bottom: 0;
    }

    main section.extras .img-cover {
        object-fit: cover;
        max-height: 400px;
        max-width: none;
        width: 100%;
    }

    main section.extras .row .col img { /* max-height:407px; */
        width: 100%
    }

    main section.extras a {
        text-decoration: none;
    }

    main section.extras .row:first-of-type p:first-of-type {
        display: block;
        text-align: center !important
    }


    .link {
        text-decoration: none;
        letter-spacing: 1.20px;
        line-height: 26.8px;
        text-transform: uppercase;
        font-size: 13px;
        border-bottom: 1px solid #000;
        color: #000;
        display: table
    }

    @media all and (max-width: 1023px) {
        main section.extras .row .col h3 {
            font-size: 15px !important;
        }

        main section.extras .row:first-of-type p:first-of-type {
            margin-bottom: 50px;
        }

        main section.extras .row .col p, main section.extras .row .col h3 {
            margin-bottom: 15px;
        }

        main section.extras .row:last-of-type .col {
            flex-basis: 100%;
            max-width: 100%;
            border-left: none;
        }

            main section.extras .row:last-of-type .col:nth-of-type(3) {
                margin-bottom: 30px;
            }

        main section.extras .row .col .link {
            position: relative;
            margin-bottom: 30px;
            display: initial;
            font-size: 10px;
        }

        main section.extras .row .col:last-of-type .link {
            margin-bottom: 0;
        }
    }

    @media (max-width: 1500px) {
        main section.extras .row {
            margin-left: -25px;
            margin-right: -25px;
        }
    }

    @media all and (max-width: 767px) {
        main section.extras .wrapper {
            padding: 50px 0 25px;
        }

        main section.extras .row:last-of-type {
            flex-wrap: wrap;
        }

        main section.extras .row .col h2 {
            margin: 0 auto 25px;
            font-size: 20px;
            line-height: 30px;
        }

        main section.extras .row .col:not(:nth-child(3)) .link {
            margin: 10px 0 80px !important;
            display: inline-block !important;
        }

        main section.extras .row .col p {
            font-size: 13px
        }
        /*main section.extras .row .col { margin:0 25px!important}    */
        main section.villas .row .col:nth-of-type(1) p {
            display: table-cell;
            font-size: 13px !important;
            line-height: 18.2px
        }
    }




    /*--------------------------------------------------------------
    VILLA PAGE
 ------------------------------------------------------------- */
    .owl-carousel .disabled {  opacity: .15;  cursor: not-allowed !important;   }

    main section .villas .item .locations { font-size: 12px; line-height: 12px; display: inline-block; vertical-align: top   }

    .ui-datepicker-calendar td.start-range a, .ui-datepicker-calendar td.in-range a { background: #000 !important; color: #fff !important  }

    .ui-datepicker-calendar td.hover-range a { background: #000 !important; color: #fff !important   }

    #rooms ul, #layout ul { margin: 0; padding-left: 18px  }
    #vp #scrollavail { position:fixed; bottom:10px; background:#CADDE3; color:#000!important; z-index:5; border-radius:30px; border:solid 1px gray; font-weight:bold;
                   margin:0 auto; width:95%; line-height:1; text-align:center; font-size:12px; transform: translate(10px,-50%); padding: 15px 35px 14px 35px;  }
    .xclose {cursor:pointer; width:20px; height:20px; position:absolute; right:5px; top:20px;  }

/* ##############
### SINGLE - META
############# */
/*main section.villa .no-js .owl-carousel, .owl-carousel.owl-loaded {  display: flex;}*/
main section.villa-meta {
    margin-top: -50px
}
    main section.villa-meta {  margin-top: -50px  }
        main section.villa-meta .wrapper { padding: 50px 0 10px;  max-width: 1130px; border-bottom: 1px solid rgba(35, 31, 32, 0.15);        }

        main section.villa-meta a { font-size: 14px; text-decoration: none; color: #000; margin-right: 15px; font-weight: 300;    }
            main section.villa-meta a img { margin-right: 1px; max-height: 14px;       }

        main section.villa-meta .row { margin-left: -50px;  margin-right: -50px;    }
            main section.villa-meta .row .col {  padding: 0 50px;          }

    @media (max-width: 1230px) {
        main section.villa-meta .row {  margin-left: -25px;   margin-right: -25px;   }
    }

    /* ##############
### SINGLE - MAIN
############# */
main section.villa-main, main section.villa-location, main section.villa-features {max-width:1400px; margin:0 auto;  display:block}
main section.villa-main .wrapper, main section.villa-location .wrapper, main section.villa-features .wrapper {padding: 0; /*max-width: 1130px;*/ max-width:1400px; position:relative; left:0 }

    main section.villa-main h1 { font-family: 'Majorant-Light', sans-serif; font-size: 30px; font-weight: 400; margin-bottom: 10px; margin-top: 10px;
        line-height: 40px; display: inline-block; width: 83%  }

    @media (max-width: 767px) {
        main section.villa-main h1 {  width: 100%; margin-top: 30px  }
    }

    main section.villa-main h3 { font-family: 'Majorant-Light', sans-serif; font-size: 15px;font-weight: 400; margin-bottom: 15px; letter-spacing: 1.50px;
        line-height: 21.0px; min-height: 21px;  }

    main section.villa-main a { color: #000; text-decoration: none; }
   
    main section.villa-main .like { vertical-align: top;  top: 10px; position: relative; font-size: 12px; font-family: 'Majorant-Light'; font-weight: normal; float: right }

@media (max-width: 832px) {
    main .villa-main .details span { display: inline-block; max-width: 200px; vertical-align: middle; line-height: 15px;  }
}
    @media (max-width: 767px) {
        main section.villa-main .like { display: inline-block; float: left; width: 100%; border-bottom: solid 1px silver; padding-bottom: 20px  }

        main section.villa-main .row:first-of-type {  margin-top: 15px;  margin:0 25px; width:100%   }
    }

    main section .includes .tags span { background: #ebedee; padding: 5px 15px; border-radius: 35px; margin-right: 10px; font-family: 'Majorant-Light';
        font-size: 13px; line-height: 20px; display: inline-block;  margin-bottom: 10px
    }

    main section.villa-main .row {  margin-left: 0!important;  margin-right: -50px;  margin-top: 50px; display:flex;  }
    .datedisplay input, .datedisplay .one, .datedisplay .two { font-size:16px; font-family:Majorant; color:#000; width: auto; padding-right: 0; display: inline-block; min-width: 10px;  }

    .adultx {font-size:16px; font-family:Majorant; color:#000; padding-bottom:20px!important; display:none!important }
/*main section.villa-main .row .col {  padding: 0 0 50px 50px}*/

           /* here here */


        @media all and (max-width: 3000px) {
            .newvp #second { max-height:none;  }
            .newvp #second.is_stuck { position: relative !important;  top:0!important }
            .newvp #second .startroll { max-height:max-content; margin-bottom:10px }
         }

        @media all and (max-width: 1023px) {
                     .newvp #second { max-height:none;  }
                     .newvp #second.is_stuck { position: relative !important;  top:0!important }
                     .newvp #second .startroll { max-height:max-content; padding-bottom:20px }
         }

        @media all and (max-width: 767px) {
            .newvp #second, .newvp #second.is_stuck { transform: translate(15,-50%); /*right: calc(50vw - 260px);*/right:calc(50vw - 210px); max-height:calc(100vh - 150px)!important; border:solid 1px silver!important;  display:none!important }
            .newvp #second {  padding-left:0; overflow:hidden; display:inline-block; margin-right:0; margin:0 auto;
                                                 position:fixed!important; width:420px;  padding:0 25px!important;  top:100px; max-height:calc(100vh - 150px)!important; height:fit-content   }
            .newvp #second.is_stuck {  position:fixed!important;
                                                        overflow:hidden; width:420px;  padding:0 25px!important; top:110px; max-height:calc(100vh - 150px); height:fit-content  }
            .newvp .villa-main .stay { position: sticky!important; display:inline-block; background:#FFF; margin-bottom:10px; z-index:99; width:100%; max-width:363px;  }    
            .newvp .startroll { display:block; position:relative; padding-top:0!important; max-height:calc(100vh - 380px)!important; /* max-height: calc(100vh - 210px)*/overflow-y:auto; overflow-x:hidden; height:auto;  }
        }

          @media (max-width: 430px) {
                .newvp #second, .newvp #second.is_stuck { transform:translate(15,-50%);  height:calc(100vh - 150px)   }
                /* 380 */
                 .newvp #first { opacity:1 }
                 .newvp #first { margin-right: 10px; border-left: none;  max-width:100%; width:100% !important;  float: left; overflow: hidden; opacity:1; }
                 .newvp #second {   padding-left:0; overflow:hidden; display:inline-block; margin-right:0; right:calc(100vw - 405px)!important;
                                                 position:fixed!important; width:calc(100vw - 50px)!important;  padding-top:0!important; margin:0 auto; top:100px; right:0; max-height:calc(100vh - 150px)!important; height:fit-content    }
                .newvp #second.is_stuck {  position:fixed!important; 
                                                        overflow:hidden; width:calc(100vw - 50px)!important; background:#FFF; max-height:calc(100vh - 150px)!important; height:fit-content   }
                .newvp .villa-main .stay { position: sticky!important; display:inline-block; background:#FFF; margin-bottom:10px; z-index:99; width:100%; max-width:calc(100vw - 100px); }    
                .newvp #scrollavail { display:block!important }     
                .newvp .startroll { max-height:calc(100vh - 380px)!important }
            }

      @media (max-width: 420px) {
         .newvp #second {   padding-left:0; overflow:hidden; display:inline-block; margin-right:0; right:calc(100vw - 260px)!important; position:fixed!important; 
                        width:calc(100vw - 50px)!important;  padding-top:0!important; margin:0 auto; top:100px; right:0; max-height:calc(100vh - 150px)!important; height:fit-content    }
      }
        
             
      /* ORIGINAL */
/*#send-enquiry #terms {margin-bottom:-20px!important }*/
           #send-enquiry .col {padding:0!important; max-width:100%!important }
          .divproc { display:none; min-height: 1px; position: fixed;  background:transparent!important; width: 360px; display: block;  overflow: hidden; text-align: center;  top: 45%; z-index:999; width: calc(100vw - 1px); max-width:360px}
           #processing { margin:0 auto; background:#FFF; margin-right:auto!important }
          .startroll {margin-left:5px; padding-bottom:5px; padding-right:3px; max-height: calc(100vh - 400px); padding-top:0!important; bottom:25px; margin-top:38px }
          #first, #second {pointer-events:all}
          .stay {margin-left:5px; position:sticky!important; border-bottom:solid 1px silver; }
          .dd .btn { margin-bottom:5px}
          #txtChkIn, #txtChkOut {display:none!important}
          #vp #privacy, #divSuggest2 {display:none!important}
          #second {max-height:calc(100vh - 180px); overflow:hidden }
         #second, #second.is_stuck, main section.villa-main .row .col:nth-of-type(2), .startroll {  overscroll-behavior: none !important;  overscroll-behavior-block: none !important;
          overscroll-behavior-y: none !important;  overscroll-behavior-inline: none }
  
           @media all and (max-width:420px) {
                .divproc { display: none; top: 40%; width:calc(100vw - 115px)!important;  max-width:360px  }                
            }
            @media all and (max-width: 767px) {
                .divproc { display: none; top: 20%; width: calc(100vw - 10px);  max-width:360px!important; margin:0 auto!important; left:auto!important }
                #second {  max-height: calc(100vh - 130px) !important       }
                .divproc img { border: solid 1px gray;    }
            }

@media all and (max-width: 1024px) {
    .divproc { display: none; top: 32%; position:fixed  }
    .startroll {    max-height: calc(100vh - 400px);    }
}
            @media all and (max-width: 1023px) {
                .divproc { display: none; top: 36%; width: calc(100vw - 1px);  max-width:255px; position:relative; margin:0 auto; margin-top:100px!important; left:10% }
            }           
                main section.villa-main .row .col:nth-of-type(2) { float: right; padding-left: 0; margin-right: 45px;  
                    /*border-radius: 25px; */background-color: #FFF;  max-width:450px /*display: inline-block; position:fixed*/   }            
     
      @media all and (max-width: 3000px) {
           #first { margin-right: 100px; border-left: none; max-width:1400px; width:calc(100vw - 420px);float:left;  
                              overflow:hidden; opacity:1; background:transparent; z-index:3; display:inline-block }
                 
            #second {padding-top:0!important; float:right; display:inline-block; position:relative;  /*max-height:calc(100vh - 40px);max-height:892px;*/ height:fit-content; border:solid 1px silver; border-radius:30px; z-index:4;  background:#FFF; padding:0 25px!important;    }
            #second.is_stuck {  position:fixed!important; z-index:4!important; overflow:hidden; max-width:420px; padding:0 25px!important; 
                                                 /*max-height:calc(100vh - 40px);max-height:892px; */ height:fit-content; top:150px!important;  }
            .villa-main .stay { position:absolute; background:#FFF; z-index:4; width:100%; max-width:363px;   }

          .stay input { max-width:102px; border:none; margin:0; padding:0; padding-bottom:5px; font-family:'Majorant Light' }
          #second .startroll { display:block; position:relative; padding-top:185px; height:auto; overflow-y:auto; overflow-x:hidden;  /*max-height: calc(100vh - 140px); */height:auto; }
          #second.is_stuck .startroll {  margin-top:38px }
          .startroll { display:block; position:relative; padding-top:220px; /*height:calc(80vh - 280px);  */ overflow-y:auto; overflow-x:hidden; /*max-height: calc(100vh - 170px)*/  }             
       }


/* @media all and (max-width: 414px) and (min-width: 320px) {*/
        @media all and (max-width: 1320px) {
                 #first { margin-right: 100px; border-left: none;  max-width: 700px; width:calc(100vw - 420px);  overflow: hidden; opacity:1; background:transparent  }
                 
                #second { float:right;  padding-left:0; width:420px;  padding-top:0!important; /*max-height:calc(100vh - 190px);max-height:892px*/ display:inline-block; height:fit-content; padding:0 25px!important    }
            
                #second.is_stuck {  position:fixed!important; overflow:hidden; width:420px!important; padding:0 25px!important; 
                                                /*max-height:calc(100vh - 190px);max-height:892px*/ height:fit-content; top:155px!important; }
                   
                .villa-main .stay { display:inline-block; background:#FFF;  z-index:99; width:100%; max-width:363px; }

                 .startroll { display:block; position:relative; padding-top:220px; /*height:calc(80vh - 280px);max-height: calc(100vh - 120px)    */ overflow-y:auto; overflow-x:hidden; height:auto;      max-height: calc(100vh - 380px);  }             
        }


    @media (max-width: 1230px) {
        /* main section.villa-main .row .col:nth-of-type(1)*/
        #first { margin-right: 100px; border-left: none;  max-width: 650px; width: calc(100vw - 400px); float: left; overflow: hidden; opacity:1; padding:0!important ; background:transparent    }

        #second {  float:right;  padding-left:0; overflow:hidden;  display:inline-block; width:420px;  padding-top:0!important; /*max-height:calc(100vh - 130px);max-height:892px*/ height:fit-content; margin-right:0  }
        #second.is_stuck {  position:fixed!important; overflow:hidden; width:420px!important; background:#FFF; /*max-height:calc(100vh - 130px);max-height:892px */ height:fit-content; margin-right:0 }
        
        .villa-main .stay { display:inline-block; background:#FFF; margin-bottom:10px; z-index:99; width:100%; max-width:363px; }     
        .startroll { display:block; position:relative; padding-top:220px; /*height:calc(80vh - 280px); max-height: calc(100vh - 150px) */overflow-y:auto; overflow-x:hidden; height:auto;}                
        main section.villa-main .row .col:nth-of-type(2) { max-width:380px}
    }
@media (max-width: 1024px) {
    #second.is_stuck { top:100px!important; }
    /*#second {  right:25px }*/
}
    /* IPAD */
    @media (max-width: 1023px) {       
        #first { margin-right: 0; border-left: none;  max-width: 650px; width: calc(100vw - 400px);
                float: left; overflow: hidden; opacity:1; padding-left:25px!important; background:transparent; }
         #second {  float:right;  overflow:hidden; display:inline-block; padding:0 25px!important;  width:320px;  padding-top:0!important; margin-right:25px; /*max-height:calc(100vh - 120px)!important; max-height:892px */ height:fit-content;   }
        #second.is_stuck {  position:fixed!important; overflow:hidden; width:320px!important; padding:0 25px!important; right:20px; top:110px;
                                        /*max-height:calc(100vh - 120px);max-height:892px*/ height:fit-content; margin-right:0  }
        .villa-main .stay {  display:inline-block; background:#FFF; margin-bottom:10px; z-index:4; width:100%; max-width:263px; }
        /*max-height: calc(100vh - 283px) - mini */
         .startroll { display:block; position:relative; padding-top:220px; /*height:calc(100vh - 280px);  max-height: calc(100vh - 100px)*/overflow-y:auto; overflow-x:hidden;         max-height: calc(100vh - 430px);}               
    }
@media (max-width: 768px) {
    #second { height:fit-content!important}
}
    @media (max-width: 767px) {
        .stay h2 {width:89%}
        #scrollavail {display:block}
         #first { background-color:gray; padding:0 25px!important;  }
         #first {  border-left: none;  max-width:100%; width:100%!important;  float: left; overflow: hidden; opacity:0.7;      }
        main section.villa-main .row .col:nth-of-type(2) {  border:none      }
        #second, #second.is_stuck { transform: translate(15,-50%); /*right: calc(50vw - 260px);*/right:calc(50vw - 210px); max-height:calc(100vh - 150px); border:solid 1px silver!important;   }
        #second {  padding-left:0; overflow:hidden; display:inline-block; 
                                         position:fixed!important; width:420px;  padding:0 25px!important;  top:100px; max-height:calc(100vh - 150px); height:fit-content   }
        #second.is_stuck {  position:fixed!important;
                                                overflow:hidden; width:420px;  padding:0 25px!important; top:110px; max-height:calc(100vh - 150px); height:fit-content  }
       .villa-main .stay { position: sticky!important; display:inline-block; background:#FFF; margin-bottom:10px; z-index:99; width:100%; max-width:363px;  }    
       .startroll { display:block; position:relative; padding-top:0!important; max-height:calc(100vh - 380px)!important; /* max-height: calc(100vh - 210px)*/overflow-y:auto; overflow-x:hidden; height:auto;  }
        #scrollavail {  display: block !important     }
        /*#send-enquiry #terms {margin-bottom:-20px!important }     */
    }
@media (max-width: 767px) {
    #second, #second.is_stuck { right: calc(50vw - 236px);   }
}

/*@media (min-width:430px) and (max-width: 430px) {
       #scrollavail {  display: block !important; bottom:12%!important     }
}*/
    @media (max-width: 420px) {
        #second, #second.is_stuck { transform:translate(15,-50%); right: calc(50vw - 260px)!important; height:calc(100vh - 150px)   }
        /* 380 */
         #first { opacity:1 }
         #first { margin-right: 10px; border-left: none;  max-width:100%; width:100% !important;  float: left; overflow: hidden; opacity:1; }
         #second {   padding-left:0; overflow:hidden; display:inline-block; 
                                         position:fixed!important; width:calc(100vw - 50px);  padding-top:0!important; left:23px; top:100px; right:0; max-height:calc(100vh - 150px); height:fit-content    }
        #second.is_stuck {  position:fixed!important; 
                                                overflow:hidden; width:calc(100vw - 50px)!important; background:#FFF; max-height:calc(100vh - 150px); height:fit-content   }
        .villa-main .stay { position: sticky!important; display:inline-block; background:#FFF; margin-bottom:10px; z-index:99; width:100%; max-width:calc(100vw - 100px); }    
        #scrollavail { display:block!important }     
    }
      #second {    flex-basis: 25%;  max-width: 420px; padding:30px; zoom:normal!important; z-index:4!important   }


 /* ---------------------------------------------- */
 /*   BOOKING  - NEW PAGE */
/* ---------------------------------------------- */
#vp.bkg main section .wrapper:first-of-type { max-width:1001px }
#vp.bkg main section.villa-main h1 {  font-family: 'Majorant-Light', sans-serif;  font-size: 30px;  font-weight: 400;  margin-bottom: 0;  margin-top: 20px;  line-height: 40px;
    display: inline-block;   width: 100%; text-align:center; text-transform:uppercase; margin-bottom:30px }
#vp.bkg .row .col {width:100%; }
#vp.bkg .divlast .form-item { width:100%; display:block!important }
#vp.bkg .divlast input, #vp.bkg .divlast select, #vp.bkg .divlast textarea { width:100%; border-radius:30px; border:solid 1px gray }
#vp.bkg main section.villa-main .row {  margin-left: 0 !important;  margin-right: 0!important;  margin-top: 0;  display: flex; }
#vp.bkg #first {margin-right:50px}
#vp.bkg #second .dd { padding-top:20px}
#vp.bkg .startroll { max-height:none!important; overflow-x:hidden; margin-bottom:20px }
/*#vp.bkg #second {  max-height: calc(100vh - 140px) !important; }
#vp.bkg #second .startroll {  display: block;  position: relative;  padding-top: 185px;  height: auto; overflow-y: auto; overflow-x: hidden; max-height: calc(100vh - 450px) !important;
    height: auto;}
    */
#vp.bkg #second .startroll {  display: block;  position: relative;  padding-top: 185px;  height: auto; bottom:0!important; margin-top:0!important;  }
#vp.bkg main section.villa-main .row .col:nth-of-type(2) {  float: right; padding-left: 0; margin-right: 0px; border-radius: 25px; background-color: #FFF;
    max-width: 450px; margin-bottom:20px /*display: inline-block; position:fixed*/;}
#vp.bkg #second {  margin-top: 10px !important; max-height:max-content!important }

#vp.bkg #second.is_stuck { margin-top:10px!important; top:0!important; position:relative!important }
#vp.bkg #second.is_stuck .startroll { margin-top:0px!important; }
#vp.bkg .dd .btn { margin-bottom: 10px !important;  background: #FFF; color: #000 !important; }
#vp.bkg .dd .btn:hover { background: #000; color: #fff !important; }
#vp.bkg .stay { border-bottom:none!important; margin-bottom:-10px }
#vp.bkg #divCompute, #vp.bkg .divCompute { display:block!important }
#vp.bkg .ratename, #vp .ratename.std, #vp.bkg .std { display:none!important }
#vp.bkg .rname {display:none!important}
#vp.bkg .checkbtn  {width:0; height:0 }
#vp.bkg .divlast input[type="checkbox"]  {width:auto}
#vp.bkg .checkcontainer span { font-size: 14px;display: inline-block; width: 90%; vertical-align: top;  }
#vp.bkg span .red { display:inline}
#vp.bkg .select.col div:nth-of-type(2) {border:none!important; height:auto!important; padding:0}
#vp.bkg .select select { padding:14px 20px!important; height:auto; margin-top:5px; margin-bottom:5px!important;}
#vp.bkg .form-item .select {margin-bottom:24px}
#vp.bkg .guest .select {margin-bottom:0;}
#vp.bkg .guest select {width:120px}
#vp.bkg .btn:hover { background:#FFF; color:#000!important }
#vp.bkg .guest .col {margin-bottom:0!important}
#vp.bkg .divlast #lastrow .col .btn:hover  { background:#000; color:#FFF!important }
#vp.bkg .vpreserve {display:none!important }
#vp.bkg #frmBook2 select {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    background-position: 98.5% !important;
    background-repeat: no-repeat;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-size: 27px !important
}
@media (max-width: 1023px) {
   #vp.bkg #second {  float:right;  overflow:auto; display:inline-block; padding:0 25px!important;  width:370px;  padding-top:0!important; margin-right:25px; height:fit-content;   }
   #vp.bkg #second.is_stuck {  position:relative!important; overflow:auto; width:370px!important; padding:0 25px!important; right:20px; top:110px;
                                        /*max-height:calc(100vh - 120px);max-height:892px*/ height:fit-content; margin-right:0  }
   #vp.bkg .guest .row {display:block!important}
    #vp.bkg .select.col {display:inline-block!important; width:132px!important; margin-right:15px!important}
    #vp.bkg .villa-main .stay  {max-width:fit-content!important}
}

@media (max-width: 971px) {
    #vp.bkg .select.col {display:inline-block!important; width:auto!important; margin-right:5px!important; float:left!important; margin-top:0!important }
    #vp.bkg .select.col:last-of-type { margin-right:0!important }
    #vp.bkg .guest select { width: 95px;  }
    #vp.bkg .select label { margin-right:5px!important; margin-top:10px }
    #vp.bkg .select label font { display:contents }
}
@media (max-width: 837px) {
    #vp.bkg .guest select { width: 95px!important;  }
    .select.col  { float: left; margin-right: 5px!important;  }
    #vp.bkg .guest select { width:90px!important }
}
@media (max-width: 767px) {
    #vp.bkg #first {  background-color: #FFF;  padding: 0 25px !important;    }
    #vp.bkg #second { position:relative!important; display:none!important; right:0; border-radius:0; top:0; margin-bottom:50px; left:0!important; 
                      float:none!important;  margin-left:30px; margin-bottom:30px!important }
    #vp.bkg #scrollavail { display:none!important }
    /*#vp.bkg #second, #vp.bkg #second.is_stuck { right:auto!important }*/
    #vp.bkg .select.col {display:inline-block!important; width:auto!important; margin-right:5px!important}
    #vp.bkg .guest select {width:92px}
    #vp.bkg #second .dd { width:98%   }
    }
@media (max-width: 520px) {
     #vp.bkg #second { position:relative!important; display:none!important; right:0; border-radius:0; top:0; margin-bottom:50px; left:0!important; 
                      float:none!important;  margin-bottom:30px!important; width:90% }
}



/*main section.villa-main .row .col:nth-of-type(2) .btn { display: inline; color: #fff; text-align: center; margin-top: 15px; max-height:40px    }*/
main section.villa-main .row .col:nth-of-type(2) .btn.invert {
    color: #000 !important;
}

    main section.villa-main .locreview {  display: flex;  width: 100%;  }

    main section.villa-main .locations {  font-size: 12px; width: 80%;   float: left   }

    main section.villa-main .reviewcnt {  font-size: 13px;  width: 20%;   float: left;  text-align: right  }


    main section.villa-main .locations span.divider { display: inline-block; margin: 0 15px;    }

main section.villa-main .details, main #options .details { font-size: 12px; margin-top: 20px;  /*margin-bottom: 40px;*/  display: flex;  align-items: center;}

        main section.villa-main .details img {
            width: 30px;
            margin-right: 1px;
            display: inline-block;
            *display: inline;
            zoom: 1;
            vertical-align: middle;
        }
        main section.villa-main .details .bedrooms:nth-of-type(2) img { margin-right:-5px }

    @media (max-width: 767px) {
        .box2 .details {margin-bottom:0!important; line-height:20px}
        main section.villa-main .details {  margin-bottom: -5px!important  }
    }

    @media (max-width: 420px) {
        main section.villa-main .details img {  width: 20px  }
    }

    main section.villa-main .details > div { line-height: 24px; margin-right: 25px;  }

        main section.villa-main .details > div:not(:first-of-type) {
            margin-top: 2px;
        }

    main section.villa-main .shortcut {
        margin-bottom: 50px;
    }

        main section.villa-main .shortcut a {
            font-size: 12px;
            text-transform: none;
            margin-right: 15px;
        }

    main section.villa-main .includes {
        margin-top: 70px;
        margin-bottom: 40px;
        display: block;
        align-items: center;
        border-top: solid 1px silver;
        padding-top: 20px;
    }

        main section.villa-main .includes .item {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            text-align: left;
            font-size: 12px;
            margin-right: 15px;
            max-width: 125px;
        }

            main section.villa-main .includes .item img {
                display: block;
                padding-bottom: 15px;
                margin-bottom: 15px;
                border-bottom: 1px solid rgba(35, 31, 32, 0.15);
            }

    main section.villa-main .content, main section.villas .content {
        letter-spacing: 0.30px;
        line-height: 21.0px;
        font-weight: 300;
        font-size: 15px;
        margin-bottom: 30px;
        max-height: 80px;
        overflow: hidden;
        transition: 0.5s max-height;
        display: block !important
    }

    @media (max-width: 767px) {
        main section.villa-main .content, main section.villas .content {  width: 100%    }

        main section.villa-main .includes {
            padding-bottom: 30px;
            border-bottom: solid 1px silver;
        }

        #rightprice {
            position: relative !important
        }

        #rightprice, .pricecontainer {
            position: relative !important;
        }

        .pricecontainer {
            /*border-top: solid 1px silver;
            border-bottom: solid 1px silver;
            padding: 10px 0 40px;*/
            position: relative !important
        }
    }

    main section.villas .content {
        margin-bottom: 0 !important
    }

        main section.villa-main .content.collapsed, main section.villas .content.collapsed {
            max-height: 999px;
            display: table !important;
            font-family: Majorant-Thin
        }

        main section.villa-main .content p, main section.villas .content div { margin-bottom: 15px;  font-family: 'Majorant-Thin'        }

    @media (max-width: 1230px) {
        main section.villa-main .content p, main section.villas .content div {  font-size: 13px     }
    }

    main section.villa-main .readmore {   font-weight: 300;    }

    main section.villas .readmore {   margin: 30px 0;  display: inline-block   }

    main section.villa-main .price {  font-size: 14px;   margin-top: -5px;  display:inline-block;  font-family:Majorant-thin }
    main section .villa-rates .price  {display:none}
        main section.villa-main .price .currency, main section.villa-main .price .amount { font-size: 14px; font-weight: 300; line-height: 14px;  font-size:14px; font-family:majorant-thin }
        .villa-main .amount { color:#333333; font-size:24px; font-weight:400; font-family:'Majorant Light'; width:auto; display:flex; vertical-align:middle;  }
            .villa-main .amount span { color: #333333; font-size: 14px; font-weight: 400; font-family: Majorant-thin;  margin-left: 10px; margin-top: 3px; display: initial; vertical-align: middle;  }
        .villa-main .gross { color:#333333; text-decoration:line-through; font-size:14px; margin-bottom:10px; font-family:Majorant-Thin; font-weight:400; line-height:14px }
        .villa-main .datedisplay {margin-bottom:15px }

        main section.villa-main .price .currency { margin-top: 13px; width:auto; display:inline-block; padding-bottom:20px  }

        main section.villa-main .price .amount { margin-bottom: 15px; }

    main section.villa-main #rightprice a { width: 158px; text-align: center  }

    main section.villa-main .price span { display: none  }

    main section.villa-main .price .show {  display: inline-block  }

    @media (max-width: 1230px) {
        main section.villa-main .row { margin-left: -25px;     }
        .villa-main .gross { margin-top:10px }
    }
@media (max-width: 1023px) {
       .villa-main .amount {  display: block !important; width:100%      }
       .villa-main .amount span {  display:block; margin-left:-1px  }
       #vp .dd .txtArrivalDate, #vp .dd .txtDepartDate {   background-position: 96% 10px!important; }
}
    @media (max-width: 767px) {
        main section.villa-main .row { flex-direction: column;  margin-left: -25px;  margin-right: -25px;   }

            main section.villa-main .row .col:nth-of-type(2) {  flex-basis: 100%;  max-width: none;      }

        /*main section.villa-main .price {   display: flex;  margin-top: -5px    }*/

            main section.villa-main .price .currency {  margin-top: -10px;  font-size: 14px;        }

            main section.villa-main .price .amount {  margin-right: 15px;  }

            main section.villa-main .price .currency { margin-top: 15px  }

        main section.villa-main #rightprice a {     margin-bottom: 10px; /*display:none!important*/        }

        /*main section.villa-main #rightprice .button-toggle {
            display: inline-table !important
        }*/
        #vp .dd .txtArrivalDate, #vp .dd .txtDepartDate {  background-position:95% 10px !important; }
    }
     @media (max-width: 767px) {
        main section.villa-main .details > div {  max-width: 150px; margin-right: 25px;  width: auto    }
        .villa-main .amount {  display: block !important; width:100%      }
       
        /* .villa-main .amount span {  display: block !important; width: 100%; margin-left:-3px  }*/
        /*main section.villa-main .price {  display: block;  }*/
    }

@media all and (max-width:420px)  {
    main section.villa-main #rightprice .button-toggle {  display: none !important;   width: auto !important;   padding: 10px 25px;    }
    /*.villa-main .amount .span {  width: 50%; margin-left:-5px  }*/
}

@media all and (max-width:420px) {
     .villa-main .amount  {  display:block;  }
    .villa-main .amount span {  display:block; margin-left:-1px  }
}
   
    @media (max-width: 500px) {
        main section.villa-main .details > div {
            max-width: 180px;
            margin-right: 15px;
            width: auto;
            font-size: 10px
        }

            main section.villa-main .details > div img {
                display: inline-block;
                margin-right: 15px;
                height: 30px
            }
    }
    /* ##############
### SINGLE - TABS
############# */
    main .villa-tabs section > .wrapper { padding: 50px 0;  max-width: 1130px;  }

        main .villa-tabs section > .wrapper > h2:first-child, #options h2, #unique h2, #location h2, #facts h2, #layout h2, .villa-rooms h2, #dining h2 { font-family: 'FS Siena', sans-serif; line-height: 33px; font-weight: 400;
            font-size: 30px; margin-bottom: 50px;  text-transform: uppercase; letter-spacing: .2em; text-align: center;  }
           
    @media all and (max-width: 414px) {
        main .villa-tabs section > .wrapper > h2:first-child, #options h2 { font-size: 20px !important; line-height: 25px !important; margin-bottom: 20px     }

        main .villa-tabs .row .col, main .villa-tabs .row .col p, main .villa-tabs .row .col ul, main .villa-tabs .row .col h3 { font-size: 13px !important; line-height: 17px       }

            main .villa-tabs .row .col h3 { font-size: 15px !important; margin-bottom: 10px !important; line-height: 18px  }
    }

    @media (max-width: 320px) {
        main .villa-tabs .row .col, main .villa-tabs .row .col p, main .villa-tabs .row .col ul, main .villa-tabs .row .col h3 { font-size: 13px !important; line-height: 17px       }
    }

    @media (max-width: 1230px) {
        main .villa-tabs section > .wrapper { padding-left: 25px !important; padding-right: 25px !important;   }
    }

    @media (max-width: 767px) {
        main .villa-tabs section > .wrapper { padding: 30px 0   }
    }

    /* ##############
### SINGLE - RATES
############# */
 #vp.bkg #belowmin { padding-top:25px }
#belowmin { position: relative; display: block; margin-top: 10px;  float: right; font-size: 13px; font-weight: 600; font-family: 'Majorant-Thin'; color:#231F20;  z-index:2!important }
#belowmin b { font-weight:bold; font-family:'Majorant Light' }
#belowmin span {width:auto; font-weight;bold; font-size:22px}
#belowmin h4 {display:none}
#h4below {display:none}

    .checkcontainer {  display: block;  position: relative; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none;
        -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; font-family: 'Majorant-Light'; line-height: 18px; display:inline
    }
    .checkcontainer span { line-height:15px!important }

    #panCompute input[type="radio"] { height: 16px; width: 16px; display: inline-block; cursor: pointer; background: #FFF; border-radius: 100%;    }
    #panCompute {margin-bottom:-15px }
    #panNotAvailable {  padding-top: 20px}
   #promoapply { margin-top: -42px; margin-bottom: 25px; font-size:12px; color:red}
.promodisc {}

    /*-----------------------*/
    /* VILLA RATES*/
/*-----------------------*/
    div.villa-rates { overflow:hidden }
    div.villa-rates .wrapper {  padding-bottom: 0 !important; float:right; position:absolute; display:block   }

   div.villa-rates h2 { font-size:24px; line-height:28px; position:relative; display:block; max-width:400px; font-family:Majorant-light; color:#333333; margin-bottom:5px!important; margin-top:29px }

    div.villa-rates h3, div.villa-rates h4 {   margin-bottom: 30px; line-height: 25.6px; font-weight: 400; font-family: 'Majorant light', sans-serif; font-size: 24px; padding:5px 0; margin:0   }

    main section.villa-rates h4 { font-size: 18px;  margin-bottom: 3px; color:#231F20   }

    main section.villa-rates .row {  background: #FFF; padding: 0 20px; }
        main section.villa-rates .row .col {  text-align: left;  padding: 0 20px;     }
            main section.villa-rates .row .col hr { margin-bottom: 30px;  }
            main section.villa-rates .row .col .info { margin-bottom: 30px;  display: block;     }

    main section.villa-rates .bedroom-group {  margin-bottom: 30px;  }

    div.villa-rates .ratename,
    div.villa-rates .ratename .rate {   justify-content: space-between; font-weight: 400; font-size: 15px; line-height:10px; width:53% }

    div.villa-rates .ratename.std  .rate {   justify-content: space-between; font-weight: 400; font-size: 15px; line-height:10px; width:52%}

    div.villa-rates .ratename {  display: inline-block;   width: 100%;  }

        div.villa-rates .ratename .name {  margin-left: 6px;  font-family: 'Majorant-Thin';  font-size: 15px; line-height: 23px;  width:75%; }        

        div.villa-rates .ratename .price { font-family: 'Majorant light';  font-size: 15px; line-height: 17px;   }

 .maxguest { font-size:13px; margin-top:-15px; color:#231F20; font-weight:600; font-family:Majorant-Thin; line-height:16px; margin-bottom:5px; margin-top:5px }
 .maxguest b {font-family:'Majorant Light'; font-weight:bold; }
 .personal {font-weight:600!important;  }
  div.villa-rates .ratename .price5 {   width: 47%;   text-align: right; padding-right:3px  }

  @media all and (max-width: 414px) {
    /*  div.villa-rates .ratename .name {  line-height: 18px;  margin-bottom: 10px; font-size:15px!important; margin-top:2px; margin-left:10px!important; width:100%  }
        div.villa-rates .form-item input {  width: 100%;  margin-right: 5px !important     }
        div.villa-rates .rate {width:100%!important}
        div.villa-rates .ratename .price5 {   width: 100%;   text-align: right; margin-top:5px; float:right    }
           */
        .txtArrivalDate, .txtDepartDate { background: url(../png/calendar-2.png) no-repeat 110px !important;
            text-indent: 0 !important
        }
    }
  @media (max-width: 767px) {
        div.villa-rates .ratename .price5 {   width: 51%!important;   text-align: right; margin-top:5px    }
        div.villa-rates .rate {width:45%!important}
        div.villa-rates .std .rate {width:47%!important}
        div.villa-rates .row .col { text-align: left;   padding: 0;      }
        #belowmin { width:100%;  display:block; margin-top:10px; color:#231F20 }
        .maxguest {margin-top:15px}
        div.villa-rates .ratename.std .name {  line-height:18px; width:82%!important; margin-top:2px }         
        div.villa-rates .ratename .name {  line-height:18px; width:83%!important }      
        #promoapply { margin-top: -20px;  }
    }

  @media  all and (min-width:768px) and (max-width: 1023px) {
     div.villa-rates .rate {width:100%!important}
      div.villa-rates .ratename .price5 {   width: 100%!important;   text-align: right; margin-top:5px; float:right    }
      div.villa-rates .name {   width: 85%!important; margin-left:-1px!important  }
}
@media (max-width: 1089px) {
    #belowmin { width: 100%; display: block;  margin-top: 10px;   }
}


/*
 @media (max-width: 400px) {
          div.villa-rates .ratename .name {  margin-left:10px }
          div.villa-rates .ratename .price5 {   width: 55%!important;   text-align: right    }
          div.villa-rates .ratename .rate {   width: 44%!important;   text-align: right    }
     }
  @media (max-width: 395px) {
          div.villa-rates .ratename .rate {  width:41%!important; margin-left:2px }
          div.villa-rates .ratename .price5 {   width: 56%!important;   text-align: right    }
     }
  @media (max-width: 390px) {
          div.villa-rates .ratename .rate {  width:40%!important; margin-left:2px; }          
          div.villa-rates .ratename .name {  font-size:15px!important; margin-left:3px!important; padding-bottom:5px; line-height:18px; margin-left:10px!important}
          div.villa-rates .ratename .price5 {   width: 57%!important;   text-align: right;  margin-bottom:15px    }
     }
  */
@media all and (min-width:401px) and (max-width: 420px) {
     div.villa-rates .std .rate {width:45%!important}    
        div.villa-rates .rate {width:45%!important}              
        div.villa-rates .ratename .name {  line-height:18px; width:80%!important;  }        
           div.villa-rates .ratename.std .name {  line-height:18px; width:80%!important; margin-top:2px }         
         div.villa-rates .ratename .price5 {   width: 55%!important;   text-align: right; margin-top:5px    }
}
   @media (max-width: 400px) {
          div.villa-rates .ratename .rate {  width:100%!important; margin-left:2px; }          
          div.villa-rates .ratename .name {  font-size:15px!important; margin-left:-1px!important; padding-bottom:15px; line-height:18px; width:86%; margin-top:4px }
          div.villa-rates .ratename .price5 {   width: 100%!important;   text-align: right;  margin-bottom:15px; width:100%; text-align:right; margin-top:-7px!important    }
     }
    
   
     
    div.villa-rates .ratename .totalamt a {  border: 1px solid #000; border-radius: 50px;  padding: 7.5px ​7px; background: transparent; width: 17px;
        height: 17px; text-decoration: none; display: inline-block; line-height: 13px; padding: 0 1px 4px 3px;    }

    div.villa-rates .form-item {  /*line-height: 50px;*/ display: inline-block; font-size: 14px; font-weight: 300; position: relative;  }

        div.villa-rates .form-item input { display: inline-block; background-color: transparent; position: relative;  line-height: 43px; padding: 0 18px;  border-radius: 30px;
            margin-right:0; max-width: 620px; border:solid 1px gray;    }
        div.villa-rates select, div.villa-rates textarea { border:solid 1px gray }
        div.villa-rates select { height:45px; padding:8px; color:#333333 }
        .bedavail input { margin-top:3px}

@media all and (max-width: 1023px) {
    .bedavail  {  width:48%!important   }
}
@media all and (max-width: 767px) {
     div.villa-rates .form-item { min-height: auto;  }
}
   

    @media (max-width: 375px) {
        main section.villa-rates .form-item input { width: 100%;  margin-right: 5px !important; font-size: 11px; text-indent: 0    }
    }

    @media (max-width: 320px) {
        div.villa-rates .form-item input {  width: 155px; margin-right: 5px !important; font-size: 11px; text-indent: 0    }
    }

    div.villa-rates .form-item label {  display:block; border-radius:0   }

   div.villa-rates .form-item input.collapsed { display: block;   }

    @media (max-width: 1023px) {
        div.villa-rates .row { flex-direction: column;  }

        div.villa-rates .ui-datepicker { margin-bottom: 30px;  }

            main section.villa-rates .ui-datepicker:not(.ui-datepicker-inline),
            main section.villa-rates .ui-datepicker:not(.ui-datepicker-inline) td span,
            main section.villa-rates .ui-datepicker:not(.ui-datepicker-inline) td a { width: 100% !important;  }
    }

    @media (max-width: 767px) {
        main section.villa-rates .row {  padding-left: 0;  padding-right: 0;  }

        main section.villa-rates .ratename { flex-direction: column; margin-bottom: 15px;   }

        .totalamt span {  font-size: 18px; vertical-align: middle; margin-left: 25px;  }
    }

    .col.promo {   border-bottom: solid 0 silver;   display: inline-block; margin-bottom:0  }  
    .dd {   border-bottom: solid 0 silver;   display: inline-block;  }  
    .dd .form-item {width:100%; height:auto; min-height:10px!important;  }   
    .dd .form-item:last-of-type input {margin-bottom:25px}
    .dd #txtDepartDate {margin-bottom:20px!important; }

    .col.promo .form-item { width:45.9%; height:auto; min-height:10px!important }
        .dd .form-item, .promo .form-item {   margin-right: 12px; margin-bottom:-5px   }      
      
        .col.promo .form-item:last-of-type{ margin-right:0!important }

        .promo .form-item {display:inline-block!important; padding:24px 0}
        .dd label { line-height:22px; font-size:16px!important; font-family:Majorant-Light; color:#000!important; font-weight:400; margin-bottom:5px;  }
        .dd input { margin-bottom:15px }
        .col.promo .form-item:last-of-type {margin-right:0}

    @media (max-width: 420px) {
        main section.villa-rates h3, main section.villa-rates h4 {  font-size: 15px    }

        .totalcost { font-size: 13px !important   }

        .bedavail {   width: 48% !important;   margin-right: 5px !important     }
    }
@media (max-width: 330px) {
    .bedavail {  width: 100% !important;      }
}


#vp #panCompute #totalcost b { font-size:14px; margin-top:45px;  }
/*
#vp #panCompute i.fa.fa-minus.fa-stack-1x.fa-inverse, #vp #panCompute i.fa.fa-plus.fa-stack-1x.fa-inverse {
    color: #000; background: #EBEDEE; border-radius: 50px; border: 1px solid #000; width: 17px; height: 17px;line-height: 15px; font-size: 11px;
    position: unset;  margin-left: 15px;  cursor: pointer; background:url(https://cimages.elitehavens.com/images/portals/rebrand/down.png) }
    */
#vp #panCompute i.fa.fa-minus.fa-stack-1x.fa-inverse, #vp #panCompute i.fa.fa-plus.fa-stack-1x.fa-inverse {
     cursor: pointer; background:url(../png/down.png) no-repeat; border:none!important; color:transparent }
#vp #panCompute i.fa.fa-minus.fa-stack-1x.fa-inverse, #vp #panCompute i.fa.fa-minus.fa-stack-1x.fa-inverse {
     cursor: pointer; background:url(../png/up.png) no-repeat; border:none!important; color:transparent }

 i.fa.fa-minus.fa-stack-1x.fa-inverse,  i.fa.fa-plus.fa-stack-1x.fa-inverse,  i.fa.fa-minus.fa-stack-1x.fa-inverse,  i.fa.fa-plus.fa-stack-1x.fa-inverse  {
    color: #000;  background: #EBEDEE; border-radius: 40px; border: 1px solid gray; width: 15px; height: 15px; line-height: 14px; font-size: 9px; position: unset;
    margin-left: 0 !important;  cursor: pointer; }

 /* VILLA PAGE PLUS MINUS */
 #vp .select.col i.fa.fa-minus.fa-stack-1x.fa-inverse,   #vp .select.col  i.fa.fa-plus.fa-stack-1x.fa-inverse,   
 #vp .select.col i.fa.fa-minus.fa-stack-1x.fa-inverse,   #vp .select.col i.fa.fa-plus.fa-stack-1x.fa-inverse  {
    color: #000;  width: 20px; height: 25px; line-height: 17px; font-size: 15px; position: unset; border:none; background:transparent;
    margin-left: 0 !important;  cursor: pointer; }

#frmFilter5  i.fa.fa-minus.fa-stack-1x.fa-inverse {margin-left:7px!important; margin-right:25px}

    @media all and (max-width: 420px) {
        .archive .locID i.fa.fa-minus.fa-stack-1x.fa-inverse, .archive .locID i.fa.fa-plus.fa-stack-1x.fa-inverse {
            /* border: solid 1px red!important; */
            height: 25px !important;
            width: 25px !important;
            margin-right: -24px !important;
            float: right !important;
            background-position-y: 4px !important;
            background-position-x: 2px !important;
        }
    }


    .archive .area i.fa.fa-minus.fa-stack-1x.fa-inverse {
        background: url(../png/up.png) no-repeat;
        color: transparent;
        width: 20px;
        height: 10px
    }

    .archive .area i.fa.fa-plus.fa-stack-1x.fa-inverse {
        background: url(../png/down.png) no-repeat;
        color: transparent;
        width: 20px;
        height: 10px;
        background-position-x: 5px !important
    }

    .archive .fa.area i.fa-plus fa-stack-1x fa-inverse.one {
        display: none
    }

    .archive #sidebar_availability.selectBox-dropdown {
        margin-bottom: 10px;
        border: solid 1px #000 !important;
        color: #231F20;
        border-radius: 25px !important;
        min-width: 50px !important;
        height: 35px;
        margin-top: -1px;
        width: 110px !important;
        margin-right: 1px
    }

    /* ##############
### SINGLE - FEATURES
############# */
    div.villa-features .row {  margin-left: -50px;   margin-right: -50px;  }
        div.villa-features .row .col {  max-width: 100%;  margin-left: -1px  }
        div.villa-features .row .col:nth-of-type(2) {  max-width: 100%;  margin-left: -1px; border-radius:0!important; background-color:none!important  }
    div.villa-features .item {  text-align: center;  }

        main section.villa-features .item a {  color: #000;   }

        main section.villa-features .item h3 { margin-bottom: 30px; line-height: 25.6px;  font-weight: 300; font-family: 'Majorant Thin', sans-serif; font-size: 20px;  }

        main section.villa-features .item p { font-size: 15px;font-weight: 300; letter-spacing: 0.30px; line-height: 21.0px;    }

    @media all and (max-width: 1230px) {
        div.villa-features .row { margin-left: -25px;  margin-right: -25px;    }
    }

    @media all and (max-width: 767px) {
        div.villa-features .row { margin-left: -15px; margin-right: -15px;    }
    }


    /*#unique {margin:-80px 0}
#unique .wrapper {  padding-top: 80px }*/
    #unique  { margin-bottom: -30px; margin-top:50px; display:inline-block; width:100%;  text-align:center }
        #unique div { text-align: center; width: 20%; font-size: 15px; font-family: Majorant; margin-bottom: 40px; display:inline-block; vertical-align:text-top  }

    @media all and (max-width: 950px) {
        #unique div { width: 33%;  }
    }
    @media all and (max-width: 767px) {
        #unique div {  width: 50%;  margin-bottom: 30px   }
    }

    #unique div img { display: block; padding-bottom: 15px; margin: 0 auto; max-width: 75px; height: 70px  }

    @media all and (max-width: 420px) and (min-width:320px) {
        #unique div { float: left; text-align: left; width: 48%; font-size: 12px; font-family: Majorant; margin-bottom: 1px!important; line-height: 14px   }

            #unique div:nth-of-type(even) {  margin-left: 10px; clear: right; min-height: 100px }

            #unique div img {  display: block;  padding-bottom: 15px;  max-width: 55px;  height: 55px; clear: right       }

            #unique  div span {  display: block; clear: both; text-align: center         }
    }



    /* ##############
### SINGLE - LOCATION
############# */
    div.villa-location {margin-top:100px}
    div.villa-location a.link {  margin-top: 30px;  }

    div.villa-location .row {  margin-left: -50px;   margin-right: -50px;   }

        div.villa-location .row .col { text-align: left; padding: 0 50px; border-left: 1px solid rgba(35, 31, 32, 0.15);     }
        div.villa-location .row .col:nth-of-type(1) {  border-left:none  }
            div.villa-location .row .col:nth-of-type(2) {  text-align: left; font-family: 'majorant-thin'; font-size: 15px  }

                div.villa-location .row .col:nth-of-type(1) h2 { line-height: 40px; font-family: 'Majorant-Light', sans-serif; font-weight: 300; font-size: 36px;
                    color: #231F20; max-width: 500px; margin: 0 auto 30px; }

                div.villa-location p, div.villa-location ul,  div.villa-location  ol {
                    font-weight: 400!important; font-size: 15px; line-height: 140%; letter-spacing: 0.02em; margin: 0 auto 15px; font-family: 'Majorant-Thin'; color: #231F20; margin-top:20px
                }


                    div.villa-location .row .col:nth-of-type(1) ul li:not(:last-child),
                    div.villa-location .row .col:nth-of-type(1) ol li:not(:last-child) { margin-bottom: 15px; }

    /*main section.villa-location .row .col:nth-of-type(1) p:last-of-type {  margin-bottom: 0;  }*/

    div.villa-location .things-to-do { margin-top: 30px; max-height: 0; overflow: hidden; transition: 0.5s max-height;  }

        div.villa-location .things-to-do.collapsed { max-height: 999px; display: inline-table   }

    div.villa-location .map {
        background: url(../png/map.png) no-repeat center center;
        background-size: cover; min-height: 400px; max-height: 400px; height: 100%; position: relative;  }

        div.villa-location .map .map_click { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

    main section.villa-location .jarallax { text-align: center; color: #fff; margin-top: 50px; padding: 100px 0   }

        main section.villa-location .jarallax h3 {
            font-family: 'Majorant Thin', sans-serif; font-weight: 300; letter-spacing: 8px !important; line-height: 44px !important; font-size: 40px !important;
            text-transform: uppercase; text-align: center; margin-bottom: 15px;  }

        main section.villa-location .jarallax p { font-size: 17px !important; max-width: 540px;   }

        main section.villa-location .jarallax .btn { color: #fff; border-color: #fff; margin-top: 30px;  }

    @media all and (max-width: 1023) {
        div.villa-location .row { margin-left: -25px; margin-right: -25px; }
    }

    @media all and (max-width: 767px) {
        main section.villa-location .row { flex-direction: column-reverse; }
            main section.villa-location .row .col:nth-of-type(1) { padding-top: 0; padding-bottom: 0; }
                main section.villa-location .row .col:nth-of-type(1) h2 { font-size: 26px; line-height: 30px;  }

        div.villa-location .map { min-height: 280px; }
        div.villa-location .row .col:nth-of-type(1) p,
        div.villa-location .row .col:nth-of-type(1) ul,
        div.villa-location .row .col:nth-of-type(1) ol { margin-top:20px   }
        div.villa-location .map {  width:100%; height:auto }
  }
@media all and (max-width: 520px) {
    div.villa-location .map {  aspect-ratio: 1 / 1;  object-fit: cover  }
}

    /* ##############
### SINGLE - FACTS
############# */
   div.villa-facts { padding-bottom:80px; display:block }
   div.villa-facts .wrapper {  border-bottom: none;  }   

    div.villa-facts a { color: #000;  }
        div.villa-facts a.btn { color: #FFF; margin-right: 25px  }

    div.villa-facts .row { padding:0; margin-top:0!important; margin-left:0!important; margin-right:0!important }
    div.villa-facts .col { padding:0!important;  }
    div.villa-facts .col:nth-of-type(2) {  border:none!important; padding:0!important; margin-right:0!important; border-radius:0!important; 
                                           background:transparent!important }

    div.villa-facts .amenities { line-height: 22px; font-weight: 300; font-size: 15px;  }
        div.villa-facts .amenities .row { padding: 12px 0; border-bottom: 1px solid rgba(35, 31, 32, 0.15); }
        div.villa-facts .amenities .col { overflow:visible!important }
        div.villa-facts .amenities .row .col .row { padding:0 }
            div.villa-facts .amenities .row:first-of-type { border-top: 1px solid rgba(35, 31, 32, 0.15); }
            div.villa-facts .amenities .row .facheading { max-width: 250px!important; font-family: 'Majorant-Light'; margin-right:0!important; padding:0 }
            div.villa-facts .amenities .row .facdesc { max-width: 770px!important; font-family: 'Majorant-Thin'; position:relative!important; overflow:visible!important; overflow-x:visible!important }

@media all and (max-width: 1023px) {
     div.villa-facts .row {  margin-left:0!important; margin-right:0!important; flex-direction:column }
    div.villa-facts .row .col { overflow: visible !important; display:block; padding-left:-25px!important  }
}
        @media all and (max-width: 767px) {
            div.villa-facts .amenities { display:block; }
                div.villa-facts .col { overflow: visible !important; display:block; padding-left:-25px!important  }
                div.villa-facts .row:first-of-type .col:first-of-type { padding:0!important; margin:0 }
            div.villa-facts .amenities .row:first-of-type { margin-left:-25px    }
        }
    @media all and (max-width: 560px) {
        div.villa-facts .row { flex-direction: column;    }
        div.villa-facts .amenities .row .facheading { margin-bottom: 15px; font-weight: 400;   }
    }

    /* ##############
### SINGLE - LAYOUT
############# */
    div.villa-layout { display:block; padding-bottom:30px }
    div.villa-layout a { text-decoration: none;  }
        div.villa-layout a.btn {  margin-top: 30px;     }

    div.villa-layout .row { align-items: flex-start;  margin-bottom: 0; margin-left:0!important; margin-right:0!important; display:flex; flex-wrap:wrap }
        div.villa-layout .row:last-of-type { margin-bottom: 0; width:100%; display:block; margin-top:0  }

        div.villa-layout .row .col { text-align: left;  border:none!important;  margin-right:0!important; width:50%; float: left !important;
                display: inline-block;  width: 45%; overflow:hidden!important  }
        div.villa-layout .col:nth-of-type() { border:none }

            div.villa-layout  .col:nth-of-type(odd) { border-left: none; text-align: left; margin-right:0!important; padding-left:0!important; margin-right:30px!important; clear:both; padding-bottom:0!important }
            div.villa-layout .row .col:nth-of-type(even) {  border-left: 1px solid rgba(35, 31, 32, 0.15)!important;  margin-right:0!important; margin-top:0!important; 
                                                            padding-top:0!important; padding-right:0!important; padding-left:30px!important;  }
            div.villa-layout .col h3 { margin-bottom: 30px; line-height: 25.6px; font-weight: 300; font-family: 'Majorant-Light', sans-serif!important; font-size: 20px;   }

            div.villa-layout .col p, div.villa-layout .col ul { font-weight: 300; font-size: 15px; line-height: 140%; letter-spacing: 0.02em;
                    margin: 0 auto 15px; font-family: Majorant-Thin; display: inline-block  }
                div.villa-layout .col p:last-of-type { margin-bottom: 0;             }

            div.villa-layout ul {margin-top:0!important; }
    div.villa-layout .img-cover { object-fit: cover; height: 100%;  }

@media all and (max-width: 900px) {
     div.villa-layout .row .col { text-align: left;  border:none!important;  margin-right:0!important; width:50%; float: left !important;
                display: inline-block;  width: 100%; overflow:hidden!important  }
        div.villa-layout .row .col:nth-of-type(even) { border-left:none!important; padding-left:0!important }
}
    @media all and (max-width: 767px) {
        div.villa-layout .row { flex-direction: column; margin-bottom: 0   }
            div.villa-layout .row .col {  border-left; margin:0!important; padding-right:0!important }
            div.villa-layout .row:nth-of-type(2) .col { margin-bottom: 0 }
    }



    /* ##############
### SINGLE - ROOMS
############# */
    div.villa-rooms {  display:block; padding-bottom:30px }
    div.villa-rooms .row { align-items: flex-start;  margin-bottom: 0; margin-left:0!important; margin-right:0!important; display:flex; flex-wrap:wrap }
    div.villa-rooms .row .col { text-align: left;  border:none!important;  margin-right:0!important; margin-left:0!important; padding-left:0!important; width:100%; float: left !important; }
    div.villa-rooms .row:last-of-type { margin-top:-10px }
    div.villa-rooms .row:last-of-type .col { margin-top:-10px }
    @media all and (max-width: 767px) {
         div.villa-rooms .row { margin: 0 auto; padding: 25px 0   }
    }
@media all and (max-width: 1320px) {
    div.villa-rooms .row .col { margin: 0 auto; padding-right: 0!important    }
}
    @media all and (max-width:414px) {
        div.villa-rooms .row {  margin: 0 auto; padding: 0    }
    }

    main section.villa-rooms .row .col { max-width: 100%; margin-left: -1px; margin-right:0; border:none  }
        div.villa-rooms .row .col.pix { text-align: left;  /*border-left: 1px solid rgba(35, 31, 32, 0.15);*/  margin-right:0!important; padding-bottom:20px   }
    
    div.villa-rooms .row .col.pix img { width: 100%  }

    div.villa-rooms .item { text-align: left; float: left; width: 50%; padding: 0 50px; border:none!important; margin-bottom:20px }
        div.villa-rooms .item:nth-of-type(odd) { padding-left:0!important; clear:left }
            div .villa-rooms .item:nth-of-type(even) { text-align: left; float: left; width: 50%; padding-right:0!important; border-left: 1px solid rgba(35, 31, 32, 0.15); clear:right }

    @media all and (max-width: 1200px) {
        div.villa-rooms .item { height:auto!important }
        .villa-layout ul li, .villa-layout ul { height:auto!important}
    }

    @media all and (max-width: 900px) {
          div.villa-rooms .item { width: 100%!important; padding:0!important  }
    }

    @media all and (max-width: 767px) {       
        div.villa-rooms .item {  width: 100%; padding: 0; height: auto !important     }
         div.villa-rooms .row .col.pix { padding: 0; max-width:100%!important  }
        div.villa-rooms .item {border-left:none!important}
        div.villa-rooms .item {width:100%!important}
    }
    @media all and (max-width: 400px) {
         div.villa-rooms .item:first-of-type {  margin-top:45px  }
    }
    div.villa-rooms .item img { margin-bottom: 30px;   }

    div.villa-rooms .item a { color: #000;  }

    div.villa-rooms .item h3 { margin-bottom: 30px; line-height: 25.6px; font-weight: 300; font-family: 'Majorant-Light', sans-serif; font-size: 20px;  }


    div.villa-rooms .item p, div.villa-rooms .item ul { font-size: 15px; font-weight: 300; letter-spacing: 0.30px; line-height: 21.0px; font-family: 'majorant-thin'  }


    @media all and (max-width: 1230px) {
        div.villa-rooms .row { margin-left: -25px;  margin-right: -25px;   }
    }


    @media all and (max-width: 767px) {
        div.villa-rooms .row { margin: 0 auto   }
    }

    /* ##############
### SINGLE - DINING
############# */
    main section.villa-dining .wrapper { border-bottom: none; padding:0 50px}

    div.villa-dining a.btn { margin-top: 30px;  }

    div.villa-dining .row { align-items: flex-start; display:block!important  }

    .diningdesc div {display:block; border:solid 1px red; clear:both}
        div.villa-dining .col { text-align: center;  border-left: 1px solid rgba(35, 31, 32, 0.15);  display:block; width:100%!important; border-radius:0!important; background:transparent!important }
            div.villa-dining .col:nth-of-type(1) { border-left: none; text-align: left; display: inline-table; font-size: 15px; margin-right:0!important; padding-left:0!important  }

                div.villa-dining .row .col:nth-of-type(1) h2 { line-height: 40px; font-family: 'Majorant-Light', sans-serif; font-weight: 300; font-size: 36px;
                    color: #231F20; max-width: 500px; margin: 0 auto 30px; }
                div.villa-dining .col:nth-of-type(2) { border:none!important; width:100%!important; max-width:100%!important; margin-right:0!important; 
                                                       text-align:left; padding:0!important;  font-family: 'majorant-thin'; display:block!important; position:relative!important;
                                                        max-height:100%!important; border-radius:0; background:transparent  }
                div.villa-dining .col:nth-of-type(1) p, div.villa-dining .col:nth-of-type(1) p a {
                    font-weight: 400; font-size: 15px; line-height: 140%; letter-spacing: 0.02em; margin: 0 auto 15px; font-family: 'Majorant-Thin'; color: #231F20;
                }
                    div.villa-dining .col:nth-of-type(1) p:last-of-type { margin-bottom: 0;  }

   div.villa-dining .img-cover {  object-fit: cover;  height: 100%;   }

   @media all and (max-width: 1320px) {
        div.villa-dining .row .col { margin: 0 auto; padding-right: 0!important    }
}
    @media all and (max-width: 767px) {
        main section.villa-dining .row { flex-direction: column-reverse }
            main section.villa-dining .row .col:nth-of-type(1) { padding-top: 0; padding-bottom: 0; padding-right:-25px!important }

            main section.villa-dining .row .col:nth-of-type(2) { display: block; }

            main section.villa-dining .row .col:nth-of-type(1) h2 { font-size: 26px; line-height: 30px; padding-right:0}

            main section.villa-dining .row .item img {  max-height:350px }
             #dinepix { max-width: 100%;  margin-bottom: 20px; ; padding-right:-25px!important   }
    }
@media all and (max-width: 420px) {
       #dining img {max-height:350px }
}

    #samplemenu { display: inline-block; margin-bottom:30px }
    #dinepix {  max-width: 100%; display:block; padding-bottom:15px!important   }



    /* ##############
### SINGLE - REVIEWS
############# */
    main section.villa-reviews { background: #F8EDE4; margin-top: 30px }
        main section.villa-reviews .wrapper { border-bottom: none; max-width: none;    }

        main section.villa-reviews h2 { letter-spacing: 8px !important; line-height: 44px !important; font-size: 40px !important; text-transform: uppercase;
            text-align: center; padding-top:80px  }

    @media (max-width: 767px) {
        main section.villa-reviews h2 { padding-top: 30px; font-size: 20px !important  }
    }

    main section.villa-reviews .row { margin-left: -50px; margin-right: -50px;  }
        main section.villa-reviews .row .col {  max-width: 100%; padding-left: 50px; padding-right: 50px; margin-left: -1px;   }

    /* QUOTE*/
    main section.villa-reviews .item:before {  content: ''; display: block; background: url(../svg/quote.svg) no-repeat center center; height: 40px;  }

    main section.villa-reviews .item::before {  margin-bottom: 20px;  }

    main section.villa-reviews .item:after { margin-top: 20px; }

    main section.villa-reviews .item p, main section.villa-reviews .item div { font-weight: 300; font-size: 15px; line-height: 140%; letter-spacing: 0.02em;
        margin: 0 auto 25px; font-family: 'Majorant-Thin'  }

    main section.villa-reviews .owl-carousel {   text-align: center;  }

        main section.villa-reviews .owl-carousel .owl-stage {  margin-left: 0 !important;  display: flex;     }

        main section.villa-reviews .owl-carousel span { display: block; font-weight: 300; font-size: 12px; line-height: 140%; letter-spacing: 0.02em;
            margin: 0 auto 15px; font-family: 'Majorant-Light'   }

            main section.villa-reviews .owl-carousel span.name { margin-bottom: 0;  }

    main section.villa-reviews .carousel .owl-nav { display: none;  }

    @media (max-width: 1230px) {
        main section.villa-reviews .row .col {  padding-left: 0;  padding-right: 0;     }
    }

    main #reviews .content { letter-spacing: 0.30px; line-height: 21.0px; font-weight: 300; font-size: 15px; max-height: 80px; overflow: hidden !important; transition: 0.5s max-height;  }

    main #reviews .readmore { margin: 1px 0; display: inline-block; margin-top: -20px; margin-bottom: 35px; text-transform: lowercase;  }

    main #reviews .content.collapsed { max-height: 999px; display: block }

    main #reviews .item { display: block; height: auto   }

    main #reviews .owl-carousel .owl-stage-outer { height: auto !important  }


    /* ##############
### SINGLE - ENQUIRE
############# */
#send-enquiry select {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    background-position:98.5%!important;
    background-repeat: no-repeat;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-size:27px!important
}
    input, select, textarea {  border: 1px solid rgba(35, 31, 32, 15%);  background: #fff; padding: 14px 10px; font-family: 'Majorant-Light';  font-size: 14px   }
    #send-enquiry #terms { margin-bottom: -12px }
    #send-enquiry .col {width:100%; margin:0!important; padding:0; border:none; display:none; overflow:hidden; background:transparent!important; opacity:1!important }
    #send-enquiry .col:nth-of-type(2) {position:relative!important }
    #send-enquiry .row {width:100%; display:none; margin:0!important}
    div.villa-enquire a { color: #231F20; border-radius:30px; width:100%; text-align:center }
    #vp .vpreserve, #vp .dd .btn { width:60%!important; margin:0 auto; text-align:center }
    #vp .vpreserve { margin-bottom:15px}
    #vp .vpreserve span { margin-top:5px; width:100% }
    #vp #dynamic .btn { margin:0 auto; padding:10px 30px}    

    .select.col {width:33.3%!important; margin-right:0}

    .select.col div:nth-of-type(2) { width:auto; border:solid 1px gray; border-radius:30px; display:inline-block; padding:0 15px; height:40px; line-height:40px }
        .select.col div:nth-of-type(3) { float: right;  }

    .select.col input {  border-radius:0!important; width:42px!important;  line-height:35px!important; text-align:center; border:none!important; background:transparent!important; font-size:18px; padding:0 10px!important  }
        .select.col label { margin-right: -2px;  display: inline-block !important; width: 55px; line-height: 40px;/* height: 38px; */  vertical-align: middle;  }
   .select.col:nth-of-type(2) div:nth-of-type(3) label {  line-height:15px; margin-top:5px  }
    div.villa-enquire label span:last-of-type, .villa-enquire #terms span:last-of-type, .villa-enquire #codes2 span, .villa-enquire #guest span { color:red; font-size:12px  }
    
    div.villa-enquire label div:last-of-type, .villa-enquire #terms div:last-of-type, .villa-enquire #codes2 div, .villa-enquire #guest div { color:red; font-size:12px; margin-bottom:5px  }
    #divLN, #divFN, #divE, #divPass, #divP, #divT, #divC {    color: red; font-size: 12px; line-height: 15px; margin-top: 1px;  margin-bottom: 7px;  }
    #divT, #divC {display:inline-block!important; margin-top:5px}
    #divC {padding-top:3px; margin-bottom:25px!important}
    #divT {   display: block!important;  padding-bottom:0;  text-align:left; float:left; width:100% }

    div.villa-enquire .guest span { display:inline-block!important; flex-basis:auto!important; width:auto!important; font-size:15px!important;  }
    div.villa-enquire .guest .select { width:49.5%; padding-bottom:25px!important; display:inline-block!important; }
    div.villa-enquire .guest .select:nth-of-type(even) { margin-right:30px }
@media (max-width: 1023px) {
    div.villa-enquire .guest .select { width:100%; padding-bottom:25px!important; display:inline-block!important; }
    div.villa-enquire .guest span { display:inline-block!important; flex-basis:auto!important; width:auto!important; font-size:15px!important;  }
    div.villa-enquire .guest .select:nth-of-type(even) { float:none!important }
    .select.col label { float:left; margin-right:70px    }
    .col.promo .form-item { width:99%!important   }
    .col.promo .form-item input {  width: 49% !important    }
    .checkcontainer span { width:83%!important}
    .divlast .form-item.names {  width:100%!important  }
    .select.col {width:100%!important}
    .ratename .rate {width:100%}
}
@media (max-width: 767px) {
    #divT {   display:block; line-height:15px; margin-top:3px!important }
    div.villa-enquire .guest span { display:inline-block!important; flex-basis:auto!important; width:auto!important; font-size:16px!important;  }
    div.villa-enquire .guest .select { width:49.5%!important; padding-bottom:25px!important; display:inline-block!important; }
    .select.col label {  margin-right: -2px;  display: inline-block !important;  width: 55px; line-height: 40px;   /* height: 38px; */   vertical-align: middle;    }
}
@media (max-width: 420px) {
    div.villa-enquire .guest .select { width:100%!important}
}
    #vp #codes2 span {display:block; float:left; margin-top:8px }
    #vp .villa-enquire .red {width:15px!important}
    #vp .villa-enquire #terms span:first-of-type {width:89%; line-height:20px }
    #vp #terms a {text-decoration:underline}
    div.villa-enquire .wrapper { border-bottom: none; padding-top: 0; margin-top: -50px; margin-bottom: -50px  }

    .tabs .tabs-header { display: block; justify-content: space-between; margin-bottom: 1px;   }
    #vp .divlast .tabs .tabs-header {display:block!important;}
     .divlast .tabs-header h2  { font-family: 'FS Siena', sans-serif!important; line-height: 33px; font-weight: 400;  font-size: 30px!important; margin-bottom: 20px;  max-width:100%; margin:0 }

    .tabs > ul { font-size: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; display: contents    }
        .tabs > ul li.current a {  background: #fff;      }
        .tabs > ul li { display: inline-block; *display: inline; zoom: 1;     }

            .tabs > ul li a { background: #f3f4f5; color: #000; text-decoration: none; padding: 15px 30px; font-size: 15px; letter-spacing: 0.30px; line-height: 21.0px;
                font-weight: 300; display: block; text-align: center; white-space: nowrap;  -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;       }

    .tabs > div {  display: none;  padding: 0!important;    }

    .tabs > div.current { background: #fff; display: block; overflow-x: hidden; position: relative   }

    .tabs > div { display: none; padding: 40px;   }

    .tabs .tabs-header:not(:first-of-type) {  margin-top: 40px;    }

    .tabs .tabs-header { display: flex; justify-content: space-between; margin-bottom: 10px;   }
        .tabs .tabs-header div { font-family:'FS Siena'; font-weight: 100; font-size: 32px; color: #000;  letter-spacing: 0.48px; line-height:28px }

    main section.villa-enquire form input, main section.villa-enquire form select, main section.villa-enquire form textarea {  width: 100%;  }

    .radiobtn, .checkbtn { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #eee; /*border: 1px solid #000;*/  }

    main section.villa-enquire form input, main section.villa-enquire form select { height: 48px }

    main section.villa-enquire .error { color: red; font-family: majorant; font-size: 12px; display: block;  }

    main section.villa-enquire #lastrow .col div { text-align: left; max-width: 100%; display: inline-block; margin-top: 20px; vertical-align: middle  }
    
    .divlast #lastrow .col  { display:block!important; }
    .divlast #lastrow .col .btn { display:block; width:100%; margin-bottom:35px; margin-top:1px; border-radius:30px; background:#FFF; color:#000!important; width:30%; text-transform:uppercase; font-size:15px; min-width:120px }
    .divlast #lastrow .col .btn:last-of-type {  margin-bottom:50px!important; margin-bottom:0 }
    .divlast #lastrow .btn:hover { background:#FFF; color:#000!important }
    .divlast .form-item.names  {width:48%; float:left; }
         .divlast .form-item.names:first-of-type { margin-right:14px }   
        .divlast .form-item.names:last-of-type { float:left;  }
        .divlast .col label {  font-size:16px!important; font-family:Majorant-light; color:#000!important; font-weight:400;   }
        .divlast .col.message label { font-size:16px!important;  color:#000!important; font-weight:400; margin-bottom:10px }
        .divlast input[type="checkbox"]  {margin-bottom:0!important}
        .divlast input, .divlast select, .divlast textarea {margin-bottom:24px!important}
        .divlast label { line-height:18px }
        .divlast .col:nth-of-type(2) {float:none!important}
        /*.divlast .col.message::-webkit-input-placeholder { color: green; font-size: 15px }*/
        .divlast .form-item label {   margin-bottom:5px; height:22px!important; width:100%  }
        #noguest .form-item {display:flex!important; width:100%;  }
textarea::placeholder {  font-size: 12px; color:gray!important; font-family:'Majorant Light'; line-height:18px}

@media (max-width: 800px) {
    /* .select.col, .guest .select {  width: 100% !important;    margin-right: 25px;   }
        .select.col div:nth-of-type(3) {   float: right;  margin-right: 170px;     }*/
        .select.col:last-of-type {margin-top:6px!important     }        
        .promo .form-item {padding:15px 0}
    .divlast .form-item label {   margin-bottom:5px; height:22px!important  }
    .divlast input, .divlast select, .divlast textarea {  margin-bottom: 15px  }
}
@media (max-width: 767px) {
        div .villa-enquire #lastrow .col div {  display: flex;    }
        .tabs > div { display: none; padding: 0 }
        .select.col {width:45px; margin-right:15px}
        #divT { margin-top:10px }
        #divC {margin-top:-15px; padding-bottom:15px!important}
         #noguest .form-item {margin-bottom:15px!important }
    .col.promo .form-item { width:100%!important   }
    }
@media (max-width: 500px) {
      #txtPromoCode {  max-width:240px!important  }
}
@media (max-width: 420px) {
    .select.col div:nth-of-type(3) {  float: left;   }
    .select.col:nth-of-type(2)  { margin-right:0  }
    .select.col label {height:50px; margin-left:5px}
    .col.promo .form-item {width:45%}
    .divlast .form-item.names:first-of-type { margin-right:10px }
    div.villa-enquire .guest .select:nth-of-type(even) {  margin-right: 0; border-radius:0!important    }
    .divlast input, .divlast select, .divlast textarea {  margin-bottom: 10px  }      
    
}
    @media (max-width: 410px) {      
        .select.col {width:100%!important; margin-right:15px}
         .divlast .form-item.names  {width:100%; float:left; }
          .col.promo .form-item {width:44.1%}
      
            #divT { margin-top:18px }
    }
@media (max-width: 363px) {
    .col.promo .form-item {  width: 100%!important   }
    #txtPromoCode {margin-bottom:-10px!important}
    #vp .promo .btn { margin-bottom:15px}
}
    main section.villa-enquire h2 { letter-spacing: 8px !important; line-height: 44px !important; font-size: 40px !important; text-transform: uppercase;
        text-align: center; max-width: 650px; margin-left: auto; margin-right: auto;  }

    main section.villa-enquire .row { margin-left: -25px; margin-right: -25px;  }
        main section.villa-enquire .row .row { margin-left: -15px;  margin-right: -15px;    }
            main section.villa-enquire .row .row input, main section.villa-enquire .row .row select {  border-radius: 25px;   }

        main section.villa-enquire .row .col { text-align: left; padding: 0 25px; max-width: 100%;  }
            main section.villa-enquire .row .col.right { text-align: right; flex-basis: 25%; max-width: 25%; }

        div.villa-enquire .row .row .col { padding: 0 15px;  }

    div.villa-enquire form .form-item { display: flex; flex-wrap: wrap;  }
        div.villa-enquire form .form-item > span { font-size: 14px; font-weight: 300; display: block; margin-bottom: 10px; flex-basis: 100%;    }

    div.villa-enquire form .input,
    div.villa-enquire form .select,
    div.villa-enquire form .textarea {  display: flex; flex-wrap: wrap; width: 100%; position: relative;   }
    div.villa-enquire form .divlast .form-item  { min-height:85px; height:fit-content; display:block }

@media (max-width: 500px) {
    div.villa-enquire form .input,
    div.villa-enquire form .select,
    div.villa-enquire form .textarea {  margin-bottom: 10px;   }
}
    .villa-enquire form label { flex-basis: 100%; max-width: 100%; font-weight: 300; font-size: 12px; margin-bottom: -5px;  }

    div.villa-enquire form input,
    div.villa-enquire form select,
    div.villa-enquire form textarea {  width: 100%;  border-radius: 30px;  }
        div.villa-enquire form input[type=submit] { width: auto; cursor: pointer;  width: 123px; margin-top:-18px   }

        div.villa-enquire form input#txtPhoneAreaCode,
        div.villa-enquire form input#txtAltPhoneAreaCode { position: absolute;  width: 50px; border-right: none; bottom: 0;   }

        div.villa-enquire form input#txtPhoneNumber,
        main section.villa-enquire form input#txtAltNumber { padding-left: 60px;  }

#func {padding-bottom:-15px; display:none!important }
    main section.villa-enquire form .checkcontainer { display: inline-block; margin-right: 30px; height: 20px !important;  }   
    div.villa-enquire form #privacy .checkcontainer { margin-right: 0  }


    #codes2 {  width:420px; margin-bottom:-7px; margin-top:20px }
    #vp #terms {margin-top:16px!important}
    #vp #terms .checkcontainer span { font-size:14px!important;  }
    #vp #func .checkcontainer:last-of-type  {padding-bottom:15px;}
    #vp #terms .checkcontainer span:last-of-type { text-align:left; margin-top:3px }
  
@media (max-width: 767px) {
    #codes2 { display:inline-grid; margin-top:16px; margin-bottom:-5px!important; margin-right:20px; width:100% }
    #codes {margin-top:-10px}
    .divlast #lastrow .col .btn:last-of-type {    margin-top: 0;    }
}
@media (max-width: 420px) {
    #codes2 {  width:100%; margin:0 auto; margin-top:16px }
}



div.villa-enquire form .checkcontainer input { width: 16px !important; height: 16px !important;  float: left; margin-right: 12px; margin-top: 2px; border-radius:0}

    div.villa-enquire .checkbtn { display: none    }


    div.villa-enquire .price { font-size: 15px; margin-bottom: 30px; flex-basis: 100%;  }

        main section.villa-enquire .price .currency,
        main section.villa-enquire .price .amount { font-size: 24px; font-weight: 300;     }

        main section.villa-enquire .price .currency { margin: 15px;    }

        main section.villa-enquire .price .amount { margin-bottom: 15px; line-height: 35px   }

    #ui-datepicker-div { border: 1px solid #dedede !important; padding: 5px;  height: auto; margin-top: -1px; z-index: 9999 !important;   }
        #ui-datepicker-div select { padding: 0; height: auto;     }

    @media (max-width: 1230px) {
        main section.villa-enquire .row .row { margin-left: -5px; margin-right: -5px;  }
            main section.villa-enquire .row .row .col {  padding: 0 5px;   }
    }

    @media (max-width: 1023px) {
        main section.villa-enquire .form-item .row { flex-wrap: wrap;  }
            main section.villa-enquire .form-item .row .col { flex-basis: 50%;  max-width: 50%;  }
    }

    @media (max-width: 900px) {
        main section.villa-enquire .row .row { flex-direction: column;   }

        main section.villa-enquire .form-item .row { flex-direction: row; width: 100%;  }

        main section.villa-enquire form .form-item { width: 100%;   }

        main section.villa-enquire .row .col.right { flex-basis: 100%; max-width: 100%; text-align: left;   }
    }

    @media (max-width: 767px) {
        main section.villa-enquire .form-item .row .col { flex-basis: 100%; max-width: 100%;   }

        #ui-datepicker-div { left: 0 !important; right: 0 !important;  width: 100%;    }
    }

    @media (max-width: 560px) {
        main section.villa-enquire .form-item .row .col {  flex-basis: 100%; max-width: 100%;  }
        main section.villa-enquire .tabs .tabs-header { flex-direction: column; }
    }

    @media (max-width: 420px) {
        main section.villa-enquire .input.col { max-width: 50% !important  }
            main section.villa-enquire .input.col label { max-width: 50%;  display: block;  flex-basis: 50%;   }
            main section.villa-enquire .input.col input { width: 140px; font-size: 11px; display: block; text-align: center   }

        main section.villa-enquire .select.col {  width: 33% !important; float: left; max-width: 33% !important;   }
            main section.villa-enquire .select.col label { width: 50% !important; max-width: 50%; display: block; line-height: 10px; min-height: 25px        }

            main section.villa-enquire .select.col select {  width: 60px; display: block; padding-left: 0; text-align: center }

        .tabs > div { padding: 0   }
        #vp #terms .checkcontainer, #vp #terms span  { padding-bottom:0}
        #btnForm3 { margin-top:20px}
    }



    /* ##############
### SINGLE - WATCHER
############# */
    main section.watcher {  background: #ebedee;  z-index: 5; height:70px   }

        main section.watcher .wrapper { padding: 0;  max-width: 1130px; /*border-bottom: 1px solid rgba(35, 31, 32, 0.15);*/   }

        main section.watcher ul { display: flex!important; list-style: none; flex-wrap: nowrap; overflow-x: auto;  }
            main section.watcher ul::-webkit-scrollbar {  display: none;   }

            main section.watcher ul li {  margin-right: 30px; display:ruby-text; padding-top:2px }

                main section.watcher ul li a { display: block; text-decoration: none; color: #000; font-weight: 300; letter-spacing: 0.30px; line-height: 21.0px;  font-size: 15px;
                    opacity: .40;  padding: 10px 0; white-space: nowrap; }

                main section.watcher ul li.active a { opacity: 1; }

        main section.watcher .watcher-toggle {
            display: none;
            text-decoration: none;
            text-align: right;
            color: #000;
            font-weight: 300;
            letter-spacing: 0.30px;
            line-height: 21.0px;
            font-size: 15px;
            padding: 10px 0 10px 10px;
            text-transform: uppercase;
            white-space: nowrap;
            float: right;
        }

    @media (max-width: 1023px) {
        main section.watcher.is_stuck { top: 70px !important }

        main section.watcher ul { display: none;  }
            main section.watcher ul.collapsed { display: flex; }

        main section.watcher .watcher-toggle { display: block; }
    }

    #maingallery .owl-nav { display: none }

    #maingallery img {
        max-width: 1001px;
        margin: 0 auto;
        padding-bottom: 15px
    }

    #maingallery .owl-item li { list-style: none; text-align: center   }

    #maingallery .item { max-width: 1001px;  margin: 0 auto   }

    .snippet { height: 0; font-size: 0; line-height: 0  }


    /* hand=picked */
    .no-js .owl-carousel, .owl-carousel.owl-loaded {  display: block !important;  }

    main section .villas .item > .img { position: relative; display: block; overflow-x: hidden;  }

    main section.handpicked { background: #ebedee;  }

        main section.handpicked .wrapper { padding: 100px 0;  }

        main section.handpicked .row .col h2:last-child { margin-bottom: 0; }

        main section.handpicked .row .col h2 {
            letter-spacing: 8.00px;
            line-height: 44.0px;
            font-family: 'Majorant-Light', sans-serif;
            font-weight: 300;
            font-size: 36px;
            color: #231F20;
            margin: 0 auto 30px;
            text-transform: uppercase;
            text-align: center
        }

        main section.handpicked h3 a {
            font-family: 'FS Siena';
            font-size: 30px;
            font-weight: 100;
        }

        main section.handpicked a {
            text-decoration: none;
            color: #000
        }

        main section.handpicked .locations {
            font-size: 13px
        }

        main section.handpicked .details {
            margin-top: 20px
        }

        main section.handpicked .beds, main section.handpicked .baths {
            width: 30px;
            display: inline-block
        }


        main section.handpicked .item .details a {
            font-size: 12px;
            margin-top: 20px;
        }

    /* 
    main section.handpicked .owl-carousel .item .details .bedrooms, main section.handpicked .owl-carousel .item .details .bathrooms {
        max-height: 30px;
        border: solid 1px blue;
        display: block;
        text-align: left;
        float: left; display:inline-block
    }

     main section.handpicked .owl-carousel .item .details .bedrooms img, main section.handpicked .owl-carousel .item .details .bathrooms img {
            height: 100%
        }*/
    /*
    main section.handpicked .owl-carousel .item .details img {    
        border: solid 1px blue;
        display: block
    }
        */
    /*
    main section.handpicked .owl-carousel  .item .details  img {  width: 30px !important;  display: inline-block  }
        */

    /* main section.handpicked .details img { width:30px }*/





    #vp, body .inner .outer {
        background: #FFF;
    }

    body#vp {
        font-family: Majorant;
        font-size: 15px;
        line-height: 21px;
        color: #231F20
    }

    #vp small a, #vp small {
        color: #231F20;
        font-size: 12px;
        font-weight: 300;
        text-decoration: none;
        margin-top: 5px;
        font-family: 'Majorant-Light';
    }

    #vp .descriptions:nth-child(3) {
        margin-top: 40px;
    }

    #vp #main .owl-nav {
        display: inline-block;
        width: 100%;
        position: absolute;
        top: 40%
    }

        #vp #main .owl-nav .owl-prev img, #vp #main .owl-nav .owl-next img {
            width: 0 !important
        }

    #vp #main .owl-prev {
        float: left;
        color: #FFF;
        line-height: 0;
        background: url(../png/prev-dest-arrow.png) no-repeat;
        border: none;
        height: 70px;
        margin-left: 50px;
        width: 35px !important
    }

    @media all and (max-width: 767px) {
        #vp #main .owl-prev {
            float: left;
            color: #FFF;
            line-height: 0;
            background: url(../png/prev-dest-arrow.png) no-repeat;
            border: none;
            height: 35px !important;
            margin-left: 30px;
            width: 35px !important;
            background-size: contain;
            border-radius: 0
        }
    }

    #vp #main .owl-next {
        float: right;
        color: #FFF;
        line-height: 0;
        background: url(../png/next-dest-arrow.png) no-repeat;
        border: none;
        height: 70px;
        margin-right: 50px;
        width: 35px !important
    }

    @media all and (max-width: 767px) {
        #vp #main .owl-next {
            float: right;
            color: #FFF;
            line-height: 0;
            background: url(../png/next-dest-arrow.png) no-repeat;
            border: none;
            height: 35px !important;
            margin-right: 20px;
            width: 35px !important;
            background-size: contain;
            border-radius: 0
        }
    }

    #vp #main .owl-carousel .owl-item img {
        padding-right: 10px;
    }

    @media all and (max-width: 767px) {
        #vp #main .owl-carousel .owl-item img {
            padding: 0
        }
    }

    #vp .seo {
        line-height: 32px
    }

    #vp .inner .discover {
        border-right: 0;
        margin-top: -30px
    }

    #vp .descriptions .intro.seemore {
        margin-top: 30px
    }

    #vp .snippet li a, #vp .snippet li {
        color: #EBEDEE !important;
        display: inline-block
    }

    #vp .backwish {
        display: block;
        position: relative;
        clear: both;
        margin-top: -50px;
        padding-top: 20px;
        padding-bottom: 60px;
        border-bottom: solid 1px silver;
    }

    @media all and (max-width: 767px) {
        #vp .backwish {
            display: initial;
        }
    }

    #vp .detail .wrapper > div:first-of-type {   border-bottom: solid 1px silver !important;  }

    #vp #villainfo p a, .things-to-do a {  color: #231F20;  text-decoration: underline    }


/* ##############
### SINGLE - PLANNING
############# */
    #vp #plan {  display: initial;  margin-top: 80px;  overflow: hidden; margin-bottom:90px   }

    #vp #plan {   align-items: flex-start;    background-image: url(../jpg/plan.jpg);
        background-position: 50% 65%;  background-size: cover;  display: flex; flex-direction: column; width: auto; height: 400px;  max-height: 400px;
    }

    #vp .planfloat {  display: block; margin-top: 60px !important; color: #fff !important; margin: 0 auto; position: relative;   }

    #vp #plan h2 { font-family: 'fs siena';  font-size: 30px;  font-weight: 300;  letter-spacing: .2em; width: 520px; margin: 0 auto; padding-bottom: 35px;
        text-align: center; line-height: 30px  }

    #vp #plan .concierge { text-align: center; margin: 0 auto; line-height: 21px; }

        #vp #plan .concierge p { width: 590px;  margin-top: -10px;  display: flex; font-family: 'Majorant-Thin'; font-weight: 400; font-size: 15px; color: #fff; line-height: 21px        }
@media all and (max-width: 1300px) {
    #vp #plan .concierge p,#vp #plan h2 { width:90%; margin:0 auto  }
     #vp .planfloat {  width:90%  }
}
@media all and (max-width: 850px) {
    #vp #plan .concierge p, #vp #plan h2 {  margin-top:10px  }
}
    #vp #plan .full a { color: #000; background: #FFF;  margin-top: -10px; font-family: 'Majorant light'; font-size: 13px; display: inline-block; padding: 8px 40px;
        margin-top: 15px; border-radius: 25px; margin: 0 auto; cursor: pointer; text-decoration: none    }

    @media all and (max-width: 767px) {
        #vp #plan { background-position: 47% 81% !important; background-attachment: initial; background-size: auto; margin-top:30px    }
            #vp #plan h2 {  width: 95%    }

        #vp .planfloat { width: 100%; top: -40px;  }

        #vp .plan { max-width: 100%; width: inherit     }

        #vp #plan .concierge p { line-height: 18px; padding: 0 35px 25px; margin: 0 auto; padding-bottom: 20px; display: block; width: 100%;    }
    }

    @media all and (max-width: 414px) {
        #vp #plan {  background-position: 47% 66% !important;    }

            #vp #plan h2 {  width: 100%; padding-bottom: 15px !important;  font-size: 20px; line-height: 22px  }

        #vp .plan, .planfloat { max-width: 100% !important; padding: 0 25px; margin-top: -20px        }

        #vp #plan h2, .concierge p, #vp #plan .full { padding: 0; margin: 0; text-align: center;  }

        .concierge p { max-width: 99%; padding: 0 15px 25px !important; font-size: 13px !important;  line-height: 15px }

        #plan .full {  margin-top: 10px !important; display: block    }

            #plan .full a {  margin-bottom: 5px !important;  display: block      }
    }

    @media all and (max-width: 320px) {
        #vp .plan, .planfloat { max-width: 100% !important; padding: 0 25px }

        #vp #plan h2, .concierge p, #vp #plan .full { padding: 0 !important; margin: 0; width: 99%; max-width: 100%; text-align: center   }
        #vp #plan h2 { padding-bottom: 15px !important  }

        .concierge p { line-height: 17px; padding-bottom: 0     }
    }

    #vp #divsha2 img { width: 140px; margin-left: 270px   }

    @media all and (max-width: 1693px) {
        #vp #divsha2 img { width: 140px;  margin-left: 170px !important      }
    }

    @media all and (max-width: 1370px) {
        #vp #divsha2 img {  width: 140px;  margin-left: 190px !important      }
    }

    @media all and (max-width: 1006px) {
        #vp #divsha2 img {  width: 140px;  margin-left: 140px !important      }
    }

    @media all and (max-width: 483px) {
        #vp #divsha2 img { width: 110px !important; margin-left: -36px !important;  margin-top: 0px !important      }
    }

    @media all and (max-width: 572px) {
        #vp #divsha2 img { width: 140px;  margin-left: 140px !important; margin-top: 10px }
    }

    @media all and (max-width: 420px) {
        #vp #divsha2 img {
            width: 140px;
            margin-left: -15px !important;
            margin-top: 0px !important
        }
    }

    @media all and (max-width: 320px) {
        #vp #divsha2 img {
            width: 140px;
            margin-left: 5px !important;
            margin-top: -15px !important
        }
    }

    .descriptions .rates .calendarrates {
        background: #fff;
        padding: 20px;
        display: inline-block;
        width: 100%;
        margin-top: 80px
    }

    .button3, a.button3 {
        display: table;
        width: auto;
        background: #000;
        border: none;
        color: #fff;
        font-family: 'Majorant-Light', sans-serif;
        font-size: 13px;
        padding: 8px 35px;
        cursor: pointer;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        clear: both;
        position: relative;
        text-decoration: none;
        cursor: pointer !important
    }


    #vp #reserve {
        padding: 40px 0;
        max-width: 1130px;
        margin: 0 auto;
    }

        #vp #reserve .wrapper {
            width: 100%;
        }

        #vp #reserve h2 {
            margin-top: 60px;
            font-size: 42px;
            font-family: 'FS Siena';
            font-weight: 100;
            letter-spacing: .2em;
            line-height: 44px;
            text-align: center;
            line-height: 47px
        }

        #vp #reserve .haven {
            background: #fff;
            padding: 40px;
            display: inline-block;
            width: 100%;
        }

        #vp #reserve .title {
            font-family: majorant;
            font-size: 24px;
            color: #231F20;
            padding-bottom: 15px;
            border-bottom: solid 1px silver;
        }

            #vp #reserve .title:nth-of-type(4) {
                margin-top: 60px !important;
            }

            #vp #reserve .title span {
                float: right
            }

        #vp #reserve .haven input[type="checkbox"] {
            float: left !important;
            width: auto !important;
        }

        #vp #reserve .dates {
            float: left;
            width: 42%;
            position: relative
        }

            #vp #reserve .dates .button3 {
                display: table
            }

        #vp #reserve .guests {
            float: left;
            width: 40%;
            position: relative
        }

        #vp #reserve .price {
            float: left;
            width: 17%;
            position: relative;
            text-align: right;
        }

        #vp #reserve .content {
            margin-top: 10px
        }

        #vp #reserve .price big {
            font-size: 30px;
            margin-top: 10px;
            display: block;
            line-height: 32px;
        }

        #vp #reserve .link-list {
            margin-top: 15px;
            width: 100%
        }

            #vp #reserve .link-list li {
                display: block;
                border: solid 1px #fff
            }

        #vp #reserve .chks li {
            display: inline-block;
            margin-right: 40px
        }

            #vp #reserve .chks li:last-of-type {
                margin-right: 0
            }

        #vp #reserve li .hdr {
            font-family: Majorant;
            font-size: 14px;
            display: inline-block;
            width: 100%;
        }

        #vp #reserve li span {
            width: 90%;
            padding-left: 10px;
            font-size: 12px;
            font-family: Majorant;
            color: #231F20
        }

        #vp #reserve label {
            font-size: 12px;
            display: block
        }

            #vp #reserve label span {
                font-size: 8px;
            }

        #vp #reserve .form-item {
            position: relative;
            float: left
        }

        #vp #reserve #codes2 {
            display: inline-block
        }

        #vp #reserve .guests select {
            width: 80px;
            padding: 8px 20px;
            margin-right: 40px
        }

        #vp #reserve ul li input[type="text"] {
            min-width: 328px !important;
            float: left !important;
            background: #FFF
        }

        #vp #reserve .link-list select {
            display: block;
            padding: 8px 0;
            width: 328px
        }

        #vp #reserve .firstrow {
            width: 100%;
            display: inline-block;
            margin-bottom: 20px;
            margin-top: 10px
        }

            #vp #reserve .firstrow input {
                padding: 8px 20px;
                width: 180px;
                float: left;
                background: #FFF
            }

                #vp #reserve .firstrow input:first-of-type {
                    margin-right: 28px
                }

        #vp #reserve .msg {
            display: block !important
        }

        #vp #reserve .firstrow label, #vp #away .msg label {
            display: block
        }

        #vp #reserve li div.chk {
            display: block
        }

    #vp .button3, .form-item .button3 {
        top: 30px;
        display: inline-block;
        color: #FFF
    }

    #vp .pay {
        margin-bottom: 50px
    }

    #vp #reserve .error {
        color: red;
        font-family: majorant;
        font-size: 15px;
        padding: 20px 0;
        display: contents
    }

        #vp #reserve .error li {
            display: list-item;
            list-style: disc
        }

     #lbltotal {display:block; width:90%!important; margin-top:0!important}
     #vp #startpay, .villa-enquire span {  font-size: 14px;  vertical-align: middle; position: relative;  display: inline-block; width:89%;  }
    #vp #startpay {width:56%}

    @media all and (max-width: 767px) {
        #vp #startpay, .villa-enquire span {   display: inline-block;  width: 123px;  line-height: 15px;     }
        #vp .villa-enquire label span:last-of-type {text-align:right}
        #vp .checkcontainer span { width:85%!important }

        .villa-enquire span.red { width:15px!important }
        .box2 .location {width:100%!important}
        .villa-enquire span { width: 45%   }

        span#startpay { width: 60% !important  }

        #lbltotal { width: 98%; margin-bottom: 15px   }
    }
    @media (max-width: 323px) {
    #vp .checkcontainer  {width:100%!important}
    #vp .checkcontainer span { width:80%!important  }
}
    @media all and (max-width: 420px) {
        .villa-enquire span {  width: 80%;     }
          #vp .checkcontainer span { width:85%}
    }

    main section.villa-enquire form .checkcontainer {
        display: block;
        margin-right: 30px;
        height: auto !important;
        padding-left: 0
    }

    @media (max-width: 767px) {
        main section.villa-enquire form .checkcontainer {
            display: table !important;
            width: 100%;
            padding-bottom: 0 !important
        }
    }


    .descriptions .rates .calendarrates .calhdr {
        font-size: 24px !important
    }

    .descriptions .rates .calendarrates .dd label {
        font-size: 13px
    }

    .descriptions .rates .calendarrates .dd .button3 {
        margin-left: 30px
    }

    .descriptions .rates .calendarrates .calhdr:nth-of-type(3) {
        margin-top: 30px
    }

    @media all and (max-width: 767px) {
        #txtPromoCode {
            margin-bottom: 15px
        }

        .descriptions .rates .calendarrates {
            display: inline-block;
            margin-top: 0 !important;
            border: solid 1px green
        }

            .descriptions .rates .calendarrates .button3 {
                margin-top: 5px;
                float: left
            }

            .descriptions .rates .calendarrates label {
                display: block;
                padding-top: 10px;
            }

            .descriptions .rates .calendarrates input[type="text"] {
                float: left;
                width: 100%;
                display: block;
            }

        #vp #reserve .haven {
            padding: 20px
        }

        #vp #reserve .form-item select {
            float: left;
            width: auto !important
        }

        #vp img {
            margin-right: 0
        }

        #vp #reserve {
            padding: 20px 0 !important;
        }

            #vp #reserve input[type="text"], #vp #reserve ul li input[type="text"], #vp #reserve textarea, #vp #reserve .link-list select {
                width: 100%;
                min-width: 375px !important;
                display: block;
            }

            #vp #reserve .firstrow input:first-of-type {
                margin-right: 0
            }

            #vp #reserve .button3 {
                margin-bottom: 30px
            }

            #vp #reserve .dates, #vp #reserve .guests, #vp #reserve .price {
                width: 100%;
                display: block;
                margin-bottom: 30px
            }

        #vp #editbtn {
            display: table;
        }

        .descriptions .rates form .dd {
            position: relative;
            margin: 0 !important
        }

        #vp #reserve li span {
            display: table-cell
        }

        #vp #reserve label {
            margin-top: 10px;
            display: block;
        }
    }

    @media all and (max-width: 414px) {
        #vp #reserve input[type="text"], #vp #reserve ul li input[type="text"], #vp #reserve textarea {
            max-width: 340px;
            min-width: 340px !important;
            display: block;
            width: 340px !important;
        }

        #vp #reserve label {
            display: block;
            margin-top: 15px
        }
    }

    /* VP - REMOVE ALL PADDING/BORDER SCROLLER */
    @media all and (max-width: 767px) {
        #vp .rates .avail, #vp .rates #dynamic {
            width: 100% !important
        }

        /*#reviews .item, #rooms .item, #options .item { margin: 0 !important; padding: 0 !important; width: 100% !important; border: none }*/

        #vp .includes .points {
            margin-left: 0;
        }

            #vp .includes .points div {
                margin-bottom: 20px;
            }
    }
    /* VP page navigation */
    #reviews .owl-nav, #rooms .owl-nav, #options .owl-nav {
        padding-top: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    #reviews .slideshow2 .owl-nav .owl-prev, #reviews .slideshow2 .owl-nav .owl-next,
    #rooms .slideshow2 .owl-nav .owl-prev, #rooms .slideshow2 .owl-nav .owl-next,
    #options .slideshow2 .owl-nav .owl-prev, #options .slideshow2 .owl-nav .owl-next {
        border: 1px solid #000;
        border-radius: 50%;
        padding: 1px 10px;
        margin-right: 20px
    }


    #options .owl-carousel .owl-stage-outer {
        overflow: initial
    }

    #options .owl-carousel .owl-item .img img {
        display: block;
        width: 100% !important
    }

    #options {
        background: #CADDE3;
        padding: 50px 0px
    }
        /*#options .owl-item:first-of-type {margin-left:-700px; }*/
        #options img {
            max-width: none !important;
        }

    
        #options .owl-item {
            padding: 20px 50px;
            border-right: solid 1px silver;
            display: block;
        }
        /* #options .owl-item {   padding: 0 50px;  }*/
        #options .owl-nav {
            padding: 50px
        }

        #options .item {
            display: block;
            width: 100%;
            height: auto;
        }

        #options .img img {
            max-height: 365px;
            object-fit: cover;
            min-width: 734px
        }
        #vp #options .item .bedrooms:nth-of-type(2) img {  height: 18px !important; margin-right:-9px; vertical-align:text-bottom  }


    @media all and (max-width: 767px) {
        #options .item {
            display: block;
            width: 100%;
            height: auto;
            overflow: hidden
        }

        #options .owl-item {
            padding: 0 30px !important;
            margin-left: -3px;
            border-right: solid 1px silver;
            display: block;
        }

        #options .img img {
            max-height: auto !important;
            min-width: none !important;
            overflow: hidden;
            width: 100%
        }
    }

    @media all and (max-width: 414px) and (min-width: 320px) {
        #options .item {
            display: block;
            width: 100%;
            height: auto;
            overflow: hidden;
        }

        #options .owl-item {
            padding: 0 20px !important;
            margin: 0;
            border-right: solid 1px silver;
        }

        #options .img img {
            max-height: none !important;
            object-fit: none;
            min-width: 0;
            overflow: hidden;
            width: 100%;
            height: auto !important;
            width: auto;
        }

        #options h3 {
            padding: 20px 0 10px 0 !important;
        }
    }

    #options h2 {
        font-family: "fs siena";
        font-style: normal;
        font-weight: normal;
        font-size: 40px;
        color: #231F20;
        text-align: center;
        margin: 0 auto;
        padding: 40px 0 30px 0;
        line-height: 38px
    }

    #options p {
        margin: 0 auto;
        padding-bottom: 70px;
        display: block;
        text-align: center;
        font-family: Majorant-thin;
        font-size: 15px
    }

    #options h3 {
        font-family: "majorant light";
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        color: #231F20;
        text-align: left;
        margin: 0 auto;
        padding: 40px 0 10px 0;
        line-height: 26px
    }

    @media all and (max-width: 414px) {
        #options {
            font-size: 13px !important
        }

            #options h3 {
                font-size: 18px !important
            }
    }

    #options a {
        text-decoration: none;
        color: #231F20
    }

    #options .locations a {
        font-size: 13px;
        font-family: 'Majorant-Light'
    }

    #options .details img {
        max-width: initial;
        width: auto;
        display: inline-block;
        vertical-align: baseline
    }

    #options .details span {
        display: inline-block;
        line-height: 18px;
        margin-left: 5px;
    }


    @media all and (max-width: 414px) {
        #options .details span, #options .details span a {
            font-size: 9px !important;
            display: initial !important
        }
    }

    @media all and (max-width: 375px) {
        #options .details span {
            width: 80%;
        }
    }

    #options .bedrooms a, #options .bathrooms a, #options .bedrooms, #options .bathrooms {
        width: auto;
        font-size: 13px;
        font-family: 'Majorant-Light';
        max-width: 220px;
        margin-right: 15px
    }

    #options .bathrooms {
        display: block;
        margin-top: 10px;
        min-height: 20px
    }

    @media all and (max-width: 767px) {
        #options .owl-item {
            padding: 0 25px;
        }

        #options .owl-nav {
            display: none
        }
    }


    #reviews .owl-item:first-of-type {
        margin-left: -500px
    }

    #reviews .owl-item {
        padding: 0 50px;
        border-right: solid 1px silver
    }

    @media all and (max-width: 1349px) {
        #reviews .owl-item:first-of-type {
            margin-left: 0
        }
    }

    @media all and (max-width: 767px) {
        #reviews .owl-item:first-of-type {
            margin-left: 0
        }

        #reviews .item {
            display: block;
            width: 100%;
            height: auto;
            border: none
        }

        #reviews .owl-item {
            border: none;
            width: 100%;
            padding: 0 50px
        }
    }

    .descriptions .availability {
        clear: both;
        padding: .1px 0;
    }

        .descriptions .availability h2.main-title {
            text-align: left;
            text-transform: capitalize;
            padding-left: 15px;
            padding-right: 15px;
        }

    .descriptions .rates form .dd {
        position: relative;
        margin: 15px 0 5px
    }

    .descriptions .rates form .dd2 {
        position: relative;
        font-size: 15px;
        padding: 20px 0;
        line-height: 15px;
    }

        .descriptions .rates form .dd2 span {
            display: inline-block !important
        }

        .descriptions .rates form .dd2 input {
            vertical-align: top
        }


    .descriptions .rates form .dd img { position: absolute; right: 0; top: 25px; width: 90px    }

    .descriptions .rates form .dd .form-item { display: inline-block; *display: inline; zoom: 1;   }

        .descriptions .rates form .dd .form-item input, .descriptions form .form-item input, #frmRFI input, #frmRFI4 input[type="text"] {
            width: 100%;
            color: #333;
            font-family: 'Majorant-Light';
            font-size: 14px;
            border: 1px solid #acacac;
            padding: 8px 10px; /* height: 30px; */
            float: right;
            background: #EBEDEE;
        }

    /* COMPUTATION BOOK NOW BUTTON*/
    .button2 {
        display: block;
        width: 30%;
        background: #a37e2f;
        border: none;
        color: #fff;
        font-family: 'Majorant-Light', sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        padding: 8px 10px;
        cursor: pointer;
        /*height: 30px;*/
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        clear: both
    }

        .button2:hover {
            background: #37587d;
        }


    .descriptions .rates .calendarrates {
        background: #fff;
        padding: 20px;
        display: inline-block;
        width: 100%;
        margin-top: 80px
    }

    .descriptions .rates .dateselection {
        float: left;
        width: 45%
    }

    .descriptions .rates .avail, .rates #dynamic {
        display: inline-block !important;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 50px
    }


    #divSuggest {
        display: table !important;
    }

    .descriptions .rates .avail, .rates #dynamic {
        display: inline-block !important;
        width: 100%;
        margin-top: 15px;
    }

    .descriptions .rates .avail {
        padding: 30px
    }


    /*
@media all and (max-width: 414px) {
    #pnlRatesTitle .main-title { font-size:17px!important }
}
@media all and (max-width: 320px) {
    #pnlRatesTitle .main-title { font-size: 13px !important }
}
       */
    .descriptions .rates form .dd .form-item button {
        display: block;
        width: 40%;
        background: #a37e2f;
        border: none;
        color: #fff;
        font-family: 'Majorant-Light', sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        padding: 5px 10px;
        cursor: pointer;
        height: 30px;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

        .descriptions .rates form .dd .form-item button:hover {
            background: #37587d;
        }

    .descriptions .rates form .dd label {
        display: block;
    }
    /*
@media all and (max-width: 767px) {
    .descriptions .availability form .dd .form-item {
        display: block;
    }
    .descriptions .availability form .dd img {
        top: 0;
    }
    .descriptions .availability form .dd .form-item input,
    .descriptions .availability form .dd .form-item button {
        width: 50%;
    }
    .descriptions .availability form .dd .form-item button {
        margin-top: 15px;
    }
}
@media all and (max-width: 480px) {
    .descriptions .availability form .dd img {
        position: relative;
        display: block;
        margin: 15px auto 0;
    }
    .descriptions .availability form .dd .form-item input,
    .descriptions .availability form .dd .form-item button {
        width: 100%;
    }
}
*/

    @media all and (max-width: 767px) {
        .descriptions .rates form .dd .form-item {
            display: block;
        }

        .descriptions .rates form .dd img {
            top: 0;
        }

        .descriptions .rates form .dd .form-item input,
        .descriptions .rates form .dd .form-item .button {
            width: 50%;
        }

        .descriptions .rates form .dd .form-item .button {
            margin-top: 15px;
        }
    }

    @media all and (max-width: 480px) {
        .descriptions .rates form .dd img {
            position: relative;
            display: block;
            margin: -115px auto 0;
        }

        .descriptions .rates form .dd .form-item input,
        .descriptions .rates form .dd .form-item .button {
            width: 100%;
        }
    }

    .descriptions .rates h2.main-title {
        margin-top: 0;
        text-align: left;
        padding-right: 15px;
    }

    .descriptions .rates .discount-box,
    .descriptions .rates .promo-box {
        border: solid 1px silver;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;
        padding: 25px;
        margin-top: 25px;
        color: #231F20;
        font-family: 'Majorant-Light', sans-serif;
        font-size: 16px;
        line-height: 30px;
    }

    #imgpromo {
        float: none !important;
        top: 5px;
        margin-right: 5px;
        cursor: pointer;
        position: relative
    }

    .descriptions .rates .promo-box {
        /*background: #a37e2f; border-color: #a37e2f;*/
        color: #000;
    }

        .descriptions .rates .discount-box strong,
        .descriptions .rates .promo-box strong {
            font-size: 25px;
            font-weight: 400;
        }

        .descriptions .rates .discount-box small,
        .descriptions .rates .promo-box small {
            font-size: 14px;
            font-style: italic;
        }

        .descriptions .rates .discount-box ul,
        .descriptions .rates .promo-box ul {
            margin: 10px 0 5px 19px;
            padding: 0;
        }

        .descriptions .rates .promo-box ul {
            display: none
        }

            .descriptions .rates .discount-box ul strong, .descriptions .rates .promo-box ul strong {
                font-size: 16px;
                font-weight: bold;
            }

        /* PROMO HOVER VP
        .descriptions .rates .promo-box li:hover { color: #231F20;  }
        */

        .descriptions .rates .promo-box big {
            cursor: pointer;
            -webkit-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
            font-weight: bold;
            margin-top: 15px
        }

            .descriptions .rates .promo-box big:hover {
                color: #231F20;
            }

        .descriptions .rates .promo-box .promo-content {
            /*opacity: 0;*/
            overflow: hidden;
            /*visibility: hidden;
            background: #231F20;*/
            color: #000;
            /*max-height: 0;*/
            margin: 0 -26px 0 -45px;
            padding: 0 25px 0 45px;
            position: relative;
            z-index: 1;
            -webkit-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
            line-height: 20px
        }

            .descriptions .rates .promo-box .promo-content.hover {
                opacity: 1;
                margin-top: 10px;
                margin-bottom: 10px;
                visibility: visible;
                max-height: 2999px;
            }

    .descriptions .rates .rates-table {
        margin-top: 35px;
        display: inline-block;
        clear: both;
        width: 100%;
    }

    .currtext {
        background-color: #edf0f0 !important;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        box-shadow: 2px 2px 2px #e5e5e5;
        -webkit-box-shadow: 2px 2px 2px #e5e5e5;
        -moz-box-shadow: 2px 2px 2px #e5e5e5;
        o-box-shadow: 2px 2px 2px #e5e5e5;
        position: absolute;
        width: 218px;
        min-height: 80px;
        height: auto;
        clear: both;
        z-index: 99999 !important;
        color: #000;
        font-size: 13px;
        vertical-align: middle;
        padding: 10px;
        margin-top: 35px;
        text-align: left !important
    }

    @media all and (max-width: 767px) {
        .currtext {
            margin-left: -70px
        }
    }

    /* MOBILE RATES TABLE*/
    @media all and (max-width: 767px) {
        .period {
            width: 100px;
        }

        .date, .descriptions .rates .rates-table table td {
            font-size: 14px
        }

            .date span {
                clear: both;
                display: block;
                text-align: center;
                margin-left: -7px
            }

        .descriptions .rates .rates-table table td {
            line-height: 18px
        }

        .descriptions .rates .rates-table table th {
            line-height: 20px
        }
        /*
        .incl {
            line-height: 0 !important;
            font-size: 0 !important
        }*/
    }

    .descriptions .rates .rates-table .tabs {
        background: #fff;
    }

        .descriptions .rates .rates-table .tabs ul {
            background: #f4f4f4;
            list-style: none;
            margin: 0 0 1px;
            padding: 0;
            font-size: 0;
            line-height: 0;
        }

            .descriptions .rates .rates-table .tabs ul li {
                display: inline-block;
                *display: inline;
                zoom: 1;
            }

                .descriptions .rates .rates-table .tabs ul li a {
                    font-size: 18px;
                    line-height: 30px;
                    font-family: 'Majorant-Light', sans-serif;
                    color: #231F20;
                    text-decoration: none;
                    padding: 5px 10px;
                    display: block;
                    min-width: 105px;
                    text-align: center;
                    -webkit-transition: all .25s ease-in-out;
                    -o-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out;
                }

                    .descriptions .rates .rates-table .tabs ul li a:hover {
                        background: #f0f0f0;
                    }

                .descriptions .rates .rates-table .tabs ul li.current a {
                    color: #fff;
                    background: #231F20;
                }

        .descriptions .rates .rates-table .tabs .tab-content {
            display: none;
        }

            .descriptions .rates .rates-table .tabs .tab-content.current {
                display: block;
            }

    .descriptions .rates .rates-table table {
        width: 100%;
        border-spacing: 0;
        font-size: 16px;
    }

        .descriptions .rates .rates-table table tbody tr {
            display: none;
        }

            .descriptions .rates .rates-table.more table tbody tr,
            .descriptions .rates .rates-table table tbody tr:nth-of-type(1),
            .descriptions .rates .rates-table table tbody tr:nth-of-type(2),
            .descriptions .rates .rates-table table tbody tr:nth-of-type(3),
            .descriptions .rates .rates-table table tbody tr:nth-of-type(4) {
                display: table-row;
            }

    .descriptions .rates .rates-table.intro.seemore:after {
        background: #fff !important;
        height: 75px;
    }

    .descriptions .rates .rates-table table thead th {
        background: #e1e1e1;
        text-align: center;
        padding: 5px 10px;
        vertical-align: middle;
    }

        .descriptions .rates .rates-table table thead th:first-of-type {
            text-align: left;
        }

    .descriptions .rates .rates-table table tbody td {
        background: #ffffff;
        text-align: center;
        padding: 5px 10px;
        vertical-align: middle;
    }

    .descriptions .rates .rates-table table tbody tr:nth-of-type(2n + 2) td {
        background: #f4f4f4;
    }

    .descriptions .rates .rates-table table tbody td:first-of-type {
        text-align: left;
    }

    .descriptions .rates .rates-table table tbody td a,
    .descriptions .rates .rates-table table tbody td a img {
        display: block;
        margin: 0 auto;
    }

        .descriptions .rates .rates-table table tbody td a img {
            cursor: help;
        }

    .descriptions .rates .rates-table .subject, .descriptions .rates .subject {
        display: block;
        margin: 0 0 25px;
        text-align: right;
        /*border-top: 1px solid #b7b7b7;*/
        font-size: 16px;
    }

    @media all and (max-width: 767px) {
        .descriptions .rates .rates-table .tabs ul li a {
            min-width: 136px;
        }

            .descriptions .rates .rates-table .tabs ul li a[href*="#20"] {
                min-width: 0;
            }

        .descriptions .rates .rates-table .tab-content[id*="20"] {
            overflow-x: auto;
        }

        .descriptions .rates .rates-table table {
            /*min-width: 680px;*/
        }
    }


    .descriptions .facilities h2.main-title {
        margin-top: 0;
        text-align: left;
        padding-right: 15px;
        cursor: pointer
    }

    .descriptions .facilities .amenities, .descriptions .layout .indoor, .descriptions .rooms .room, .descriptions .location .local, .descriptions .revws .the-content,
    .descriptions .rates .rate5, .descriptions .availability .avail {
        max-height: 0;
        display: block;
        overflow: hidden;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
        /*margin-bottom: 30px*/
    }

    @media all and (max-width: 767px) {
        .descriptions .rates .rate5 {
            width: 99%
        }
    }

    /* UP DOWN ARROWS */
    .moreellipses img {
        float: none !important;
    }

    .descriptions .facilities img, .descriptions .layout img, .descriptions .rooms img, .descriptions .location img, .descriptions .revws img, .descriptions .rates img, .descriptions .availability img {
        margin-top: -15px
    }

    @media all and (max-width: 375px) {
        .descriptions .facilities img, .descriptions .layout img, .descriptions .rooms img, .descriptions .location img, .descriptions .revws img, .descriptions .rates img, .descriptions .availability img {
            float: right;
            margin-top: -15px;
            margin-right: -15px
        }

        #next {
            margin-right: 15px
        }
    }

    .descriptions .facilities .amenities .facheading, .descriptions .facilities .amenities .facdesc {
        vertical-align: top;
        margin-bottom: 13px;
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

    .descriptions .facilities .amenities .facheading, a.facheading {
        /*background: url(../images/portals/eh2/amenities-sprite.png) no-repeat;*/
        /*height: 53px;*/
        width: 150px;
        margin-right: 15px;
        text-transform: uppercase;
        margin-top: -5px
    }

    .facheading a, .amenities .facdesc a {
        text-decoration: underline;
        color: #231F20;
        clear: both
    }

        .facheading a:hover, .facdesc a:hover {
            color: #a37e2f;
            font-weight: bold
        }

    .descriptions .facilities .amenities [id*="location"] {
        background-position: 0 0;
    }

    .descriptions .facilities .amenities [id*="capacity"] {
        background-position: 0 -75px;
    }

    .descriptions .facilities .amenities [id*="living"] {
        background-position: 0 -150px;
    }

    .descriptions .facilities .amenities [id*="pool"] {
        background-position: 0 -226px;
    }

    .descriptions .facilities .amenities [id*="staff"] {
        background-position: 0 -302px;
    }

    .descriptions .facilities .amenities [id*="dining"] {
        background-position: 0 -378px;
    }

    .descriptions .facilities .amenities [id*="communication"] {
        background-position: 0 -453px;
    }

    .descriptions .facilities .amenities [id*="entertainment"] {
        background-position: 0 -529px;
    }

    .descriptions .facilities .amenities [id*="gym"] {
        background-position: 0 -604px;
    }

    .descriptions .facilities .amenities [id*="famil"] {
        background-position: 0 -680px;
    }

    .descriptions .facilities .amenities [id*="spa"] {
        background-position: 0 -756px;
    }

    .descriptions .facilities .amenities [id*="transport"] {
        background-position: 0 -831px;
    }

    .descriptions .facilities .amenities [id*="wedding"],
    .descriptions .facilities .amenities [id*="event"] {
        background-position: 0 -907px;
    }

    .descriptions .facilities .amenities [id*="additional"] {
        background-position: 0 -982px;
    }

    .descriptions .facilities .amenities [id*="property"] {
        background-position: 0 -1058px;
    }

    .descriptions .facilities .amenities [id*="-by"] {
        background-position: 0 -1134px;
    }

    .descriptions .facilities .amenities .facdesc {
        width: calc(100% - 170px);
        font-size: 16px;
        line-height: 20px
    }

        .descriptions .facilities .amenities .facdesc a {
            color: #231F20;
        }

    .descriptions .layout h2.main-title,
    .descriptions .rooms h2.main-title,
    .descriptions .location h2.main-title, .descriptions .revws h2.main-title, .descriptions .rates h2.main-title, .descriptions .availability h2.main-title {
        margin-top: 0;
        text-align: left;
        padding-right: 15px;
        cursor: pointer;
        margin-top: 50px
    }

    .descriptions .rates #totalcost { float: left;  width: 100%;   text-align: left  }

    .descriptions .layout .img,
    .descriptions .rooms .img,
    .descriptions .location .img {
        display: block;
    }


        .descriptions .layout .img img, .descriptions .rooms .img img, .descriptions .location .img img {
            max-width: 100%;
            width: 100%;
            display: block;
        }


    .descriptions .layout h3,
    .descriptions .rooms h3,
    .descriptions .location h3 {
        text-transform: capitalize;
        margin: 25px 0 5px;
    }



    .descriptions .layout ul,
    .descriptions .rooms ul,
    .descriptions .location ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .descriptions .layout ul li,
        .descriptions .rooms ul li,
        .descriptions .location ul li, .descriptions .location ol li {
            padding: 0 0 0 19px;
            margin: 0;
            position: relative;
        }

            .descriptions .layout ul li:before,
            .descriptions .rooms ul li:before,
            .descriptions .location ul li:before {
                content: '- ';
                display: block;
                position: absolute;
                left: 0;
            }

    .descriptions .layout .the-content,
    .descriptions .rooms .the-content,
    .descriptions .location .the-content {
        margin-bottom: 25px;
    }

    /*********/
    /* MAPS */
    /*********/
    .gmnoprint img {
        max-width: none;
    }

    .villas .div_map #map_click img, .villas .links .spots .div_map_click img {
        width: 55px;
        height: 35px
    }

    .villas .div_map .div_map_click {
        position: absolute;
        margin-top: 20px;
        font-weight: bold;
        margin-left: 37%;
        width: 250px;
        padding: 15px;
        top: 40%;
        text-align: center;
        padding: 15px;
    }

    .div_map_click a {
        cursor: pointer;
        color: #FFF
    }

    .villas .links .div_map_click a {
        cursor: pointer;
        color: #000 !important;
        font-size: 15px;
        margin-right: 15px;
        line-height: 17px
    }

    .villas .links .div_map_click {
        position: relative;
        top: 40%;
        font-weight: bold;
        left: 35%;
        width: 250px;
        padding: 12px;
        z-index: 99999;
    }

    @media all and (max-width: 767px) {
        .villas .links .div_map_click {
            left: 11% !important;
            top: 45%;
        }

        .villas .links #map_div .imgs:nth-of-type(1) {
            margin: 45% 35% !important
        }

        .villas .links #map_div .imgs:nth-of-type(4) {
            margin: 45% 55% !important
        }
    }

    @media all and (max-width: 414px) {
        .villas .links #map_div .imgs:nth-of-type(4) {
            margin-top: 60px !important;
        }
    }

    .villas .links .spots #map_div .imgs {
        width: auto !important;
        height: auto !important;
        overflow: hidden;
        position: absolute !important;
        left: 0;
    }

    .villas .div_map {
        position: relative;
        background: #EBEBEB;
        width: 100%;
        float: left
    }

        .villas .div_map .map, #map_click {
            height: 400px;
            display: inline-block;
            width: 100%;
        }

        .villas .div_map #by_map_div.map, .villas .div_map #by_map_div_detail.map {
            height: 640px;
            margin-bottom: 40px;
            margin-top: 20px;
        }

        .villas .div_map .infowindow {
            position: absolute;
            background: #fff;
            top: 15px;
            left: 15px;
            max-width: 137px;
        }

            .villas .div_map .infowindow img {
                display: block;
            }

            .villas .div_map .infowindow .infodetail {
                padding: 10px;
                font-size: 15px;
                line-height: 1.4;
                color: #282828;
            }

                .villas .div_map .infowindow .infodetail a {
                    color: #282828;
                    text-decoration: none;
                    -webkit-transition: all .25s ease-in-out;
                    -o-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out;
                }

                    .villas .div_map .infowindow .infodetail a:hover {
                        text-decoration: underline;
                    }

    @media all and (max-width: 1023px) {
        .villas .links .div_map_click {
            position: relative;
            background: #fff;
            margin-top: -210px;
            font-weight: bold;
            margin-left: 35%;
            width: 200px;
            padding: 12px;
            z-index: 99999 !important;
        }
    }

    @media all and (max-width: 767px) {
        .villas .div_map .map, #map_click {
            height: 320px;
        }

        .villas .links .div_map_click {
            position: relative;
            background: #fff;
            font-weight: bold;
            margin-left: 35%;
            width: 200px;
            padding: 12px;
            z-index: 99999 !important;
        }

        .villas .div_map .div_map_click {
            position: relative;
            background: #fff;
            font-weight: bold;
            margin-left: 35%;
            width: 200px;
            padding: 15px
        }
    }

    @media all and (max-width: 414px) {
        .villas .div_map .div_map_click {
            margin-left: 20%;
            margin-top: 29%;
        }
    }

    /*
    .descriptions .link-list, footer .link-list {
        margin-top: 20px;
    }
        */

    .descriptions .link-list a {
        text-decoration: none
    }

        .descriptions .link-list a:hover {
            text-decoration: underline
        }

    /*
    .descriptions .link-list:last-of-type {
        margin-bottom: 20px;
    }
    
    jhong 09/14
    @media all and (max-width: 1023px) {
        .descriptions .link-list:last-of-type {
            margin-bottom: 60px;
        }
    }
    */
    .descriptions .link-list h2.main-title {
        text-align: left !important;
        padding: 25px 0;
        /* padding-left: 15px;
    padding-right: 15px; */
        /* margin-bottom: 20px;
    margin-top: 25px; */
    }

    .descriptions .link-list h3 {
        /* text-transform: uppercase; font-family: "FS Siena"; font-weight: 100; width: auto; font-size: 40px; line-height: 44px; color: #231F20; text-align:left; margin-bottom:25px;margin-top: 0px; */
        /* color: #000 !important;
    font-size: 30px !important;
    font-weight: 400;
    font-family: 'Majorant-Light', serif;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    text-transform: capitalize;
    line-height: 44px;
    width: auto; */
    }


    .descriptions .link-list a h3, .descriptions .link-list a {
        text-decoration: none !important;
        color: #231F20;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

        .descriptions .link-list a:hover h3, .descriptions .link-list a:hover {
            text-decoration: underline !important;
        }

    /*
    .descriptions .link-list .seo {
        display: block !important;
    }

@media all and (max-width: 767px) {
    .descriptions .link-list .seo {
        display: block!important;
        margin-bottom:80px!important  
    }
    
}
            */


    .descriptions .link-list .seo ul {
        list-style: none;
        margin: 0;
        padding: 0; /*margin-bottom: 10px*/
    }

    @media all and (max-width: 767px) {
        .descriptions .link-list .seo {
            height: auto;
            display: block;
            margin-left: 25px
        }
    }

    /* VILLAS PAGE */
    .descriptions .link-list ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 25px;
        /*display:inline-block*/
    }

    .descriptions .link-list #rptCountry_ctl03_higrp .group ul li, #rptCountry_ctl03_rptLoc_ctl01_rptSubLoc_ctl04_hypSub .group ul li {
        display: block !important;
        color: #000;
        min-height: 5px
    }

    .descriptions .link-list .four-col {
        -webkit-columns: 4;
        -moz-columns: 4;
        -o-columns: 4;
        columns: 4;
    }

    .descriptions .link-list .three-col {
        -webkit-columns: 3;
        -moz-columns: 3;
        -o-columns: 3;
        columns: 3;
    }

    .descriptions .link-list .two-col {
        -webkit-columns: 2;
        -moz-columns: 2;
        -o-columns: 2;
        columns: 2;
    }

    .descriptions .link-list .group,
    .descriptions .link-list .group ul, #footerdetails .link-list ul li {
        -webkit-break-inside: avoid !important;
        -moz-break-inside: avoid !important;
        -ms-break-inside: avoid !important;
        -o-break-inside: avoid !important;
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    .descriptions .link-list .group {
        display: block;
    }


    /*footer links*/
    .descriptions .link-list .seo a {
        font-size: 13px !important;
        line-height: 15px
    }

    .descriptions .link-list .seo ul li {
        margin: 0;
        padding: 0;
        margin-bottom: -15px
    }

    .descriptions .link-list ul li {
        margin: 0;
        padding: 0;
    }

        .descriptions .link-list ul li a {
            color: #231F20;
            text-decoration: none;
            -webkit-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
        }

            .descriptions .link-list ul li a:hover {
                text-decoration: underline;
            }

    @media all and (max-width: 1023px) {
        .descriptions .link-list .four-col, .descriptions .link-list .three-col {
            -webkit-columns: 2;
            -moz-columns: 2;
            -o-columns: 2;
            columns: 2;
        }
    }

    @media all and (max-width: 767px) {
        /* .descriptions .wrapper {
        padding: 0px !important;
    } */
        .descriptions .link-list h3 {
            margin-top: 20px;
        }

        .descriptions .link-list .group:first-of-type h3 {
            margin-top: 0;
        }

        .descriptions .link-list .four-col, .descriptions .link-list .three-col,
        .descriptions .link-list .two-col {
            -webkit-columns: 1;
            -moz-columns: 1;
            -o-columns: 1;
            columns: 1;
        }

        #gallery .link-list .four-col {
            -webkit-columns: 2;
            -moz-columns: 2;
            -o-columns: 2;
            columns: 2;
        }
    }
    /* COMBINED VILLAS */
    #combinedvillas .descriptions .combined {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #combinedvillas p.desc {
        margin-bottom: 0px;
    }

    #combinedvillas p.desc {
        margin-bottom: 0px;
    }

    .descriptions .combined .row {
        display: table;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 0;
        width: 100%;
        position: relative;
    }

        .descriptions .combined .row:after {
            content: '';
            display: block;
            border-bottom: 1px solid #a47f2f;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
        }

        .descriptions .combined .row:last-of-type:after {
            border-bottom: 0;
        }

        .descriptions .combined .row .col {
            /* background: #efefef; */
            padding: 10px;
            border: 2px solid #fff;
            border-top: 4px solid #fff;
            border-bottom: 5px solid #fff;
            vertical-align: top;
            display: table-cell;
            width: 33.9%;
            position: relative;
        }

        .descriptions .combined .row:first-of-type .col {
            border-top: 0;
        }

        .descriptions .combined .row:last-of-type .col {
            border-bottom: 0;
        }

        .descriptions .combined .row .col:first-of-type {
            background: transparent;
            width: 32.2%;
            border-left: 0;
            padding: 0;
        }

        .descriptions .combined .row .col:last-of-type {
            /* background: #e7e7e7; */
            border-right: 0;
        }

        .descriptions .combined .row .col h2 {
            margin: 0 0 2px;
            font-family: 'FS Siena', serif;
            font-weight: 400;
            color: #231F20;
            font-size: 25px;
        }

        .descriptions .combined .row .col big {
            color: #231F20;
            font-family: 'FS Siena', serif;
            font-size: 25px;
            font-weight: 400;
            line-height: 30px;
            display: block;
        }

        .descriptions .combined .row .col:last-of-type big {
            font-size: 20px;
            line-height: 21px;
        }

        .descriptions .combined .row .col small {
            color: #231F20;
            font-family: 'Majorant-Light', sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 30px;
        }

        .descriptions .combined .row .col ul {
            margin: 4px 0 0;
            padding: 0;
            list-style: none;
        }

            .descriptions .combined .row .col ul li {
                display: block
            }

                .descriptions .combined .row .col ul li a {
                    display: inline-block
                }

                .descriptions .combined .row .col ul li, .descriptions .combined .row .col ul li a {
                    color: #231F20;
                    font-family: 'Majorant-Light', sans-serif;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 22px;
                }

        .descriptions .combined .row .col a,
        .descriptions .combined .row .col img {
            display: block;
            max-width: 100%;
            width: 100%;
        }

        .descriptions .combined .row .col .location {
            padding: 6px 0 7px 40px;
            line-height: 20px;
            background: url(../png/location-ico.png) no-repeat left center;
            margin-top: 8px;
        }

            .descriptions .combined .row .col .location small {
                line-height: 15px;
            }

        .descriptions .combined .row .col .website {
            position: absolute;
            bottom: 10px;
            display: none
        }

            .descriptions .combined .row .col .website a {
                color: #a37e2f;
                font-family: 'Majorant-Light', sans-serif;
                font-size: 14px;
                font-weight: 400;
                line-height: 18px;
                display: block;
                text-decoration: none;
                overflow-wrap: break-word;
                display: none
            }

    @media all and (max-width: 1031px) {
        .descriptions .combined .row .col {
            width: 67.8%;
            border-right: 0;
            float: right;
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

            .descriptions .combined .row .col:first-of-type {
                float: left;
                border-right: 3px solid #fff;
            }

            .descriptions .combined .row .col:last-of-type {
                border-top: 0;
            }

        .descriptions .combined .row:last-of-type .col {
            border-bottom: 5px solid #fff;
        }

            .descriptions .combined .row:last-of-type .col:last-of-type {
                border-bottom: 0;
            }

        .descriptions .combined .row .col .website {
            position: relative;
            margin-top: 20px;
        }
    }

    @media all and (max-width: 767px) {
        .descriptions .combined .row {
            margin-bottom: 20px
        }

            .descriptions .combined .row .col {
                width: 100%;
                border-left: 0;
            }

                .descriptions .combined .row .col:first-of-type {
                    display: none;
                }
    }

    .popup-trigger {
        position: absolute;
        margin-top: -55px;
        margin-left: 10px;
        z-index: 2;
        background: #a37e2f;
        color: #fff;
        font-family: 'Majorant-Light', sans-serif;
        font-size: 20px;
        font-weight: 300;
        text-decoration: none;
        padding: 5px 10px;
        text-transform: uppercase;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        display: none
    }

        .popup-trigger:hover {
            background: #143551;
        }

    .popup-container {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        display: none;
    }

        .popup-container:before {
            content: '';
            background: rgba(0, 0, 0, .9);
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 0;
        }

        .popup-container .close {
            display: block;
            position: absolute;
            z-index: 1000;
            top: 20px;
            right: 29px;
            cursor: pointer;
            font-size: 4em;
            line-height: 20px;
            font-weight: 100;
            height: 37px;
            padding-top: 6px;
            color: #fff;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

        .popup-container .slideshow {
            position: absolute;
            left: 0;
            width: 100%;
            top: 50%;
            text-align: center;
            z-index: 1;
            -webkit-transform: translateY(calc(-50% - 60px));
            -ms-transform: translateY(calc(-50% - 60px));
            -o-transform: translateY(calc(-50% - 60px));
            transform: translateY(calc(-50% - 60px));
        }

            .popup-container .slideshow .owl-item {
                float: none;
            }

                .popup-container .slideshow .owl-item img {
                    max-width: 100%;
                    width: auto;
                    margin: 0 auto;
                }

        .popup-container .slidethumb {
            position: absolute;
            bottom: 0;
            text-align: center;
            z-index: 2;
            left: 0;
            right: 0;
            padding: 3px;
        }

            .popup-container .slidethumb .the-thumb {
                border: 1px solid transparent;
                opacity: .5;
                background-size: cover;
                background-position: center center;
                margin: 3px;
                vertical-align: top;
                width: 100px;
                height: 60px;
                cursor: pointer;
                display: inline-block;
                *display: inline;
                zoom: 1;
                -webkit-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
            }

                .popup-container .slidethumb .the-thumb.active {
                    opacity: 1;
                    border-color: #fff;
                }

    @media all and (max-width: 767px) {
        .popup-container .slidethumb .the-thumb {
            width: 50px;
            height: 30px;
        }
    }

    @media all and (max-width: 480px) {
        .popup-container .slidethumb {
            display: none;
        }
    }

    .hero {
        margin-top: 10px;
    }

    @media all and (max-width: 767px) {
        .hero {
            margin-top: 0;
        }
    }

    .viewed {
        background: #f7f7f7;
        padding: 30px 15px;
    }

        .viewed h2 {
            margin: 0 0 25px;
            font-size: 30px;
            line-height: 35px;
            font-weight: 400;
            font-family: 'Majorant-Light', serif;
            text-transform: capitalize;
        }

        .viewed .list {
            font-size: 0;
            text-align: center;
        }

            .viewed .list .item {
                width: calc(20% - 1px);
                margin-left: 1px;
                vertical-align: top;
                overflow: hidden;
                font-size: 16px;
                text-align: center;
                display: inline-block;
                *display: inline;
                zoom: 1;
            }

                .viewed .list .item:first-of-type {
                    margin-left: 0;
                }

                .viewed .list .item img {
                    max-width: 100%;
                    display: block;
                    margin: 0 auto;
                }

                .viewed .list .item a {
                    color: #424242;
                    /*text-transform: uppercase;*/
                    text-decoration: none;
                    display: block;
                    -webkit-transition: all .25s ease-in-out;
                    -o-transition: all .25s ease-in-out;
                    transition: all .25s ease-in-out;
                }

                    .viewed .list .item a:hover {
                        text-decoration: underline;
                    }

    @media all and (max-width: 767px) {
        .viewed h2 {
            text-align: center;
        }

        .viewed .list .item {
            width: calc(33.33333% - 1px);
        }
    }

    @media all and (max-width: 580px) {
        .viewed .list .item {
            width: calc(50% - 1px);
        }
    }

    @media all and (max-width: 480px) {
        .viewed .list .item {
            width: 100%;
            margin-left: 0;
        }

        .viewed {
            display: none;
            height: 0 !important
        }
    }

    .instagram {
        display: block !important;
        clear: both;
        padding-top: 40px;
    }

        .instagram #instafeed {
            padding: 40px;
            font-size: 0;
            text-align: center;
        }

        .instagram a {
            background-position: center center;
            background-size: cover;
            width: calc(16.6666667% - 10px);
            height: 100%;
            margin: 5px;
            overflow: hidden;
            vertical-align: top;
            display: inline-block;
            *display: inline;
            zoom: 1;
            -webkit-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
        }

            .instagram a:hover {
                -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #a47f2f;
                -moz-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #a47f2f;
                box-shadow: 0 0 0 1px #fff, 0 0 0 5px #000;
            }

            .instagram a img {
                max-width: 100%;
                vertical-align: middle;
                display: inline-block;
                *display: inline;
                zoom: 1;
                -webkit-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
            }

            .instagram a:hover img {
                -webkit-transform: scale(1.01);
                -ms-transform: scale(1.01);
                -o-transform: scale(1.01);
                transform: scale(1.01);
            }

    @media all and (max-width: 1023px) {
        .instagram {
            display: none;
        }
    }

    .modal-box {
        display: none;
        position: fixed;
        z-index: 1001;
        width: 98%;
        max-width: 800px;
        background-clip: padding-box;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 45%;
        min-width: 300px
    }

        .modal-box header,
        .modal-box .modal-header {
            padding: 20px;
            width: 45%;
            margin: 0 auto;
        }

        .modal-box .modal-body {
            padding: 0;
            max-height: 600px;
            overflow-y: auto;
            background: white;
            font-size: 14px;
            width: 45%;
            margin: 0 auto
        }

    @media all and (max-width: 913px) {
        .modal-box, .modal-box header,
        .modal-box .modal-header, .modal-box .modal-body {
            width: 60% !important;
        }
    }

    .modal-box .modal-body h1 {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 25px;
    }

    .modal-box .modal-body h2 {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .modal-box .modal-body h3 {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .modal-box .modal-body h4 {
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .modal-box .modal-body p, .modal-box .modal-body div {
        margin-bottom: 0;
        line-height: 24px;
    }

    .modal-box .modal-body ul, .modal-box .modal-body ol {
        list-style: disc;
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .modal-box .modal-body li, .modal-box .modal-body li {
        padding-left: 30px;
        margin-bottom: 10px;
        text-indent: -27px;
    }

    .modal-box .modal-body ul li, .modal-box .modal-body ol li {
        padding-left: 17px;
        text-indent: 0;
    }

    .modal-box .modal-body br {
        display: none;
    }

    .modal-box .modal-body strong, .modal-box .modal-body b {
        font-weight: bold;
    }

    .modal-box .modal-body em, .modal-box .modal-body i {
        font-style: italic;
    }

    .modal-overlay {
        opacity: 0;
        filter: alpha(opacity=0);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1001;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3) !important;
    }

    .modal-box a.close {
        line-height: 1;
        font-size: 1.5em;
        position: absolute;
        right: 0;
        top: 8px;
        text-decoration: none;
        color: #fff;
        background: #231F20;
        padding: 4px 10px;
    }

        .modal-box a.close:hover {
            background: #a37e2f;
            -webkit-transition: color 1s ease;
            -moz-transition: color 1s ease;
            transition: color 1s ease;
        }

    @media all and (max-width: 767px) {
        .modal-box .modal-body {
            max-height: 270px;
        }
    }
    /* Custom modal rules */
    .modal-box .call-list p {
        display: none;
    }

    .modal-box .call-list ul {
        list-style: none;
        margin: 1px 0 0;
        padding: 0;
    }

        .modal-box .call-list ul li {
            list-style: none;
            margin: 0 0 1px;
            padding: 0;
            font-size: 0;
            position: relative;
        }

            .modal-box .call-list ul li span,
            .modal-box .call-list ul li a {
                font-size: 16px;
                width: 100%;
                padding: 10px;
                vertical-align: top;
                display: inline-block;
                *display: inline;
                zoom: 1;
            }

            .modal-box .call-list ul li span {
                position: absolute;
                color: #fff;
                z-index: 0;
                left: 50%;
                transform: translateX(-50%);
                text-align: center;
                font-size: 14px;
                cursor: pointer;
                margin-top: 17px;
                padding: 0;
                line-height: 0;
            }

            .modal-box .call-list ul li a {
                text-decoration: none;
                color: #fff;
                background: #a37e2f;
                text-align: center;
                padding-top: 25px;
                font-size: 22px;
                -webkit-transition: all .25s ease-in-out;
                -moz-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
            }

                .modal-box .call-list ul li a:hover {
                    background: #37587d;
                }

    .modal-box form {
        margin: 0;
        padding: 20px;
    }

        .modal-box form .form-item {
            margin-bottom: 10px;
        }

            .modal-box form .form-item:last-of-type {
                margin-bottom: 0;
            }

        .modal-box form label {
            font-family: 'Majorant-Light', sans-serif;
            font-size: 18px;
            line-height: 35px;
            color: #231F20;
            display: block;
        }

        .modal-box form input,
        .modal-box form select {
            display: block;
            width: 100%;
            color: #333;
            font-family: 'Majorant-Light', sans-serif;
            font-size: 16px;
            border: 1px solid #acacac;
            padding: 8px 10px;
            background: #f4f4f4;
            height: 38px;
        }

        .modal-box form select {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        .modal-box form button {
            display: block;
            width: 100%;
            background: #a37e2f;
            border: none;
            color: #fff;
            font-family: 'Majorant-Light', sans-serif;
            font-size: 18px;
            text-transform: uppercase;
            padding: 8px 10px;
            cursor: pointer;
            margin-top: 15px;
            height: 38px;
            -webkit-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
        }

            .modal-box form button:hover {
                background: #37587d;
            }

    .modal-box .accordions {
        padding: 0 15px;
        font-family: 'Majorant-Light', sans-serif;
        font-size: 16px;
        line-height: 22px;
    }

        .modal-box .accordions strong {
            display: block;
            margin: 10px 0;
            cursor: pointer;
        }

        .modal-box .accordions ul {
            max-height: 999px;
            padding: 0 0 0 19px;
            margin: 0;
            overflow: hidden;
            font-family: 'Majorant-Light', sans-serif;
            font-size: 16px;
            line-height: 22px;
            -webkit-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
        }

            .modal-box .accordions ul.hover {
                max-height: 0;
            }

            .modal-box .accordions ul li {
                padding: 0
            }

                .modal-box .accordions ul li a {
                    color: #231F20;
                    text-decoration: none;
                }

                    .modal-box .accordions ul li a:hover {
                        text-decoration: underline;
                    }

    .modal-box form .reset {
        margin-top: 5px !important;
        background: #000 !important;
        color: #fff
    }

        .modal-box form .reset:hover {
            background: #fff !important;
            border-color: #000;
            color: #000 !important
        }

    #gallery {
        margin-top: 50px
    }

    #maingallery .owl-nav .owl-prev {
        left: 5%;
    }

    #maingallery .owl-nav .owl-next {
        right: 5%;
    }

    .viewgallery {
        position: fixed;
        top: 40%;
        background: #000;
        font-family: 'Majorant-Light', sans-serif;
        width: 25px !important;
        text-transform: uppercase;
        line-height: 18px;
        padding: 2px 5px 2px 5px;
        word-wrap: break-word;
        display: block;
        height: auto;
        z-index: 10000
    }

        .viewgallery a {
            font-size: 16px;
            color: #FFF !important;
            text-decoration: none;
            display: block;
            padding: 5px 0 5px 0;
            margin-left: 2px
        }

    .popover {
        font-size: 14px !important;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        line-height: 1.5;
        color: #fff;
        position: absolute;
        z-index: 100;
        list-style: none;
        padding: 15px;
        text-align: center;
        width: 100%;
        max-width: 300px;
        opacity: 0;
        visibility: hidden;
        display: none;
        background: #333;
        background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
        background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
        background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
        background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
        background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
        background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-105%) translateX(-50%);
        -ms-transform: translateY(-105%) translateX(-50%);
        -o-transform: translateY(-105%) translateX(-50%);
        transform: translateY(-105%) translateX(-50%);
        -webkit-transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
    }

        .popover:after {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #333;
            border-top-color: rgba( 0, 0, 0, .7 );
            content: '';
            position: absolute;
            left: 50%;
            bottom: -10px;
            margin-left: -10px;
        }

        .popover.bottom:after {
            border-bottom: 10px solid #333;
            border-top: none;
            bottom: auto;
            top: -10px;
            border-bottom-color: rgba( 0, 0, 0, .6 );
        }

        .popover.hover {
            opacity: 1;
            visibility: visible;
            display: block;
            -webkit-transform: translateY(-100%) translateX(-50%);
            -ms-transform: translateY(-100%) translateX(-50%);
            -o-transform: translateY(-100%) translateX(-50%);
            transform: translateY(-100%) translateX(-50%);
        }

        .popover li {
            padding-left: 15px;
            text-align: left;
        }

            .popover li:before {
                content: '\2022';
                display: inline-block;
                *display: inline;
                zoom: 1;
                margin-left: -16px;
                margin-right: 5px;
            }

    @media all and (max-width: 1180px) {
        .popover,
        .popover.hover {
            left: 10% !important;
            right: 10% !important;
            max-width: none;
            width: auto;
            -webkit-transform: translateY(-100%) translateX(0);
            -ms-transform: translateY(-100%) translateX(0);
            -o-transform: translateY(-100%) translateX(0);
            transform: translateY(-100%) translateX(0);
        }

            .popover:after {
                display: none;
            }
    }


    /* DATEPICKER */
    #ui-datepicker-div {
        border: 1px solid #dedede !important;
        padding: 5px;
        height: auto;
        margin-top: -1px;
        z-index: 9999 !important;
    }

    .ui-datepicker td.ui-datepicker-current-day a {
        background: #000 !important;
        color: #FFF;
    }

    .ui-datepicker {
        border-radius: 0 !important;
        padding: 0 !important;
    }

    #ui-datepicker-div {
        border: 1px solid #c5c5c5;
        width: 259px;
    }

    @media all and (max-width: 767px) {
        #ui-datepicker-div {
            left: calc(100% - 320px) !important;
        }
        /*#ui-datepicker-div {
        left: calc(100% - 280px) !important;
        top: 180px !important;
        position: fixed !important
    }*/
    }

    .ui-icon-circle-triangle-w {
        background-position: -96px -32px;
    }

    .ui-icon-circle-triangle-e {
        background-position: -32px -32px;
    }

    .ui-datepicker th {
        padding: 0.7em 0.3em;
        text-align: center;
        border: 0;
        font-weight: normal;
    }

    .ui-datepicker td {
        width: 16.666667%;
        padding: 0;
        border: solid 1px #efefef;
    }

    .ui-widget-header {
        border: none
    }

    .ui-datepicker .ui-datepicker-header {
        -moz-border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
        background: #fff !important;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        top: 5px;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        background: #fff !important;
        color: #231F20;
        border: solid 1px silver !important;
        -moz-border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
        font-size: 13px
    }

    .ui-datepicker table {
        table-layout: fixed;
        margin-bottom: 1px; /* margin-left:3px;  */
        margin-top: -10px
    }

    .ui-datepicker td {
        width: 16.666667%;
        padding: 0;
    }

        .ui-datepicker td a,
        .ui-datepicker td span {
            line-height: 30px;
        }


    .ui-autocomplete { background: #fff; right: 0;  margin: 0; padding: 0; list-style: none;  text-align: left;  position: absolute !important;  width: auto !important;
        cursor: pointer; font-size: 12px;  border: solid 3px green;  width: 500px  }

    @media all and (max-width: 1024px) {
        .ui-autocomplete {  position: relative !important     }
    }

    @media all and (max-width: 767px) {
        .ui-autocomplete {  background: #fff;  right: 0;  margin: 0; padding: 0; list-style: none; text-align: left; position: absolute !important; width: auto !important;
            cursor: pointer; font-size: 12px; z-index: 9999999 !important; min-height: 100px !important; overflow: auto; margin-top: -30px !important    }
    }

    .ui-autocomplete li {   display: block; position: relative; border-bottom: 1px solid #ebebeb;  }

        .ui-autocomplete li:last-of-type {   border-bottom: none;     }

        .ui-autocomplete li div { padding: 0px 5px;  line-height: 20px     }

    .ui-widget.ui-widget-content {  border: 1px solid #c5c5c5;  z-index: 9999999999 !important;  position: absolute   }

    #frmSearch .ui-widget.ui-widget-content {  border: 1px solid #c5c5c5;  z-index: 9999999999 !important;  position: absolute !important    }

    .qfloat {
        padding: 100px 1px;
        background: #FFF;
        position: absolute;
        top: 30px;
        width: 100%;
        min-height: 350px;
    }

    @media all and (max-width: 420px) {
        .qfloat .form-item {
            margin-top: -85px !important
        }
    }

    @media all and (max-width: 767px) {
        #ui-id-2, #ui-id3 {
            position: absolute !important;
            border: solid 1px #000
        }

            #ui-id-2 .ui-widget.ui-widget-content, #ui-id-3 .ui-widget.ui-widget-content {
                margin-top: -50px !important;
                top: 0 !important;
                position: absolute !important
            }

        .ui-widget.ui-widget-content {
            margin-top: 30px !important;
        }
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        /*border: none;*/
        background: #f6f6f6;
        font-weight: normal;
        color: #231F20;
        padding: 4px 13px;
    }

    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: none;
        background: #000 !important;
        color: #fff;
    }

    #vp .highlight2 span {
        background: red !important;
        display: table-cell;
        opacity: 1;
        color: #FFF;
        font-weight: normal;
    }
.ui-datepicker-calendar .highlight2, .ui-datepicker-calendar .highlight2 a {
    background: red !important; opacity:.55; color:#FFF; font-weight:bold
}

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active, .ui-button:active,
    .ui-button.ui-state-active:hover {
        border: none;
        background: silver;
        font-weight: normal;
        color: #000;
    }

    /* about */
    .homemsg {
        text-align: center;
        width: 50%;
        font-size: 15px;
        margin: 0 auto;
        padding: 0;
    }

    #panError {
        color: red;
        font-size: 15px;
        width: auto;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        max-width: 1001px /* padding-bottom: 25px; */
    }


    /* combined */
    #combined .details, #combined .villa-col {
        min-height: 242px;
    }

    #combined .row {
        padding-bottom: 1px;
        border-bottom: solid 3px #A28144;
        min-height: 242px;
        clear: both;
        margin-top: 2px;
        clear: both
    }

    #combined .details, #combined .villa-col {
        min-height: 242px;
    }

    #combined .villa-col {
        width: 290px;
        float: left
    }

        #combined .villa-col img {
            width: 288px;
            height: 241px;
        }

    #combined .details {
        vertical-align: top;
        min-height: 241px;
        float: left;
    }

        #combined .details .info {
            padding: 1px 0 0 20px;
            float: left;
            background: #fcf8f3;
            min-height: 221px;
            margin-left: 2px
        }

        #combined .details p {
            margin: 0;
            padding: 2px 0 0 0;
            font-size: 14px
        }

        #combined .details ul {
            margin-top: 3px;
        }

            #combined .details ul li {
                margin-left: 20px;
                list-style: disc;
                line-height: 15px;
                font-size: 14px
            }

    #combined .info {
        float: left;
        width: 305px;
    }

    #combined h2 {
        font-weight: normal;
        font-size: 22px;
        font-family: arapey;
        margin-bottom: 3px;
        margin-top: 3px
    }

    #combined .combi {
        position: relative;
        background: #f8f6f4;
        padding: 20px 0 0 20px;
        width: 360px;
        float: left;
        min-height: 221px;
        margin-left: 2px
    }

    #combined .combi2 {
        position: relative;
        background: #f8f6f4;
        padding: 20px 0 0 20px;
        width: 360px;
        float: left;
        min-height: 287px;
        margin-left: 2px
    }

    #combined .combination {
        width: 320px !important;
        position: absolute;
        z-index: 999;
        top: 25px;
        text-align: center;
        font-size: 17px;
    }

        #combined .combination span {
            font-size: 22px;
            font-weight: bold
        }

    #combined .website6 {
        position: absolute;
        font-size: 17px;
        width: 330px;
        text-align: center;
        bottom: 145px
    }

    #combined .website5 {
        position: absolute;
        font-size: 17px;
        width: 330px;
        text-align: center;
        bottom: 125px
    }

    #combined .website4 {
        position: absolute;
        font-size: 17px;
        width: 330px;
        text-align: center;
        bottom: 105px
    }

    #combined .website3 {
        position: absolute;
        font-size: 17px;
        width: 330px;
        text-align: center;
        bottom: 85px
    }

    #combined .website2 {
        position: absolute;
        font-size: 17px;
        width: 330px;
        text-align: center;
        bottom: 65px
    }

    #combined .website1 {
        position: absolute;
        font-size: 17px;
        width: 330px;
        text-align: center;
        bottom: 45px
    }

    #combined .website {
        position: absolute;
        font-size: 17px;
        width: 330px;
        text-align: center;
        bottom: 25px
    }

        #combined .website a, .website1 a, .website2 a, .website3 a, .website4 a, .website5 a, .website6 a {
            color: #000 !important
        }

    #combined .desc {
        font-size: 16px;
        font-family: lato;
        font-weight: 400;
        color: #333333;
        margin-top: -3px;
        padding-bottom: 25px;
    }

    /*CONTACT US*/
    #contact .ui-datepicker select {width:auto!important}
    #contact #txtArrivalDate, #contact #txtDepartDate { width:170px; float:left; margin-right:15px;  background: #EBEDEE url(../png/calendar-2.png) 95% 7px no-repeat !important; }
    #contact #frmRFI .tdates { float:left; width:50%; margin-top:-10px}
    #contact #frmRFI div label {margin-bottom:0; padding:0!important}

    #contact .detail #frmRFI select { width: 100%; color: #231F20;   }

    #contact textarea,
    #contact select {  background-color: #EBEDEE;  width: 100% !important;   }

    .success { width: 480px; float: left; margin-top: 20px; margin-bottom: 50px    }

    #contact .row { overflow: visible;  }

    #contact .leftside {  width: 55%;  }    

    .divbutton { clear: both; margin: 0 auto; padding: 0; min-height: 30px;  /* padding-top: 20px; */  margin-bottom: 40px; width: 130px; text-align: center   }

    #contact .address { /* float: left; width: 50%; */ margin-left: 90px; /* margin-top: 1px; */ line-height: 22px; /* margin-bottom: 30px; */ margin-top:-12px   }

        #contact .address .country { float: left; width: 120px; font-family: "Majorant-Thin"; font-style: normal; font-weight: 400; font-size: 15px;
            line-height: 21px; text-align: left; letter-spacing: 0.02em;  color: #231F20;        }

        #contact .address .phone { float: left; width: 130px; clear: right; font-family: "Majorant-Thin"; font-style: normal; font-weight: 400; font-size: 15px;
            line-height: 21px; text-align: left; letter-spacing: 0.02em; color: #231F20;  }

        #contact .address .office {
            margin-top: -15px;
            font-family: "Majorant-Thin";
            font-style: normal;
            font-weight: 400;
            font-size: 15px;
            line-height: 21px;
            text-align: left;
            letter-spacing: 0.02em;
            color: #231F20;
        }

    @media all and (max-width: 1439px) {
        #contact .address,
        #contact .address .country,
        #contact .address .office,
        #contact .address .phone {
            font-size: 13px !important;
            line-height: 18px !important;
        }

        #contact h1 {
            font-size: 30px !important;
            line-height: 33px !important;
        }
    }

    @media all and (max-width: 1023px) {



        #contact h4:first-of-type {
            margin-top: 50px;
            margin-bottom: 10px;
        }
    }

    @media all and (max-width: 767px) {
        #contact #frmRFI input, #contact #frmRFI select {
            margin-bottom: 10px
        }

        .leftside {
            float: none;
            width: 100%;
            padding: 0;
            float: none;
        }

        textarea {
            width: 100% !important
        }

        .address {
            float: none;
            margin: 0 auto;
            padding: 0;
            width: 100%;
        }
    }

    @media all and (max-width:1023px) and (min-width: 768px) {
        .address,
        .leftside {
            width: 100%;
        }

        .address {
            margin-left: 0px;
        }

        #contact textarea {
            width: 100% !important;
        }
    }

    /* @media all and (max-width: 1200px) and (min-width: 1024px) {
    .address {
        margin-left: 80px;
    }
}  */

    /*RECENT REVIEWS*/
    .recentreviews {
        text-align: right;
        margin-top: -30px;
        display: flex
    }


        .recentreviews a {
            color: #FFF !important;
            text-align: center;
            font-size: 18px;
            text-decoration: none; /* font-weight: 600; */
            padding: 5px 15px !important;
        }

            .recentreviews a:hover {
                text-decoration: underline
            }

    .recent {
        /* background: #efefef; */
        position: relative;
        overflow: hidden;
        font-size: 16px
    }

    .recent2 {
        /* margin: 20px; */
        /* font-size: 15px */
    }

    .recentreviews5 {
        /* margin-bottom: 30px;
    padding-top: 20px; */
        width: 100% !important;
        border-right: none !important;
        /* padding-right: 0px!important; */
    }

    /* .recentreviews5 .location {
        margin-top: 15px
    } */

    #reviewfilter input {
        cursor: pointer !important
    }

    #imgFilter {
        cursor: pointer
    }

    @media all and (max-width: 767px) {
        /* .recent h2 a {
        font-size: 18px !important;
        line-height: 20px;
        font-weight: bold !important;
        color: #231F20 !important;
        margin-top: 20px !important
    } */

        /* .recent .name2 {
        font-size: 16px !important
    } */

        #reviewfilter {
            max-height: 200px;
            overflow: auto;
            width: 98% !important;
        }

            #reviewfilter .subfilter {
                display: block !important;
                width: 99% !important;
                overflow: hidden !important
            }

        .subf {
            overflow: hidden !important;
            width: 95% !important;
            padding-left: 50px;
            margin-left: 0 !important;
        }
    }

    @media all and (max-width: 1001px) {
        .experience .collect .group img {
            margin-top: 20px
        }
    }

    .recentreviews5 .location {
        margin-top: 15px;
    }

        .recentreviews5 .location a {
            text-decoration: none;
            color: #231F20;
            font-size: 12px;
            line-height: 12px;
            display: inline-block;
            /* vertical-align: top; */
            /* padding-top: 25px; */
        }



    .criteria {
        float: left;
        width: 22%; /* margin-left:60px */
    }

    .value {
        float: left;
        width: 100%; /* text-align: right; */ /* padding-right: 7%; */
        /*max-height: 260px;
        overflow: auto;*/
        margin-top: -10px;
        margin-bottom: -10px
    }

    .valuecontainer {
        margin: 20px 0 20px 0;
    }

        .recent .detail:after,
        .valuecontainer:after {
            content: '';
            display: block;
            clear: both;
        }

    .overall {
        width: 73px;
        height: 34px;
        float: left;
        text-align: center;
        margin: -29px 0 15px 0;
        background: #a47f2f;
        color: #fff;
        font-size: 30px;
        position: relative;
        -moz-border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
    }

        .overall:after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: 0;
            height: 0;
            border-top: 17px solid transparent;
            border-right: 8px solid #efefef;
            border-bottom: 17px solid transparent;
        }

        .overall img {
            display: none;
        }

    /* .recent .name2 {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #231F20;
    font-size: 20px;
    font-family: 'Majorant-Light', sans-serif;
    line-height: 1.4;
} */

    .overalldetail {
        color: #FFF;
        margin-right: 12px;
    }

    .left_whitebox_background {
        background-color: #fff;
        position: absolute;
        width: 518px;
        overflow: auto;
        opacity: .85;
        top: 30px;
        bottom: 30px;
    }

    .right_whitebox_background {
        background-color: #fff;
        position: absolute;
        width: 518px;
        overflow: auto;
        opacity: .85;
        top: 30px;
        bottom: 30px;
        right: 0;
    }

        .left_whitebox_background > div, .right_whitebox_background > div {
            margin: 20px
        }

        .left_whitebox_background .intro3.seemore,
        .right_whitebox_background .intro3.seemore {
            width: auto !important;
        }

    @media all and (max-width: 1031px) {
        .recent .detail {
            padding: 0;
        }

        .recent .imgcontainer, .recent .imgcontainer img {
            display: none;
        }

        .left_whitebox_background, .right_whitebox_background {
            position: relative;
            width: auto;
            max-height: none;
            height: auto;
            opacity: 1;
            top: auto;
            bottom: auto;
        }

            .left_whitebox_background > div, .right_whitebox_background > div {
                margin: 0
            }
    }

    @media all and (max-width: 767px) {
        .criteria {
            width: 40%;
        }


        .recent .name2 {
            margin-left: 0;
        }

        .overall {
            float: none;
            margin: 5px 0 20px 0;
        }
    }

    @media all and (max-width: 490px) {
        .criteria {
            width: 80%;
        }

        .value {
            width: 20%;
        }
        /*.group .value {padding-top:40px} */
    }


    /* GALLERY PAGE */
    .galdiv {
        clear: right;
        margin-bottom: 20px;
    }

        .galdiv img {
            padding: 5px;
            float: left;
            width: 100%
        }


    /* RATES AND AVAILABILITY*/
    #book .message {
        line-height: 22px;
        width: 615px;
        padding: 15px;
    }

    #dynamic { font-size: 13px; line-height: 18px;  min-height: 20px; margin-top:-20px   }

    .message {
        line-height: 22px;
        width: 100%;
        padding: 0;
        font-family: 'Majorant';
        font-size: 13px;
        line-height: 18px
    }

    .message2 {  width: auto;  font-family: 'Majorant-Thin';  font-size: 15px; padding: 0 0 28px; line-height: 20px; margin-top:20px; display:inline-block  }


    @media all and (max-width: 767px) {
        .message, #book .message {
            line-height: 22px;
            width: 100% !important;
            background: #FFF;         
        }

        .message2 {
            width: 100%;
            font-size: 14px;
            display: inline-block
        }

        main section.villa-enquire form .checkcontainer {
            display: block;
            margin-right: 30px;
            height: 20px !important;
            padding-left: 0;
            padding-bottom: 15px
        }    

        .totalamt { float: right !important; right: 15px; margin-top: 5px     }
    }

#divSuggest h3 a, #divSuggest h3 { font-size: 24px; margin-bottom: 3px !important; padding-top: 5px; display: block; position: relative; float: left; text-align:left; width:100%}

    #divSuggest .details {  font-size: 13px;  margin-top: 10px;  margin-left: 5px   }

        #divSuggest .details img {  margin-right: 5px    }

        #divSuggest .details div {  width: fit-content; font-size: 13px; font-family: 'Majorant-Light'; max-width: 220px; margin-right: 15px; float: left; display:inline-block    }

     #divSuggest .box2 {    /*width: 320px;*/    text-align: left;    float: left;  margin-bottom: 30px;   }
     #divSuggest .box2:last-of-type {     margin-bottom: -10px;   }

    @media all and (max-width: 414px) {
        #divSuggest {
            width: 100%
        }

            #divSuggest .box2 {
                width: 100% !important;
                display: block;
                float: none;
                margin-bottom: 30px;
                margin: 0;
                margin-bottom: 25px;
            }

            #divSuggest .details, #divSuggest .details div {
                font-size: 9px !important;
                margin-bottom: -10px!important;
                padding-bottom: 20px;
                margin-top: 3px
            }
           
    }
@media all and (max-width: 430px) {
    #divSuggest h3 {width:100%!important; text-align:left}
    #divSuggest .box2 { margin-bottom:0!important}
    .box2 .location {  width: 100%!important    }
    #divSuggest .details, #divSuggest .details div {  font-size: 9px !important;   margin-bottom: -10px !important; padding-bottom: 20px; margin-top: 3px  }
}
    #divSuggest .box2 img {
        display: block;
        overflow: hidden;
        float: left;
        margin-top: 1px
    }

    #divSuggest strong {
        font-family: 'Majorant-Light', serif;
        font-size: 25px;
        line-height: 30px;
        text-align: left;
        color: #231F20;
        margin: 10px 0 5px;
        padding: 0;
        font-weight: 400;
        display: block;
    }

    #divSuggest h2 {
        margin-top: -15px;
        font-size: 30px;
        font-weight: 300;
        line-height: 1;
        text-align: center
    }

    #divSuggest .name, #divSuggest .bed, #divSuggest .price {
        margin-top: 5px
    }

    #divSuggest a {
        color: #231F20 !important;
        text-decoration: none
    }

        #divSuggest a:hover {
            text-decoration: none
        }

    #divSuggest img {
        margin-bottom: 5px
    }



    .button {
        cursor: pointer !important;
        display: block;
        text-align: center
    }

    .button2 {
        cursor: pointer !important;
    }

    .ui-datepicker-calendar tr {
        overflow: hidden
    }

    .ui-datepicker-calendar td {
        overflow: hidden;
        top: 0 !important
    }

    .ui-datepicker-unselectable .ui-state-disabled {
        background: #8BA0B2 !important;
        opacity: 1 !important;
        overflow: hidden
    }

    .ui-datepicker-calendar td.bluered {
        background: url(../png/pink-blue.png) 50% 50% no-repeat; /*width:39px!important; height:30px!important;*/
    }

    .ui-datepicker-calendar td.bluegreen {
        background: url(../png/pink-white.png) 50% 50% no-repeat;
    }

    .ui-datepicker-calendar td.redblue {
        background: url(../png/blue-pink.png) 50% 50% no-repeat;
    }

    .ui-datepicker-calendar td.redgreen {
        background: url(../png/blue-white.png) 50% 50% no-repeat;
    }

    .ui-datepicker-calendar td.greenred {  background: url(../png/white-blue.png) 50% 50% no-repeat;    }

    .ui-datepicker-calendar td.greenblue {  background: url(../png/white-pink.png) 50% 50% no-repeat;    }

    .ui-datepicker-calendar td.a { background: #fff !important; border: none !important;   }

    .ui-datepicker-calendar td.b { background: #8BA0B2 !important; border: none !important; opacity: 1 !important;   }

    .ui-datepicker-calendar td.o {  background: #C4BAB9 !important; border: none !important;  }

    .receipt3 li { background: url(../png/bullet.png) 0 1px no-repeat; display: block; margin-left: -5px; padding-left: 15px; padding-bottom: 5px;    }

    .receipt3 {  margin: 0 auto; width: 345px; font-family: 'Majorant-Thin'; font-size: 13px; display:block  }
    .receipt3 span { width:auto }
    .receipt3 td{ display:inline-block; width:50% }
    .receipt3 tr{ display:block; width:345px }
        .receipt3 p { font-size: 14px !important  }
    .receipt3 .incl {width:100%}
    .receipt3 a {padding:0!important; text-decoration:underline!important}

@media all and (max-width: 1023px) {
    .receipt3, .receipt3 tr {   width: 100% !important    }
}
    @media all and (max-width: 820px) {
        .receipt3 { width: 100% !important    }
        .receipt3 tbody {display:block; width:100%}
         .receipt3 tr{ display:block; width:100% }
    }

    .currtext {  margin-top: -20px !important;  }

    .descriptions h4 {
        font-family: "FS Siena";
        font-size: 25px;
        font-weight: 300;
    }

    .descriptions p, #terms li {
        font-size: 15px;
        color: #231F20;
        font-family: 'Majorant-Thin', sans-serif;
        line-height: 21px;
        text-align: justify;
    }

    @media all and (max-width: 767px) {
        .descriptions p, #terms li {
            font-size: 13px !important
        }
    }

    .descriptions #divPromo p {
        font-size: 17px;
        color: #000;
        font-family: 'Majorant-Light', sans-serif;
    }

    .descriptions .promo-content {
        border-bottom: solid 1px silver
    }

    .descriptions #divPromo ul li:last-of-type .promo-content {
        border: none !important
    }

    .descriptions p a {
        color: #000;
        font-weight: bold;
        text-decoration: none
    }


    .subtitle, .subtitle a {
        font-family: 'Majorant-Light', serif;
        font-size: 30px;
        color: #000;
        clear: both;
        margin-bottom: 30px;
        text-decoration: none
    }

        .subtitle img {
            width: 25px !important;
            height: 25px !important;
            float: left;
            margin-right: 10px;
        }

    .viewall a {
        float: right;
        text-decoration: none;
        font-size: 17px;
        color: #000
    }

    /* AVAILABILITY PAGE */
    .legend {
        font-size: 10px;
        z-index: 100000;
        margin-top: -25px;
        width: 360px;
        padding: 8px;
        margin: 0 auto;
        padding: 0
    }

        .legend ul {
            text-align: center;
            width: 360px;
        }

    .legend2 ul {
        text-align: center;
        width: 490px;
        margin-top: -5px;
    }

    .legend li, .legened2 li {
        float: left;
        margin-left: 20px;
        line-height: 18px;
        list-style: none;
    }

        .legend li span, .legend2 li span {
            float: left;
            margin: -1px 5px 0 0;
            width: 13px;
            height: 13px;
            border: 1px solid #999;
        }

    .legend .av, .legend2 .av {
        background-color: #FFF;
    }

    .legend .or, .legend2 .av {
        background-color: #EFEFEF;
    }

    .legend .bo, .legend2 .bo {
        background: #000
    }

    #divFilter {
        width: 1001px;
        margin-top: 15px;
        margin-bottom: 15px;
        clear: both;
        font-size: 12px;
        font-family: tahoma,arial;
    }

        #divFilter div {
            float: left;
            margin-left: 15px
        }

        #divFilter select, #divFilter input[type="text"] {
            width: 180px;
            padding: 8px 5px;
            border-radius: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }


    #sidebar_txtArrivalDate, #sidebar_txtDepartDate {
        text-align: right;
        text-indent: 0 !important;
        width: 128px !important;
        display: block;
        padding: 8px 0 !important;
        border-style: none none none none !important;
        font-family: Majorant;
        font-size: 14px
    }

    #hp .txtArrivalDate, #hp .txtDepartDate {    text-indent: 10px;   background: url(../png/calendar-2.png) no-repeat 105px !important    }
    /* vp checkin checkout */
    #vp .dd .txtArrivalDate, #vp .dd .txtDepartDate {  background-position:315px 10px; border:solid 1px gray; width:100%;  margin-bottom:24px  }

    #vp .dd .btn {margin:0 auto; display: block!important; border-radius: 30px; margin-top: 8px; text-align: center;  margin-bottom:38px; padding: 10px 20px }
    #vp #btnForm3 { display:block; margin-bottom:28px; text-align:center; border-radius:30px;  }

    .txtArrivalDate, .txtDepartDate {
        text-indent: 10px!important;
        background: url(../png/calendar-2.png) no-repeat;
        /*background-position: 160px 10px*/ background-position: 100px 5px; 
    }
    #vp .txtArrivalDate, #vp .txtDepartDate { width:370px;   }

    .archive .txtArrivalDate, .archive .txtDepartDate { background-position: 100px 5px !important   } 
    @media all and (max-width: 1023px) {
        #hp .txtArrivalDate, #hp .txtDepartDate {
            text-indent: 10px;
            background: url(../png/calendar-2.png) no-repeat 85px !important
        }       
    }
@media all and (max-width: 767px) {
    #vp #btnForm3 {   margin-top: 15px   }
}

    @media all and (max-width: 420px) {
        #hp .txtArrivalDate, #hp .txtDepartDate {
            text-indent: 10px !important;
            background: url(../png/calendar-2.png) no-repeat 100px !important
        }
        #vp .dd .txtArrivalDate, #vp .dd .txtDepartDate {  background-position: 95% 10px!important;   }
       
    }

    #date1, #date2 {
        text-align: center;
        margin-top: 3px;
    }

    .prevnext {
        margin-right: 30px
    }


    /*Villa page when villa is not longer live*/
    #divNotAvailable {
        display: none;
        position: fixed;
        top: 20%;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 31;
        color: #fff;
        font-size: 18px;
        padding: 25px;
        border: solid 2px #000;
    }

        #divNotAvailable:before {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            content: '';
            background: rgba(255, 255, 255, 0.7);
        }

        #divNotAvailable p {
            padding: 20px;
            font-size: 16px;
            padding-bottom: 0;
            background: #000;
            color: #fff;
            border: 1px solid #ececec;
            border-bottom: 0;
            margin: 10% auto 0;
            max-width: 600px;
            position: relative;
            z-index: 1;
        }

            #divNotAvailable p:last-of-type {
                margin: 0 auto;
                border-bottom: 1px solid #ececec;
                border-top: 0;
                padding-top: 15px;
                padding-bottom: 20px;
            }

            #divNotAvailable p a {
                color: #a47f2f;
                text-decoration: none;
                font-weight: bold;
            }

    .termsncond ul {
        margin: 0;
        padding-left: 20px
    }

    .termsncond li {
        list-style: disc;
    }

    p #terms li {
        margin-left: 15px
    }

    #faves {
        display: none;
        width: 164px;
        height: 20px
    }

    .like2 {
        position: relative;
        width: 35px;
        height: 30px;
        float: right;
        margin-top: -55px;
        display: none !important
    }




    .booknow {
        float: right
    }


    footer .columns .item ul.enquiries li a {
        float: right
    }

    .enquiries {
        width: 80%;
    }

    @media all and (max-width: 1023px) {
        footer .columns .item ul.enquiries li a {
            text-align: right;
            float: right
        }

        .enquiries {
            width: 100%;
        }
    }

    /* FAVOURTIES */
    .faves {
        position: absolute;
        left: 40%;
        top: 41%;
        color: #fff;
        text-align: center;
        display: none
    }

    #faves2 {
        display: none !important
    }

    .hero2 {
        color: #fff !important;
        width: 100%;
        background: #231F20;
        color: #fff;
        display: inline-block;
        padding: 7px;
    }

    .share {
        float: right;
        text-align: center;
        width: 165px;
        border: solid 1px #FFF;
        color: #fff;
        font-size: 16px
    }

        .share a {
            color: #fff;
            text-decoration: none
        }

            .share a:hover {
                text-decoration: underline;
            }

    .faves h3 {
        margin: 0;
        padding: 0;
        font-size: 35px;
        font-weight: bold;
        font-family: 'Majorant-Light', sans-serif;
        line-height: 42px
    }

    .faves p {
        margin: 0;
        padding: 0;
        font-family: 'Majorant-Light', serif;
        font-size: 37px;
    }

    @media all and (max-width: 767px) {
        .faves {
            position: absolute;
            left: 40%;
            top: 32%;
            color: #fff;
            text-align: center;
        }

            .faves h3 {
                font-size: 15px;
                font-weight: bold;
                font-family: 'Majorant-Light', sans-serif;
                line-height: 18px
            }

            .faves p {
                margin: 0 auto;
                padding: 0;
                font-family: 'Majorant-Light', serif;
                font-size: 13px;
                line-height: 13px;
            }

        .share {
            float: right;
            text-align: center;
            width: 140px;
            border: solid 1px #FFF;
            color: #fff;
            font-size: 13px
        }
    }

    #forgot2 {
        width: 420px;
        position: relative;
        margin: 0 auto;
        padding: 0;
        top: 100px;
        margin-bottom: 200px;
        padding: 20px;
        border: solid 2px #000;
        background: #fff;
        z-index: 99999999;
    }

    .signin {
        width: 420px;
        position: fixed;
        top: 30%;
        left: 40%;
        padding: 20px;
        border: solid 2px #000;
        background: #fff;
        z-index: 99999999;
        display: none
    }

    @media (max-width: 767px) {
        .signin {
            left: 5% !important;
            top: 10%;
            width: 90%
        }
    }

    .signin img {
        margin: 0 auto;
        padding: 0;
        margin-left: 40%;
        height: 40px
    }

    .signin h3, signin, #forgot h3 {
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        padding: 0;
        color: #000;
        line-height: 18px;
        font-family: 'Majorant-Light', sans-serif;
    }

    .signin p, .signin form, #login2 p, #forgot p, #forgot2 p {
        font-family: 'Majorant-Light', serif;
        font-size: 16px;
        text-align: center;
        line-height: 24px;
    }

    .signup {
        line-height: 20px;
        font-family: 'Majorant-Light', serif;
        font-size: 16px;
        color: #231F20
    }

        .signup, .signup a {
            color: #231F20;
            text-align: center;
            padding: 0;
            font-size: 15px;
            margin: 0
        }

            .signup a:nth-of-type(1) {
                float: left
            }

            .signup a:nth-of-type(2) {
                float: right
            }

    .signin .or {
        margin: 0;
        padding: 0;
        margin-top: 5px;
        margin-bottom: 5px
    }

    .signin .button {
        text-transform: none;
        font-size: 14px;
        margin-top: 0 !important;
        cursor: pointer
    }

    .signin a.close, #login2 a.close, #register a.close, #forgot a.close {
        font-size: 23px;
        line-height: 20px;
        font-weight: 100;
        color: #000;
        float: right;
        padding: 8px;
        cursor: pointer;
        margin-top: -15px
    }


    #login2, #forgot {
        width: 400px;
        position: fixed;
        top: 30%;
        left: 40%;
        padding: 25px;
        border: solid 2px #000;
        background: #fff;
        z-index: 99999999;
        display: block;
        display: none
    }

    @media (max-width: 767px) {
        #login2, #forgot {
            left: 5% !important;
            top: 10%;
            width: 90%
        }
    }

    #login2 h3, #register h3, #forgot h3 {
        font-size: 23px;
        font-weight: bold;
        margin: 0;
        padding: 0;
        color: #a37e2f;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Majorant-Light', sans-serif;
        float: left;
        width: 80%
    }

    #forgot2 h3 {
        font-size: 23px;
        font-weight: bold;
        margin: 0;
        padding: 0;
        color: #a37e2f;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Majorant-Light', sans-serif;
        float: left;
        width: 100%
    }

    #login2 img, #register img, #forgot img {
        float: left
    }

    #login2 input, #login2 input, #register input, #register select, #forgot2 input {
        margin: 15px 0 auto
    }

    #login2 hr, #register hr, #forgot hr, #forgot2 hr {
        margin-top: 25px;
        margin-bottom: 25px;
        clear: both
    }

    #login2 #pwd {
        margin: 7px 0 auto;
        position: relative;
        display: inline-block;
        width: 100%;
    }

        #login2 #pwd div {
            float: left;
            margin-bottom: 10px;
            clear: both;
            font-size: 14px;
            font-family: 'Majorant-Light', sans-serif;
        }

        #login2 #pwd checkbox {
            float: left;
            margin-top: -1px
        }

        #login2 #pwd a {
            float: right;
            font-family: 'Majorant-Light', sans-serif;
            color: #231F20;
            font-size: 14px;
            margin-top: 8px
        }

    #login2 .button, #register .button, #forgot .button, #forgot2 .button {
        font-family: 'Majorant-Light', sans-serif;
        padding: 8px 15px !important;
        text-transform: uppercase;
        color: #a37e2f !important;
        font-size: 18px !important;
        background: #000 !important;
        cursor: pointer
    }


    #register, #forgot {
        width: 400px;
        position: fixed;
        top: 30%;
        left: 40%;
        padding: 25px;
        border: solid 2px #000;
        background: #fff;
        z-index: 99999999;
        display: none;
    }

    @media (max-width: 767px) {
        #register, #forgot {
            left: 5% !important;
            top: 10%;
            width: 90%
        }
    }

    #register select {
        margin-bottom: 15px
    }

    #signin .prev, #register .prev, #login2 .prev, #signin .reset, #login2 .reset, #register .reset, #forgot .prev {
        cursor: pointer
    }

    #prompt {
        position: fixed;
        padding: 20px;
        width: 300px;
        top: 40%;
        left: 40%;
        border: solid 2px #000;
        z-index: 9999999;
        background: #fff;
        text-align: center;
        display: none
    }

    @media (max-width: 767px) {
        #prompt {
            position: fixed;
            padding: 20px;
            width: 90%;
            top: 10%;
            left: 10%;
            border: solid 2px #000;
            z-index: 9999999;
            background: #fff;
            text-align: center;
            display: none
        }
    }


    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: gray; font-family:Majorant-Light;
        font-size: 12px
    }

::-moz-placeholder { /* Firefox 19+ */
    color: gray;
    font-family: Majorant-Light;
    font-size: 12px
}

:-ms-input-placeholder { /* IE 10+ */
    color: gray;
    font-family: Majorant-Light;
    font-size: 12px
}

:-moz-placeholder { /* Firefox 18- */
    color: gray;
    font-family: Majorant-Light;
    font-size: 12px
}


    /* homepage locations */
    #divArea {
        color: #000;
        font-size: 16px;
        line-height: 22px;
        width: 100%;
        display: inline-block;
        position: absolute;
        overflow: hidden;
        z-index: 99999999;
        background: #FFF;
        display: none;
        margin-left: 1px;
        border: solid 1px #000;
        max-width: 1001px;
        margin-top: 70px; /*-378px;*/
        padding: 15px 15px;
        vertical-align: bottom;
        /*bottom: 40px;*/
    }

        #divArea .ctry {
            position: relative;
            -webkit-break-inside: avoid;
            -moz-break-inside: avoid;
            -ms-break-inside: avoid;
            -o-break-inside: avoid;
            break-inside: avoid;
            page-break-inside: avoid;
            width: 16%;
            float: left
        }

            #divArea .ctry:nth-of-type(4) {
                -moz-break-inside: unset;
                -ms-break-inside: unset;
                -o-break-inside: unset;
                break-inside: unset;
                page-break-inside: unset;
                float: left;
            }

            #divArea .ctry:last-of-type {
                font-weight: bold;
                text-transform: uppercase;
                font-size: 22px !important;
                float: right;
                margin-right: 20px;
                margin-top: 15px;
            }

    @media all and (max-width: 920px) {
        #divArea {
            vertical-align: bottom;
            /*bottom: 60px;*/
            z-index: 9999999 !important;
            position: relative
        }
    }

    @media all and (max-width: 853px) {
        #divArea {
            -webkit-columns: unset;
            -moz-columns: unset;
            -ms-columns: unset;
            -o-columns: unset;
            columns: unset;
            overflow: auto;
            max-height: 200px;
            vertical-align: bottom;
            max-width: 300px;
            /*bottom: 60px;*/
            margin-top: 70px !important; /*-378px*/
            z-index: 9999999 !important
        }

            #divArea .ctry {
                float: none;
                width: 100% !important;
                position: relative;
                clear: right;
                display: inline-block;
            }

                #divArea .ctry:last-of-type {
                    font-weight: bold;
                    text-transform: uppercase;
                    font-size: 22px
                }
    }

    @media all and (max-width: 767px) {
        #divArea {
            -webkit-columns: unset;
            -moz-columns: unset;
            -ms-columns: unset;
            -o-columns: unset;
            columns: unset;
            overflow: auto;
            max-height: 230px;
            vertical-align: bottom;
            max-width: 300px;
            z-index: 9999999 !important;
            margin-top: 90px;
            position: relative
        }

            #divArea .ctry {
                float: none;
                width: 100% !important;
                position: relative;
                clear: right;
                display: inline-block;
            }

                #divArea .ctry:last-of-type {
                    font-weight: bold;
                    text-transform: uppercase;
                    font-size: 22px;
                    float: left;
                    margin-left: 20px;
                    margin-top: 15px;
                }
    }

    #divArea .ct {
        text-transform: uppercase;
        font-size: 22px
    }

    #divArea .loc {
        text-transform: uppercase;
        font-size: 16px;
        padding-top: 10px
    }

    #divArea ul {
        margin: 0;
        padding: 0
    }

    #divArea li {
        list-style: none;
        font-size: 14px
    }

        #divArea li:hover {
            cursor: pointer
        }

    #txtA {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBwb2ludHM9IjE1LjIsNS40IDgsMTIuNiAwLjgsNS40ICIvPg0KPC9zdmc+DQo=) !important;
        background-repeat: no-repeat !important;
        background-size: 12px !important;
        background-position: 95% center !important;
        color: #000;
        font-size: 16px;
    }

    #drpArea {
        height: auto;
        overflow-y: auto
    }


    /* ANNIVERSARY / CELEBRATE */
    #celebrate .descriptions .item {
        display: table;
        position: relative
    }

    #celebrate h1 {
        text-align: center
    }

    #celebrate p {
        font-size: 16px !important;
        line-height: 30px
    }

    #celebrate .item img {
        margin-bottom: 15px;
        float: right
    }

    #celebrate .item div {
        font-size: 40px;
        font-weight: 400;
        color: #fff;
        font-family: 'Majorant-Light', sans-serif;
        position: absolute;
        top: 150px;
        overflow: hidden;
        text-align: center;
        width: 100%
    }

    #celebrate #recent img {
        float: right !important
    }

    #celebrate #recent .left_whitebox_background div, #celebrate #recent .right_whitebox_background div {
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
        display: table;
        top: 50%;
        margin: 0 20px;
    }

    @media (max-width: 1031px) {
        #celebrate .item div {
            font-size: 40px;
            font-weight: 400;
            color: #fff;
            font-family: 'Majorant-Light', sans-serif;
            position: absolute;
            top: 150px;
            overflow: hidden;
            text-align: center;
            width: 100%
        }

        @media (max-width: 767px) {
            #celebrate .item {
                width: 100%
            }

                #celebrate .item div {
                    font-size: 40px;
                    font-weight: 400;
                    color: #fff;
                    font-family: 'Majorant-Light', sans-serif;
                    position: absolute;
                    top: 40%;
                    overflow: hidden;
                    text-align: center;
                    width: 100%
                }
        }

        #celebrate #recent .left_whitebox_background div, #celebrate #recent .right_whitebox_background div {
            vertical-align: middle;
            margin-top: 1%;
        }

        #celebrate #recent .left_whitebox_background, #celebrate #recent .right_whitebox_background {
            position: relative;
            width: auto;
            max-height: none;
            height: auto;
            opacity: 1;
            top: auto;
            bottom: auto;
        }
    }

    #codes {
        margin: 0 auto;
        padding: 0;
        width: 335px;
        clear: both;
        padding-bottom: 5px;
        padding-top: 35px
    }

    .g-recaptcha {
        -webkit-transform: scale(1.11);
        -moz-transform: scale(1.11);
        -ms-transform: scale(1.11);
        -o-transform: scale(1.11);
        transform: scale(1.11);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    @media all and (max-width: 767px) {
        #codes {
            margin: 0 auto;
            padding: 0;
            width: 280px;
            clear: both;
            padding-bottom: 5px;
            padding-top: 5px
        }

        .g-recaptcha {
            -webkit-transform: scale(0.9);
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -o-transform: scale(0.9);
            transform: scale(0.9);
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            transform-origin: 0 0;
        }
    }

    /* BALI - THAILAND PROMO */
    #divBali {
        width: 75%;
        margin: 0 auto;
        padding: 0;
        max-width: 735px
    }

    .sh {
        display: block !important;
    }

    .hi {
        display: none !important
    }

    .balibr {
        min-width: 150px
    }


    /* REVIEWS FORM */
    .divreview {
        margin: 0 auto;
        padding: 0;
        width: 77%;
        clear: both;
        margin-bottom: 50px;
    }

        .divreview #panError li {
            line-height: 20px;
            margin-bottom: 5px;
        }

    @media all and (max-width: 767px) {
        .divreview {
            margin: 0 auto;
            padding: 0;
            width: 85%;
        }
    }

    .divreview textarea {
        font-family: 'Majorant-Light', sans-serif;
        font-size: 16px;
        line-height: 34px;
        color: #231F20;
    }

    .revtext {
        float: left;
        width: 68%;
    }

    .cc-selector label span img { /*margin:12px; font-weight:bold; color:#fff; font-size:14px;*/
        width: 26px;
        height: 25px;
        margin-left: 2px;
        vertical-align: middle;
        margin-top: -2px;
    }

    .cc-selector input {
        margin: 0;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 0 !important;
        width: 0 !important;
        color: #fff !important;
        opacity: 0
    }

    .radiostar {
        background-image: url(../png/review.png);
        background-size: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .cc-selector input:active + .drinkcard-cc {
        opacity: .9;
    }

    .cc-selector input:checked + .drinkcard-cc {
        -webkit-filter: none;
        -moz-filter: none;
        filter: none;
    }

    @media all and (max-width: 999px) {
        #txtComments {  width: 430px !important;    }

        .revtext {
            display: block;
            bottom: 10px;
        }
    }

    @media all and (max-width: 935px) {
        .revtext {
            display: block;
            width: 100%;
            display: block;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        #txtComments {
            width: 99% !important;
        }
    }

    @media all and (max-width: 767px) {
        #txtComments {
            width: 99% !important;
        }
    }

    .q1 {
        clear: both;
        display: block;
        padding-top: 15px
    }

        .q1 #lblLast, #lblComplete {
            display: inline-block;
            width: 85%;
            line-height: 25px;
            margin-top: 10px
        }

        .q1 input[type=radio] {
            vertical-align: top;
            margin-top: 15px
        }

        .q1 #txtAny {
            float: left;
        }

        .q1 .other {
            display: inline-block
        }

    #pnlBack {
        width: 100%;
        clear: both;
        min-height: 50px
    }

    .back2 {
        margin-top: 20px;
        width: auto;
        float: left;
    }

        .back2 a {
            text-decoration: none;
        }

        .back2 img {
            vertical-align: middle
        }

    .fwd {
        margin-top: 20px;
        float: right;
        width: auto;
        text-align: right;
        position: relative;
    }

        .fwd a {
            text-decoration: none;
        }

        .fwd img {
            vertical-align: middle
        }

    .revtext {
        line-height: 25px;
        display: inline-block;
    }

    .drinkcard-cc {
        cursor: pointer;
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        width: 35px;
        height: 35px;
        -webkit-transition: all 100ms ease-in;
        -moz-transition: all 100ms ease-in;
        transition: all 100ms ease-in;
        -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
        -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
        filter: brightness(1.8) grayscale(1) opacity(.7);
    }

        .drinkcard-cc:hover {
            -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
            -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
        }

    #txtPromoCode {  max-width: 300px; border:solid 1px gray; width:100%; margin-right:10px   }

    @media all and (max-width:414px) {
        #txtPromoCode {  width: 50%!important;  margin-right: 15px;  display: inline-block;    }
    }

    @media all and (max-width: 375px) {
        #txtPromoCode {  width: 100%; margin-right: 15px;  display: inline-block;    }
    }

    @media all and (max-width: 320px) {
        #txtPromoCode {display: inline-block;      }
    }

    #btnReserve {
        margin-top: 20px;
        cursor: pointer
    }

    #frameAvail {
        width: 100%;
        height: 100%;
        position: absolute
    }


    .divreview ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: gray;
        font-size: 15px
    }

    .divreview ::-moz-placeholder { /* Firefox 19+ */
        color: gray;
        font-size: 15px
    }

    .divreview :-ms-input-placeholder { /* IE 10+ */
        color: gray;
        font-size: 15px
    }

    .divreview :-moz-placeholder { /* Firefox 18- */
        color: gray;
        font-size: 15px
    }


    .viewall {
        margin: 0 auto !important;
        padding: 0;
        width: auto;
        position: relative;
        display: table;
        font-weight: 400;
        padding: 30px 0;
    }

        .viewall a {
            text-decoration: none;
            color: #231F20;
            padding: 10px;
            color: #231F20;
            font-family: Majorant;
            font-size: 15px;
        }

    /* pagination */
    .pagination {
        text-align: right;
        margin: 30px 0;
        width: 50%;
        float: right;
    }

        .pagination a {
            text-decoration: none;
            color: #ddd;
            padding: 10px;
        }


            .pagination a.prev, .pagination a.next {
                border: 1px solid #ddd;
                padding: 3px 8px;
                -webkit-border-radius: 99px;
                -moz-border-radius: 99px;
                -ms-border-radius: 99px;
                -o-border-radius: 99px;
                border-radius: 99px;
            }

            .pagination a:hover, .pagination a.active {
                color: #231F20;
                border-color: #231F20;
            }

            .pagination a.active {
                font-size: 18px;
            }

            .pagination a.first.span:after, .pagination a.last.span:before {
                content: '...';
                display: inline;
                color: #ddd !important;
            }

            .pagination a.first.span:after {
                margin-left: 10px;
                margin-right: -10px;
            }

            .pagination a.last.span:before {
                margin-left: -10px;
                margin-right: 10px;
            }


    .the-content.paged .review {
        display: none;
        position: relative
    }

        .the-content.paged .review.current {
            display: inline-block;
            *display: inline;
            zoom: 1;
        }

    .swiper-button-prev, .swiper-button-next {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .prev,
    .next {
        left: 0;
        height: 41px;
        width: 41px;
        padding: 5px 0;
        text-align: center;
        vertical-align: middle;
        background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%239d7f3d'%2F%3E%3C%2Fsvg%3E") no-repeat center;
        background-size: 14px;
        box-shadow: 0 2px 4px -2px #bbb;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

    .next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%239d7f3d'%2F%3E%3C%2Fsvg%3E");
        right: 0;
        left: auto;
    }

    #isolate .firstitle {
        width: auto !important;
        text-align: center;
        margin-top: 20px
    }

    .covid {
        width: 550px;
        margin: 0 auto;
        padding: 0;
        min-height: 35px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none
    }

    .isolate {
        margin: 0 auto;
        padding: 0;
        width: auto;
        text-align: right;
        display: none
    }

    .covid img {
        float: left;
        position: relative
    }

    .covid div {
        float: left;
        margin-left: 15px
    }

    @media all and (max-width: 767px) {
        .covid {
            width: 100%;
            line-height: 20px;
            height: auto;
        }

        /* .covid div {
            margin-top: 5px !important;
        } */

        .isolate {
            width: 49%;
            float: left;
            text-align: right;
            line-height: 20px;
            display: none
        }

        .isolateform {
            width: 100% !important;
        }

        .covid img {
            float: left;
            position: relative;
            height: 20px;
            padding-right: 10px;
        }

        .covid a {
            font-size: 10px;
        }
    }

    @media all and (max-width: 320px) {
        .covid {
            width: 100%
        }

            .covid div {
                display: contents
            }
    }

    /* recent reviews */
    #rreviews .showmore {
    }

    #rreviews h2 {
        padding-top: 25px;
    }

    #rreviews .recent.show {
        margin-bottom: 20px;
        border-bottom: solid 1px silver;
        padding-bottom: 40px;
    }

    #contact .detail .wrapper:first-of-type {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #contact a.button, .showmore, .showmore2, .showmore3 {
        text-decoration: none;
        text-align: center;
        background: transparent;
        border: 1px solid #231F20;
        padding: 15px 35px 14px 35px;
        color: #000 !important;
        font-size: 12px;
        font-family: 'Majorant-Light';
        border-radius: 50px;
        width: 200px;
        margin-top: 50px;
        margin-bottom: 50px;
        line-height: 16.8px;
        cursor: pointer
    }

    .showmore2 {
        margin-top: 20px;
        margin-bottom: 0
    }

        #reviewsPage .booknow:last-of-type .button:hover, #reviewsPage .booknow:first-of-type .button:hover, #contact a.button:hover,
        .showmore:hover, .showmore2:hover, .showmore3:hover {
            background: #fff;
            color: #231F20;
        }


    /* REVIEWS PAGE*/
    #reviewsPage .booknow:first-of-type .button, #reviewsPage .booknow:last-of-type .button {
        margin-top: 20px !important;
        margin-bottom: 0;
        text-decoration: none;
        text-align: center;
        background: #231f20;
        border: 1px solid #231f20;
        padding: 15px 35px 14px 35px;
        color: #fff;
        font-size: 12px;
        font-family: "Majorant-Light";
        border-radius: 50px; /* width: 112px; */
        line-height: 16.8px
    }

    #reviewsPage .booknow:last-of-type .button {  margin-bottom: 50px;   }

    .booknow:first-of-type .button { margin-top: 20px !important; margin-bottom: 0px;  }

    .booknow:last-of-type .button { margin-top: 0px;   }

    .button:hover { background-color: #a37e2f;  }


    /* JOIN US PAGE */
    #join .maindiv { margin-bottom: 50px; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center;  }

    #join iframe#ehvideo { width: 100%    }

    #join .detail input, #join .detail select {  background: #ebedee !important  }

    #join input::placeholder { color: #231f20; opacity: 1; font-size: 13px; font-family: "Majorant-Light";  }


    #join .joinsubmit a { text-decoration: none; text-align: center; background: #231f20; border: 1px solid #231f20; padding: 15px 35px 14px 35px; color: #fff; font-size: 12px;
        font-family: "Majorant-Light"; border-radius: 50px; line-height: 16.8px    }

        #join .joinsubmit a:hover { background: #fff;  color: #231f20 }

    #join #home input {  border-bottom: 1px solid #000; background: #fff; padding: 14px 10px; font-family: "Majorant-Light"; border-top: none; border-right: none; border-left: none; font-weight: bold;    }

    #join .joinform #email { color: #231F20;  width: 100%;   }

    #join .joinform #drpCountry, #join .joinform #drpCountryPassport {  font-size: 13px; width: 100%; padding: 14px 5px; background: none !important;  border: none;
        border-bottom: 1px solid #000; font-weight: bold; color: #231F20; padding-left: 7px !important;  }

    #join .joinform #drpCountryPassport {  margin-top: 10px  }

    .joinsubmit {  text-align: center; display: inline-block; padding-top: 30px;  }

    #join .subdiv2 h1 { font-family: "FS Siena"; font-weight: 400; font-size: 40px; line-height: 44px; color: #231F20; text-align: center; letter-spacing: 0.2em; text-transform: uppercase;
        margin-top: 0px; margin-bottom: 25px;  }

    #join .subdiv1 { float: left; width: 50%; overflow: hidden;margin-right: 50px; position:relative    }

    #join .subdiv2 { float: right; margin: 0 auto; padding: 0; width: 45%; position:relative; order:2  }

        #join .subdiv2 ol,
        #join .subdiv2 p { font-family: "Majorant-Thin"; font-style: normal; font-weight: 400; font-size: 15px; line-height: 21px; text-align: left; letter-spacing: 0.02em; color: #231F20;   }

        #join .subdiv2 ol { margin-left: -25px; margin-top: 0px;  }

    @media all and (max-width: 1439px) and (min-width: 1024px) {
        #join .subdiv2 { margin-left: 30px; }
    }

    @media all and (max-width: 1439px) {
        #join .subdiv2 ol, #join .subdiv2 p { font-size: 13px !important; line-height: 18px !important; }
    }

    @media all and (max-width: 1023px) {
        #join .maindiv { display: block;   }

        #join .subdiv1 { padding: 50px 0 !important;  }

        #join .subdiv1, #join .subdiv2 { margin: 0 auto !important; margin: 15px;  width: 100% !important    }
            #join .subdiv2 input { width: 98%; margin-left: 1px; }

        #join .maindiv {  margin: 0px;  }

        #join .subdiv2 ol { margin-left: -20px;   }

        #join .form-col-2 .form-item {  width: 100% !important;  }

        #join input::placeholder { font-size: 13px !important; line-height: 13px; }

        #join input::placeholder { font-size: 10px !important; line-height: 13px; }

        #join .subdiv2 h1 { font-size: 20px !important; }
    }

    @media all and (max-width: 1439px) {
        #join .subdiv2 h1 { font-size: 30px !important; line-height: 33px;    }

        #join input::placeholder { font-size: 10px !important; line-height: 13px;    }

        #join .subdiv2 ol, #join .subdiv2 p { font-size: 13px !important; line-height: 18px !important;  }
    }


    @media all and (max-width: 1023px) {
        #join .subdiv1 {  padding: 50px 0 !important;  }

        #join .subdiv1, #join .subdiv2 { margin: 0 auto !important; margin: 15px;   width: 100% !important    }
            #join .subdiv2 input {  width: 98%; margin-left: 1px; }

        #join .maindiv {  margin: 0px;  }

        #join .subdiv2 ol {  margin-left: -20px; }

        #join .form-col-2 .form-item {  width: 100% !important;    }
            #join .form-col-2 .form-item:nth-of-type(2) input {  float: none;        }
    }

@media all and (max-width: 767px) {
    #join .subdiv1{ order:2; display:block; margin-bottom:30px }
    #join .subdiv2 {  order: 1; display:block; padding-top:0  }
}

    /* CONTACT US PAGE */
    #contact footer .wrapper {  max-width: 1440px; }

    #contact h1 { font-family: "FS Siena";  font-weight: 400;  font-size: 40px; line-height: 44px; color: #231F20; text-align: center; letter-spacing: 0.2em;
        text-transform: uppercase; margin-top: 0px; margin-bottom: 25px;  }

    #contact h4 {  font-family: 'Majorant-Light'; font-size: 15px; letter-spacing: 0.02em; font-weight: bold;  }

    #contact a.button { margin-top: 40px; margin-bottom: 0px;  }

    #contact .detail #frmRFI label { display: block  }

    #contact .detail #frmRFI label { line-height: 22px; width:90%  }
    #contact #spnCapt, #contact #spnA { color: red; font-size:14px; text-align:left!important; float:left!important; }
    #contact #frmRFI label span:last-of-type { color:red; float:right; margin-right:-25px;  }
    
    /* #contact .g-recaptcha{margin-bottom: 20px;} */
    #contact #codes {  width: 100%;  }

    #contact .divbutton {  width: 100%; text-align: left; margin-top: 30px; margin-bottom: 0px;  }

   /* #contact .address .office:last-of-type a { color: #231F20;  }
        #contact .address .office:last-of-type a:hover {  color: blue;    }*/

    #contact .address .office a {
        color: #231F20;
    }

    #contact .address .office a:hover {
        color: blue;
    }

    #contact select {  border: 1px solid #acacac;   }

    #contact #frmRFI label {   font-size: 14px;  }

    .subdiv1 { float: left; width: 61%; overflow: hidden }

    .subdiv2 { float: left; margin: 0 auto; padding: 0; width: 35%; margin-left: 35px; }
        .subdiv2 ol { margin-left: -25px; }
        .subdiv2 input {  width: 340px; padding: 10px; margin-bottom: 10px }
        .subdiv2 .tag { text-align: left;  margin-top: -15px     }

    .joinform { /*text-align: center;*/   width: auto  }



    /* @media all and (max-width: 921px) {
    .subdiv1, .subdiv2 { display: block; width: 100%; margin: 0 auto; padding: 0; float: none }
} */
    @media all and (max-width: 1439px) {
        #contact #frmRFI input, #contact select, #contact label { font-size: 13px !important; float:left  }
    }

/*@media all and (max-width: 1439px) and (min-width: 1024px) {
        #contact .address { margin-left: 30px; }
    }*/

    @media all and (max-width: 1023px) {
        #contact .row { display: block;    }
        #contact .leftside {  width: 100%;  }
        #contact .address { margin-left: 0px; margin-bottom: 0px;     }
    }

    @media all and (max-width: 767px) {
        #ehvideo {  width: 98% !important; margin: 0 auto; padding: 0; height: 300px  }
    }

    /* PRIVACY PAGE */
    /* #privacy .detail .wrapper{
    padding: 50px 0px 50px 0px;
} */


    #alsolike {  display: none   }

    .ppn {  font-size: 14px;  margin: 0 auto;  padding: 0;  text-align: left;  width: 65%;  display: block;  }

        .ppn ul { list-style-position: outside    }

        .ppn ul { list-style-position: outside  }

    .residents { z-index: 9999999; position: fixed; padding: 10px; font-size: 15px; color: #FFF; width: 200px; right: 0; top: 0;  line-height: 17px;
        background: url('../png/grayish.png');  display: block   }

    #datefilter, #datefilter2 { display: none; width: 100%; margin-bottom: 15px; background: #FFF  }


    #menufilter2 { padding: 10px; display: inline-block; position: absolute; top: 200px; z-index: 999; max-width: 1001px; background: silver   }

    .menufilter { position: relative;  display: inline; background: #FFF; margin-top: 3px; margin-bottom: 20px; width: 100%   }

    @media all and (max-width: 1020px) {
        .menufilter { position: relative;  display: block;     }

        .link-toggle {  display: block; margin-top: 10px !important;     }
    }

    .menufilter .form-item {  float: left !important;  display: inline-block   }

    @media all and (max-width: 767px) {
        .menufilter .form-item:nth-of-type(1), .menufilter .form-item:nth-of-type(2) {  width: 50%  }

        .menufilter .form-item { /*float: none !important;*/  width: 100%      }

        .menufilter .button { display: inline-block; margin-top: 10px !important; margin-left: 80px }
    }

    @media all and (max-width: 414px) {
        .menufilter { margin-top: -10px  }
    }

    .menufilter .button { display: inline-block !important; float: left !important; width: auto !important; margin-left: 15px; margin-top: 0;  padding: 2px 15px;    }

    .menufilter label { font-family: 'Majorant-Light', sans-serif; font-size: 18px; line-height: 35px; color: #231F20; margin-right: 5px; margin-left: 6px  }

    .menufilter .form-item:nth-of-type(2) label {  margin-left: 10px  }

    .menufilter input {  color: #333;  font-family: 'Majorant-Light', sans-serif; font-size: 16px; border: 1px solid #acacac; padding: 8px 1px; text-indent: 15px; max-width: 182px; /* height: 30px; */ background: #f4f4f4;   }

    @media all and (max-width: 767px) {
        .menufilter label { font-size: 16px; /*display: block;*/ width: 90px; float: left; margin-left: 5px !important;  text-align: left;  line-height: 30px    }

        .menufilter .form-item:nth-of-type(3) { margin-left: 0 }

        .menufilter input { /*width: 100% !important;*/ text-align: left; display: block; max-width: 99% !important; padding-top: 10px !important; bottom: 0; font-size: 15px; width: 100% }

        .menufilter .button { font-size: 16px; width: 47% !important; margin-left: 0   }
            .menufilter .button:nth-of-type(1) { margin-left: 3px }
            .menufilter .button:nth-of-type(2) { margin-left: 15px }
    }

    @media all and (max-width: 320px) {
        .menufilter .button:nth-of-type(1) {  margin-left: 0   }
        .menufilter input {  font-size: 12px !important     }
    }

    #maplink .spots { height: 0;  }

    .mapl {  width: 100% !important;  display: initial; cursor: pointer; visibility: hidden  }

    @media all and (max-width: 767px) {
        .mapl {   display: block   }
    }

   .red { color:red }
    #vp .sha img { position: absolute; top: 30px; /*width: 250px;*/ z-index: 1; left: calc(80% - 280px); zoom: 1  }


       /* ----------------------------------
        VILLALIST SLIDER
    -------------------------------------*/
/*
     #villalist .slider {  justify-self:stretch;  justify-content:center; flex-shrink:0; visibility:hidden; display:block  }
        #villalist .slider.current {  justify-self:stretch;  justify-content:center; flex-shrink:0; visibility:visible  }
       */
        #villalist .slider.current {  display:block }
        #villalist .slider {  display:none  }
        #villalist .item .pictures {min-height:300px!important}
/*
    #villalist .item .slides { display:flex; flex-wrap: nowrap;flex-direction:row;  flex:1!important; flex-grow:initial  }
    #villalist .item .pictures {   display: block; overflow:hidden }
    #villalist .item .slider img { width:100%; height:auto; object-fit:cover; float:left; position:relative }
    */
   
    #villalist .item .pictures .owl-dots2 {  z-index:1!important; display:block; position:absolute;bottom:5%; width:100%; text-align:center }
   
        #villalist .item .pictures .owl-dot { border: none; background: transparent;border-radius: 50%; padding: 5px 5px;  /* margin: 2px; */
            cursor: pointer; display: inline-block; width: 24px !important; height: 24px !important;     }
            #villalist .item .pictures .owl-dot span {  border-radius: 50%; background-color: #FFF !important;  width: 15px !important;  height: 15px !important;
                display: block;  border: solid 1px #000;   }
            #villalist .item .pictures .owl-dot.active span { border-radius: 50%; background-color: #000 !important; width: 15px !important; height: 15px !important;
                display: block;  border: solid 1px #FFF;       }
    
    #villalist .item .owl-next2 {  float: right;  color: #FFF;  line-height: 0;   background: url(../png/lp_right.png) no-repeat;
        height: 70px; margin-right: 20px; width: 50px !important; cursor:pointer }
    #villalist .item .owl-prev2 { float: left; color: #FFF; line-height: 0;  background: url(../png/lp_left.png) no-repeat;
        height: 70px; margin-left: 20px; width: 50px !important; cursor:pointer }
    #villalist .item .nav1 {  display: block;  z-index:2!important;  position: absolute;  margin-top: 240px;  min-height: 60px;  width: 100%; }
     

    @media all and (max-width: 420px) {
       #villalist .item .pictures { height: auto;  display: block;  }
        /*#villalist .item .slider img { object-fit:cover; width:100%; height:100%; max-height:250px }*/
         #villalist .item .pictures .owl-dots2 {  z-index:2!important; display:block; position:absolute;bottom:10%; width:100%; text-align:center }
    }

    #vp .chse img { position: absolute; top: 30px; /*width: 250px;*/ z-index: 1; left: calc(80% - 230px); zoom: 1   }

    #villalist .item .sha img { position: absolute; top: 20px; width: 151px; right: 15px;  zoom: 1  }

    @media all and (max-width: 767px) {
        #villalist .sha img { top: 30px; max-width: 130px !important; float: right; right: 20px; max-height: 80px  }
           #villalist .item .pictures { height: auto;  display: block;  min-height:250px!important }
            #villalist .item .pictures .owl-dots2 {  z-index:2!important; display:block; position:absolute; width:100%; text-align:center; bottom:10% }

        /*
          #villalist .item .slides {position:relative; width:100%; height:292px; overflow:hidden }
              */
          #villalist .item .nav1 {  display: block;  z-index:1 !important;  position: absolute;  margin-top: 35%;  min-height: 40px;  width: 100%; }
          #villalist .item .owl-next2 {  float: right;  color: #FFF;  line-height: 0;   background: url(../png/lp_right.png) no-repeat;
              height: 35px; margin-right: 20px; width: 25px !important; cursor:pointer; background-size:contain }
          #villalist .item .owl-prev2 { float: left; color: #FFF; line-height: 0;  background: url(../png/lp_left.png) no-repeat;
             height: 35px; margin-left: 20px; width: 25px !important; cursor:pointer; background-size:contain }

    }

    @media all and (max-width: 414px) {
        #villalist .sha img, #villalist .chse img {  top: 30px !important; max-width: 90px !important; float: right; right: 20px;  max-height: 80px    }
    }

    @media all and (max-width: 320px) {
        #villalist .sha img, #villalist .chse img { top: 30px !important; max-width: 70px !important; float: right; right: 20px; max-height: 80px    }
    }

    @media all and (max-width: 1400px) {
        #vp .sha img { top: 30px; width: 180px; left: calc(100% - 550px);    }
    }

    @media all and (max-width: 1200px) {
        #vp .sha img { top: 30px; width: 180px; left: calc(100% - 480px);   }
    }

    @media all and (max-width: 1000px) {
        #vp .sha img { top: 30px;  width: 180px; left: calc(100% - 450px);     }
    }

    @media all and (max-width: 767px) {
        #vp .sha img { top: 30px; width: 130px; left: calc(100% - 160px);  }
    }

    @media all and (max-width: 414px) {
        #vp .sha img { top: 20px; left: calc(100% - 125px); width: 110px }

        #vp .chse img { top: 20px; left: calc(100% - 115px); width: 100px }
    }

    /*========*/
/* EVENTS Page */
/*========*/
#events { background: #F7EDE4 !important }
    #events .delights { background: #F7EDE4 !important   }
        #events .delights h2 {  margin-bottom: 25px    }

    #events .circle { width: 38px; height: 38px; border-radius: 50%; background: #D9D9D9; margin: 0 auto; display: block;    }

    #events span span {  width: 38px; height: 38px; border-radius: 50%; background: #D9D9D9; display: block; padding-top: 7.5px; font-weight: 600  }

    #events section .wrapper { margin-top: 150px; padding-top: 0; padding-bottom: 0    }
    #events section:first-of-type .wrapper {  margin-top: 0; padding-top: 0; margin-bottom: 0   }

        #events section:first-of-type .wrapper:nth-child(2) {  margin-top: 0;  padding-top: 0     }

    #events .elite { padding-bottom: 0  }
    #events .hero { margin-top: 0;  width: 100%    }
    #events main section.hero div[data-jarallax-element] {  margin-top: 0    }
    #events main section.hero .img-cover { height: auto !important  }
    #events .hero:nth-of-type(even) {   width: 100%;    }

    #events .hero .wrapper { width: 100%; max-width: 100%; padding: 0 !important  }
    #events .hero img { max-height: 900px   }
    #events .hero:nth-of-type(even) img { width: 100%; height: fit-content;   }

    #events h1, #events small {  color: #fff    }

    #events h1 { font-size: 60px; margin-top: 0    }
    #events h2 { padding-bottom: 70px; margin-bottom: 0 !important;    }
    #events small { margin-top: -20px; font-size: 20px    }
    #events .elitehavens-difference p {  max-width: 63%; text-align: center; margin: 0 auto    }
    #events .elitehavens-difference .group {  align-items: unset !important; padding-top: 0; margin-top: -10px;    }

    #events .elitehavens-difference .half { flex: 1; padding: 0 15px 0; border-right: 1px solid rgba(35, 31, 32, 0.15);    }
        #events .elitehavens-difference .half:last-of-type {  border-right: none        }

    #events #how .half {  flex: 1; padding: 0 25px 0;  border: none    }
    #events #how p {  width: 100%    }
    #events #how p { max-width: 100%; font-size: 15px  }

    #events #how img { width: auto; margin: 0 auto; display: block; margin-bottom: 20px; }
    #events #how h5 {  margin-top: -25px    }
    #events .delights .slideshow1 {  padding-bottom: 0    }

    #events .delights p {  width: 100% !important;  max-width: 100% !important    }
    #events .delights .wrapper {  padding: 0    }

    #events .delights img { max-height: 279px; width: 100%; height: auto    }
    #events .destinations .wrapper {  padding-bottom: 0    }

    #events .destinations img {  max-height: 603px    }
    #events .delights:last-of-type {  margin-bottom: 100px   }
    #events .delights h4 { font-size: 18px !important; text-align: left; line-height: 25px; font-weight: bold   }

#hp #magazine h4, #hp #magazine h4 a { font-weight: bold !important; text-align: left !important; font-size: 18px; line-height: 26px; color: #231F20; cursor: pointer }

#hp #magazine .item p {  width: 100% !important;  min-width: 100% !important;  text-align: left !important }

@media all and (max-width: 1440px) {
    #hp #magazine h4, #hp #magazine h4 a {  font-size: 13px !important; text-align: left; line-height: 17px; font-weight: bold  }
}

#events .delights p, #hp #magazine .delights p { font-size: 15px; text-align: left !important; line-height: 21px }
#events #why p:last-of-type {  margin-bottom: 20px }
#events #pkg .btn-elite {  position: relative; width: 130px; margin-bottom: 20px; margin: 0 auto; }
#events #pkg .btn-default { display: block; width: auto; }


@media all and (max-width: 767px) {
    #events h1 {  font-size: 30px  }
    #events h2 {  padding-bottom: 30px  }

    #events small { font-size: 20px; line-height: 22px; max-width: 80%; text-align: center  }
    #events section .wrapper { margin-top: 100px  }
    #events main section.hero:first-of-type .img-cover, #events .half img { height: 250px !important; object-fit: initial; padding-top: 0   }
    #events main section.hero .img-cover, #events .destinations img { height: 250px !important; object-fit: initial; padding-top: 0; max-height: 250px }

    #events .hero {  width: 100%    }
    /* #events .hero:first-of-type {  margin-top: 70px  }*/

    #events .elite .group .half { width: 100%  }

    #events .elite p:last-of-type {  margin-bottom: 35px  }
    #events #how h2, #events #why h2 { font-size: 20px  }
    #events .elitehavens-difference h5 { font-size: 15px  }
    #events small { margin-top: 1px  }
    #events .elitehavens-difference h5 { padding-bottom: 25px  }

    #events .delights { padding-top: 0  }
        #events .delights img {  max-height: 203px !important;  min-height: 203px    }

    #events #how .half {  border-bottom: 1px solid rgba(35, 31, 32, 0.15);  margin-bottom: 25px    }
        #events #how .half:last-of-type {  border-bottom: none;  margin-bottom: 0        }

    #events #how p {  margin-bottom: 25px  }
    #events .elitehavens-difference .half {  border-right: none    }
    #events .destinations .ui-accordion .ui-accordion-content {  padding-bottom: 0    }
    #events .elitehavens-difference p {  max-width: 80%    }
    #events .elitehavens-difference .half {   padding: 0 25px    }
    #events #how img { height: auto !important   }
    #events #why p:last-of-type {  margin-bottom: 30px;  }
}

    #hp main, #hp .main, #hp section, #hp .wrapper {  display: block }

    /* #hp .delights h2, #hp .inspired h2, #hp .best h2 { font-family: 'Oxygen'; font-size: 35px; letter-spacing: 5px; text-align:center; text-transform:uppercase;  margin-top:50px } */
    /* #hp .signature h2 { color:#FFF; position:absolute; top:100px; z-index:999; font-family:'Majorant-Light'; margin-left:20%} */

    #hp main h3, #events main h3 { font-family: "FS Siena"; font-weight: 400; font-size: 30px; line-height: 33px; text-align: center; letter-spacing: 0.2em;
        text-transform: uppercase; color: #231F20; margin: 0 0 25px; width: 100%;   }

#events main h3 { width: 94% }

#hp main h4, #events main h4 {
    font-family: 'Majorant-Thin'; font-size: 30px;  font-weight: 400; font-style: normal;  color: #231F20; letter-spacing: 0.02em; text-align: center; /* width: 533px; */
    margin: 0 auto; line-height: 33px;  margin-top: 50px; }


.seo {  font-weight: 200 }
/* #hp .delights .owl-carousel .owl-item img { display: block; padding: 0 40px;} */
/* #hp .delights p {font-family:'Majorant-Thin'; font-size:35px; margin-left:50px} */



    /* DESTINATIONS */
#sideDest.accordions {  font-size: 15px;  font-family: majorant-thin;  max-height: 450px; max-width: 300px; overflow: auto }

#sideDest ul { margin-top: -15px;  margin-left: 20px; height: auto !important }

#sideDest li { padding: 0; margin: 0; line-height: 23px; list-style: disc; margin-left: 5px }
    #sideDest li a {  font-size: 13px;  font-family: majorant; line-height: 23px  }

#sideDest h3 { font-size: 15px !important; text-align: left; margin-bottom: 1px !important }
#sideDest .ui-widget-content { border: none; color: #333; }
#sideDest .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(../png/ui-icons_444444_256x240.png) }

#sideDest .ui-state-default, #sideDest .ui-widget-content .ui-state-default, #sideDest .ui-widget-header .ui-state-default, #sideDest .ui-button,
#sideDest html .ui-button.ui-state-disabled:hover, #sideDest html .ui-button.ui-state-disabled:active {
    background: none !important;  font-weight: normal; color: #454545; border: none !important; width: 100% !important }



    /*preview*/
#rates .tabs {  margin-bottom: 10px }

    #rates .tabs li a { padding: 10px 30px;  margin: 0    }
    #rates .tabs > ul li.current a { background: #000; color: #FFF;  }

#rates .tabs {  font-size: 14px; font-family: 'Majorant Light' }
#rates thead td { background: #e1e1e1; padding: 8px 8px}
#rates tbody tr { line-height:18px }
#rates tbody tr:nth-of-type(odd) {  background-color: #FFF; }
#rates tbody tr:nth-of-type(even) {  background-color: #f4f4f4; }
#rates .tabs > div { padding: 0 }

.receipt3 tbody tr { background: none !important }

    .dialog { display: none; font-family: 'fs siena'; z-index: 7!important; }

    .ui-dialog .ui-dialog-content { border: solid 1px silver; background: #FFF }

    .ui-dialog {  top: 45% !important;  position: fixed }
    .ui-draggable .ui-dialog-titlebar { border: solid 1px silver }


    #sidebarchat {  border-bottom: 1px solid #797a7a;  border-top: 1px solid #797a7a; display:none!important; }
    #sidebarchat img { margin-top:-3px;  }
    #sidebarchat div, #sidebarchat h3 { display: block !important; width: 100% !important; margin-bottom: 2px !important;  }
    #sidebarchat div { line-height: 25px; font-family: 'Majorant Light'; margin-top:3px }
        #sidebarchat div img { margin-right: 15px; vertical-align:middle     }
        #sidebarchat div:last-of-type {  line-height: 40px     }


#btnPay {  width: 123px }

    #ta .hero:first-of-type {margin-top:0; padding-top:0; }
    #ta .hero:first-of-type img {width:100%; height:auto; max-height:800px; }

   
    #ta .bring2 {  background-color: #CADDE3; width:100% }
       #ta .bring2 .bring3 .div3 { float:left; width:50%; display:flex!important }
        #ta .bring2 .bring3 .div3:first-of-type {  text-align: left; padding: 50px;     }
       #ta .bring2 .bring3 .div3:last-of-type {  text-align:left; padding:50px; display:block!important }
       #ta .bring2 img {   width: 100%    }
       #ta .bring3 form {margin-top:50px!important}

     #ta .wrapper .bring3  { max-width:1400px; margin:0 auto; display:flex }
     #ta .bring3 h2 { font-family: "FS Siena"; font-weight: 400; font-size: 30px; line-height: 33px; text-align: left; letter-spacing: 0.2em; text-transform: uppercase;
                        color: #231F20; margin: 0 0 25px; width: 100%;}
      @media all and (max-width:992px) {
                #ta .wrapper .bring3 { display: block!important  }
                #ta .bring3 h2, #ta .bring h2 { font-size: 20px; line-height: 22px; letter-spacing: 0.2em; max-width: 330px;  margin-bottom: 2px; text-align:center; margin:0 auto   }
                #ta .bring2 .bring3 .div3 { float:none; width:100%; display:block!important; min-width:80% }
                #ta .bring2 .bring3 .div3:last-of-type {  text-align:left; padding:25px; width:100%; margin:0 auto; display:block!important; float:none;  min-width:320px }
                    #ta .bring2 .bring3 .div3:first-of-type { padding-bottom: 0; padding:25px   }                     
                #ta .bring2 img {width:100%; margin-bottom:5px; display:block}
                #ta h1 { font-size:23px!important; line-height:27px!important; max-width:90vw; }
                #ta .bring p { font-size:14px; margin-top:25px!important }
                #ta .owl-dots {  position: absolute; bottom:10%!important;  margin-left: 45%!important; }
                #ta .hero .wrapper { padding:0 }
            }
    
    #ta .hero .wrapper{ width:100%!important; max-width:100%!important; padding-top:0;  }

    #ta h1 { max-width:55vw; color:#FFF!important;display: flex; flex-direction: column; justify-content: center; line-height:60px;                 
        align-items: center; top: 0; left: 0;  bottom: 0;  right: 0;    z-index: 2; text-align:center; margin:0 auto; top:100vh-30px; position:absolute}

    @media all and (max-width:1345px) {
        #ta h1 { max-width:100vw; color:#FFF!important;display: flex; flex-direction: column; justify-content: center; line-height:60px;  width:100%;      
         align-items: center; top: 0; left: 0;  bottom: 0;  right: 0;    z-index: 2; text-align:center; margin:0 auto; top:100vh-30px; position:absolute; padding:0 30px     }
    }
    @media all and (max-width:992px) {
        #ta h1 { max-width:60vw; color:#FFF!important;display: flex; flex-direction: column; justify-content: center; line-height:60px;  width:100%;      
         align-items: center; top: 0; left: 0;  bottom: 0;  right: 0;    z-index: 2; text-align:center; margin:0 auto; top:100vh-30px; position:absolute; padding:0 30px     }
         #ta .owl-dots {  position: absolute; bottom:10%!important;  margin-left: 43%!important; }
    }
    @media all and (max-width:767px) {
        #ta h1 { max-width:180vw; color:#FFF!important;display: flex; flex-direction: column; justify-content: center; line-height:60px;  width:100%;      
         align-items: center; top: 0; left: 0;  bottom: 0;  right: 0;    z-index: 2; text-align:center; margin:0 auto; top:100vh-30px; position:absolute; padding:0 20px     }
          #ta .hero:first-of-type img {width:100%; height:70vw; max-height:800px; object-fit:initial;  }
    }
    #ta h2 { font-family: "FS Siena";  font-weight: 400;  font-size: 40px; line-height: 44px; color: #231F20;  text-align: center;   letter-spacing: 0.2em;
    text-transform: uppercase;  margin-top: 0px;  margin-bottom: 25px;}
    #ta main section {padding:50px 0}
    #ta .bring p {font-family:'Majorant Light'; text-align:left!important}
    #ta .bring p:last-of-type { margin-bottom:50px!important }
    #ta .slideshow4 {margin:30px 0px; max-width:1400px; margin:0 auto; padding:50px 0 0 0}
    #ta .bring, #ta .why, #ta .bring2 .wrapper { max-width:1400px; text-align:center; margin:0 auto}    
    #ta .bring p {max-width:700px; margin:0 auto; margin-bottom:15px; text-align:center!important}
        #ta .bring a {  color: #231F20; font-weight:bold; text-decoration:none  }
@media all and (max-width:920px) {
     #ta .bring p {max-width:70%; margin:0 auto; margin-bottom:15px; text-align:center!important}
}
    #ta .owl-dot { border: solid 1px gray; display: inline-block; border-radius: 25px; width: 15px; height: 15px;  position: relative;
        bottom: 15%; margin-right: 10px; background:silver; }
    #ta .owl-dot.active {    color: #000;   background-color: #FFF;    border: solid 1px #FFF;  }
    #ta .owl-dots {  position: absolute; bottom:20%;  margin-left: 47%; }
    #ta .hero .owl-nav {display:none!important; width:auto; margin:0 auto; margin-top:30px}
    #ta .btn {margin-top:15px; color:#FFF!important; cursor:pointer }
    #ta .bring3 input { font-family: "Majorant-Light"; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18.2px; color: #231F20;  display: inline-block; width: 100%; 
            padding: 0 0 10px 4px; margin-bottom: 30px; vertical-align: top; border: none; border-bottom: 1px solid rgba(0, 0, 0, 1);  font-weight: bold;  background:none }
    #ta .homemsg { display:block; text-align:left; font-weight:bold; margin-top:30px; width:100%}
    #ta #panError {margin-bottom:30px; margin-top:-20px}

    .archive .intropromo {width:100px!important; height:100px!important; right:30px; position:absolute; z-index:1; top:30px; border-top:none!important}
    #vp .intropromo{width:100px!important; left:calc(80vw - 210px); position:absolute; z-index:1; top:20px;  }
@media all and (max-width:1300px) {
    #vp .intropromo{width:80px!important; left:calc(80vw - 150px); position:absolute; z-index:1; top:20px;  }
}
@media all and (max-width:767px) {
    .archive .intropromo {width:60px!important; right:10px; position:absolute; z-index:1; top:10px}
     #vp .intropromo{width:60px!important;  left:calc(100vw - 90px); position:absolute; z-index:1; top:20px;  }
}

#joinpopbutton { display:none!important;    background-color: #333;  border-radius: 5px; display: inline; bottom: 70px; position: fixed; text-align: center; width: 48px; opacity: .7;
    z-index:7; transition: all .2s ease-in-out 0s; line-height: normal; right: 15px; color: #fff; padding: 7px 4px; font-size: 12px; cursor:pointer; 
}

.subscribe-modal {  width: 1000px; position: fixed;  left: 0;  right: 0;  margin-inline: auto;  width: fit-content;  top: 200px;  z-index: 10; display:none; border:solid 1px silver }
.subscribe-modal input, .subscribe-modal select {   border: 2px solid #aaa;   border-radius: 0;   background: #fff;  color: #231F20 !important; width:100%; font-size:16px!important; height:50px }
.subscribe-modal #modalright { float: left;  width: 500px;  background: #FFF;  text-align: center;  padding: 40px; height: 560px }
    .subscribe-modal #modalleft {  float: left; width: 495px; display:flex    }
.subscribe-modal input::placeholder, .subscribe-modal select  {color: #231F20;   font-size: 16px!important }
.subscribe-modal button {  border: 2px solid #aaa;  border-radius: 0 !important;  background: #000;  text-align: center;  color: #fff; width:100%!important; padding:20px; cursor:pointer }

    .subscribe-modal #divF, .subscribe-modal #divL, .subscribe-modal #divEm, .subscribe-modal #divCo {
        color: red;   font-size: 12px;  line-height: 15px;  text-align:left }
    .subscribe-modal #divEm, .subscribe-modal #divCo { width:100%; display:block; line-height:15px }
    .subscribe-modal #divF, .subscribe-modal #divL {float:left; width:50%; display:inline-block; line-height:15px}
#subscribemsg {font-size:15px; font-weight:bold; line-height:17px; color:red}
@media(max-width: 1005px) {
    #modalleft {display:none}
    .subscribe-modal {width:max-content!important}
}
@media(max-width: 976px) {
        .subscribe-modal #modalleft { display:none!important }
}
@media(max-width: 480px) {
    #modalright { width: calc(100vw - 30px)!important }
    #joinpopbutton { bottom:70px; right:15px}
   .subscribe-modal { top:100px }
    .subscribe-modal #modalleft { display:none!important }
}