* {
    -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("fonts/Majorant-Lt.ttf?1212") format("truetype"), url("fonts/Majorant-Lt.woff?1212") format("woff");
}

@font-face {
    font-family: "Majorant-Light";
    src: url("fonts/Majorant-Lt.ttf?1212") format("truetype"), url("fonts/Majorant-Lt.woff?1212") format("woff");
}

@font-face {
    font-family: "Majorant Light";
    src: url("fonts/Majorant-Lt.ttf?1212") format("truetype"), url("fonts/Majorant-Lt.woff?1212") format("woff");
}

@font-face {
    font-family: "Majorant-Thin";
    src: url("fonts/Majorant-Th.ttf?1212") format("truetype"), url("fonts/Majorant-Th.woff?1212") format("woff");
}

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

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

@font-face {
    font-family: "FS Siena";
    src: url("fonts/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: 10%;
    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: 9;
    right: 10px;
    content: '';
    background: url('/images/portals/rebrand/top-arrow2.png') 0 10px no-repeat;
    line-height: 55px;
    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: 9;
        right: 15px;
        bottom: 10% !important;
        content: '';
        background: url('/images/portals/rebrand/top-arrow2.png') no-repeat top;
        line-height: 55px;
        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 {
    -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 {
    width: 15px;
    background-color: silver;
}

#ui-id-1::-webkit-scrollbar-thumb,
#ui-id-2::-webkit-scrollbar-thumb,
#ui-id-3::-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));
}

.startroll::-webkit-scrollbar {
    width: 3px;
    background-color: transparent;
}

.startroll::-webkit-scrollbar-thumb {
    background-color: gray;
    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;
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-5 {
        padding: 66px 20px !important
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-5>.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 .menu>ul>.col>li .sub-menu.mega-menu-column-5 {
        max-width: 100%;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 80px 40px 40px;
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-5>.list-item {
        flex: 0 0 20%;
        padding: 0 30px;
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-5>.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-5 {
        max-width: 100%;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 80px 40px 40px;
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-5>.list-item {
        flex: 0 0 20%;
        padding: 0 30px;
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-5>.list-item:last-of-type {
        border-right: none
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-5>.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-5>.list-item.text-center .title {
        text-align: center
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-5>.list-item img {
        max-width: 100%;
        width: 100%;
        vertical-align: middle;
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-5>.list-item:first-of-type {
        border-left: none
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-5>.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 .menu>ul>.col:first-of-type>li .sub-menu.mega-menu-column-5>.list-item:first-of-type,
    header .menu>ul>.col:last-of-type>li .sub-menu.mega-menu-column-5>.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-column-5>.list-item img {
        margin-top: 0
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-5>.list-item.text-center .title {
        margin-bottom: 20px
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-5>.list-item.text-center:last-child .title {
        margin-bottom: 0
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-5>.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(/images/portals/eh2/arrow.png) !important
}

footer {
    background: #231F20;
    font-size: 15px;
    font-weight: 300;
}

footer .row {
    display: flex;
    overflow: hidden;
    flex-direction: row;
    justify-content: center;
    margin-right: -27px
}

footer .wrapper {
    padding: 100px 0;
}

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: 150px;
    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;
    padding: 0;
    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
}

@media all and (min-width: 1301px) and (max-width: 1500px) {
    footer .wrapper {
        padding: 100px 40px;
    }
}

@media all and (min-width: 1024px) and (max-width: 1300px) {
    footer .wrapper {
        padding: 75px 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;
        line-height: 13px
    }
    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 #ba2d2c;
    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 !important;
        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;
}

#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: 1200px;
}

#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(/images/portals/eh2/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 {
    background: #fff;
    padding-top: 45px;
}

.staff .item {
    background: #fff;
    border: 1px solid #a1a1a1;
    padding: 30px;
    position: relative;
    text-align: right;
}

.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 {
    float: right;
    width: 60%;
}

.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(../images/portals/eh2/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(../images/portals/eh2/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(../images/portals/eh2/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(../images/portals/eh2/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(../images/portals/eh2/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(../images/portals/eh2/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;
    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(../images/portals/eh2/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(../images/portals/eh2/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(../images/portals/eh2/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 .form-item {
        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('/images/portals/eh2/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: 80px;
    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: 44px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    /*max-width: 510px;*/
    letter-spacing: 0.2em;
    font-family: 'FS Siena';
    max-width: 98%
}

main section.hero h1 {
    color: #231F20;
    font-size: 40px;
    line-height: 44px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    /*max-width: 510px;*/
    letter-spacing: 0.2em;
    font-family: 'FS Siena';
    max-width: 98%
}

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;
}

/*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: 30px;
    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
}

@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 {
    background: #fff;
    padding: 5px 15px;
    border-radius: 35px;
    margin-right: 10px;
    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: 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;
}

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(/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(/images/portals/rebrand/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(/images/portals/rebrand/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;
    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: #000;
    color: #FFF !important;
    z-index: 3;
    border-radius: 30px;
    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: 0;
    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 */

/*#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;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-top: 18px
}

#first,
#second {
    pointer-events: all
}

.stay {
    margin-left: 5px
}

.dd .btn {
    margin-bottom: 5px
}

#txtChkIn,
#txtChkOut {
    display: none !important
}

#vp #privacy,
#divSuggest2 {
    display: none !important
}

@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: 40%;
        width: calc(100vw - 10px);
        max-width: 360px !important
    }
}

@media all and (max-width: 1024px) {
    .divproc {
        display: none;
        top: 32%;
        position: fixed
    }
}

@media all and (max-width: 1023px) {
    .divproc {
        display: none;
        top: 36%;
        width: calc(100vw - 1px);
        max-width: 255px;
        position: fixed
    }
}

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: 10px;
        z-index: 4;
        background: #FFF;
        padding: 0 10px !important;
    }
    #second.is_stuck {
        position: fixed !important;
        z-index: 4 !important;
        overflow-y: auto;
        overflow-x: hidden;
        max-width: 420px;
        padding: 0 10px !important;
        /*max-height:calc(100vh - 40px);max-height:892px; */
        height: fit-content;
        top: 180px !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: 28px
    }
    .startroll {
        display: block;
        position: relative;
        padding-top: 220px;
        /*height:calc(80vh - 280px);  */
        overflow-y: auto;
        overflow-x: hidden;
        /*max-height: calc(100vh - 170px)*/
    }
    /*.close {*/
    /*    display: none;*/
    /*}*/
}

/* @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;
    }
    #second.is_stuck {
        position: fixed !important;
        overflow-x: hidden;
        overflow-y: auto;
        width: 420px !important;
        padding: 0 25px !important;
        /*max-height:calc(100vh - 190px);max-height:892px*/
        height: fit-content;
        top: 180px !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;
    }
}

@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-x: hidden;
        overflow-y: auto;
        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-x: hidden;
        overflow-y: auto;
        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: 110px !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-x: 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-x: hidden;
        overflow-y: auto;
        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 - 280px);
    }
}

@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-x: hidden;
        display: inline-block;
        position: fixed !important;
        width: 420px;
        padding-top: 0 !important;
        top: 100px;
        max-height: calc(100vh - 150px);
        height: fit-content
    }
    #second.is_stuck {
        position: fixed !important;
        overflow-x: hidden;
        overflow-y: auto;
        width: 420px;
        padding: 0 25px !important;
        top: 110px;
        max-height: calc(100vh - 150px);
        height: fit-content
    }
    .villa-main .stay {
        position: fixed !important;
        display: inline-block;
        background: #FFF;
        margin-bottom: 10px;
        z-index: 99;
        width: 100%;
        max-width: 363px;
    }
    .startroll {
        display: block;
        position: relative;
        padding-top: 220px;
        max-height: calc(100vh - 140px) !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-x: 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-x: hidden;
        overflow-y: auto;
        width: calc(100vw - 50px) !important;
        background: #FFF;
        max-height: calc(100vh - 150px);
        height: fit-content
    }
    .villa-main .stay {
        position: fixed !important;
        display: inline-block;
        background: #FFF;
        margin-bottom: 10px;
        z-index: 99;
        width: 100%;
        max-width: calc(100vw - 100px);
    }
    #scrollavail {
        display: block !important
    }
    /*.close {*/
    /*    display: flex !important;*/
    /*}*/
    .sc-body {
        height: 83% !important;
    }
}

#second {
    flex-basis: 25%;
    max-width: 420px;
    padding: 15px !important;
    zoom: normal !important;
    z-index: 4 !important;
}
#calendar {
    position: relative;
}

/*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;
}

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: 215px 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: 315px 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
############# */

#belowmin {
    position: relative;
    display: block;
    margin-top: -1px;
    float: right;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Majorant-Thin';
    color: #231F20;
    margin-bottom: 25px;
    z-index: 2 !important
}

#belowmin b {
    font-weight: bold;
    font-family: 'Majorant Light'
}

#belowmin span {
    width: auto;
    font-weight;
    bold;
    font-size: 22px
}

#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: -20px;
    margin-bottom: 25px;
}

.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: 20px
}

.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(/images/portals/eh2/calendar.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%;
        margin-bottom: 20px;
        display: block;
        margin-top: 1px;
        color: #231F20
    }
    .maxguest {
        margin-bottom: 25px !important;
        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: 1px;
        margin-bottom: 30px;
    }
}

/*
 @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: 25px
}

.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
}

.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(/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(/images/portals/rebrand/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(/images/portals/rebrand/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(/images/portals/rebrand/up.png) no-repeat;
    color: transparent;
    width: 20px;
    height: 10px
}

.archive .area i.fa.fa-plus.fa-stack-1x.fa-inverse {
    background: url(/images/portals/rebrand/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%;
}

#unique {
    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(https://www.elitehavens.com/images/portals/rebrand/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: -50px
}

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
}

div.villa-rooms .item:nth-of-type(odd) {
    padding-left: 0 !important
}

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)
}

@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(https://www.elitehavens.com/images/portals/rebrand/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: block;
    overflow: hidden;
    background: transparent !important;
    opacity: 1 !important
}

#send-enquiry .col:nth-of-type(2) {
    position: relative !important
}

#send-enquiry .row {
    width: 100%;
    display: block;
    margin: 0 !important
}

div.villa-enquire a {
    color: #231F20;
    border-radius: 30px;
    width: 100%;
    text-align: center
}

.select.col {
    width: 49.5% !important;
    margin-right: 25px;
}

.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: -5px;
    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
}

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: 44.6% !important
    }
    .checkcontainer span {
        width: 83% !important
    }
    .divlast .form-item.names {
        width: 46.9% !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 !important;
    width: 100%;
    margin-bottom: 35px;
    margin-top: 1px;
    border-radius: 30px
}

.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
}

.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
}

#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
    }
}

@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
}

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: -20px !important
    }
    #codes {
        margin-top: -10px
    }
    .divlast #lastrow .col .btn:last-of-type {
        margin-top: 0;
    }
}

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(/images/portals/eh2/prev-dest-arrow.png?2222) 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(/images/portals/eh2/prev-dest-arrow.png?2222) 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(/images/portals/eh2/next-dest-arrow.png?2222) 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(/images/portals/eh2/next-dest-arrow.png?2222) 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(/images/portals/rebrand/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(../images/portals/eh2/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-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(/images/portals/eh2/calendar.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: 1px
}

@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
}

#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(/images/portals/eh/pink-blue.png) 50% 50% no-repeat;
    /*width:39px!important; height:30px!important;*/
}

.ui-datepicker-calendar td.bluegreen {
    background: url(/images/portals/eh/pink-white.png) 50% 50% no-repeat;
}

.ui-datepicker-calendar td.redblue {
    background: url(/images/portals/eh/blue-pink.png) 50% 50% no-repeat;
}

.ui-datepicker-calendar td.redgreen {
    background: url(/images/portals/eh/blue-white.png) 50% 50% no-repeat;
}

.ui-datepicker-calendar td.greenred {
    background: url(/images/portals/eh/white-blue.png) 50% 50% no-repeat;
}

.ui-datepicker-calendar td.greenblue {
    background: url(/images/portals/eh/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(/images/portals/eh2/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(/images/portals/eh2/calendar.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(/images/portals/eh2/calendar.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(/images/portals/eh2/calendar.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(/images/portals/eh2/calendar.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(/images/portals/eh2/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: 700px !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: 370px;
    border: solid 1px gray;
    width: 100%
}

@media all and (max-width:414px) {
    #txtPromoCode {
        width: 100%;
        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;
}

#join .subdiv2 {
    float: left;
    margin: 0 auto;
    padding: 0;
    width: 45%;
    margin-left: 50px;
}

#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 .subdiv2 {
        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 .subdiv2 {
        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;
    }
}

/* 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('/images/portals/eh2/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
}

#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
    }
}

@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(images/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: 20px
}

#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 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 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
}