/*Main*/.ctsearch{ top: 20px; left: 7%;}.iti{ width:100%}html .scroll-to-top{ color: #000000; background: #ffd200; font-size: 24px;}.ui-widget.ui-widget-content{ display: block; width: 100% !important; border: none; background: none;}.ui-state-default{ border:none !important; background:none !important; padding:0px !important; color: rgb(50 82 134 / var(--tw-text-opacity))!important;}.ui-datepicker-calendar .available{ border:1px solid #325286 !important; margin:2px; font-weight:bold !important; border-radius: var(--radius); background:#ffffff80}.ui-datepicker-calendar .available .ui-state-default{ font-size:18px; font-weight:bold}.ui-datepicker-calendar .unavailable{ border:1px solid #ebebeb !important; border-radius: var(--radius); margin:2px; background:#ffffff80}.ui-datepicker-calendar .available .price-tag{ font-size:11px; margin: 0; line-height: 11px;}.flatpickr-day{ background: #569ff7; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #569ff7; line-height:24px; margin:2px;}.flatpickr-day.selected{ background: #ffde61 !important; color: #000000 !important; border-color: #ffde61 !important;}.flatpickr-day.flatpickr-disabled{ line-height:39px; background:none;}.flatpickr-day .price-tag{ font-size: 10px; margin: 0; line-height: 11px; display: block; margin-top: -4px; font-weight: bold;}.flatpickr-calendar.inline{ display: inline-block !important;}@media (min-width: 992px) { #header .header-nav.header-nav-line nav > ul li:hover > a { background-color: var(--light) !important; }}.chshrt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; height: 3em;}#header .header-nav-main nav > ul li.dropdown .dropdown-menu {}@media (max-width: 768px) { .header-logo img{ height:120px; } .ctsearch{ position:relative !important; padding-left:15px; padding-right:15px; left:0px !important; top:0px !important; }}@media (max-width: 460px) { .header-logo img{ height1:100px; margin-left:10px; } .booking-form1 .form-group { width: 50% !important; } .banner-section1 .content-box .form-inner { padding: 20px !important; } .booking-form1 .message-btn { position: relative !important; top:0px !important; right:0px !important; } .booking-form1 .message-btn .theme-btn { width:100%; } .form-control-lg { font-size:1.1rem !important; }}.ui-datepicker .ui-datepicker-header { background: #325286; border: #325286; color: #fff;}.ui-datepicker { outline: none; font-size: 16px; color: #623E2A; background: #fff; z-index: 100 !important; border: 1px solid #fff; border-radius: 0px;}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default { border: 1px solid #f4f5f8; background: #f4f5f8; color: #623E2A;}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus { border: 1px solid #325286; background: #325286; color: #fff;}.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ font-family: "Font Awesome 6 Free"; font-size: 18px;}.ui-datepicker .ui-datepicker-prev:after { content: "\f060"; color: #fff !important; font-weight: 600 !important;}.ui-datepicker .ui-datepicker-next:before { content: "\f061"; color: #fff !important; float: right; font-weight: 600 !important;}.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover { background: transparent; border: 1px solid transparent;}.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{ display:none !important;}html #header .header-logo.custom-header-logo { position: relative;}html #header .header-logo .logo { transition: ease opacity 300ms, ease transform 300ms;}html #header .header-logo .logo-sticky { opacity: 0; visibility: hidden; transition: ease opacity 300ms, ease transform 300ms;}html.sticky-header-active #header .header-logo.custom-header-logo { position: relative;}html.sticky-header-active #header .header-logo .logo { opacity: 0; visibility: hidden; transform: translate3d(20px, -20px, 0); transition: ease all 300ms;}html.sticky-header-active #header .header-logo .logo-sticky { opacity: 1; visibility: visible; transition: ease all 300ms; height: 58px; width: auto !important; top: -45px !important;}@media (max-width: 991px) { html #header .header-logo .logo { display: none; } html #header .header-logo .logo-sticky { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0) !important; height: 58px; width: auto !important; } html #header .header-nav-main nav > ul > li > a { text-transform: none; font-weight: 500; }}/* Color Transition */.ratio img { object-position: 50% 50%; object-fit: cover; height: 100%; position:absolute !important;}.price-slider-wrapper { margin-top: 1rem; width: 100%;}.price-slider { width: 100%; appearance: none; height: 8px; background: #2f4f85; border-radius: 4px; outline: none;}.price-slider::-webkit-slider-thumb { appearance: none; width: 24px; height: 24px; background: white; border: 3px solid #2f4f85; border-radius: 50%; cursor: pointer;}.price-range-labels { display: flex; justify-content: space-between; margin-top: 0.5rem; font-weight: bold; color: #2f4f85;}.price-slider-container { position: relative; margin-top: 1rem;}.price-tooltip { position: absolute; top: -30px; left: 0; transform: translateX(-50%); font-size: 14px; background: #2f4f85; color: #fff; padding: 2px 6px; border-radius: 4px; white-space: nowrap; pointer-events: none; transition: left 0.1s ease;}.price-labels { display: flex; justify-content: space-between; margin-top: 4px; font-weight: bold; color: #2f4f85;}/*custom*/.date-item .active, .cabin-item .active{ --tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-border-opacity: 1; border-color: rgb(255 210 0 / var(--tw-border-opacity)) !important;}.owl-nav span{ display:none;}.header-nav-main .dropdown:nth-child(2) ul.dropdown-menu{ max-height:490px; overflow-y: scroll;}.header-nav-main > li.dropdown:nth-of-type(2) > ul.dropdown-menu{ max-height:490px; overflow-y: scroll;}.header-nav-main .dropdown-submenu .dropdown-menu{ max-height:490px; overflow-y: scroll;}@media (min-width: 768px) { .offcanvas-custom { position: static; visibility: visible !important; transform: none; max-width: 100%; }}#portsGrid .port-item { transition: opacity .2s ease, transform .2s ease;}#portsGrid .port-item.is-hidden { opacity: 0; transform: translateY(6px);}.ports-readmore { min-height:310px !important; margin-bottom:25px;}/**		Mobile menu and content 	**/.mobil_menu_bar { position:absolute; right:25px; top:25px; display:none; font-size:31px; color:#222; cursor:pointer	}.sidenav { height: 100%; position: fixed; z-index: 111; top: 0; left: -850px; background-color: #fff; overflow-x: hidden; transition: 0.5s;}.sidenav .fas.fa-chevron-down { display:none !important;}.sidenav .dropdown-menu{ width:100% !important;}.sidenav.show { left: 0px !important;}.sidenav .closebtn { position: absolute; top: 30px; right: 25px; font-size: 22px; border:1px solid #f2f2f2; padding:4px 12px; z-index: 99; border-radius:4px	}.mobile_content { margin:0px auto; padding:0px; text-align:center; display:table; margin-top:50px; min-width: 380px;}.menu_list_mobiles{ list-style:none; margin-top:50px; display:block;}.menu_list_mobiles li a { text-align:left; font-size:17px; display:block; margin-bottom:7px; border-bottom:1px solid #f2f2f2; text-align:center; padding-bottom:5px; white-space: normal;}.menu_list_mobiles .contact_us_info{ transition: 0.5s;}#result1 .text-xl.text-light{ color: #1a1f2c !important}@media (max-width: 467px) {.owl-carousel .owl-stage-outer{ max-width:382px;}}/*404*/.container-404{ text-align:center; margin:50px 0 100px}.container-404 h2{ font-size:250px; line-height:200px; font-weight:600; color:#333}@media(max-width:767px){ .container-404 h2{ font-size:80px}}.container-404 h3{ font-size:30px; color:#2c2f34}.container-404 h4{ margin:20px auto 50px}
