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

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

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

@font-face { font-family: "Majorant";  src: url("fonts/Majorant-Lt.ttf") format("truetype"), url("fonts/Majorant-Lt.woff") format("woff"); }
@font-face { font-family: "Majorant-Light";  src: url("fonts/Majorant-Lt.ttf") format("truetype"), url("fonts/Majorant-Lt.woff") format("woff"); }
@font-face {  font-family: "Majorant Light";  src: url("fonts/Majorant-Lt.ttf") format("truetype"), url("fonts/Majorant-Lt.woff") format("woff"); }
@font-face {  font-family: "Majorant-Thin";  src: url("fonts/Majorant-Th.ttf") format("truetype"), url("fonts/Majorant-Th.woff") 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; }
.top-arrow { /*background: #CADDE3;*/ font-size: 14px; text-transform: uppercase; /*bottom: 120px*/bottom: 80px; right: 0; padding: 3px 0; width: 55px; text-align: center; height:55px;
    opacity: 1; color: transparent; border: 0; position: fixed; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; border-radius: 25px; zoom: 1; z-index: 8; right:5px;  content:''; background:url('https://cimages.elitehavens.com/images/portals/rebrand/top-arrow2.png') 0 10px no-repeat;  background-size:40px}
/*
.top-arrow::before { content:''; border:solid 1px green; background:none; color:red; display:block; width:100px; height:15px }
    */
@media all and (max-width:767px) {
    .top-arrow {
        /*background: #CADDE3;*/ font-size: 14px; text-transform: uppercase; right: 1%; padding: 3px 0; width: 55px; text-align: center;
        opacity: 1; color: transparent; border: 0; position: fixed; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;  zoom: 1; z-index: 8; right: 15px; bottom:55px!important; content:''; background:url('https://cimages.elitehavens.com/images/portals/rebrand/top-arrow2.png') no-repeat top; background-size:40px; height:55px }
}


/* UI-AUTOCOMPLETE */
.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 !important; width: 500px}

@media all and (max-width: 1024px) {
    .ui-autocomplete {   position: relative !important   }
}

@media all and (max-width: 767px) {
    .ui-autocomplete { background: #fff; right: 0; margin: 0; padding: 0; list-style: none; text-align: left; position: absolute !important;
        width: auto !important; cursor: pointer; font-size: 12px; z-index: 9999999 !important; min-height: 100px !important;
        overflow: auto; margin-top: -30px !important  }
}

.ui-autocomplete li { display: block; position: relative;  border-bottom: 1px solid #ebebeb; }

    .ui-autocomplete li:last-of-type {  border-bottom: none;  }

    .ui-autocomplete li div { padding: 0px 5px; line-height: 20px  }

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

#ui-id-1, #ui-id-2, #ui-id-2 { max-height: 248px; overflow: auto; max-width: 290px; overflow-x: hidden }
#hp .hpsearch2 #divtxtSearchHp #ui-id-3, #ta #ui-id-3 {  max-width:340px;max-height: 88px; opacity:1; z-index:99999!important; background:#FFF;overflow:auto!important; position:absolute!important; margin-top:18px!important; overflow-x:hidden!important}
#ta #ui-id-3 { position:absolute; margin-top:0!important}
@media all and (max-width:767px) {
    #divtxtSearchHp #ui-id-3 { max-height:188px !important }
}
#ui-id-2 {  max-height: 140px !important;   overflow: hidden !important }

#hand-picked-overview::-webkit-scrollbar-track, #promotions-overview::-webkit-scrollbar-track { display:none!important }
#hand-picked-overview::-webkit-scrollbar, #promotions-overview::-webkit-scrollbar { display:none!important }
#hand-picked-overview::-webkit-scrollbar-thumb, #promotions-overview::-webkit-scrollbar-thumb { display:none!important }

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

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



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

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

@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, .btn-default2 { font-size: 10.38px; padding: 8px 30px 8px 30px!important; line-height: 14.53px; letter-spacing: .02em; max-width: 165px  }
}

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

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

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

.nav-container { max-width: 1400px !important; width: 100%; margin: 0 auto; padding: 0; overflow: hidden }
    .nav-container .col:last-of-type {  text-align: right;    }
    .nav-container .col:first-of-type { text-align: left;   }

nav .toggler {  display: none; }

nav ul { display: flex; justify-content: center; margin: 0; padding: 0; margin: 0 auto; padding: 0; overflow: hidden }
    nav ul li { margin: 0; padding: 0; line-height: 0; list-style: none; vertical-align: middle; display: inline-block; *display: inline; zoom: 1; overflow: hidden;  font-family: 'Majorant-Thin'    }
        nav ul li > a { color: inherit; text-decoration: none;  text-transform: uppercase; font-size: 14px; font-family: "Majorant-Light"; *padding: 20px 30.1px 10px;
            display: block; background: transparent; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;
            color: #231F20     }

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

.logo-mobile {  display: none; }

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

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

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

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

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

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

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

    header .menu > ul > .col > li {  display: inline-block;  line-height: 50px; height:70px; vertical-align:bottom; align-items:end; display:flex   }
    header.stick .menu > ul > .col > li { 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:0    }
@media all and (max-width:993px) {
    header .menu > ul > .col > li { padding-top:0; margin:0; height:auto    }
}
    header .menu > ul > .col > li .sub-menu { position: absolute; z-index: 63; background-color: #ebedee; padding: 20px 30px; /* transition:all .5s ease; */
        margin-top: 25px; opacity: 0; visibility: hidden   }

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

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

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

    header .links, header .call { line-height: 1; display: block;float: right; margin-top: 10px;  }
        header .links span a, header .call span a {  -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-right: 15px;   }
        header .links span:hover a, header .call span:hover a {  color: #a37e2f;     }

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

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

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

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

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

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

        header .call .call-list ul { margin: 0;  padding: 0; list-style: none;    }
            header .call .call-list ul li {  clear: both;        }
                header .call .call-list ul li span { line-height: 22px; min-width: 100px; vertical-align: top; display: inline-block; zoom: 1  }
                header .call .call-list ul li a { float: right; color: #fff;padding-bottom: 0; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out  }
                    header .call .call-list ul li a:hover { text-decoration: underline;   }

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

    header span.mobile-icon { display: none }

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

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

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

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

    header .menu > ul > .col > li .sub-menu.mega-menu-column-4 {  max-width: 100%; width: 100%; display: flex;  flex-wrap: wrap; padding: 80px 40px 40px;  }
        header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item {   flex: 0 0 25%; padding: 0 30px;  }
            header .menu > ul > .col > li .sub-menu.mega-menu-column-4 > .list-item:last-of-type { border-right: none   }
        header .menu > ul > .col > li.sub-menu.mega-menu > .list-item > ul > li > a { padding: 10px 0; display: inline-block; font-size: 15px; color: #555; transition: color .3s ease        }

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

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

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

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

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

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

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

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

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

    .mobileShortlist {   display: none;    }

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

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

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

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

    header .mobile-menu-trigger { display: flex; height: 8px; width: 18px; cursor: pointer; align-items: center; justify-content: center; font-size: 25px; color: #000;    }
        header .mobile-menu-trigger span {  display: block; height: 2px; background-color: #333; width: 24px;  position: relative      }
            header .mobile-menu-trigger span:after { content: ''; position: absolute; left: 0; width: 100%; height: 100%; background-color: #333; top: 7px; height: 2px;            }

    header .item-right {  text-align: center; display: flex; height: 67px; border-bottom: 1px solid rgba(0,0,0,.1); justify-content: space-between;
        align-items: center; z-index: 1; position: sticky; 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: sticky; 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;   }
        .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: 0 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% }

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


header.stick .menu > ul > .col > li > a {  padding: 0 35px 0px 35px; }
    header.stick .logo img { max-height: 57px; }


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

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

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

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

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

    footer .column p:first-of-type { 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; text-shadow: 1px 1px 4px #000; color:#FFF    }

    footer .contacts p { line-height: 22px; padding-top: 3px; margin-bottom:0!important; text-shadow: 1px 1px 4px #000;  }

    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; display:block; width:100%  }
        footer a:hover {  text-decoration: underline     }

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

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

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

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

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

        footer ul li {  list-style: none     }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    footer .column p:first-of-type { font-size: 13px; line-height: 18.2px; letter-spacing: 2%  }

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

@media all and (max-width: 1023px) {
    footer { margin-top: 1px; padding-bottom: 70px  }
        footer .wrapper { padding: 50px 22px !important    }
        footer .column p:first-of-type {  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 .column p:first-of-type { 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    }
}


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

.dropdown1 .dropdown-content .row, .dropdown-content .row {  display: flex; flex-direction: row; align-items: center; }
.dropdown1.collapsed .dropdown-content {  display: block; }
.dropdown1.collapsed .dropdown-content {  background: #fff !important; }
.dropdown-content input::placeholder {  font-size: 12px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown.collapsed {  visibility: hidden; }

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

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

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

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

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

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

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

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

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

  /*cookie GDPR */
    .cookiediv { width: 100%; padding: 10px; background: #000; color: #fff; position: fixed; bottom: 0; font-size: 13px; z-index: 999999;  line-height: 18px;
        font-family: 'Majorant-Thin'  }
        .cookiediv .form-item { display: inline-block; margin: 0 auto; padding: 0; width: 80px; }

    @media all and (max-width: 767px) {
        .cookiediv { position: fixed !important; top: 50%;  height: 400px; width: 80%; font-size: 18px; line-height: 25px; max-width: 350px;  left: 50%;
            transform: translate(-50%, -50%); border-radius: 30px; z-index: 99 !important     }

            .cookiediv .form-item {  display: block; padding-top: 20px }
            .cookiediv span:first-of-type { padding-left: 25px; padding-right: 25px; padding-top: 15%; display: block; font-size: 18px }
    }

    .cookiediv a { color: #FFF;text-decoration: underline; font-family: 'Majorant-Thin'  }

    .cookie { text-decoration: none; color: #000 !important; padding: 0; 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; text-align: center  }
        .cookie:hover { text-decoration: none; color: #000; background: silver;  }

        #joinpopbutton { display:none!important;    background-color: #333;  border-radius: 5px; display: inline; bottom: 70px; position: fixed; text-align: center; width: 48px; opacity: .7;
    z-index:7; transition: all .2s ease-in-out 0s; line-height: normal; right: 15px; color: #fff; padding: 7px 4px; font-size: 12px; cursor:pointer; }

.popup-container {  position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; display: none;}

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

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

i.fa.fa-minus.fa-stack-1x.fa-inverse, i.fa.fa-plus.fa-stack-1x.fa-inverse, i.fa.fa-minus.fa-stack-1x.fa-inverse, i.fa.fa-plus.fa-stack-1x.fa-inverse {
    color: #000;  background: #EBEDEE; border-radius: 40px; border: 1px solid gray; width: 15px; height: 15px;
    line-height: 14px;  font-size: 9px; position: unset; margin-left: 0 !important;  cursor: pointer;}

    /* PLACEHOLDER */
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */    color: gray; font-family:Majorant-Light;  font-size: 12px   }

::-moz-placeholder { /* Firefox 19+ */ color: gray; font-family: Majorant-Light;  font-size: 12px}

:-ms-input-placeholder { /* IE 10+ */ color: gray;  font-family: Majorant-Light;  font-size: 12px}

:-moz-placeholder { /* Firefox 18- */ color: gray; font-family: Majorant-Light; font-size: 12px }

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

/* DATEPICKER */
.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 !important;  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-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 #efefef;  /* width:auto */}

ui-datepicker-calendar .ui-state-default { background: #fff; line-height: 18px }

/* 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 !important }

.ui-datepicker {  border-radius: 0 !important;  padding: 0 !important;}

#ui-datepicker-div { border: 1px solid #c5c5c5; width: 259px; }

@media all and (max-width: 767px) {
    #ui-datepicker-div {  left: calc(100% - 320px) !important;   }
    /*#ui-datepicker-div { left: calc(100% - 280px) !important; top: 180px !important;  position: fixed !important  }*/
}
.ui-datepicker .ui-datepicker-header {  -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;  border-radius: 5px 0 0 5px;
    background: #fff !important;}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {  top: 5px; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { background: #fff !important; color: #231F20; border: solid 1px silver !important;
    -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;  border-radius: 5px 0 0 5px; font-size: 13px }

.ui-datepicker table { table-layout: fixed;  margin-bottom: 1px; /* margin-left:3px;  */  margin-top: -10px }

.ui-datepicker td { width: 16.666667%; padding: 0; }

    .ui-datepicker td a, .ui-datepicker td span {    line-height: 30px;    }

.ui-icon-circle-triangle-w {  background-position: -96px -32px; }

.ui-icon-circle-triangle-e {  background-position: -32px -32px; }

.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 #efefef;  /* width:auto */ }

ui-datepicker-calendar .ui-state-default { background: #fff; line-height: 18px }
.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-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {  border: none;  background: #000 !important;  color: #fff; }