body{ font-family: 'Open Sans', sans-serif; }

header { position:absolute; top:0; left:0; right:0; z-index:99; padding:20px 0}
header .center { display:flex; justify-content: space-between; align-items: stretch;}
header:before { content:''; position:absolute; top:45%; left:0; right:0; background:rgba(255,255,255,.1); width:100%; height:1px }

header .header-right .header-right-top { display:flex; line-height: 30px; margin-bottom: 30px; gap:20px; justify-content: flex-end;align-items: center;}
header .header-right .header-right-top a { color:#fff; font-size: 14px; padding:0 10px}

header .header-right .header-right-top .lang { position:relative; z-index:999 } 
header .header-right .header-right-top .lang ul { display: none; position: absolute; top: 50px; right: 0; background: #fff; border-radius: 3px; padding: 10px; list-style: none; z-index:99 }
header .header-right .header-right-top .lang ul li a { color:#333 }

.hidden-header { background:#002B68; width:100%; height:143px }

.slider { position: relative;overflow: hidden;}
.slider .owl-item.active span {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown;animation-delay: 0.2s;}
.slider .owl-item.active p {display: block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.6s;}
.slider .owl-item.active .btn {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 1s;}
.slider .overlay { position: absolute; top: 0; left: 0; right: 0; bottom:0;background: rgb(0,19,34); background: linear-gradient(0deg, rgba(0,19,34,1) 0%, rgba(0,35,65,0) 60%);}
.slider .overlay .center { display: flex; align-items: flex-end; width: 100%; height: 100%; justify-content: center; }
.slider .overlay span { font-size:44px; line-height:48px; color:#fff; font-weight: 700; margin-bottom: 10px; display:block;font-family: 'Josefin Sans', sans-serif; letter-spacing: -.06em;}
.slider .overlay span:before { content: attr(data-text); position: absolute; top: -50px; font-size: 12px; letter-spacing: 2px; font-weight: 500; }
.slider .overlay p {-webkit-text-size-adjust: 100%; display: block; font-size: 16px; line-height: 18px; color: #fff; font-weight: 500;}
.slider .overlay i { font-style: normal; }
.slider .slide-content { max-width:900px; padding:0 30px;text-align: center; margin-bottom: 160px}
.slider .owl-item.active .slide-image { text-align: center; display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInRight;animation-delay: 0.3s;}
.slider .slide-content img { width: auto !important; display: inline-block !important;}
.slider .slide-content .btn { margin-top: 20px }
.slider .owl-theme .owl-nav { margin-top: 0 !important }
.slider .owl-theme .owl-dots .owl-dot { width: auto; }
.slider .owl-dots {width:100%;position:absolute; bottom:40px;align-items: center; display: inline-flex; left:0; right: 0;justify-content: center;}
.slider .owl-theme .owl-dots .owl-dot.active span, .slider .owl-theme .owl-dots .owl-dot:hover span { opacity: 1 !important; height:4px; width:40px; background:#FEAB00 !important}
.slider .owl-theme .owl-dots .owl-dot span { height:4px; width:40px }}

.slider .owl-item.active img{width:100%;object-fit:cover; object-position: center; animation:move 30s ease;-ms-animation:move 30s ease;-webkit-animation:move 30s ease;-0-animation:move 30s ease;-moz-animation:move 30s ease}
@-webkit-keyframes move {
0%{-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;-ms-transform-origin:bottom left;-o-transform-origin:bottom left;transform-origin:center center;transform:scale(1.0);-ms-transform:scale(1.0);-webkit-transform:scale(1.0);-o-transform:scale(1.0);-moz-transform:scale(1.0)}
100%{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2)}
}

.pack { padding:30px; border:1px solid #002B68;}
.pack ul { margin:10px 0 }
.pack:hover { background:#fff }

.video{position:relative}
.video img { width:100% }
.video a:before{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);box-sizing:content-box;display:block;width:32px;height:44px;border-radius:50%;content:"";position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:80px;height:80px;background:#fff;border-radius:50%;animation:pulse-border 1500ms ease-out infinite}
.video a:after{content:"\f04b";font-family:'Font Awesome 5 Free';color:#FEAB00;font-weight:900;font-size:32px;text-align:center;line-height:80px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:80px;height:80px;background:#fff;border-radius:50%;transition:all 200ms}
@keyframes pulse-border {
0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}
}

.page-banner img { object-fit:cover; width:100%; height:400px }
.page-banner .overlay { display: flex; align-items: end; justify-content:center; position: absolute; top: 0; left: 0; right: 0; bottom:0;background: rgb(0,19,34); background: linear-gradient(0deg, rgba(0,19,34,1) 0%, rgba(0,35,65,0) 60%);}
.page-banner .overlay .center { text-align:center; padding-bottom: 40px}
.page-banner .overlay .center h1, .page-banner .overlay .center p { color:#fff }

.address-list{list-style:none}
.address-list li{display:flex;align-items:center;margin-bottom:20px}
.address-list li .icon{background:#FEAB00;color:#fff;border-radius:3px;width:42px;height:42px;line-height:42px;min-width:42px;text-align:center;font-size:18px;margin-right:20px}
.address-list li small{display:block;font-weight:700;color:#141518;font-size:14px}
.address-list li a{color:#6E7A94}
.address-box{font-size:18px}

.reservation-info { padding:20px 0; margin:20px 0; border-top:1px solid #ebebeb }
.reservation-info p { font-size:12px }

.rent-box span { display:block; font-size:16px; font-weight:700; color:#002B68;font-family: 'Josefin Sans', sans-serif; margin-top:10px }
.rent-box a { display:block; padding:20px }
.rent-box { border-right:1px solid #ebebeb; }
.rent .center .col-3 {margin-top: 40px}
.rent-box:last-child { border-right:none; }
.rent .center { max-width:720px; margin-top:20px }

.tours { background:#f7f7f7 }
.tour-ex { padding:30px; background:#fff; text-align: left}
.tour-ex p { font-size:14px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;   overflow: hidden; }

.boat { background:#f7f7f7 }
.boat-ex { padding:30px; background:#fff; text-align: left}
.boat-ex p { font-size:14px }
.boat-box img { height: 15em; width: 100%; object-fit: cover; }
.tour-box img { height: 18em; width: 100%; object-fit: cover; }
.tour-box { background:#fff }

.gallery .box img { height: 8em; width: 100%; object-fit: cover; }

.faq-ac h3 { font-size: 18px; display: block; text-align: left; background:#ECF0F1; padding:25px 40px 25px 25px; margin-bottom: 10px; border-radius: 6px; cursor: pointer; font-weight: 600;}
.faq-ac h3:hover { background:#e1e2ef; }
.faq-ac .faq-content { text-align: left; padding:20px 30px 30px 30px; }
.faq-ac .faq-content p { font-size: 14px; }
.faq-ac .faq-content p:last-child { margin-bottom: 0; }

.faq-ac h3 span { position: absolute; right: 30px; }

.get-in-touch { background:url('../img/contactbg.jpg'); background-size:cover; background-repeat:no-repeat; }
.get-in-touch h2, .get-in-touch p { color:#fff }

footer {background:url('../img/fbg.png');}
footer h5 { margin-bottom:20px }
footer ul { list-style:none; }
footer ul li { display:block; padding:4px 0 }
footer ul li a { display:inline-block; }
footer ul li, footer ul li a { color:#757575;}
footer .f-contact { text-align:right; }

.whatsapp {position: fixed;right: 40px;bottom: 30px;z-index:99;}
.whatsapp a {color: #fff;width: 54px;height: 54px;background: #4dc859;border-radius: 54px;text-align: center;line-height: 54px;font-size: 24px; display: block;}
.whatsapp a:hover { background:#128c7e; }

.phone {position: fixed;right: 40px;bottom: 100px;z-index:99;}
.phone a {color: #fff;width: 54px;height: 54px;background:#002B68;border-radius: 54px;text-align: center;line-height: 54px;font-size: 24px; display: block;}
.phone a:hover { background:#FEAB00; }

.page { background:#F5F6FA }
.sidebar-content { display: flex; }
.sidebar { width: 100%; max-width: 300px; margin-left: 20px;} 
.sidebar .side-menu { padding: 20px; background: #002B68; border-radius: 3px; position: sticky; top: 40px; }
.sidebar .side-menu:before { content: ''; left: 20px; right: 20px; height: 4px; background: #FEAB00; position: absolute; top: 0; }
.sidebar .side-menu:after { content: ''; left: 20px; right: 20px; height: 4px; background: #FEAB00; position: absolute; bottom: 0; }
.sidebar .side-menu h5 { color: #fff; }
.sidebar .side-menu ul { list-style: none; }
.sidebar .side-menu ul li a { display:block; font-size: 14px; color: #fff; font-weight: 600; padding:10px 10px; border-bottom: 1px solid #061F42;font-family: 'Inter', sans-serif;}
.sidebar .side-menu ul li a:hover { color: #999; }
.sidebar .side-menu .side-menu-box { padding:20px 0 }
.content { width: 100%; }
.content p a { color: #000; text-decoration: underline; }
.content p a:hover { text-decoration: none; }
.sidebar .side-menu ul ul { display: none; margin:0 0 0 10px;}
.sidebar .side-menu ul li.active ul { display: block;}
.sidebar .side-menu>ul>li.active>ul>li.active>a { color:#fff;}

#cssmenu{position:relative; z-index:99;}
#cssmenu>ul{ display:flex; gap:5px }
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu>ul>li>a {display: block; font-size: 13px; font-weight:700; color:#fff;padding:0 10px; line-height: 40px;font-family: 'Josefin Sans', sans-serif;position:relative;}
#cssmenu>ul>li.active>a, #cssmenu ul li:hover>a { color:#FFAC00; position: relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li{ display: inline-block;}
#cssmenu ul ul{position:absolute;left:-9999px; text-align: left;background:#002B68; padding:12px 0px; border-radius: 3px;}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{left:auto;right:0}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li a{padding:8px 20px;font-size: 13px; display:block;width:240px;text-decoration:none;color:#fff;font-weight:600;position:relative; }
#cssmenu ul ul li a:hover { background: #061F42; }
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu .has-sub { position: relative; margin-right: 10px;}
#cssmenu .has-sub>a { padding-right: 30px; }
#cssmenu .has-sub:before { content: '\f107'; font-family:'Font Awesome 5 Free'; font-weight: 600; position: absolute; right: 10px; line-height:40px; color:#fff; }
#cssmenu .has-sub:hover:before {color:#E7CE36;content: '\f106'; font-family:'Font Awesome 5 Free'; font-weight: 600;}
#cssmenu .active.has-sub:before {color:#E7CE36; }

@media only screen and (max-width:1249px) {
    #cssmenu>ul>li.active>a, #cssmenu ul li:hover>a { opacity:1;position: relative;}
    #cssmenu {position: absolute;left: 0;right: 0;width: auto;text-align: left;margin:0;}
    #cssmenu>ul>li>a:hover { background:#2a2135;color:231F20}
    #cssmenu > ul { margin: 0 0 0 0; position: relative;}
    #cssmenu>ul{display:none; z-index:99999; position: absolute; top:100px;left:10px; right:10px}
    #cssmenu ul{display:none; z-index:99999; position: absolute;}
    #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
    #cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
    #cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;}
    #cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
    #cssmenu>ul>ul>li>a{font-size:12px;color:#fff;background:none;padding:15px 20px 20px 30px;}
    #cssmenu>ul>li>a { padding:20px !important; color: #fff !important; display: block; background:#feab00; border-bottom:1px solid #e9a10c; font-size: 14px; line-height: normal !important }
    #cssmenu>ul>li { margin: 0 0px;}
    #cssmenu ul ul li a { padding:15px 20px; }
    #cssmenu ul ul { padding: 0 !important }
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff; background:#231F20}
    #cssmenu ul ul li > a,#cssmenu ul ul li a {background:#1a2a53}
    #cssmenu ul ul ul li a{padding-left:40px;}
    #cssmenu ul ul ul ul li a{padding-left:40px;}
    #cssmenu>ul>li { border-right:none; }
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
    #cssmenu #menu-button{display:block;color:#231F20;cursor:pointer;font-size:12px;height:48px; background:#feab00; width: 48px; position: absolute; top:-10px; right:20px; border-radius: 2px;}
    #cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid #e9a10c;height:55px;width:55px;cursor:pointer;}
    #cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99;}
    #cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99;}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;}
    #cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after,#menu-line,#cssmenu .submenu-button.submenu-opened:after{display:none;}
    #cssmenu ul ul li a { color: #fff }
    #cssmenu ul ul{ border-bottom: none; }
    #cssmenu ul ul li a{border-bottom:1px solid #444;}
    #menu-button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
    #menu-button:after{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;position:absolute;top:24px;right:0;left:0;display:block;height:4px;width:20px;border-top:2px solid #22461c;border-bottom:2px solid #22461c;content:''}
    #menu-button:before{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:17px;right:0;left:0;display:block;height:2px;width:20px;background:#22461c;content:''}
    #menu-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:22px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    #menu-button.menu-opened:before{top:22px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

    .slider .slide img { width:100%; height:60vh; object-fit:cover; }
    header .header-right .header-right-top .location, header .header-right .header-right-top .call { display:none }
    .slider .slide-content { margin-bottom:40px; padding: 0}
    .slider .overlay span { font-size:34px; line-height:36px }
    .slider .overlay p {font-size: 16px; line-height: 18px;}

    .rent-box a { padding:10px }
    .rent-box { border-bottom:1px solid #ebebeb; border-right: none;}
    .rent-box:last-child { border-bottom:none;}
    .rent .center .col-3 { margin-top:10px }
    footer, footer .f-contact { text-align:center; }

    .sidebar-content {flex-direction: column;}
    .sidebar { max-width:100%; margin-left:0; margin-top:30px }

    h1 { font-size:34px }
    .page-banner { display:none; }
    .gallery .col-4 {grid-template-columns: repeat(2,1fr);}

    label a { color:#333 }
}

@media only screen and (max-width:375px) {
   
}