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

@font-face{ font-family:"Majorant"; src: url("fonts/Majorant-Lt.ttf") format("truetype"), url("fonts/Majorant-Lt.html") format("woff");}
@font-face{ font-family:"Majorant-Light"; src: url("fonts/Majorant-Lt.ttf") format("truetype"), url("fonts/Majorant-Lt.html") format("woff"); }
@font-face{ font-family:"Majorant Light"; src: url("fonts/Majorant-Lt.ttf") format("truetype"), url("fonts/Majorant-Lt.html") format("woff"); }
@font-face{ font-family:"Majorant-Thin"; src: url("fonts/Majorant-Th.ttf") format("truetype"), url("fonts/Majorant-Th.html") 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:15%; 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:9999 }

.top-arrow {background: #CADDE3; font-size: 14px; text-transform: uppercase; bottom: 10%; right: 1%; padding: 3px 0; width: 160px; text-align: center;  opacity: 1; color:#000; border: 0; position: fixed; z-index: 50;  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:9999 }

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

@media all and (max-width:1023px){.wrapper{padding:0 21px}}
@media all and (max-width:1500px) and (min-width:1024px){.wrapper{padding:0 40px}}
@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:1000 }
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:15%;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:500;background-color:#ebedee;padding:20px 30px; /* transition:all .5s ease; */ margin-top:25px;opacity:0;visibility:hidden}
header ul.menu-main{margin:0 auto;max-width:1440px;list-style:none;padding:0;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:right}
header .menu>ul>.col>li p{margin-top:10px}
/* header .menu>ul>.col:last-of-type>li:last-of-type,header .menu>ul>.col:last-of-type>li:nth-of-type(3n){margin:0px} */
header:after { content: ''; clear: both; display: block; }
header .logo { float: left; position: relative; z-index: 2;  }
header .logo img { max-width: 345px; }
header .logo a { margin-left: 0; }
header .links,header .call { line-height: 1; display: block; float: right; margin-top: 10px; }
header .links span a, header .call span a { -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-right: 15px;}
header .links span:hover a, header .call span:hover a { color: #a37e2f;   }
header .call { position: relative; }
header .call > a, header .call > span { vertical-align: middle; display: inline-block; *display: inline; zoom: 1;  }
header .call span>a{padding-bottom:2px;vertical-align:middle;display:inline-block;zoom:1;-webkit-border-radius:99px;-moz-border-radius:99px;-ms-border-radius:99px;-o-border-radius:99px;border-radius:99px;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
header .call span:hover a{color:#a37e2f;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
header .call span:hover a:hover{text-decoration:underline}
header .call span a img{padding:3px 3px 1px;display:block;-webkit-filter:invert(70%);-o-filter:invert(70%);filter:invert(70%)}
header .call #faves img { -webkit-filter: unset; -o-filter: unset; filter: unset; }
header .call .call-list{position:absolute;background:#a37e2f;color:#fff;right:0;max-width:240px;z-index:3;padding:0;text-align:left;height:0;overflow:hidden;opacity:0;-webkit-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}
header .call span:hover .call-list { height: auto; padding: 10px; opacity: 1;}
header .call .call-list p{margin:0 0 5px;font-family:'Majorant-Light',sans-serif;font-size:15px;line-height:20px}
header .call .call-list ul { margin: 0; padding: 0; list-style: none; }
header .call .call-list ul li { clear: both;  }
header .call .call-list ul li span{line-height:22px;min-width:100px;vertical-align:top;display:inline-block;zoom:1}
header .call .call-list ul li a{float:right;color:#fff;padding-bottom:0;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
header .call .call-list ul li a:hover { text-decoration: underline;}

header .search2 {position:absolute; height:20px; right:0; width:20px}
header .search {height:20px; position:absolute;right:10px; width:355px; text-align:center}
header .search a {cursor:pointer}
header .search div ul{margin:0;padding:0}
header .search input{padding:6px;border:1px solid #d7d7d7;height:29px;min-width:305px;margin:0;border-right:none;vertical-align:top;display:inline-block;zoom:1}
header .search button{background:#a47f2f;border:none;cursor:pointer;padding:5px 5px 4px;height:29px;margin:0;vertical-align:top;display:inline-block;zoom:1;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
header .search button:hover{background:#37587d}
header .search button img{vertical-align:middle}
h2.main-title { color: #231F20 !important; font-size: 30px !important; font-weight: 400; font-family: 'Majorant-Light', serif; text-align: center; margin: 0; padding: 10px 0;}
h2.main-title a { color: #fff !important; font-size: 18px; }
h2 {font-family: 'FS Siena', serif; font-weight: 400;}


/* STICKY HEADER */
header.stick{position:fixed!important;top:0!important;color:#000;background-color:#ebedee;bottom:auto!important}
header.stick ul li a{color:#000}
header.stick .logo.navLi{top:0; transform: translate(-50%, 21%);}
header.stikcy .nav-container { border-bottom: none;}
header.spy{opacity:1;transition:.5s background}
header.spy{background:0 0}
header.spy.stick{background:#ebedee}
.stick.is_stuck nav{height:auto;padding:0}
.stick.is_stuck .logo.navLi{transform:translate(-50%,22%)}

@media all and (max-width:767px){
    header .logo{max-width:102px}
    header .call span a img{display:none;width:0}
    header .call>span{display:block}
    .spy .nav-container ul li{display:block!important}
    .stick.is_stuck .logo.navLi { transform: translate(-50%, 0%) !important;}
    header .links{position:absolute;top:7px;right:120px}
    header .links span:first-of-type a{margin-left:0}
    header .call{position:absolute;top:0;right:15px}
    header .call a:nth-of-type(1){margin-top:7px}
    header .call .call-list{width:240px}
    header .search{width:80%;display:block;float:right}
    header .search input{width:330px}
    header.spy.wrapped.stick .logo img{margin-top:-27px}}

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

@media(min-width:993px){
    header .menu>ul>.col:last-of-type>li:last-of-type>a,header .menu>ul>.col:last-of-type>li:nth-of-type(3n)>a{padding-right:10px!important;padding-left:10px!important}
    header.stick nav{padding:0!important;height:auto!important}
    header nav.menu{color:#fff;z-index:33;width:100%;}
    header .menu>ul>.col>li.menu-item-has-children:hover .sub-menu{margin-top:0;visibility:visible;opacity:1}
    header span.mobile-icon{display:none}
    header .menu>ul>.col>li .sub-menu>ul>li{line-height:1}
    header .menu>ul>.col>li .sub-menu>ul>li>a{display:inline-block;padding:10px 0;font-size:15px;color:#555;transition:color .3s ease;text-decoration:none;text-transform:capitalize}
    header .menu>ul>.col>li .single-column-menu{min-width:280px;max-width:350px}
    header .menu>ul>.col>li .sub-menu.mega-menu>.list-item>ul>li{line-height:1;display:block}
    header .menu>ul>.col>li.sub-menu.mega-menu>.list-item>ul>li>a{padding:10px 0;display:inline-block;font-size:15px;color:#555;transition:color .3s ease}
    header .menu>ul>.col>li .sub-menu.mega-menu{left:50%;top:100%;transform:translate(-50%, 0px)}
    header .menu>ul>.col>li .sub-menu.mega-menu-column-4{max-width:100%;width:100%;display:flex;flex-wrap:wrap;padding: 80px 40px 40px;
    }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-4>.list-item{flex:0 0 25%;padding:0 30px;}
    header .menu>ul>.col>li .sub-menu.mega-menu-column-4>.list-item:last-of-type{border-right:none}
    header .menu>ul>.col>li .sub-menu.mega-menu-column-4>.list-item .title{font-size:16px;color:#000;font-weight:500;line-height:1;padding:10px 0}
    header .menu>ul>.col>li .sub-menu.mega-menu-column-4>.list-item.text-center .title{text-align:center}
    header .menu>ul>.col>li .sub-menu.mega-menu-column-4>.list-item img{max-width:100%;width:100%;vertical-align:middle;}
    header .menu>ul>.col>li .sub-menu.mega-menu-column-4>.list-item:first-of-type {border-left: none }
    header .menu>ul>.col>li .sub-menu.mega-menu-column-4>.list-item { border-left: 1px solid silver;}

    header.stick .menu>ul>.col>li .sub-menu.mega-menu {    transform: translate(-50%, 0px);padding: 66px 40px 40px;}
    header .menu > ul > .col > li > .sub-menu .list-item:first-of-type p.titl { margin-top: 0px;padding-top: 10px;}
    header .item-right a:hover,header .menu>ul>.col>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,header .menu>ul>.col>li .sub-menu>ul>li>a:hover,header .menu>ul>.col>li:hover>a{color:#000}
    header .mobile-menu-head,.mobile-menu-trigger,li.menuCLick3{display:none}
   
    header .menu > ul > .col > li > .sub-menu .list-item:nth-of-type(2n) p.titl,
    header .menu > ul > .col > li > .sub-menu .list-item:nth-of-type(3n) p.titl {margin-top: 30px !important;}
    .menu > ul > .col > li > .sub-menu .list-item:nth-of-type(3n) p.titl:first-of-type,
    .menu > ul > .col > li > .sub-menu .list-item:nth-of-type(2n) p.titl:first-of-type {margin-top: 0px !important; }
    .mobileShortlist {display: none;}
    i.far.fa-heart.red {color:red}

}

@media(max-width: 993px){
    header{z-index:3}
    header .menu>ul>.col>li a{padding-right:0!important;padding-left:0!important}
    header .menu>ul>.col:first-of-type>li .sub-menu.mega-menu-column-4>.list-item:first-of-type,header .menu>ul>.col:last-of-type>li .sub-menu.mega-menu-column-4>.list-item:first-of-type{padding-top:50px!important}
    header nav.menu{padding:0}
    header .logo.navLi,header .logoMobile{position:absolute;position:absolute;left:50%;transform:translate(-50%,0);top:10%}
    header .item-center{order:3;flex:0 0 100%}
    header .item-left {flex:0 0 auto}
    .v-center{justify-content:space-between}
    header .logoMobile img {max-width: 100px; max-height: 100px!important;}
    header .mobile-menu-trigger{display:flex;height:8px;width:18px;cursor:pointer;align-items:center;justify-content:center;font-size:25px;color: #000;}
    header .mobile-menu-trigger span{display:block;height:2px;background-color:#333;width:24px;position:relative}
    header .mobile-menu-trigger span:after{content:'';position:absolute;left:0;width:100%;height:100%;background-color:#333;top:7px;height: 2px;}
    header .item-right{text-align:center;display:flex;height:67px;border-bottom:1px solid rgba(0,0,0,.1);justify-content:space-between;align-items:center;z-index:1;position:stick;background-color:none;top:0;padding:15px 22px}
    header li.menuCLick2,header li.menuCLick3 { list-style: none;}
    header .menu{position:fixed;width:100%;height:100%!important;background-color:#fff;left:0;top:0!important;height:100%;overflow:hidden;display:none;transition:all .5s ease;z-index:1099}
    header .menu.active{ display: block; -webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
    header .menu>ul>.col>li{line-height:1;margin:0;display:block}
    header ul.menu-main{display:block}
    header .menu>ul>.col>li>a{line-height:50px;height:50px;padding:0 50px 0 15px;display:block;border-bottom:1px solid rgba(0,0,0,.1)}
    header .menu>ul>.col>li>a i{position:absolute;height:50px;width:50px;right:0;text-align:center;line-height:50px;transform:rotate(-90deg)}
    header .menu>ul>.col>li:nth-of-type(4n)>a,header .menu>ul>.col>li:nth-of-type(3n)>a {display: none;}
    header .menu .mobile-menu-head{display:flex;height:67px;border-bottom:1px solid rgba(0,0,0,.1);justify-content:space-between;align-items:center;position:relative;z-index:501;position:stick;background-color:#ebedee;top:0;padding: 15px 22px;}
    header .menu .mobile-menu-head .go-back{height:50px;cursor:pointer;line-height:50px;text-align:center;color:#000;font-size:16px;display:none}
    header .menu .mobile-menu-head.active .go-back{display:block; }
    header .menu .mobile-menu-head .current-menu-title{font-size:15px;font-weight:500;color:#000}
    header .menu .mobile-menu-head .mobile-menu-close{cursor:pointer;line-height:50px;text-align:center;color:#000;font-size:35px;margin-top: 5px;}
    header .menu .menu-main{height:100%;overflow-x:hidden;overflow-y:auto}
    header .menu>ul>.col>li .sub-menu,header .menu>ul>.col>li .sub-menu.mega-menu{visibility:visible;opacity:1;position:absolute;box-shadow:none;margin:0;padding:0 22px 22px;top:0;left:0;width:100%;height:100%;padding-top:65px;max-width:none;min-width:auto;display:none;overflow-y:auto}
    header .menu>ul>.col>li .sub-menu.active{display:block}
    header .menu>ul>.col>li .sub-menu.mega-menu-column-4>.list-item img{margin-top:0}
    header .menu>ul>.col>li .sub-menu.mega-menu-column-4>.list-item.text-center .title{margin-bottom:20px}
    header .menu>ul>.col>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title{margin-bottom:0}
    header .menu>ul>.col>li .sub-menu.mega-menu-column-4>.list-item{flex:0 0 100%;padding:0}
    header .menu>ul>.col>li .sub-menu.mega-menu>.list-item>ul>li>a,header .menu>ul>.col>li .sub-menu>ul>li>a{display:block}
    header .menu>ul>.col>li .sub-menu.mega-menu>.list-item>ul{margin-bottom:15px}
    .menu>ul>.col:first-of-type>li:first-of-type {
        padding-left: 0px !important;
    }
   
    header .menu-overlay{position:fixed;background-color:rgba(0,0,0,.5);left:0;top:0;width:100%;height:100%;z-index:1098;visibility:hidden;opacity:0;transition:all .5s ease}
    header .menu-overlay.active{visibility:visible;opacity:1}
    header .list-item img{display:none}
    header .menu ul .col .titl,header .menu ul .col .titl a,header .menu>ul>.col>li>a{font-size:15px!important;line-height:21px}
    header .menu>ul>.col>li>a{height:auto}
    header .menu>ul>.col>li>a i{height:21px;width:80px}
    header ul.menu-main{padding:22px!important}
    .menu>ul>.col>li>a:first-of-type{border-top:0}
    header .item-right a{font-size:15px;margin-left:0;display:block}
    li.menuCLick2 a{color:#000}
    p.titl{border-top:1px solid rgba(35,31,32,.15)}
    header p{margin-top:5px}
    header .menu>ul>.col>li>.sub-menu .list-item:first-of-type p.titl{border-top:none}
    header .menu>ul>.col>li>.sub-menu .list-item p.titl{padding-top:10px;margin-bottom:5px}
    header.stick .menu{top:0}
    .mobileShortlist a{text-transform:capitalize!important;color:#000;text-decoration:none;font-size:13px}
    .mobileShortlist i.far.fa-heart{padding-right:10px}
    .mobile-menu-head .mobileShortlist{position:absolute;width:auto;left:0;right:0;top:49px;list-style:none;transform:translate(-8%,20%)}
    .mobile-menu-head.active .mobileShortlist{position:unset;transform:translate(-30%,0)}
    ul.menu-main .col:first-of-type{padding-top:50px}
    .go-back i.fas.fa-arrow-left{font-size:20px}
    .mobile-menu-head.active .wrap{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:absolute;top:67px;background:#ebedee;width:92%;color:#fff;padding-top:10px}
    .wrap{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:absolute;background:#000;width:95%;color:#fff}
    .mobile-menu-trigger i.fas.fa-bars {font-size: 21px;}
}

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

@media all and (max-width:430px){
    header .call,header .links{font-size:0;top:5px}
    header .call>a,header .call>span,header .links>span{font-size:13px;margin:0;text-align:center;zoom:1}header .links{left:85px;width:220px;top:12px}
    header .links span:nth-of-type(1){margin-left:20px;float:left}
    header .call>span{position:absolute;right:0;top:24px;z-index:2;display:none}
    header .search input{width:270px!important;min-width:270px!important}
    header .call span a,header .links span a{margin-right:0}}

@media all and (max-width:375px){
    header .links span:nth-of-type(1){font-size:12px;margin-left:15px;float:left}
    header .links span:nth-of-type(2){font-size:12px;float:left;margin-left:-3px}
    header .call a:nth-of-type(1){font-size:12px}
    header .search input{min-width:230px!important;width:230px!important}}

@media all and (max-width:400px){header .search{text-align:right}}
@media all and (max-width:320px){header .links span:nth-of-type(1){font-size:11px;margin-left:-1px;float:left}
    header .links span:nth-of-type(2){font-size:11px;float:left;margin-left:-12px}header .call a:nth-of-type(1){font-size:11px}
    header .search input{min-width:190px!important;width:190px!important}
    header .search{margin-top:-15px}}

/* MENU*/
.menu-container{width:100%;margin:0 auto;z-index:1000; padding-bottom: 50px; border-bottom: 1px solid rgba(35,31,32,.15);}
header.stick .menu-container {
    padding-bottom: 30px;
}
.menu-mobile{display:none;padding:20px;color:#000;font-size:25px}
.menu-dropdown-icon:before{content:"\f489";font-family:Ionicons;display:none;cursor:pointer;float:right;padding:1.5em 2em;background:#fff;color:#333}
.menu>ul{margin:0 auto;width:100%;list-style:none;padding:0;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:right}
.menu>ul:after{clear:both}
.menu>ul>.col>li{float:left;padding:0;margin:45px 0 0;}
.menu>ul>.col>li img{width:100%}
.menu>ul>.col>li *{pointer-events:all}
.menu>ul>.col>li>a{text-decoration:none;color:#231f20;text-decoration:none;
    /* padding: 5px 70px 0px 10px; */
    padding: 5px 35px 0px 35px;
    display:block;
    /* -webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out; */
    margin:0;font-family:'Majorant-Light';font-style:normal;font-weight:400;font-size:12px;line-height:140%}
.menu>ul>.col>li:hover{background:#ebedee}
.menu>ul>.col>li>.group{display:none;width:100%;background:#ebedee;padding:20px;position:absolute;z-index:99;left:0;margin:0;list-style:none;box-sizing:border-box;padding:40px;border-top:1px solid silver;transform:translate(0,22px)}header.stick .menu>ul>.col>li>.group,header.stick.is_stuck .menu>ul>.col>li>.group{transform:translate(0,0)}
.menu>ul>.col>li .group a{padding:0;text-transform:capitalize}
.menu>ul>.col>li>.group:after,.menu>ul>.col>li>.group:before{content:"";display:table}
.menu>ul>.col>li>.group:after{clear:both}
.menu>ul>.col>li>.col{margin:0;padding-bottom:0;list-style:none;width:25%;background:0 0;float:left;padding:0 30px;border-right:1px solid silver;min-height:320px;max-height:100%;height:100%}
header .menu ul .col .titl,header .menu ul .col .titl a{font-weight:700}
header .menu ul .col .titl,header .menu ul .col .titl a,header .menu>ul>.col>li a,header .menu>ul>.col>li p{font-family:'Majorant-Light';font-style:normal;font-size:13px;line-height:140%;letter-spacing:.02em;color:#000;text-align:left;text-decoration:none}
.menu>ul>.col>li>.col a:hover{text-decoration:underline}
.menu>ul>.col>li>.col:last-of-type{border-right:0px}
.menu>ul>.col>li>.col>ul{display:block;padding:0;margin:10px 0 0;list-style:none;box-sizing:border-box}
.menu>ul>.col>li>.col>ul:after,.menu>ul>.col>li>.col>ul:before{content:"";display:table}
.menu>ul>.col>li>.col>ul:after{clear:both}
.menu>ul>.col>li>.col>ul>li{float:left;width:100%;padding:10px 0;margin:0;font-size:.8em}
.menu>ul>.col>li>.col>ul>li a{border:0}
.menu>ul>.col>li>.group.normal-sub{width:300px;left:auto;padding:10px 20px}
.menu>ul>.col>li>.group.normal-sub>li{width:100%}
.menu>ul>.col>li>.group.normal-sub>li a{border:0;padding:1em 0}
.logo.navLi{position:absolute;left:50%;transform:translate(-50%,34%);z-index:999}
.menu>ul>.col:last-of-type>li:first-of-type>.group>.half{width:25%}
/* .menu>ul>.col:first-of-type>li:first-of-type {
    padding-left: 30px;
} */
/* .menu>ul>.col:last-of-type>li:nth-of-type(2n) > a {
    padding-right: 30px;
    padding-left: 60px;
} */
header.stick .menu>ul>.col:first-of-type>li:first-of-type {
    padding-left: 0px;
}
/* .menu>ul>.col:last-of-type>li:first-of-type > a {
    padding-right: 10px;
} */
header .menu-main li:before {
    position: absolute;
    background: #EBEDEE;
    left: 0;
    right: 0;
    top: 0;
    content: '';
    z-index: -1;
    opacity: 0;
    /* transition: .8s; */
    height: 118px;
}
header .menu-main li:hover:before {
    opacity: 1;
}
header.stick .menu-main li:before {
    content: none;
}

@media all and (max-width: 992px) {
    .menu-container{width:100%}
    .menu-mobile{display:block;padding:15px 0 10px 0;float:right}
    .menu-dropdown-icon:before{display:block}
    .menu>ul{display:none;text-align:left}
    .menu>ul>.col>li{width:100%;float:none;display:block}
    .menu>ul>.col>li a{width:100%;display:block}
    .menu>ul>.col>li>a{text-transform:capitalize!important;letter-spacing:.02em;font-family:'Majorant-Light';font-size:15px;display:block;padding:10px!important;border-top:1px solid silver}
    .menu>ul>.col>li>.group{position:relative;padding:20px;transform:translate(0,0)}
    .menu>ul>.col>li>.group.normal-sub{width:100%}
    .menu>ul>.col>li>.col{float:none;width:100%;margin-top:20px;min-height:auto;border-right:none;padding:0}
    .menu>ul>.col>li>.col:first-child{margin:0}
    .menu>ul>li>ul>li>ul{position:relative}
    .menu>ul>.col>li>.col>ul>li{float:none}
    .menu .show-on-mobile{display:block;height:100vh;overflow-y:scroll}
    .menu>ul>.col:first-of-type>li:nth-of-type(2n)>.group>.half,.menu>ul>.col:first-of-type>li:nth-of-type(2n)>ul>li,.menu>ul>.col:last-of-type>li:first-of-type>.group>.half,.menu>ul>.col:last-of-type>li:first-of-type>ul>li{width:100%}.menu>ul>.col>li>.group img{display:none}
    .menu>ul>.col>li a{transition:none}
    header.stick .logo{margin-top:10px}
    header.stick .logo.navLi{transform:translate(-50%,-5%)!important}
    .menu-container,
    header.stick .menu-container {
        padding-bottom: 0px;
    }
    header.stick .menu>ul>.col>li {
        margin: 0px;
    }
}

/* FOOTER */
.bottom-container { position: relative; display: block; clear: both;}
footer .currency form,header .search form{margin:0}
footer .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 .column .socials { margin-bottom: 123px; 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 .bottom-currency .subselect{background:rgba(255,255,255,.9);position:absolute;top:0;right:0;left:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);box-shadow:0 -3px 27px 0 rgba(60,58,77,.21);-webkit-box-shadow:0 -3px 27px 0 rgba(60,58,77,.21)}
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}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 {
    position: relative;
}

.slideshow .owl-stage,
.big-slideshow .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 {
    display: block;
    width: 100%;
   height: 100%;
    object-fit: cover;
}
#hp .spy.wrapped.stick{top:82px!important}
.headerTitle {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
    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: capitalize;
    margin-top: 0px;
    margin-bottom: 50px !important;
    width: 571px;
}
.headerTitle h2 {
    font-family: "FS Siena";
    font-style: normal;
    font-weight: normal;
    font-size: 40px !important;
    color: white !important;
    line-height: 110% !important;
    text-align: left !important;
    letter-spacing: 0.1em !important;
    text-transform: capitalize !important;
    margin-top: 0px;
    margin-left: 50px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}
.headerTitle h3 {
    font-family: "FS Siena";
    font-style: normal;
    font-weight: normal;
    font-size: 20px !important;
    color: white !important;
    line-height: 110% !important;
    text-align: left !important;
    letter-spacing: 0.1em !important;
    text-transform: capitalize !important;
    margin-top: 10px !important;
    margin-left: 50px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
   
}
.headerTitle h3 a {
    margin-top: 10px;
    color: white !important;
    border: 3px solid white;
    padding: 10px;
    text-decoration: none;

}


.headerTitle p {
    font-family: "FS Siena";
    font-style: normal;
    font-weight: normal;
    font-size: 25px !important;
    color: white !important;
    line-height: 110% !important;
    text-align: left !important;
    letter-spacing: 0.1em;
    text-transform: capitalize !important;
    margin-top: 0px;
    margin-left: 50px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}



#hp .half img {
    max-width: 100%;
    width: 100%;
}
#hp 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 {
    font-family: "FS Siena";
    font-weight: 400;
    font-size: 40px;
    line-height: 44px;
    color: #231F20;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: none !important;
    margin-top: 0px;
    margin-bottom: 25px;
}
#hp 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 {
    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 {
        font-size: 30px;
    }
}
@media all and (max-width: 1440px) and (min-width: 993px) {
    #hp main h3 {
        font-size: 20px !important;
        line-height: 22px !important;
    }
    #hp h1, #hp h2 {
        font-size: 30px;
        line-height: 33px;
    }
    .headerTitle h1 { 
        width: 410px;
    }
    .headerTitle h2 { 
        width: 100% !important;
        color: white !important;
    }
    .headerTitle p { 
        width: 100% !important;
        color: white !important;
        font-size: 25px !important;
    }
    .headerTitle h3 { 
        width: 100% !important;
        color: white !important;
    }

    .headerTitle h3 a {
        margin-top: 10px !important;
        color: white !important;
        border: 1px solid white;
        padding: 7px;
        text-decoration: none;
    
    }


    #hp section p {
        font-size: 15px;
        line-height: 18.2px;
    }
} 
@media all and (min-width: 768px) and (max-width: 1023px) {
    #hp .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;
        text-align: center !important;
    }
    .headerTitle h2 {
        max-width: 263px;
        margin: 0 auto;
        font-size: 22px !important;
        letter-spacing: 0.2em !important;
        line-height: 22px !important;
        color: white !important;
    }
    .headerTitle p {
        max-width: 263px;
        margin: 10px auto !important;
        font-size: 25px !important;
        letter-spacing: 0.2em !important;
        line-height: 22px !important;
        color: white !important;
    }
    .headerTitle h3 {
        max-width: 263px;
        margin: 0 auto;
        font-size: 14px !important;
        letter-spacing: 0.2em !important;
        line-height: 22px !important;
        color: white !important;
    }

    .headerTitle h3 a {
        margin-top: 10px !important;
        color: white !important;
        border: 1px solid white;
        padding: 10px;
        text-decoration: none;
    
    }

    #hp h1, #hp h2 {
        font-size: 20px;
        line-height: 22px;
    }
}
@media all and (max-width: 767px) {
    #hp header {
        position: fixed;
    }
    #hp .big-slideshow .owl-carousel .owl-item img {
        height: 92vh !important;
        object-fit: cover;
    }
    #hp form#frmCtry2 {
        position: unset;
        top: 0;
        transform: translate(0px, 0px);
        background: none;
        padding: 10px 0px 0px 5px;
    }
    .headerTitle {
        justify-content: flex-start;
        transform: translate(0%, 25%);
    }
}

/* HOMEPAGE DROPDOWN START */
.navbar {
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}
.navbar a {
    font-family:"Majorant-Light";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #fff;
}
.dropdown1 .dropbtn,
.dropdown .dropbtn {
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid #231F20;
    box-sizing: border-box;
    backdrop-filter: blur(50px);
    border-radius: 47.0588px;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0.02em;
    color: #231F20;
    padding: 19px 35px 18px 35px;
    font-family: "Majorant-Light";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.02em;
}
.dropdown1 .dropdown-content .row,
.dropdown-content .row {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.dropdown1.collapsed .dropdown-content {
    display: block;
}
.dropdown1.collapsed .dropdown-content {  background: #fff !important; }

.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: 430px; mix-blend-mode: normal; opacity: 1; position: absolute; width: 338px; top: 494px; left: 40%;  display: none;
}

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

.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 {
    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: 13.6px; mix-blend-mode: normal; opacity: 1; text-align: left; white-space: nowrap;
    width: 100%;  padding: 14px 10px 14px 20px;
}
.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;
}
.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;}

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

.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 {
    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;
        text-align: center !important;
    }
    .headerTitle h2 {
        width: 100% !important;
        margin-bottom: 20px !important;
        color: white !important;
        text-align: center !important;
        font-size: 30px !important;
    }
    .headerTitle p {
        margin-bottom: 25px !important;
        color: white !important;
        text-align: center !important;
        font-size: 25px !important;
        
    }
    .headerTitle h3 {
        margin-bottom: 10px !important;
        color: white !important;
        text-align: center !important;
    }
    .headerTitle h3 a {
        margin-top: 10px !important;
        color: white !important;
        border: 1px solid white;
        padding: 10px;
        text-decoration: none;
        text-align: center !important;
        font-size: 20px;
    
    }

  



    .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;   }
  }
  @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: 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: 8px 10px 8px 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 {
    margin-top: 0px;
    padding-top: 150px;
    padding-bottom: 50px;
}
#hp .elite .group .half {
    width: 50%;
}
#hp .elite .group .half:first-of-type {
    padding: 0 25px;
    margin-right: 50px;
}
#hp .elite .group .half:last-of-type {
    border-left: 1px solid rgba(35, 31, 32, 0.15);
    padding-left: 50px;
}
#hp .elite p {
    color: #231F20;
    max-width: 504px;
    margin: 0 auto;
    text-align: center;
}
#hp .btn-elite {
    margin-top: 50px;
    text-align: center;
}
#hp .btn-elite a:hover {
    background: #a37e2f;
}
#hp .elite-content {
    width: 610px;
    margin: 0 auto;
}
#hp .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 {
        font-size: 30px;
    }
    #hp .elite {
        padding-top: 100px;
    }
    #hp .elite-content {
        width: 427px;
        margin: 0 auto;
    }
    #hp .elite .group .half:last-of-type {
        padding-left: 30px;
    }
    #hp .elite .group .half:first-of-type {
        margin-right: 30px;
    }
    #hp .elite p {
        max-width: 370px;
    }
}
@media all and (max-width: 992px) {
    #hp .elite .group {display: block;}
    #hp .elite .group .half,#hp .elite .group h3{width:100%}
    #hp .elite .group .half:first-of-type{padding-right:0}
    #hp .elite p{width:100%}
    #hp .elite .group .half:last-of-type{border-left:0;padding: 50px 0;}
}
@media all and (max-width: 992px) {
    #hp .group h3 {
        display: block;
    }
    #hp .elite-content {
        width: 100%;
    }
    #hp .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 {
        max-width: 350px;
        font-size: 20px !important;
        line-height: 22px;
        letter-spacing: 0.2em;
        margin: 0 auto 25px;
    }
    #hp main h4,
    #hp section p {
        font-size: 13px !important;
        line-height: 18px !important;
    }
    #hp .elite {
       padding-top: 100px;
        padding-bottom: 0px;
    }
    #hp .btn-elite {
        margin-bottom: 50px;
    }
    #hp .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;
}
@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 */
.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;
}
.delights .item img {
    height: 403px;
    max-width: 100% !important;
    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 4px 9.5px;  -webkit-appearance: none;  line-height: 0; }
.delights .owl-nav, .owl-nav { margin-top: 50px; display: flex; flex-direction: row;  align-items: center;  justify-content: center;}
.delights .slideshow1 {
    padding-bottom: 50px;
}
@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;
    }
    .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: 0px; padding-bottom: 50px;}
#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;
}
.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 .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 {
    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;
}
.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: 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: 300px;
        max-width: 300px;
    }
}
@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 4px 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 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 img {
        height: auto;
    }
    .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: 15px; letter-spacing: 0.02em; line-height: 17px;}
#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: 1024px;
}
#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 .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;
}
#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 {
        font-size: 13px;
        line-height: 18px;
    }
}

/* TERMS */
#rfi h1,
#privacy h1,
#terms h1 {
    padding-bottom: 25px;
}
#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 { max-width:1001px; margin:0 auto }
#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: 16px;
    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 .descriptions #frmrequest .form-item textarea {
    background: #EBEDEE;
}
#rfi .btn-default {
    width: auto;
}
#rfi .btn-default {
    width: auto;
}
#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);
}
#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: 300px;
    left: 50%
}

.red {
    color: red !important
}

.descriptions #frmrequest {
    max-width: 600px;
    margin: 0 auto;
    padding: 30px 0;
}

    .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 {
        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; */
    background: none;
    /* 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; */
    -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%;
        display: block;
    }

        .descriptions #frmrequest .form-item input[type=checkbox] {
            display: inline;
        }
}

@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 {
    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 {
    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: 30px;  }

            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 .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
############# */
.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%;   }
        
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: 25px;  letter-spacing: 0.48px; margin-top:0; display:inline-block; width:80%!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: 106px !important; }
main section.villas .filter.filterdown{padding-top:40px; display:block}
main section.villas .filter input,
main section.villas .filter select {  height: 50px;}

@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 }
        main section.villas .col .filter.collapsed {  right: 0;    }
        main section.villas .col .filter .is_stuck {  position: relative !important;  top: 0 !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;    }
}
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: .2em;  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.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 {  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;  }
@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, 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:20px}
   .filter .form-item2 span { display:block; font-family:'majorant'; font-size:13px; float:right; width:100%; text-align:right }
   .filter .form-item2 .btn { float:right; display:block; }

.filter label {font-family:'Majorant-Thin'}
.filter .switcher {cursor:pointer}
.filter .form-item {  border-bottom: 1px solid #797a7a; line-height: 50px;  display: flex!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 }

        .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: 50px;}
    .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{  width:45px; text-align:center; margin-top:-3px; text-transform:uppercase }

.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 .group { font-size: 14px; margin: 20px 0; opacity: 0;  visibility: hidden;  display: none;  transition: .5s opacity;}

 .filter .group.collapsed { opacity: 1; visibility: visible; display: block; position: fixed; bottom:1px; background: #EBEDEE; padding: 30px;
        right: 5%; width:680px; border:solid 1px silver; z-index:9999; max-height:500px; overflow:auto  }
      .filter .group.collapsed #close {position:absolute; top:10px; right:20px}
      .group h3 {width:50%; display:inline-block}
      .clearall, .clearall2 {float:right; font-size:13px; font-family:'Majorant-Light'; cursor:pointer }
@media all and (max-width: 767px) {
    .value {width:100%!important}
    .filter .group.collapsed {width:100%; right:0; padding:20px; position:relative;  display:inline-block; padding:0; border:none }
    .filter #close { display:none}
}

         .filter .group strong { display: block; font-weight: 400; font-size: 15px; font-family: 'Majorant-Light'; border-top: solid 1px silver;  padding: 10px 0 0;
        margin: 10px 0 0;    }
    .filter .group strong:first-of-type {border:none; padding-top:0; margin-top:0 }

    .filter .group input {  display: none;  font-weight: 300;  }

    .filter .group label {  font-size: 12px;  font-family: 'Majorant-Light'; display: inline-block; cursor: pointer; border-radius: 25px; padding: 1px 10px; margin: 5px 0; background:#fff; width:max-content; margin-right:5px  }

    .filter .group 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;  }
        .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%;  }
}


/* extras */
main section.extras { position:relative; background:#CADDE3 }
main section.extras .wrapper {  padding: 100px 0;  border-top:none !important;  }
    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 }

/* ##############
### 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 .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
############# */

mmain section.villa-main .wrapper {  padding: 0;  max-width: 1130px; }

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: 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 }
}
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: -50px;  margin-right: -50px;  margin-top:50px }

    main section.villa-main .row .col { padding: 0 50px;  border-left: 1px solid rgba(35, 31, 32, 0.15);   }
        main section.villa-main .row .col:nth-of-type(1) {  padding-right: 100px;  border-left: none;    }
        @media (max-width: 1299px) {
            main section.villa-main .row .col:nth-of-type(1) { margin-left:20px }
        }
        @media (max-width: 1230px) {
            main section.villa-main .row .col:nth-of-type(1) { margin-left:0}
        }
        @media (max-width: 767px) {
            main section.villa-main .row .col:nth-of-type(1) {  padding-right: 50px; padding: 25px!important }
        }

        main section.villa-main .row .col:nth-of-type(2) { flex-basis: 25%; max-width: 280px;   }
            main section.villa-main .row .col:nth-of-type(2) .btn {  display: block; color: #fff; text-align: center;  margin-top: 15px;  width:max-content  }
                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;   }
@media (max-width: 767px) {
  main section.villa-main .details { margin-bottom:30px }
}
@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:93%    }
    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 }

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: 15px; margin-bottom: 30px; margin-top:10px}

    main section.villa-main .price .currency,   main section.villa-main .price .amount {  font-size: 24px;  font-weight: 300;  line-height:28px; margin:10px 0 }

    main section.villa-main .price .currency { margin: 10px 0;  }
    main section.villa-main .price .amount {  margin-bottom: 15px;  }
    main section.villa-main #rightprice a { width: 158px; text-align:center  }

@media (max-width: 1230px) {
    main section.villa-main .row {  margin-left: -25px;  margin-right: -25px;  }
}

@media (max-width: 767px) {
    main section.villa-main .row {  flex-direction: column;   }
        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: 30px;  }
        main section.villa-main .price .currency {  margin-top: 0;  margin-left: 15px;  margin-right: 5px; font-size: 15px;     }
        main section.villa-main .price .amount {   margin-right: 15px;     }
        main section.villa-main .price .currency {  margin:15px 0   }
   main section.villa-main #rightprice a { margin-bottom:10px  }
   main section.villa-main #rightprice .button-toggle {  display: inline-table !important   }

}
@media all and (max-width: 420px) and (min-width:320px) {
    main section.villa-main #rightprice .button-toggle { display: table !important; width: auto !important;  padding: 10px 25px;  }
}
 @media (max-width: 767px) {
   main section.villa-main .details > div {  max-width:150px;  margin-right: 25px; width:auto }
 main section.villa-main .price { display: block;  display:block!important }
}
@media (max-width: 500px) {
     main section.villa-main .details > div {  max-width: 150px;  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 {
        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
############# */
.checkcontainer {  display: block;  position: relative; padding-left: 25px; 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}

#panCompute input[type="radio"] { height: 16px;  width: 16px;  display: inline-block;  cursor: pointer;  background: #FFF;   border-radius: 100%; }


main section.villa-rates .wrapper {padding-bottom:0!important }
main section.villa-rates h2 { margin-top:-30px!important; margin-bottom:-30px!important }
main section.villa-rates h3,
main section.villa-rates h4 {  margin-bottom: 30px;  line-height: 25.6px;  font-weight: 400;  font-family: 'Majorant light', sans-serif; font-size: 24px; }

main section.villa-rates h4 {  font-size: 18px;  margin-bottom: 20px; }
main section.villa-rates .row {  background: #FFF;  padding: 40px 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; }


main section.villa-rates .ratename,
main section.villa-rates .ratename .rate {  justify-content: space-between; font-weight: 400;  font-size: 15px; margin-bottom:5px }

main section.villa-rates .ratename { display:inline-block; width:100% }
main section.villa-rates .ratename .name {  margin-left: 25px;  font-family: 'Majorant-Thin'; font-size:15px; line-height:17px; margin-top:2px }
main section.villa-rates .ratename .price {  font-family: 'Majorant light'; font-size:15px; line-height:17px }
@media (max-width: 767px) {
    main section.villa-rates .ratename .price5 { width:100%!important; text-align:right }
   main section.villa-rates .row .col {  text-align: left;  padding: 0;  }
}


    main section.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;
    }

main section.villa-rates .form-item {  line-height: 50px;  display: inline-block; font-size: 14px; font-weight: 300;  position: relative;  margin-bottom: 30px; }

main section.villa-rates .form-item input {  display: inline-block;   background: #f3f4f5;   position: relative;  line-height: 43px;    padding: 0 18px; border-radius:25px; margin-right:30px  }
@media all and (max-width: 414px) {
    main section.villa-rates .form-item input {  width:135px; margin-right:5px!important }
}
@media (max-width: 375px) {
    main section.villa-rates .form-item input {  width:135px; margin-right:5px!important; font-size:11px; text-indent:0 }
}
@media (max-width: 320px) {
    main section.villa-rates .form-item input {  width:105px; margin-right:5px!important; font-size:11px; text-indent:0 }
}
 main section.villa-rates .form-item label { display:none }
        main section.villa-rates .form-item input.collapsed {  display: block;   }

@media (max-width: 1023px) {
    main section.villa-rates .row {  flex-direction: column;  }

    main section.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;   }
}
.dd {border-bottom:solid 1px silver}
@media (max-width: 414px) {
    main section.villa-rates h3,  main section.villa-rates h4 { font-size:15px    }
    .totalcost {font-size:13px!important}
    .bedavail { width:45%!important; margin-right:5px!important    }
 }
i.fa.fa-minus.fa-stack-1x.fa-inverse,
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
}


/* ##############
### SINGLE - FEATURES
############# */
main section.villa-features .row {  margin-left: -50px;  margin-right: -50px; }
    main section.villa-features .row .col {   max-width: 100%;  margin-left: -1px    }

main section.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) {
    main section.villa-features .row {  margin-left: -25px; margin-right: -25px;   }
}

@media all and (max-width: 767px) {
    main section.villa-features .row {  margin-left: -15px; margin-right: -15px;  }
}


/*#unique {margin:-80px 0}
#unique .wrapper {  padding-top: 80px }*/
#unique .row {  margin-left: -50px;  margin-right: -50px; }
#unique .row .col { text-align: center;  padding: 0 50px;  border-left: 1px solid rgba(35, 31, 32, 0.15); }
#unique .col div { float:left; text-align:center; width:20%; font-size:15px; font-family:Majorant; margin-bottom:40px }
@media all and (max-width: 767px) {
    #unique .col div {  width:50%; margin-bottom:30px}
}
#unique .col 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 .col div { float: left; text-align: left; width: 48%; font-size: 12px; font-family: Majorant; margin-bottom: 40px; line-height:14px  }
        #unique .col div:nth-of-type(even) {  margin-left:10px; clear:right; min-height:100px }
        #unique .col div img { display: block; padding-bottom: 15px; max-width: 55px; height: 55px; clear:right   }
        #unique .col div span { display:block; clear:both; text-align:center}
}



/* ##############
### SINGLE - LOCATION
############# */
main section.villa-location a.link {  margin-top: 30px; }

main section.villa-location .row {  margin-left: -50px;  margin-right: -50px;}

    main section.villa-location .row .col {  text-align: center; padding: 0 50px;  border-left: 1px solid rgba(35, 31, 32, 0.15);    }

        main section.villa-location .row .col:nth-of-type(1) {  border-left: none;  text-align: left; font-family:'majorant-thin'; font-size:15px   }

            main section.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;
            }

           main section.villa-location .row .col:nth-of-type(1) p,
            main section.villa-location .row .col:nth-of-type(1) ul,
            main section.villa-location .row .col:nth-of-type(1) ol {  font-weight: 400; font-size: 15px; line-height: 140%; letter-spacing: 0.02em; margin: 0 auto 15px; font-family:'Majorant-Thin'; color:#231F20  }


                main section.villa-location .row .col:nth-of-type(1) ul li:not(:last-child),
                main section.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;  }*/

main section.villa-location .things-to-do {  margin-top: 30px; max-height: 0; overflow: hidden;  transition: 0.5s max-height; }

    main section.villa-location .things-to-do.collapsed {  max-height: 999px; display:inline-table }

main section.villa-location .map {  background: url(../images/portals/rebrand/map.png) no-repeat center center;  background-size: cover;  min-height: 400px; max-height:400px;
    height: 100%;  position: relative;}

    main section.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) {
    main section.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;  }

    main section.villa-location .map {  min-height: 200px;  margin-bottom: 30px;  }
}

/* ##############
### SINGLE - FACTS
############# */
main section.villa-facts .wrapper {  border-bottom: none; }

main section.villa-facts a {  color: #000; }
main section.villa-facts a.btn {  color: #FFF; margin-right:25px }

main section.villa-facts .amenities {  line-height: 22px; font-weight: 300; font-size: 15px; }

    main section.villa-facts .amenities .row {  padding: 12px 0;  border-bottom: 1px solid rgba(35, 31, 32, 0.15);   }

        main section.villa-facts .amenities .row:first-of-type {  border-top: 1px solid rgba(35, 31, 32, 0.15);     }

        main section.villa-facts .amenities .row .facheading {   max-width: 250px; font-family:'Majorant-Light'   }

        main section.villa-facts .amenities .row .facdesc {  max-width: 770px;  font-family:'Majorant-Thin' }

@media all and (max-width: 560px) {
    main section.villa-facts .row {  flex-direction: column;  }

    main section.villa-facts .amenities .row .facheading {  margin-bottom: 15px;  font-weight: 400;  }
}

/* ##############
### SINGLE - LAYOUT
############# */
main section.villa-layout a { text-decoration: none; }
    main section.villa-layout a.btn {  margin-top: 30px; }

main section.villa-layout .row { align-items: flex-start; margin-left: -50px; margin-right: -50px; margin-bottom: 30px; }
    main section.villa-layout .row:last-of-type {  margin-bottom: 0;    }

    main section.villa-layout .row .col {  text-align: left;  padding: 0 50px;  border-left: 1px solid rgba(35, 31, 32, 0.15);  }
        main section.villa-layout .row .col:nth-of-type(1) {  border-left: none;  text-align: left;   }

        main section.villa-layout .row .col h3 {  margin-bottom: 30px; line-height: 25.6px; font-weight: 300; font-family: 'Majorant-Light', sans-serif;   font-size: 20px;    }

       main section.villa-layout .row .col p, main section.villa-layout .row .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   }


            main section.villa-layout .row .col p:last-of-type {  margin-bottom: 0;  }

main section.villa-layout .img-cover { object-fit: cover; height: 100%; }

@media all and (max-width: 767px) {
    main section.villa-layout .row {   flex-direction: column;  margin-bottom:0  }

        main section.villa-layout .row .col {   border-left: none;     }

        main section.villa-layout .row:nth-of-type(2) .col {   margin-bottom: 0    }
}



/* ##############
### SINGLE - ROOMS
############# */
main section.villa-rooms .row {  max-width: 100%;  margin-left: -1px;  }
@media all and (max-width: 767px) {
    main section.villa-rooms .row {  margin:0 auto; paddinG:25px 0  }
}
@media all and (max-width:414px) {
    main section.villa-rooms .row {  margin:0 auto; padding:0  }
}
    main section.villa-rooms .row .col {  max-width: 100%;  margin-left: -1px   }
        main section.villa-rooms .row .col.pix {  text-align: left;  padding: 0 50px;  border-left: 1px solid rgba(35, 31, 32, 0.15); }
     @media all and (max-width: 767px) {
            main section.villa-rooms .row .col.pix { padding:0  }
     }
           main section.villa-rooms .row .col.pix img { width:100%  }

main section.villa-rooms .item {  text-align: left; float:left; width:50%; padding:0 50px;  }
@media all and (max-width: 767px) {
     main section.villa-rooms .item {  width:100%; padding:0; height:auto!important }
}
    main section.villa-rooms .item img {  margin-bottom: 30px;    }
    main section.villa-rooms .item a {  color: #000;   }

    main section.villa-rooms .item h3 { margin-bottom: 30px; line-height: 25.6px; font-weight: 300;  font-family: 'Majorant-Light', sans-serif;  font-size: 20px; }


    main section.villa-rooms .item p, main section.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) {
    main section.villa-rooms .row {  margin-left: -25px;  margin-right: -25px;    }
}

@media all and (max-width: 767px) {
    main section.villa-rooms .row {  margin:0 auto   }
}

/* ##############
### SINGLE - DINING
############# */
main section.villa-dining .wrapper {  border-bottom: none; }

main section.villa-dining a.btn {  margin-top: 30px; }

main section.villa-dining .row { align-items: flex-start;  margin-left: -50px;  margin-right: -50px; }
    main section.villa-dining .row .col {  text-align: center;  padding: 0 50px;  border-left: 1px solid rgba(35, 31, 32, 0.15);   }
        
main section.villa-dining .row .col:nth-of-type(1) {  border-left: none;  text-align: left; display:inline-table; font-size:15px; font-family:'majorant-thin'  }

            main section.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;   }
            main section.villa-dining .row .col:nth-of-type(1) p, main section.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;  }

                main section.villa-dining .row .col:nth-of-type(1) p:last-of-type {  margin-bottom: 0;  }

main section.villa-dining .img-cover {  object-fit: cover; height: 100%; }

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

    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;  }
}
#samplemenu{display:inherit}
#dinepix { max-width:50% }
@media all and (max-width: 767px) {
    #dinepix {  max-width: 100%; margin-bottom:20px  }
}


/* ##############
### 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(../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
############# */

input, select, textarea {  border: 1px solid rgba(35, 31, 32, 15%);  background: #fff;  padding: 14px 10px; font-family :'Majorant-Light'; font-size:14px}

main section.villa-enquire a {  color:#231F20 }

main section.villa-enquire .wrapper {  border-bottom: none; padding-top:0; margin-top:-50px; margin-bottom:-50px }

.tabs .tabs-header { display: flex;  justify-content: space-between;  border-bottom: 1px solid #d4d5d5;   margin-bottom: 40px; }
.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.current {  overflow-x: auto; margin-left: -1px;  margin-right: -1px; }
.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;  border-bottom: 1px solid #d4d5d5;  margin-bottom: 40px; }

.tabs .tabs-header div {  font-family: 'Majorant Thin', sans-serif;  font-weight: 100;  font-size: 24px;  color: #231F20;   margin-bottom: 25px;   letter-spacing: 0.48px; }
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:45px }

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  }


@media (max-width: 767px) {
            main section.villa-enquire #lastrow .col div {   display: flex;   }
        }

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

    main section.villa-enquire .row .row .col {  padding: 0 15px;  }

main section.villa-enquire form .form-item { display: flex; flex-wrap: wrap; }

    main section.villa-enquire form .form-item > span {  font-size: 14px; font-weight: 300; display: block;  margin-bottom: 25px;  flex-basis: 100%;   }

main section.villa-enquire form .input,
main section.villa-enquire form .select,
main section.villa-enquire form .textarea {   display: flex;  flex-wrap: wrap;  width: 100%;  position: relative;  margin-bottom: 30px;}

main section.villa-enquire form label {   flex-basis: 100%;  max-width: 100%;  font-weight: 300;  font-size: 12px;  margin-bottom: 10px; }

main section.villa-enquire form input,
main section.villa-enquire form select,
main section.villa-enquire form textarea {  width: 100%; border-radius:15px }

   
main section.villa-enquire form input[type=submit] {  width: auto;   cursor:pointer; margin-right:15px  }



main section.villa-enquire form input#txtPhoneAreaCode,
main section.villa-enquire form input#txtAltPhoneAreaCode {  position: absolute; width: 50px;  border-right: none;  bottom: 0; }

main section.villa-enquire form input#txtPhoneNumber,
main section.villa-enquire form input#txtAltNumber {  padding-left: 60px; }

main section.villa-enquire form .checkcontainer {  display: inline-block;  margin-right: 30px;  height: 20px!important;}

#codes2 { padding-bottom:15px }

   main section.villa-enquire form .checkcontainer input {  width: 20px !important; height: 15px !important; float: left; margin-right: 12px; margin-top: 0;  }
    main section.villa-enquire .checkbtn { display:none }


main section.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: 90px; font-size: 11px;  display: block;}

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



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

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


#vp #plan {  display: initial; padding-top: 30px; overflow:hidden  }

   #vp #plan {
        align-items: flex-start;  background-image: url(https://cimages.elitehavens.com/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 }
      
      
    #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;  }
        #vp #plan h2 {  width:99%  }
        #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}
}



.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 }
      
        #vp #startpay, .villa-enquire span { font-style:italic; font-size:13px; vertical-align:middle }

@media all and (max-width: 767px) {
    #vp #startpay, .villa-enquire span { display:inline-block; width:123px; line-height:15px }
    .villa-enquire span { width:82% }
    span#startpay { width:60%!important}
    #lbltotal { width:98%; margin-bottom:15px }
}
@media all and (max-width: 320px) {
    .villa-enquire span { width: 80%; }
}
main section.villa-enquire form .checkcontainer {  display: block; margin-right: 30px;  height: 20px!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 {float:left; 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 }


@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*/
#panCompute {
    margin-bottom: 30px
}

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


#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;}
.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;    
        /* padding: 5px 0;    */
        /* margin: 5px;  width: 254px; margin-left:3px   */
     }

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

@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: relative !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;
    }

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    z-index: 9999999999 !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;
}

.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;
    /* 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 .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: 45%;
}

.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: 50px;
    /* margin-top: 1px; */
    line-height: 22px;
    /* margin-bottom: 30px; */
}

#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) {
    .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%; */
}

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


/* 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}
.message {  line-height: 22px;  width: 100%; padding: 0; font-family: 'Majorant';  font-size: 13px; line-height:18px }
.message2 {width:560px; font-family:'Majorant-Thin'; font-size:15px; padding:25px 0; line-height:21px}


@media all and (max-width: 767px) {
    .message, #book .message {  line-height: 22px;  width: 100% !important;  background: #FFF;  padding: 15px 0;   }
    
    .message2 {width:100%; font-size:13px }

main section.villa-enquire form .checkcontainer {  display: block;  margin-right: 30px; height: 20px !important;  padding-left: 0; padding-bottom:15px }

    .rate, .totalcost {
        width: 100% !important
    }

    .ratename {
        width: 100% !important
    }

    .totalamt {
        float: right !important;
        right: 15px;
        margin-top: 5px
    }
}

#divSuggest h3 a, #divSuggest h3 {font-size:24px; margin-bottom:5px!important}
#divSuggest .details {font-size:13px; margin-top:10px; margin-left:5px }
#divSuggest .details img {margin-right:5px}
#divSuggest .details div {width: auto;font-size : 13px; font-family: 'Majorant-Light'; max-width: 220px; margin-right: 15px; float:left}
#divSuggest .box2 {  width: 320px; background: #EFEFEF; padding: 5px 5px 10px 5px; text-align: left; float: left; margin-left: 25px; margin-bottom: 30px}

@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:5px; padding-bottom:20px; margin-top:10px}
}
#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;  padding: 0 30px 0 0; width: 320px !important; font-family:'Majorant-Thin'; font-size:13px  }

    .receipt3 p {
        font-size: 14px !important
    }

@media all and (max-width: 320px) {
    .receipt3 {
        width: 270px !important
    }
}

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

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

.txtArrivalDate, .txtDepartDate {   
    text-indent: 10px
}


 #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-size: 13px
}

::-moz-placeholder { /* Firefox 19+ */
    color: gray;
    font-size: 15px
}

:-ms-input-placeholder { /* IE 10+ */
    color: gray;
    font-size: 15px
}

:-moz-placeholder { /* Firefox 18- */
    color: gray;
    font-size: 15px
}


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

.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 {  width: 280px }
@media all and (max-width:414px) {
    #txtPromoCode {width: 200px!important;  margin-right: 15px;  display: inline-block;}
}
@media all and (max-width: 375px) {
    #txtPromoCode {width: 180px!important;  margin-right: 15px;  display: inline-block;}
}
@media all and (max-width: 320px) {
    #txtPromoCode {width: 140px!important;  margin-right: 5px;  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;
}

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


#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 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{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;}
    .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 .form-col-2 .form-item:nth-of-type(2) input {
        float: none;
    }
    #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 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:35px}
/* #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 select { border: 1px solid #acacac;}
#contact label {

    font-size: 15px;
}
.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;
    }
}
@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 }

.residents {
    z-index: 9999999;
    position: fixed;
    padding: 10px;
    font-size: 15px;
    color: #FFF;
    width: 200px;
    right: 0;
    top: 0;
    line-height: 17px;
    background: url('https://cimages.elitehavens.com/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  }
}

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

#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 {
    /* 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; */
    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%;
}
#hp 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;
}


/* #hp main h3 { font-family: 'Majorant-Light'; font-size: 20px;letter-spacing: 3px; text-align: center; width: 75%; margin: 0 auto; font-weight: 300; line-height: 25px; } */
#divArea {  overflow: auto}
.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: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:9999!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: block!important; margin-top: 100px }
#sidebarchat div, #sidebarchat h3 { display:block!important; width:100%!important; margin-bottom:10px!important }
    #sidebarchat div { line-height: 10px; font-family: 'Majorant Light'; }
    #sidebarchat div img {  margin-right:15px  }
    #sidebarchat div:last-of-type {  line-height: 30px  }

#btnPay {width:123px}
.manyau a{
    border: 1px solid #000 !important;
	text-decoration: none;
	padding: 16px;
	color:#000;
    font-size: 15px;

															
															
															"
}

.manyau a:hover {
    background-color: #684C94 !important;
    color:#fff;
}