*{box-sizing: border-box;}
html, body{padding:0; margin:0 auto; font-family: 'Noto Sans', sans-serif; font-size:14.5px; color:#0A0A14;}
body.overflow{overflow-y:hidden;}
ul{margin:0; padding:0; list-style-type: none; list-style-position:inside;}
ul li{margin:0; padding:0;}
p{padding:0 0 10px 0; margin:0;}
a{text-decoration:none; color:#4066E5; display: inline-block; transition: all .3s ease-in-out;}
a:hover, a:active{text-decoration: none; color:#00D0A9;}
a.link{color:#4066E5; text-decoration: underline;}
a.link.color-dark, .link.color-dark{color:#0A0A14; text-decoration: underline; cursor:pointer;}
a.link:hover{text-decoration: underline; color:#00D0A9;}
a.button{font-family: 'Libre Baskerville', serif; color:#4066E5; font-size: 20px; text-decoration: underline;}
a.button:hover{text-decoration: underline; color:#00D0A9;}
a:active, a:focus {outline: none !important; box-shadow:none !important; border: none; -moz-outline-style: none; text-decoration:none;}
img{width:100%;}
small{font-size: 12px; padding: 0; margin: 0;}
.md-show{display: none;}
.sm-show{display: none;}
.cursor{cursor:pointer;}
.bg-cover{background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%;}
.badge{background: #9D8654; color:#fff; text-transform: uppercase; font-size: 14px; border-radius: 6px; font-weight: 400;}
.caption{font-family: 'Libre Baskerville', serif; font-size:12px;}
.mh100vh{min-height:calc(70vh - 73px);}
hr{border-top-color:#CACACA;}

.color-dark{color:#0A0A14 !important;}
a.color-dark:hover{color:#00D0A9 !important;}
.color-darkgrey{color:#808080;}
.color-darkbrown{color:#63310D;}
.color-grey{color:#B5B5B5;}
.color-light{color:#E2E2E2;}
.color-lightbrown{color:#9D8654;}
.color-line{color:#CACACA;}
.color-white{color:#fff;}
.color-red{color:#dc3545;}
.color-darkgreen{color:#00D0A9;}
.color-darkblue{color:#4066E5;}

.bg-dark{background:#0A0A14;}
.bg-darkgrey{background:#808080;}
.bg-darkbrown{background:#63310D;}
.bg-grey{background:#B5B5B5;}
.bg-lightgrey{background:#f0f0f0 !important;}
.bg-light{background:#E2E2E2 !important;}
.bg-lightbrown{background:#9D8654;}
.bg-gradient{background-image: linear-gradient(to right, #4066E5, #00D0A9);}
.bg-line{background:#CACACA;}
.bg-white{background: #fff;}
.bg-lightgreen{background:#E4FAF5;}

input, input:focus,
textarea, textarea:focus{outline: none !important; box-shadow: none !important;}
button, button:active, button:focus{outline: none !important; box-shadow: none !important;}
input::-webkit-input-placeholder{color:#B5B5B5; opacity: 1}
input::-moz-placeholder{color:#B5B5B5; opacity: 1}
input::-ms-placeholder{color:#B5B5B5; opacity: 1}
input::placeholder{color:#B5B5B5; opacity: 1}

label.checkbox{display: inline-block !important; margin: 0; cursor: pointer; align-items:end; line-height:normal;}
input[type=checkbox] {-moz-appearance:none; -webkit-appearance:none; -o-appearance:none; outline: none !important; margin-top:3px; width:26px; height: auto; margin-right:5px; border: none; cursor: pointer;}
input[type=checkbox]:before {content:'\f00c'; font-size: 13px; border-radius:5px; text-align: center; width: 22px; height: 22px; line-height: 22px; border: 2px solid #B5B5B5; color: rgba(255,255,255, 1) !important; background: #fff; display: block; font-family: 'Font Awesome 5 Pro';}
input[type=checkbox]:hover:before{border-color:#00D0A9;}
input[type=checkbox]:checked:before {background: #4066E5; border-color:#4066E5;}

label.radio{display: flex; margin: 0; cursor: pointer; align-items:end; line-height:normal;}
input[type=radio] {-moz-appearance:none; -webkit-appearance:none; -o-appearance:none; outline: none !important; margin-top:3px; width:26px; height: auto; margin-right:5px; border: none; cursor: pointer;}
input[type=radio]:before {content:'\f111'; font-size: 10px; font-weight:900; border-radius:100%; width: 18.5px; height: 18px; display:flex; justify-content:center; align-items:center; border: 2px solid #B5B5B5; color: rgba(255,255,255, 1); background: #fff; font-family: 'Font Awesome 5 Pro';}
input[type=radio]:hover:before{border-color:#00D0A9;}
input[type=radio]:checked:before {color: #4066E5; border-color:#4066E5;}

.btn{background:#4066E5; color:#fff; width: auto; min-height: 45px; line-height: 45px; font-size: 16px; border-radius: 8px; padding: 0 22px; transition: all .3s ease-in-out;}
.btn:hover, .btn:active{background:#00D0A9; color:#fff;}
.btn.btn-outline{background:none; border:2px solid #0A0A14; color:#0A0A14; cursor:pointer;}
.btn.btn-outline:hover, 
.btn.btn-outline:active{background:none; border:2px solid #00D0A9; color:#00D0A9 !important;}
.btn.btn-tiny{min-height: 30px; line-height: 30px; font-size: 15px; padding: 0 15px;}
.btn.btn-small{min-height: 35px; line-height: 35px; font-size: 16px;}
.btn.btn-medium{width: 250px;}
.btn.btn-full{width: 100%;}
.btn:disabled{background: #E2E2E2; color:#0A0A14;}
.btn.btn-white{background: #fff; color: #0A0A14; border: 1px solid #CACACA;}
.btn.btn-black{background: #0A0A14; color: #fff; border: 1px solid #0A0A14;}
.btn.btn-red{background: #dc3545; color: #fff; border: 1px solid #dc3545;}
.btn-google img{width:auto; height:20px; position:absolute; left:15px; top:50%; transform:translateY(-50%);}

.form-group{position:relative; margin-bottom:1.3rem;}
.form .form-label{margin-bottom: 20px;}
.form label{margin: 0; display: block;}
textarea.form-control{height: 48px; min-height: 48px;}
.form-control,
.form-control:focus{padding:13px 0 10px; height: 48px; line-height: 16px; color:#0A0A14; border:none; border-bottom: 1px solid #0A0A14; border-radius: 0;}
.form-control:disabled{background:#E2E2E2;}
.form-group .select2{width: 100%;}
.form-group .select2-container--default .select2-selection--single{background: none; border:none; border-bottom: 1px solid #0A0A14; padding:13px 0 10px 0; height: 48px; line-height: normal; border-radius: 0;}
.form-group .select2-container--default .select2-selection--single::after{content: '\f078'; position: absolute; right: 0; top:50%; transform: translateY(-50%); font-weight: 300; font-size: 17px; font-family: 'Font Awesome 5 Pro';}
.form-group .select2-container--default .select2-selection--single .select2-selection__rendered{padding: 0;}
.form-group .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}
.form-group .select2-container--open .select2-selection--single::after{transform: rotate(180deg) translateY(50%) !important;}

/*===============Global===============*/
h1, h2, h3, h4{margin:0; padding:0;}
h1{font-family: 'Libre Baskerville', serif; font-size:38px; font-weight:700;}
h2{font-family: 'Libre Baskerville', serif; font-size:26px; font-weight:700;}
h3{font-family: 'Libre Baskerville', serif; font-size:18px; font-weight:700;}
h1 .sub, h2 .sub{font-family: 'Noto Sans', sans-serif; font-size: 16px; font-weight: 400;}
.font-libre{font-family: 'Libre Baskerville', serif;}
.font-noto{font-family: 'Noto Sans', sans-serif;}
.font-bold{font-weight: 700;}
.font-regular{font-weight: 400;}
.fs-38{font-size:38px;}

.pd-0{padding: 0 !important;}
.pb-0{padding-bottom: 0;}
.pb-5{padding-bottom: 5px !important;}
.pt-20{padding-top: 20px !important;}
.pt-40{padding-top: 40px;}
.pr-0{padding-right: 0;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mb-5{margin-bottom: 5px !important;}
.mb-15{margin-bottom: 15px;}
.mb-10{margin-bottom: 10px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px;}
.ml-5{margin-left: 5px !important;}
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.ml-30{margin-left: 30px;}
.mr-10{margin-right: 10px;}

.logo{width: 100%; height: auto;}
#wrapper{width:100%; position:relative;}

/*===============Header===============*/
header{padding:15px 0 0; position: relative; width: 100%;}
header::after{content:""; position:absolute; width:100%; z-index:162; bottom:1px; border-bottom:1px solid #CACACA;}
header.fix-top{position: absolute; z-index: 160; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
header.fix-top::after{content:''; position: absolute; z-index: -1; width: 100%; height: 100%; top:0; background: rgb(255,255,255,0.5);}
header.fix-top .mobile-nav{background: rgba(255, 255, 255, 0.85) !important;}

header .header-grid{display:grid; grid-template-columns: 110px auto; align-items:center; justify-content:space-between;}
header .header-grid .main-logo{grid-row: 1/ span 2; padding-bottom:15px;}
header .header-grid .top-info{margin-bottom:10px; display:flex; align-items:center; justify-self:flex-end;}
header .header-grid .navbar-toggler{display:none; width:50px; justify-self: flex-end;}
#navbarMobile{box-shadow: 3px 5px 5px rgba(0,0,0,0.1); z-index:162; padding-bottom:20px;}

.main-nav > li{float:left; padding-right: 20px; padding-bottom:15px; text-transform: uppercase; position:relative;}
.main-nav > li:last-child{padding-right: 0;}
.main-nav > li > ul{display:none; position:absolute; z-index:162; background:#fff; left:-20px; margin-top:14px; box-shadow: 3px 5px 5px rgba(0,0,0,0.1);}
.main-nav > li > ul li{padding:10px 20px; white-space:nowrap;}
.main-nav > li:hover > ul{display:block;}
.main-nav > li > ul li > ul{display:none; position:absolute; z-index:162; background:#fff; left:100%; top:0; height:100%; min-width:350px; overflow-y:auto; scrollbar-width: thin; border-left:1px solid #cacaca; box-shadow: 3px 5px 5px rgba(0,0,0,0.1);}
.main-nav > li > ul li > ul li{position:relative; padding:10px 20px; white-space:normal;}
.main-nav > li > ul li:hover > ul{display:block;}

.navbar-toggler{border: none;}
.navbar-toggler span{color: #4066E5; font-size: 30px;}
.mobile-nav{background: #fff; position: absolute; z-index: 2; transform:translateY(15px); width: 100%; padding:10px 15px 0;}
.navbar-nav li .caption{font-size: 16px;}
.navbar-nav li a{padding:18px 20px; display: block; width:100%;}
.navbar-nav li a:hover{background:#00D0A9; color:#fff !important;}
.navbar-nav li > ul{margin-left:20px;}
.navbar-nav li > ul > li{display:grid; grid-template-columns: auto 50px;}
.navbar-nav li > ul li span{font-size:25px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.navbar-nav li > ul li > ul{display:none; grid-column:1 / span 2;}
.navbar-nav li > ul li > ul > li{display:flex;}

.breadscrumb{padding-top: 30px;}
.breadscrumb span{position: relative; margin-right: 10px;}
.breadscrumb span:not(:last-child)::after{content:'/'; position: absolute; color:#B5B5B5;}

.table-condensed{padding: 5px 15px;}
.table-condensed th.disabled{color:#e2e2e2;}
.bootstrap-datetimepicker-widget{padding:0 0 5px 0 !important; overflow: hidden; font-size: 15px;}
.bootstrap-datetimepicker-widget ul{list-style-type:none;}
.bootstrap-datetimepicker-widget table thead th{height:35px; background:#fff; color:#b5b5b5; border-radius: 0;}
.bootstrap-datetimepicker-widget table thead tr:first-child th{height:50px; background:#fff; color:#0A0A14;}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active{background:#4066E5; color: #fff;}
.bootstrap-datetimepicker-widget table td.today::before{border-bottom-color: #0A0A14;}


/*listItems*/
.listItems > .list_two{display: grid; grid-template-columns: 350px auto; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #cacaca;}
.listItems > .list{display: grid; grid-template-columns: 350px auto 250px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #cacaca;}
.listItems .list-image{padding-right: 25px;}
.listItems .image{width: 100%; height: 180px; position: relative;}
.listItems .image img{width: 100%; height: 100%; object-fit: cover;}
.listItems .list-content .brand{width: 110px; height: auto; margin-bottom: 25px;}
.listItems .list-content ul{list-style-type: disc; list-style-position: inside;}
.listItems .list-action{display: flex; flex-direction: column; align-items: flex-end; white-space: nowrap;}
.listItems .list-action h2{margin-bottom: 20px;}
.listItems .list-action .icons{margin-bottom: 20px;}
.listItems .list-action.days{justify-content: space-between;}

/*nav-tabs*/
.nav-tabs{border:none; margin-bottom: 20px;}
.nav-tabs .nav-link{border: none; border-bottom: 2px solid #B5B5B5;}
.nav-tabs .nav-link h3{color: #B5B5B5;}
.nav-tabs .nav-link.active{border-color: #0A0A14;}
.nav-tabs .nav-link.active h3{color:#0A0A14; }

/*side-box*/
.side-box{border: 1px solid #CACACA; background: #fff; border-radius: 8px; position: relative;}
.side-box.selected{background: #E4FAF5;}
.side-box .header{padding: 18px; display: flex; align-items: center; justify-content: space-between;}
.side-box .footer{border-top: 1px solid #CACACA; padding:20px 18px 15px 18px;}

.side-box .content > div{padding:18px;}
.side-box .content .box-boder-top{border-top: 1px solid #CACACA;}
.side-box .box-col2{display: flex; justify-content: space-between;}

/*ContentBox*/
.contentBox{padding:20px; border-radius: 10px; border: 1px solid #CACACA; position: relative;}


/*brand inside image*/
.imgWithBrand{background: #fff; padding:10px; width: 130px; height: 50px; border-radius: 8px; position: absolute; top:10px; left: 10px;}
.imgWithBrand img{height: 100%; object-fit: contain;}
.imgWithBrand.slider{z-index: 151;}
#details .imgWithBrand{right:10px; left:auto; z-index:1;}

/*Slider*/
.slider-detail{overflow: hidden; margin: 0 !important;}
.slider-detail .item{width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.detail-nav{position: absolute; bottom:10px; width: 100%; text-align: right;}

/*boxItems*/
.boxItems .box{display: grid; grid-template-columns: 350px auto; margin-bottom: 20px; padding-bottom: 30px; padding:15px; border-radius: 10px; border: 1px solid #CACACA; position: relative;}
.boxItems .box .badged{background: #9D8654; color:#fff; padding:5px 18px; border-radius: 10px 0 10px 0; font-weight: 700; font-family: 'Libre Baskerville', serif; position: absolute; top:0; left:0; z-index: 1;}
.boxItems .box-image{padding-right: 25px;}
.boxItems .image{width: 100%; height: 180px; position: relative;}
.boxItems .image img{width: 100%; height: 100%; object-fit: cover;}
.boxItems .box.selected{border: 2px solid #00D0A9;}
.boxItems .box.selected .btn{background:#00D0A9;}
.boxItems .box-footer{grid-column: 1 / span 3;}
.boxItems .box-action .price > div{margin-bottom: 10px;}

/*room info icon*/
.room-info{display: inline-block;}
.room-info li{float: left; margin-right: 20px; margin-bottom: 5px; list-style-type: none;}


.col-two{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 10px;}
.col-two .brand{width: auto; height: 65px;}
.col-two .brand-button{text-align: right;}
.col-two .brand-button span{margin-left: 10px;}

/*===============Cruise===============*/
/*Slick Slider*/
.slick-track {margin-left: 0;}
.slick-dots{bottom:15px; z-index: 1; left:50%; transform: translateX(-50%); display: inline-block; width: auto; }
.slick-dots li{width: 45px; height: auto; background: #fff;}
.slick-dots li.slick-active{background: #0A0A14;}
.slick-dots li button{width: 100%; padding: 0; height: 4px;}
.slick-dots li button::before{display: none;}
.slider-info{width: 100%; position: absolute; top:50%; transform: translateY(-35%); z-index: 1;}
/*
.slider-caption{position: absolute; padding: 10px 0; display: none; bottom:0; width: 100%; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);}
.slider-caption::after{content:''; position: absolute; z-index: -1; width: 100%; height: 100%; top:0; background: rgb(255,255,255,0.6);}*/

.slider-home{overflow: hidden; margin: 0 !important;}
.slider-home .item{width: 100%; position: relative;}
.slider-home .item img{width: 100%; height: 100%; object-fit: cover; object-position: left;}

.banner{position: relative;}
.banner .home-nav{position: absolute; bottom:10px; width: 100%; text-align: right;}
.slider-prev,
.slider-next{font-family: 'Libre Baskerville', serif; color:#0A0A14; cursor: pointer;}
.slider-prev{color:#fff;}
.slider-prev:hover, 
.slider-next:hover{color:#0A0A14;}
.slider-prev::after{content: '/'; color:#fff !important; padding:0 5px 0 10px;}


/*===============Banner===============*/
.skitter {max-width: initial;}
.skitter .label_skitter{background: rgb(150,150,150,0.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
.skitter .label_skitter::after{content:''; position: absolute; z-index: -1; width: 100%; height: 100%; top:0; background: rgb(255,255,255,0.4);}

.skitter .label_skitter p{color:#0A0A14 !important; font-size: 16px; font-weight:700;}
.skitter .info_slide_dots{bottom:10px; z-index: 152;}
.skitter .info_slide_dots .image_number{background: #fff; border-radius: 0; width: 43px; height: 4px;}
.skitter .info_slide_dots .image_number.image_number_select{background: #0A0A14;}

.skitter-nav{position: absolute; bottom:8px; z-index: 151; width: 100%; text-align: right;}
.skitter-prev, .skitter-next{font-family: 'Libre Baskerville', serif; color:#0A0A14; cursor: pointer;}
.skitter-prev, .skitter-next{color:#fff;}
.skitter-prev:hover, .skitter-next:hover{color:#00D0A9;}
.skitter-prev::after{content: '/'; color:#fff !important; padding:0 5px 0 10px;}

.skitter-frost{background: rgb(255,255,255,0); z-index: 150; cursor: pointer; width: 100%; height: 100%; top:0; left: 0; position: absolute;}

/*===============Home Search===============*/
.searchHome{display: grid;  grid-template-columns: auto 210px 210px 190px 200px;}
.searchHome > div{color:#fff; border-left: 1px solid #fff; padding: 13px 15px;}
.searchHome > div:last-child{border-right: 1px solid #fff;}
.searchHome .button{display: flex; justify-content: center; align-items: center;}
.searchHome .button button{color:#fff; font-weight: 700; font-size: 20px; padding: 10px; background: none; border: none;}

.searchHome .checkin .datePicker,
.searchHome .checkout .datePicker{position:relative;}
.searchHome .checkin .datePicker .bootstrap-datetimepicker-widget,
.searchHome .checkout .datePicker .bootstrap-datetimepicker-widget{position:absolute; background:#fff; color:#0A0A14; width:260px; top:35px !important; left:-15px !important; right:auto !important; bottom:auto !important; box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.1);}
.searchHome .checkin .datePicker .bootstrap-datetimepicker-widget .datepicker-days table tr td,
.searchHome .checkout .datePicker .bootstrap-datetimepicker-widget .datepicker-days table tr td{padding:5px 10px;}
.searchHome .checkin .datePicker .bootstrap-datetimepicker-widget table td span,
.searchHome .checkout .datePicker .bootstrap-datetimepicker-widget table td span{height:auto;}

.searchHome .datePicker{position: relative;}
.searchHome .datePicker input{background: none; border: none; padding: 0; color:#fff; width: 100%;}
.searchHome .datePicker input::-webkit-input-placeholder{color:#fff; opacity: 0.5;}
.searchHome .datePicker input::-moz-placeholder{color:#fff; opacity: 0.5;}
.searchHome .datePicker input::-ms-placeholder{color:#fff; opacity: 0.5;}
.searchHome .datePicker input::placeholder{color:#fff; opacity: 0.5;}

.searchHome .select2{width: 100%;}
.searchHome .select2-container--default .select2-selection--single{background: none; border: none; line-height: normal;}
.searchHome .select2-container--default .select2-selection--single::after{content: '\f078'; position: absolute; right: 0; top:50%; transform: translateY(-50%); font-weight: 300; font-size: 17px; font-family: 'Font Awesome 5 Pro';}
.searchHome .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff; padding: 0;}
.searchHome .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}
.searchHome .select2-container--open .select2-selection--single::after{transform: rotate(180deg) translateY(50%) !important;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:rgba(157,134,84,0.8);}
.select2-container--default .select2-results__option--selected{background-color: #E2E2E2;}
.select2-results__option{padding: 8px 10px;}

.searchHome .nice-number{padding-bottom: 10px; width: 100%;}
.searchHome .nice-number{position: relative;}
.searchHome .nice-number input{background: none; border: none; padding: 0;  width: 100%;}
.searchHome .nice-number button{background: none; border: 1px solid #CACACA; border-radius: 10px; width: 45px; height: 30px;}
.searchHome .nice-number button:hover{border: 1px solid #00D0A9; color:#00D0A9;}
.searchHome .guest{position: relative;}
.searchHome .guest .guest-box{background: #fff; box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.1); width: 100%; position: absolute; top:100%; left:0; display: none; z-index: 161; color:#0A0A14;}
.searchHome .guest .guest-box > div{padding:10px 15px; }
.searchHome .guest .guest-box > div:not(:last-child){border-bottom: 1px solid #CACACA; margin-bottom: 5px;}
.searchHome .guest .angle-down{position: relative;}
.searchHome .guest .angle-down::after{content: '\f078'; font-weight: 300; font-size: 17px; font-family: 'Font Awesome 5 Pro';}
.searchHome .guest.open .angle-down::after{content: '\f077';}

.only-home{position:absolute; z-index:161; width:100%; bottom:80px; left:50%; transform:translateX(-50%);}
.only-home .bg-gradient{background:none;}
.only-home .searchHome{background-image: linear-gradient(to right, #4066E5, #00D0A9); width:100%;}
/*===============Section===============*/
section{padding: 40px 0;}
.section-title{font-weight: 400;}
.img-caption{background: linear-gradient(to bottom, rgba(10,10,20,0), rgba(10,10,20,0.6)); position: absolute; padding: 35px 20px 20px 20px; width: 100%; bottom:0; color:#fff;}

.openPopup{background: #fff; height: auto; padding:30px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 15px; position: absolute; z-index: 163; top:15%; left:50%; transform: translateX(-50%);}
.closePopup{position:absolute; top:-30px; right:0; color:#fff; cursor:pointer;}
.contentPopup .facilities{list-style-type: disc; list-style-position: inside; display:grid; grid-template-columns: auto auto auto; white-space:nowrap;}
.contentPopup .room-info li{margin-bottom:0;}

.refresh-promo{white-space:nowrap;}
.promo-value{text-transform:uppercase;}

/*Home*/
.featured .item a{display: block; position: relative;}

/*dDestination*/
.destination .item{width: 100%; height: 480px; position: relative;}
.destination .item img{width: 100%; height: 100%; object-fit: cover;}

.itinerary .img-caption{display: flex; justify-content: space-between; position: absolute; z-index: 1; padding: 15px 20px; background: rgb(150,150,150,0.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
.itinerary .img-caption::before{content:''; color:#fff; position: absolute; z-index:-1; width: 100%; height: 100%; top:0; left: 0; background: rgb(157,134,84,0.7);}
.card img{border-radius: 0;}
.card-body{padding: 15px 0 0 0;}
.card-body ul{list-style-type: disc; list-style-position: inside;}
.card.blogs{border: none; margin-bottom: 40px;}
.card .card-caption{margin-bottom: 10px; display: flex; justify-content: space-between;}
.card .card-img{width:100%; height:220px; overflow:hidden;}
.card .card-img img{width:100%; height:100%; object-fit:cover;}
.card .card-img{width:100%; height:220px; overflow:hidden;}
.card .card-img.card-size-340{height:340px;}

.inspired{padding-bottom:0;}
.inspired .item{width: 100%; height: 320px; position: relative;}
.inspired .item img{width: 100%; height: 100%; object-fit: cover;}

.offer .img-caption{display: flex; justify-content: space-between; position: absolute; z-index: 1; padding: 15px 20px; background: rgb(150,150,150,0.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
.offer .img-caption::before{content:''; color:#fff; position: absolute; z-index:-1; width: 100%; height: 100%; top:0; left: 0; background: rgb(157,134,84,0.7);}

/*Search*/
#search .select2{min-width: 200px;}
#search .select2-container--default .select2-selection--single{border:2px solid #0A0A14; color:#0A0A14; min-height: 45px; font-family: 'Libre Baskerville', serif; font-weight: 700; padding: 0 10px; line-height: normal;}
#search .select2-container--default .select2-selection--single::after{content: '\f078'; position: absolute; right: 10px; top:50%; transform: translateY(-50%); font-weight: 300; font-size: 17px; font-family: 'Font Awesome 5 Pro';}
#search .select2-container--default .select2-selection--single .select2-selection__rendered{padding: 0; line-height: 45px; font-family: 'Libre Baskerville', serif; font-weight: 700;}
#search .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}
#search .select2-container--open .select2-selection--single::after{transform: rotate(180deg) translateY(50%) !important;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:#e2e2e2; color:#0A0A14;}
.select2-container--default .select2-results__option--selected{background-color: #e2e2e2; color:#0A0A14;}
.select2-results__option{padding: 8px 10px;}

/*logo brand*/
.comp-logo-list{text-align:center;}
.comp-logo-list li{ display:inline-block; padding:0 20px; margin-bottom:20px;}
.comp-logo-list li img{width:120px; height:70px; object-fit:contain;}

/*Exclusive Offer*/
.exclusive .title{border-radius:10px; border:1px solid #CACACA; padding:20px 0;}
.exclusiveItems .box{display: grid; grid-template-columns: 700px auto; margin-bottom: 15px; padding-bottom: 30px; padding:5px; border-radius: 10px; border: 1px solid #CACACA; position: relative;}
.exclusiveItems .box-image{position:relative;}
.exclusiveItems .image{width: 100%; position: relative;}
.exclusiveItems .image img{width: 100%; height: 100%; object-fit: cover;}
.exclusiveItems .box-content{padding:10px 30px; display:flex; flex-direction:column; justify-content:space-between;}
.exclusiveItems .brand{width:auto; height:30px; margin-bottom:15px;}
.exclusiveItems .nav-left,
.exclusiveItems .nav-right{background:rgba(0,0,0,.5); color:#fff; border-radius:100%; z-index:2; font-size:20px; width:25px; height:24px; line-height:25px; position:absolute; top:50%; left:10px; transform:translateY(-50%); cursor:pointer; text-align:center;}
.exclusiveItems .nav-right{right:10px; left:unset;}

/*Other Destination*/
.other-nav > span{font-size:30px; cursor:pointer; width:30px; height:30px; line-height:30px; text-align:center; border:1px solid #CACACA; border-radius:100%;}
.other-nav > span:hover{color:#00D0A9; border-color:#00D0A9;}
.other-nav > span.nav-right{margin-left:30px;}

/*maybe*/
.maybe .item{margin-bottom: 30px;}
.maybe .item a{display: block; position: relative;}
.maybe .item .brand{width: auto; height: 30px; margin-top: 20px;}

/*Where-to-stay*/
.where {overflow-x: hidden;}
.where .where-content .image{width: 170px; height: 55px; margin-bottom:15px;}
.where .where-content .image img{width: 100%; height: 100%; object-fit: contain;}
.where .where-pagination{position: relative; text-align: left;}
.where .where-pagination .owl-dot{opacity: 1; background: #B5B5B5; border:none; width: 38px; height: 4px; margin-right: 5px;}
.where .where-pagination .owl-dot.active{background: #0A0A14;}
.where .stay_prev, .stay_next{font-family: 'Libre Baskerville', serif; color:#B5B5B5; cursor: pointer;}
.where .stay_prev:hover, .stay_next:hover{color:#0A0A14;}
.where .stay_prev::after{content: '/'; color:#B5B5B5 !important; padding:0 5px 0 10px;}

.where .where-galleries .item{display:grid; gap: 20px; grid-template-columns:50% 50%;}
.where .where-galleries .item img{height:420px; object-fit:cover;}
.where .where-galleries .item img:first-child{grid-row:1 /span 2;}
.where .where-galleries .item img:not(:first-child){height:200px;}
.where .where-galleries .item.img_1 img{grid-column:1 /span 2;}
.where .where-galleries .item.img_1,
.where .where-galleries .item.img_2 img{height:420px !important;}

/*Hotel and resort*/
.filter{position: relative;}
.filter .show-filter-box{border: 2px solid #0A0A14; width: 160px; min-height: 45px; padding:8px 10px; border-radius: 10px; position: relative; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.filter .angle-down{position: relative;}
.filter .angle-down::after{content: '\f078'; font-weight: 300; font-size: 17px; font-family: 'Font Awesome 5 Pro';}
.filter.open .angle-down::after{content: '\f077';}
.filter.open .show-filter-box{border-color:#00D0A9; color:#00D0A9;}

.filter .filter-box{background: #fff; border: 1px solid #CACACA; border-radius: 10px; width: 350px; position: absolute; right:0; top:45px; display: none; z-index:1; color:#0A0A14;}
.filter .filter-box .filter-item{padding:15px; border-bottom:1px solid #CACACA; padding-bottom:10px;}
.filter .filter-box .filter-item .title{font-weight:700; text-transform:uppercase; margin-bottom:5px;}
.filter .filter-box .filter-item:last-child{border-bottom:none;}
.filter .filter-box .filter-item ul{columns: 2; -webkit-columns: 2; -moz-columns: 2; padding-left:22px;}
.filter .filter-box .filter-item ul > li{margin-bottom:5px; position:relative;}
.filter .filter-box .filter-item ul > li.active:before{content:""; width:17px; height:12px; background-size:contain; background-image:url("../images/icon/checkmark-outline-b.png"); background-repeat:no-repeat; position:absolute; top:3px; left:-20px;}
.filter .filter-box .filter-item ul > li span{cursor:pointer;}

/*Hotel Resort*/
.hotel-resort .card .imgWithBrand{width:110px; height:42px;}

/*Hotel Detail*/
#hotel-detail .room-nav > span{font-size:27px; cursor:pointer; width:27.5px; height:27px; line-height:27px; text-align:center; border:1px solid #CACACA; border-radius:100%;}
#hotel-detail .room-nav > span:hover{color:#00D0A9; border-color:#00D0A9;}
#hotel-detail .room-nav > span.nav-right{margin-left:30px;}

#hotel-detail .detail-highlight .item{position:relative;}
#hotel-detail .detail-highlight .item h3{padding:30px 15px 15px;}

#hotel-detail table{border:none !important; margin-bottom:20px;}
#hotel-detail table tr td {border:1px solid #dee2e6; padding:5px 10px; vertical-align:top;}
#hotel-detail table tr:nth-child(odd) td{background:#f2f2f2;}

/*Package*/
/*.package-itinerary-items .item{display: none; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));}*/
.package-itinerary-items .item{display: none; grid-template-columns: repeat(auto-fit, 1fr);}
.package-itinerary-items .item.active{display:grid;}
.package-itinerary-items .item .list-image{padding-right: 0; padding-bottom:25px;}
.package-itinerary-items .item .image{width: 100%; height: 300px; position: relative;}
.package-itinerary-items .item .image img{width: 100%; height: 100%; object-fit: cover;}
.package-itinerary-items .item h2{margin-bottom: 20px; cursor:pointer;}
.package-itinerary-items .item-wrap{border-bottom: 1px solid #cacaca; margin-bottom: 20px;}
.package-itinerary-items .arrow{font-size:25px; color:#B5B5B5; margin-right:10px;}


.package-schedule-items .item{display: grid; grid-template-columns: auto auto 100px; margin-bottom: 20px; padding: 20px; border-radius:10px; border: 1px solid #cacaca;}
.package-schedule-items .item .list-image{padding-right: 25px;}
.package-schedule-items .item .image{width: 100%; height: 180px; position: relative;}
.package-schedule-items .item .image img{width: 100%; height: 100%; object-fit: cover;}
.package-schedule-items .item h2{margin-bottom: 20px;}

/*Popup*/
.popup-room-detail{width:700px;}
.popup-room-detail .contentPopup{width:100%;}

.popup-room-booking{width:980px;}
.popup-room-booking .contentPopup{width:100%; display:grid; grid-template-columns:auto 280px; grid-gap: 30px;}
.popup-room-booking .contentPopup .left{overflow:hidden;}
.popup-room-booking .contentPopup .brand{width:auto; height:40px;}
.popup-room-booking .price-detail .col-two{margin:0;}
.popup-room-booking .price-detail .price-detail-header{padding:7px 10px;}
.popup-room-booking .price-detail .price-detail-footer{padding:10px;}
.popup-room-booking .price-detail .price-summary{padding:10px;}

.popup-room-booking .price-detail .price-list .price-item > div{padding:5px 10px; border-bottom:1px solid #CACACA;}
.popup-room-booking .price-detail .price-list .price-item > div:not(:first-child){background:#f0f0f0; padding:5px 20px;}

/*inspired - Detail*/
#inspired-detail .listItems > .list{grid-template-columns: 350px auto 150px;}
#inspired-detail .reservation{width: 380px;}

/*inspired package room*/
#inspired-process-room .boxItems .box-image{grid-row: 1 / span 2;}
#inspired-process-room .boxItems .box-action{margin-top: 10px; display: flex; justify-content: space-between; align-items: flex-end;}

/*inspired package addon*/
#inspired-process-addon .boxItems .image{height: 130px;}
#inspired-process-addon .boxItems .box{grid-template-columns: 230px auto 150px;}
#inspired-process-addon .boxItems .box.focus{border:2px solid #9D8654;}
#inspired-process-addon .boxItems .box-action{display: flex; flex-direction: column; justify-content: space-between;}
#inspired-process-addon .boxItems .box-footer{border-top: 1px solid #CACACA; padding:15px 15px 0 15px; margin: 20px -15px 0; display: flex; align-items: center; justify-content:space-between;}

/*hotel process room*/
#hotel-process-room .boxItems .box-image{grid-row: 1 / span 2;}
#hotel-process-room .boxItems .box-action{margin-top: 10px; display: flex; justify-content: space-between; align-items: flex-end;}
#hotel-process-room .boxItems .box-footer{padding:15px 15px 0 15px; margin: 0 -15px 0;}
#hotel-process-room .boxItems .checkbox{display: grid; grid-template-columns: 35px auto;}
#hotel-process-room .boxItems .checkbox .checkbox-content{display: flex;}
#hotel-process-room .boxItems .checkbox.checked{border:2px solid #9D8654;}

#hotel-process-room .box .box-footer-one{border-top: 1px solid #CACACA; padding:15px 15px 0 15px; margin: 20px -15px 0; grid-row: 3; grid-column: 1 / span 2;}
#hotel-process-room .boxItems .box-footer-one .expand{display: grid; grid-template-columns: auto auto auto; justify-content: space-between; align-items: center;}
#hotel-process-room .boxItems .box-footer-one .nice-number{border: 1px solid #CACACA; padding:15px; width: 175px;}
#hotel-process-room .boxItems .box-footer-one .nice-number{position: relative;}
#hotel-process-room .boxItems .box-footer-one .nice-number input{background: none; border: none; padding: 0;  width: 100%;}
#hotel-process-room .boxItems .box-footer-one .nice-number button{background: none; border: 1px solid #CACACA; border-radius: 10px; width: 45px; height: 30px;}
#hotel-process-room .boxItems .box-footer-one .nice-number button:hover{border: 1px solid #00D0A9; color:#00D0A9;}
#hotel-process-room .boxItems .box-footer-one .datePicker{border: 1px solid #CACACA; padding:19px 15px; width: 175px;}
#hotel-process-room .boxItems .box-footer-one .datePicker input{background: none; border: none; padding: 0;  width: 100%;}
#hotel-process-room .boxItems .box-footer-one .calendar-o-b::before{right: 15px;}

/*hotel process addon*/
#hotel-process-addon .boxItems .boxItemsWithTitle .box{grid-template-columns: 230px auto 150px;}
#hotel-process-addon .boxItems .box.focus{border:2px solid #9D8654;}
#hotel-process-addon .boxItems .image{height: 130px;}
#hotel-process-addon .boxItems .box-action{display: flex; flex-direction: column; justify-content: space-between;}
#hotel-process-addon .boxItems .box-footer{border-top: 1px solid #CACACA; padding:15px 15px 0 15px; margin: 20px -15px 0; display: flex; align-items: center; justify-content:space-between;}
#hotel-process-addon .boxItems .box-content ul{list-style-type:disc; list-style-position:inside; margin-bottom:10px;}

#hotel-process-addon .boxItems .box-footer-one{border-top: 1px solid #CACACA; padding:15px 15px 0 15px; margin: 20px -15px 0; grid-column: 1 / span 3;}
#hotel-process-addon .boxItems .box-footer-one .expand{display: grid; grid-template-columns: auto auto auto; justify-content: space-between; align-items: center;}
#hotel-process-addon .boxItems .box-footer-one .nice-number{border: 1px solid #CACACA; padding:15px; width: 175px;}
#hotel-process-addon .boxItems .box-footer-one .nice-number{position: relative;}
#hotel-process-addon .boxItems .box-footer-one .nice-number input{background: none; border: none; padding: 0;  width: 100%;}
#hotel-process-addon .boxItems .box-footer-one .nice-number button{background: none; border: 1px solid #CACACA; border-radius: 10px; width: 45px; height: 30px;}
#hotel-process-addon .boxItems .box-footer-one .nice-number button:hover{border: 1px solid #00D0A9; color:#00D0A9;}
#hotel-process-addon .boxItems .box-footer-one .datePicker{border: 1px solid #CACACA; padding:19px 15px; width: 175px;}
#hotel-process-addon .boxItems .box-footer-one .datePicker input{background: none; border: none; padding: 0;  width: 100%;}
#hotel-process-addon .boxItems .box-footer-one .calendar-o-b::before{right: 15px;}

/*Hotel process guest*/
#hotel-process-guest .boxItems .image{height: 130px;}
#hotel-process-guest .boxItems .box{grid-template-columns: 230px auto 150px;}
#hotel-process-guest .boxItems .box.focus{border:2px solid #9D8654;}
#hotel-process-guest .boxItems .box-action{display: flex; flex-direction: column; justify-content: space-between;}
#hotel-process-guest .boxItems .box-footer{border-top: 1px solid #CACACA; padding:15px 15px 0 15px; margin: 20px -15px 0; display: flex; align-items: center; justify-content:space-between;}

/*Blogs*/
.blog-content h1, .blog-content h2, .blog-content h3{margin-bottom: 10px;}
.blog-content ul{list-style-type: disc; list-style-position: outside; padding-left:15px;}
.blog-content .facilities{display:grid; grid-template-columns: auto auto auto; white-space:nowrap;}

/*===============Profile===============*/
.profile-avatar #btnProfile{border:2px solid #CACACA; color:#0A0A14; width:90px; min-height: 45px; font-size:20px; padding: 0 12px; margin-left:20px; border-radius:10px; position:relative; display:flex; align-items:center; justify-content:space-around; cursor:pointer;}
.profile-avatar #btnProfile .avatar{width:35px; height:35px; margin-left:10px; object-fit: cover; border-radius:100%;}
.profile-avatar .items{width:125px; border-radius:10px; border:1px solid #CACACA; background:#fff; overflow:hidden; position:absolute; right:15px; z-index:162; display:none;}
.profile-avatar .items .item{padding:10px; border-bottom:1px solid #CACACA; color:#0A0A14; white-space:nowrap; cursor:pointer; display:block;}
.profile-avatar .items .item:last-child{border:none; color:#B5B5B5;}
.profile-avatar .items .item:hover{background:#00D0A9; color:#fff;}
.profile-avatar.open #btnProfile{border-color:#00D0A9;}
.profile-avatar.open .fa-bars{color:#00D0A9;}

.my-profile-item{border:1px solid #CACACA !important; color:#0A0A14 !important; border-radius:8px; padding:15px; height:130px; font-size:14px; display:flex; flex-direction:column; justify-content:space-between;}
.my-profile-item img{width:auto; height:25px; margin-bottom:15px; align-self:flex-start;}

.change-avatar img{width:80px; height:80px; margin-right:10px; object-fit: cover;}

/*My trips*/
#mytrips .table .header,
#mytrips .table .body{display:grid; grid-template-columns: 25% 25% auto 25% 10%; grid-gap:10px;}
#mytrips .table .body{border-bottom:1px solid #CACACA; padding:15px 0; cursor:pointer;}
#mytrips .table .body .success{color:#28a745}
#mytrips .table .body .danger{color:#dc3545;}
#mytrips .table .body .warning{color:#ffc107;}

/*===============reservation===============*/
.reservation{position: relative; width: 100%;}
.reservation > button{width: 100%;}
.reservation .moon-o-b{padding-left: 25px;}
.reservation .moon-o-b::before{margin-left:-25px;}
.reservation .calendar-o-b::before{right: 0;}
.reservation .close-o-b{width: 17px; height: 17px; cursor: pointer;}
.reservation .close-o-b::before{margin-left: 0;}

.reservation-box{width: 100%; border: 1px solid #CACACA; background: #fff; border-radius: 8px; display: none; position: absolute; top:0; right:0; z-index: 161;}
.reservation-box.alwayShow{display: block; position: relative;}
.reservation-box .header{border-bottom: 1px solid #CACACA; padding: 18px; display: flex; align-items: center; justify-content: space-between;}
.reservation-box .footer{padding:20px 18px 15px 18px;}
.reservation-box h2{font-size:24px;}

.reservation-box .date-range{display:flex; justify-content:space-between; align-items:center;}
.reservation-box .date-range .nav-left{margin-left:-10px;}
.reservation-box .date-range .nav-right{margin-right:-10px;}
.reservation-box .date-range .nav-left,
.reservation-box .date-range .nav-right{font-size:30px; width:15px; color:#b5b5b5; cursor:pointer;}
.reservation-box .date-range .nav-left:hover,
.reservation-box .date-range .nav-right:hover{color:#00D0A9;}
.reservation-box .date-range .day-range{width:calc(100% - 15px);}
.reservation-box .date-range .day-range .item{text-align:center; cursor:pointer; margin:0 5px; border-bottom:3px solid transparent;}
.reservation-box .date-range .day-range .item.active{color:#4066E5; font-weight:700; border-color:#4066E5;}

.reservation-box .content .title{padding:13px 15px 0; font-weight:700; margin-bottom:0 !important;}
.reservation-box .content .add-room{padding:13px 15px 0; text-align:center;}
.reservation-box .content .remove{text-decoration:underline; color:#B5B5B5; cursor:pointer; font-weight:300;}
.reservation-box .content .remove:hover{color:#00D0A9;}
.reservation-box .content > .content-range,
.reservation-box .content > .content-date,
.reservation-box .content .content-person > div:not(.notifyjs-wrapper){padding:13px 15px; width: 100%; border-bottom: 1px solid #CACACA;}

.reservation-box .content .content-person{display: flex;}
.reservation-box .content .content-person .nice-number{position: relative;}
.reservation-box .content .content-date .picker-range .datePicker input,
.reservation-box .content .content-person .nice-number input{background: none; border: none; padding: 0;  width: 100%; font-size:18px;}
.reservation-box .content .content-person .nice-number button{background: none; border: 1px solid #CACACA; border-radius: 10px; width: 45px; height: 30px;}
.reservation-box .content .content-person .nice-number button:hover{border: 1px solid #00D0A9; color:#00D0A9;}
.reservation-box .content .content-date .picker-range{display:grid; grid-template-columns:auto 50px auto; text-align:center; align-items:flex-end;}

/*===============process step===============*/
.process-step{display: flex; justify-content: space-between;}
.process-step::after{content:''; position: absolute; background: #B5B5B5; height: 1px; width: calc(100% - 130px); top:-13px; left: 60px;}
.process-step div{position: relative; width: 100%;}
.process-step a{color:#B5B5B5; font-weight: 700;}
.process-step a.active,
.process-step a:hover{color:#4066E5;}
.process-step a::before{content:''; position: absolute; top:-22px; left:50%; transform: translateX(-50%); z-index: 1;}
.process-step .icons{margin-left:0 !important;}
.process-step .icons:before{margin-left:0 !important;}
.process-step .room::before{background-image: url('../images/icon/room_grey.png'); background-color: #fff; padding: 0 20px; background-position: center;}
.process-step .room.active::before,
.process-step .room:hover::before{background-image: url('../images/icon/room_blue.png');}
.process-step .state::before{background-image: url('../images/icon/reception_grey.png'); background-color: #fff; padding: 0 20px; background-position: center;}
.process-step .state.active::before,
.process-step .state:hover::before{background-image: url('../images/icon/reception_blue.png');}
.process-step .addon::before{background-image: url('../images/icon/ads_on_grey.png'); background-color: #fff; padding: 0 20px; background-position: center;}
.process-step .addon.active::before,
.process-step .addon:hover:before{background-image: url('../images/icon/ads_on_blue.png');}
.process-step .guest::before{background-image: url('../images/icon/file-text_grey.png'); background-color: #fff; padding: 0 20px; background-position: center;}
.process-step .guest.active:before,
.process-step .guest:hover:before{background-image: url('../images/icon/file-text_blue.png');}
.process-step .payment::before{background-image: url('../images/icon/contactless-card_grey.png');}
.process-step .payment.active::before,
.process-step .payment:hover::before{background-image: url('../images/icon/contactless-card_blue.png');}
.process-step .calendar::before{background-image: url('../images/icon/calendar_grey.png'); background-color: #fff; padding: 0 20px; background-position: center;}
.process-step .calendar.active::before,
.process-step .calendar:hover::before{background-image: url('../images/icon/calendar_blue.png');}

/*===============Cruise===============*/
/*Facility*/
.facility{margin-top: 60px;}
.slider-facility{margin:0 -10px;}
.slider-facility .item{margin:0 10px;}
.facility-nav{width:100px;}
.facility-item:not(:last-child){border-bottom: 1px solid #CACACA; margin-bottom:40px; padding-bottom: 30px;}
.facility-item .facility-nav > span{font-size:21px; cursor:pointer; width:25px; height:25px; line-height:21px; text-align:center; border:1px solid #CACACA; border-radius:100%;}
.facility-item .facility-nav > span:hover{color:#00D0A9; border-color:#00D0A9;}
.facility-item .facility-nav > span.nav-right{margin-left:15px;}

/*side-box*/
.side-box.cruise-box{border: 1px solid #CACACA; background: #fff; border-radius: 8px; position: relative;}
.side-box.cruise-box.selected{background: #E4FAF5; border: 1px solid #CACACA;}


.side-box .content > div{padding:18px;}
.side-box .content .box-boder-top{border-top: 1px solid #CACACA;}
.side-box .box-col2{display: flex; justify-content: space-between;}

.side-box table{width: 100%;}
.side-box table tr td{padding: 5px 0;}
.side-box table tr td:nth-of-type(1){width: 60px; vertical-align: top;}

.side-box .price-tracker .active .month{background:#4066E5; color:#fff; border-radius:10px; }
.side-box .price-tracker .active{color:#4066E5;}
.side-box .price-tracker div{text-align:center; text-transform: uppercase; cursor:pointer; white-space:nowrap;}

.side-box ul.price-month > li{background: #E2E2E2;}
.side-box ul.price-month > li > div{padding: 10px 18px; font-weight: 700;}
.side-box ul.price-month > li > ul{background: #fff;}
.side-box ul.price-month > li > ul > li{padding:10px 18px; display: grid; grid-template-columns: 130px auto 110px; grid-gap:5px; text-align:right;}
.side-box ul.price-month > li > ul > li:nth-child(odd){background: #F2F2F2;}
.side-box ul.price-month > li > ul > li .fal{font-size: 20px; transform: translateY(2px);}

.side-box .room-list:not(:last-child){margin-bottom: 30px;}

/*process-state*/
#process-state{min-height:550px;}
#process-state .nice-number{border-radius: 8px; width: 180px; align-items: center; padding: 25px 15px; position: relative; border: 1px solid #CACACA;}
#process-state .nice-number input{background: none; border: none; padding: 0;  width: 100%; font-size: 26px; font-family: 'Libre Baskerville', serif;}
#process-state .nice-number button{background: none; border: 1px solid #CACACA; border-radius: 10px; width: 45px; height: 30px;}
#process-state .nice-number button:hover{border: 1px solid #00D0A9; color:#00D0A9;}

#process-state .boxItems .box-image{grid-row: 1 / span 2;}
#process-state .boxItems .box-action{margin-top: 10px; display: flex; justify-content: space-between; align-items: flex-end;}
#process-state .boxItems .box-footer{padding:15px 15px 0 15px; margin: 0 -15px 0;}

.cruise .boxItems .box{display: grid; grid-template-columns: 350px auto; margin-bottom: 20px; padding-bottom: 30px; padding:15px; border-radius: 10px; border: 1px solid #CACACA; position: relative;}
.cruise .boxItems .box-image{padding-right: 25px; grid-row: 1 / span 2;}
.cruise .boxItems .image{width: 100%; height: 180px; position: relative;}
.cruise .boxItems .image img{width: 100%; height: 100%; object-fit: cover;}
.cruise .boxItems .box.selected{border:2px solid #4066E5;}
.cruise .boxItems .box-action{display: flex; align-items: flex-end; justify-content: space-between;}

/*nav-tabs*/

/*nav-tabs*/
.trip-tab{display: flex; flex-wrap: wrap; border-bottom:1px solid #CACACA;}
.trip-tab li{margin-right: 25px; margin-bottom: 10px; white-space: nowrap; cursor: pointer; position:relative;}
.trip-tab li h3{color: #B5B5B5;}
.trip-tab li:hover h3, 
.trip-tab li.active h3{color:#0A0A14 !important;}
.trip-tab li.active:after{content:""; background:#00D0A9; height:4px; width:100%; position:absolute; bottom:-13px; left:0;}

#process-guest .guest-tab{display: flex; flex-wrap: wrap;}
#process-guest .guest-tab .icons::before {margin-left: -30px; width: 25px; height: 25px; margin-top: 2px;}
#process-guest .guest-tab li{margin-right: 25px; margin-bottom: 20px; white-space: nowrap; cursor: pointer;}
#process-guest .guest-tab li h3{margin-left: 30px; color: #B5B5B5;}
#process-guest .guest-tab li:hover h3, 
#process-guest .guest-tab li.active h3{color:#4066E5;}
#process-guest .guest-tab li:hover .icons.people-grey::before,
#process-guest .guest-tab li.active .icons.people-grey::before{background-image: url('../images/icon/people_blue.png');}

#process-guest .content-date .datePicker{position: relative;}
#process-guest .datePicker input{background: none; width: 100%; padding:13px 0 10px 25px; height: 48px; line-height: 16px; color:#0A0A14; border:none; border-bottom: 1px solid #0A0A14; border-radius: 0;}
#process-guest .icons.calendar-o-b::before{margin-left:0;}

#process-guest .nice-number{border-radius: 8px; margin-top:13px; align-items: center; padding: 25px 10px; position: relative; border: 1px solid #CACACA;}
#process-guest .nice-number input{background: none; border: none; padding: 0;  width: 100%; font-size: 20px; font-family: 'Libre Baskerville', serif;}
#process-guest .nice-number button{background: none; border: 1px solid #CACACA; border-radius: 10px; width: 45px; height: 30px;}
#process-guest .nice-number button:hover{border: 2px solid #00D0A9; color:#00D0A9;}

#newsletter .container{position:relative;}
#newsletter .container::after{content:""; position:absolute; width:450px; height:280px; top:-40px; right:20px; z-index:-1; background-size:contain; background-image:url("../images/leaft.png"); background-repeat:no-repeat;}
#newsletter input[type="email"]{border:1px solid #CACACA; height:45px; padding:3px 10px; border-radius:10px;}

#about{overflow:hidden;}
#about .container{position:relative;}
#about .container::after{content:""; position:absolute; width:800px; height:498px; bottom:-5%; right:-12%; opacity:.7; transform:translate(0, 0); z-index:-1; background-size:contain; background-image:url("../images/leaft.png"); background-repeat:no-repeat;}

/*===============Footer===============*/
footer{padding:40px 0 0 0;}
footer .footer-border{border-bottom: 1px solid #CACACA; margin-bottom: 20px;}
footer .footer-top{margin-bottom: 20px; display:grid; grid-template-columns:150px calc(100% - 150px); align-items:flex-end;}
footer .logo-footer{width: auto; height: 60px; grid-row:1 /span 2;}
footer .main-nav{justify-content:flex-end; display:flex; margin-top:15px;}
footer .copyright{text-align:right}
footer .footer-nav > li{float:right; padding-left: 20px; text-transform: uppercase;}

.bg-shadow{content:''; width: 100%; height: 100%; overflow-y:auto; position: fixed; left: 0; top: 0; z-index: 162; background:rgba(0,0,0,0); display:none;}
.bg-shadow.dark{background:rgba(0,0,0,0.9); display:block;}
.bg-shadow.white{background:rgba(255,255,255,0.9); display:block;}
.discount{text-decoration: line-through;}

.authen{width: 400px;}
.authen .logo-leaf{width:auto; height:70px; margin-bottom:20px;}
.authen .divide {text-align: center; margin-bottom: 1.3rem; position:relative; color:#6B6B6B;}
.authen .divide::before,
.authen .divide::after{content:""; position:absolute; top:50%; left:0; background:#DEDEDE; width:calc(50% - 25px); height:1px;}
.authen .divide::after{left:inherit; right:0;}
.authen .form-group{margin-bottom:1.3rem;}
.authen .form-control{padding:10px 0;}

/*===============Icons===============*/
.icons{position: relative; margin-left:25px;}
.icons::before{content:''; width: 17px; height: 17px; margin-left:-25px; position: absolute;  background-repeat: no-repeat; background-size: contain; top:50%; transform: translateY(-50%);}
.icons.calendar-o, .icons.calendar-o-b{margin-left:0;}
.icons.calendar-o::before{background-image: url('../images/icon/calendar-clear-outline-w.png'); right: 0;}
.icons.calendar-o-b::before{background-image: url('../images/icon/calendar-clear-outline-b.png');}
.icons.moon-o::before{background-image: url('../images/icon/moon-outline-w.png');}
.icons.moon-o-b::before{background-image: url('../images/icon/moon-outline_b.png');}
.icons.close-o-b::before{background-image: url('../images/icon/close.png');}
.icons.location-o-b::before{width: 20px; height: 20px; background-image: url('../images/icon/location-outline-b.png'); margin-left:-20px;}
.icons.people-o-b::before{width: 20px; height: 20px; background-image: url('../images/icon/people-outline-b.png'); margin-top: 3px;}
.icons.bed-o-b::before{width: 19px; height: 19px; background-image: url('../images/icon/bed-outline-b.png'); margin-top: 2px;}
.icons.roomsize-o-b::before{background-image: url('../images/icon/room-size-b.png');}
.icons.room-b::before{background-image: url('../images/icon/room_black.png');}
.icons.phone-b{padding-left:25px;}
.icons.phone-b::before{width: 16px; height: 16px; background-image: url('../images/icon/phone-b.png'); margin-left:-25px;}
.icons.facebook-b::before{width: 16px; height: 16px; background-image: url('../images/icon/facebook-b.png');}
.icons.instagram-b::before{width: 16px; height: 16px; background-image: url('../images/icon/instagram-b.png');}

.icons.checkmark-o-b::before{width: 16px; height: 16px; background-image: url('../images/icon/checkmark-outline-b.png');}
.icons.norefund-b::before{width: 16px; height: 16px; background-image: url('../images/icon/non-refund-b.png');}
.icons.breakfast-b::before{width: 16px; height: 16px; background-image: url('../images/icon/breakfast-b.png');}

.icons.people-grey::before{background-image: url('../images/icon/people_grey.png');}
.icons.people-blue::before{background-image: url('../images/icon/people_blue.png');}
/*===============Custom===============*/
.page-message{min-height:250px;}
.page-error{padding:10px 0 0;}
.page-error h1{font-size:100px; background: linear-gradient(to right, #4066E5, #00D0A9); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.page-error h2{ background: linear-gradient(to right, #4066E5, #00D0A9); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.page-error ul{list-style-type:disc; list-style-position:inside;}
#serviceThank,.index{display:none;}


.Itinerary_Popup{position:absolute; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0; left:0; z-index:2; display:none;}
.Itinerary_Popup .content{background:#fff; width:600px; height: auto; padding:30px 15px; position:absolute; border-radius: 10px; z-index: 3; top:20%; left:50%; transform: translate(-50%, -30%);}
.Itinerary_Popup .content table{width: 100%; margin-bottom:20px;}
.Itinerary_Popup .content table tr th,
.Itinerary_Popup .content table tr td{border-bottom: 1px solid #CACACA; padding: 10px 0; width: 28.333%;}
.Itinerary_Popup .content table tr:first-child td{font-weight: 700;}
.Itinerary_Popup .content table tr td:nth-of-type(1){width: 15% !important;}

.lds-ripple {display: inline-block; position: relative; width: 80px; height: 80px;}
.lds-ripple div {position: absolute; border: 4px solid #000; opacity: 1;border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2) {animation-delay: -0.5s;}
@keyframes lds-ripple {
  0% {top: 36px; left: 36px; width: 0; height: 0; opacity: 0;}
  4.9% {top: 36px; left: 36px; width: 0; height: 0; opacity: 0;}
  5% {top: 36px; left: 36px; width: 0; height: 0; opacity: 1;}
  100% {top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0;}
}
.airline-logo{width:427px;}