.p-absolute{ position: absolute; }
.p-fixed{ position: fixed; }
.p-relative{ position: relative; }
.p-relative-imp{ position: relative !important; }

.f-left{ float: left; }
.f-right{ float: right; }

.dis-table-cell{
    display: table-cell;
}

.txt-upper{ text-transform: uppercase; }

.ls-styl-none{ list-style: none; }

.top-0{ top: 0; }
.bottom-0{ bottom: 0 !important; }
.right-0{ right: 0 !important; }
.left-0{ left: 0 !important; }

.h-100vh{ height: 100vh; }

.obj-cover{ object-fit: cover; object-position: center; }

.fw-normal{ font-weight: normal; }

.cur-pointer{ cursor: pointer; }

.dyn_text_p_no_m p{ margin: 0; }
.align-self-f-end{ align-self: flex-end; }

.dis-inline-block{ display: inline-block; }
.wb-all{ word-break: break-all; }

.top-15p{ top: 15%; }
.top-17p{ top: 17%; }
.top-18p{ top: 18%; }
.top-20p{ top: 20%; }
.top-25p{ top: 25%; }
.top-27p{ top: 27%; }

.top-layer{
    background: #00000042;
}

.txt-shadow-black-8px{ text-shadow: 0px 0px 8px #000000; }
.txt-capitalize{ text-transform: capitalize; }

.opacity-0{ opacity: 0; }

.z-index-0{ z-index: 0; }
.z-index-8{ z-index: 8; }
.z-index-9{ z-index: 9; }
.z-index-10{ z-index: 10; }
.z-index-11{ z-index: 11; }

.no-wrap{ white-space: nowrap; }
.overflow-wrap{ overflow-wrap: break-word; }
.overflow-hidden{ overflow: hidden; }

.hypen-wrap-auto{
    -webkit-hypens: auto;
    -ms-hypens: auto;
    hyphens: auto;
}

.img-85{
    width: 85px;
    height: 85px;
}
.box-125{
    width: 125px;
    height: 125px;
}
.box-90{
    width: 90px;
    height: 90px;
}

.ls-1{ letter-spacing: 1px; }
.ls-2{ letter-spacing: 2px; }

.no-border{ border: none; }
.border-radius-3px{ border-radius: 3px; }
.border-radius-5px{ border-radius: 5px; }
.border-radius-10px{ border-radius: 10px; }
.border-radius-20px{ border-radius: 20px; }
.border-radius-90px{ border-radius: 90px; }
.border-2-gray{ border: 2px solid #d8dbe1; }
.border-2-dgray{ border: 2px solid #65737e; }

.border-radius-5px-top-lr{ border-radius: 5px 5px 0px 0px; }

.bor-1px-white{ border: 1px solid #ffffff; }
.bor-1px-yellow{ border: 1px solid #fff100; }

.bor-bottom-1px-white{ border-bottom: 1px solid #ffffff; }
.bor-bottom-1px-dark-gray-2{ border-bottom: 1px solid #4f5b66; }

.bor-3px-dark-gray{ border: 3px solid #65737e; }
.bor-3px-yellow{ border: 3px solid #fff100; }

/* ========= Font PX ============ */
.px-6{ font-size: 6px; }
.px-7{ font-size: 7px; }
.px-8{ font-size: 8px; }
.px-9{ font-size: 9px; }
.px-10{ font-size: 10px; }
.px-11{ font-size: 11px; }
.px-12{ font-size: 12px; }
.px-13{ font-size: 13px; }
.px-14{ font-size: 14px !important; }
.px-15{ font-size: 15px; }
.px-16{ font-size: 16px; }
.px-18{ font-size: 18px; }
.px-19{ font-size: 19px; }
.px-20{ font-size: 20px; }
.px-22{ font-size: 22px; }
.px-24{ font-size: 24px; }
.px-25{ font-size: 25px; }
.px-28{ font-size: 28px; }
.px-31{ font-size: 31px; }
.px-34{ font-size: 34px; }
.px-37{ font-size: 37px; }
.px-39{ font-size: 39px; }
.px-56{ font-size: 56px; }

/* ==== Font H Px */
.h1-px-37 h1{ font-size: 37px; }
.h1-px-28 h1{ font-size: 28px; }

.h2-px-14 h2{ font-size: 14px; }

/* ======== Line Height ========= */
.lh-15{ line-height: 15px; }
.lh-20{ line-height: 20px; }
.lh-25{ line-height: 25px; }
.lh-30{ line-height: 30px; }
.lh-35{ line-height: 35px; }
.lh-40{ line-height: 40px; }
.lh-45{ line-height: 45px; }

/* ===== Width ======== */
.w-9{ width: 9%; }
.w-10{ width: 10%; }
.w-13{ width: 13%; }
.w-15{ width: 15%; }
.w-18{ width: 18%; }
.w-20{ width: 20%; }
.w-25{ width: 25%; }
.w-30{ width: 30%; }
.w-40{ width: 40%; }
.w-50{ width: 50%; }
.w-60{ width: 60%; }
.w-70{ width: 70%; }
.w-80{ width: 80%; }
.w-90{ width: 90%; }
.w-100{ width: 100%; }

.h-350px{ height: 350px; }
.h-400px{ height: 400px; }
.h-450px{ height: 450px; }
.h-100{ height: 100%; }

/* ===== Ico Width ==== */
.ico-15{ width: 15px; }
.ico-20{ width: 20px; }
.ico-25{ width: 25px; }
.ico-30{ width: 30px; }
.ico-35{ width: 35px; }
.ico-40{ width: 40px; }
.ico-50{ width: 50px; }
.ico-60{ width: 60px; }
.ico-65{ width: 65px; }
.ico-75{ width: 75px; }
.ico-80{ width: 80px; }
.ico-85{ width: 85px; }
.ico-90{ width: 90px; }
.ico-100{ width: 100px; }
.ico-120{ width: 120px; }
.ico-150{ width: 150px; }
.ico-180{ width: 180px; }
.ico-200{ width: 200px; }
.ico-250{ width: 250px; }
.ico-275{ width: 275px; }
.ico-300{ width: 300px; }
.ico-350{ width: 350px; }
.ico-500{ width: 500px; }
.ico-600{ width: 600px; }
.ico-650{ width: 650px; }
.ico-700{ width: 700px; }

.pmt-0{ margin-top: 0em !important; }
.pmt-0-5{ margin-top: .5em; }
.pmt-1{ margin-top: 1em; }
.pmt-1-5{ margin-top: 1.5em; }
.pmt-2{ margin-top: 2em; }
.pmt-3{ margin-top: 3em; }
.pmt-4{ margin-top: 4em; }
.pmt-5{ margin-top: 5em; }
.pmt-6{ margin-top: 6em; }
.pmt-7{ margin-top: 7em; }
.pmt-8{ margin-top: 8em; }
.pmt-9{ margin-top: 9em; }
.pmt-10{ margin-top: 10em; }
.pmt-11{ margin-top: 11em; }
.pmt-12{ margin-top: 12em; }

.pmb-min-1{ margin-bottom: -1em !important; }
.pmb-0{ margin-bottom: 0em !important; }
.pmb-0-5{ margin-bottom: .5em; }
.pmb-1{ margin-bottom: 1em; }
.pmb-1-5{ margin-bottom: 1.5em; }
.pmb-2{ margin-bottom: 2em; }
.pmb-3{ margin-bottom: 3em; }
.pmb-4{ margin-bottom: 4em; }
.pmb-5{ margin-bottom: 5em; }
.pmb-6{ margin-bottom: 6em; }
.pmb-7{ margin-bottom: 7em; }
.pmb-8{ margin-bottom: 8em; }
.pmb-9{ margin-bottom: 9em; }
.pmb-10{ margin-bottom: 10em; }
.pmb-11{ margin-bottom: 11em; }
.pmb-12{ margin-bottom: 12em; }

.pml-0{ margin-left: 0em !important; }
.pml-0-5{ margin-left: .5em; }
.pml-1{ margin-left: 1em; }
.pml-10{ margin-left: 10em; }

.pmr-0-5{ margin-right: .5em; }
.pmr-1{ margin-right: 1em; }


.ppt-0{ padding-top: 0em; }
.ppt-0-2{ padding-top: .2em; }
.ppt-0-5{ padding-top: .5em; }
.ppt-1{ padding-top: 1em; }
.ppt-2{ padding-top: 2em; }
.ppt-3{ padding-top: 3em; }
.ppt-4{ padding-top: 4em; }
.ppt-5{ padding-top: 5em; }
.ppt-6{ padding-top: 6em; }
.ppt-7{ padding-top: 7em; }
.ppt-8{ padding-top: 8em; }
.ppt-9{ padding-top: 9em; }
.ppt-10{ padding-top: 10em; }
.ppt-11{ padding-top: 11em; }
.ppt-12{ padding-top: 12em; }
.ppt-13{ padding-top: 13em; }
.ppt-14{ padding-top: 14em; }
.ppt-15{ padding-top: 15em; }
.ppt-16{ padding-top: 16em; }
.ppt-17{ padding-top: 17em; }
.ppt-18{ padding-top: 18em; }
.ppt-19{ padding-top: 19em; }
.ppt-20{ padding-top: 20em; }

.ppt-75px{ padding-top: 75px !important; }

.ppb-0{ padding-bottom: 0em; }
.ppb-0-2{ padding-bottom: .2em; }
.ppb-0-5{ padding-bottom: .5em; }
.ppb-1{ padding-bottom: 1em; }
.ppb-2{ padding-bottom: 2em; }
.ppb-2-5{ padding-bottom: 2.5em; }
.ppb-3{ padding-bottom: 3em; }
.ppb-4{ padding-bottom: 4em; }
.ppb-5{ padding-bottom: 5em; }
.ppb-6{ padding-bottom: 6em; }
.ppb-7{ padding-bottom: 7em; }
.ppb-8{ padding-bottom: 8em; }
.ppb-9{ padding-bottom: 9em; }
.ppb-10{ padding-bottom: 10em; }
.ppb-11{ padding-bottom: 11em; }
.ppb-12{ padding-bottom: 12em; }
.ppb-13{ padding-bottom: 13em; }
.ppb-14{ padding-bottom: 14em; }
.ppb-15{ padding-bottom: 15em; }
.ppb-16{ padding-bottom: 16em; }
.ppb-17{ padding-bottom: 17em; }
.ppb-18{ padding-bottom: 18em; }
.ppb-19{ padding-bottom: 19em; }
.ppb-20{ padding-bottom: 20em; }

.ppl-0{ padding-left: 0 !important; }
.ppl-0-3{ padding-left: .3em; }
.ppl-0-5{ padding-left: .5em !important; }
.ppl-1{ padding-left: 1em; }
.ppl-1-5{ padding-left: 1.5em !important; }
.ppl-2{ padding-left: 2em; }
.ppl-3{ padding-left: 3em; }
.ppl-4{ padding-left: 4em; }
.ppl-5{ padding-left: 5em !important; }
.ppl-20{ padding-left: 20em !important; }

.ppl-5px{ padding-left: 5px !important; }
.ppl-15px{ padding-left: 15px !important; }
.ppl-20px{ padding-left: 20px !important; }

.ppr-0{ padding-right: 0 !important; }
.ppr-0-3{ padding-right: .3em; }
.ppr-0-5{ padding-right: .5em; }
.ppr-1{ padding-right: 1em; }
.ppr-1-5{ padding-right: 1.5em !important; }
.ppr-2{ padding-right: 2em; }
.ppr-3{ padding-right: 3em; }
.ppr-4{ padding-right: 4em; }
.ppr-5{ padding-right: 5em; }

.ppr-15px{ padding-right: 15px; }
.ppr-30px{ padding-right: 30px; }

.content-center{
    justify-content: center !important;
}

.item-center{
	display: flex !important;
    justify-content: center !important;
    /* align-items: center; */
}

.item-left{
	display: flex !important;
    justify-content: flex-start !important;
    /* align-items: center; */
}

.item-right{
	display: flex !important;
    justify-content: flex-end !important;
    /* align-items: center; */
}

.item-middle{
	display: flex !important;
    align-items: center !important;
	vertical-align: middle !important;
}
.item-bottom{
	display: flex !important;
    align-items: flex-end !important;
}

.display-none{
	display: none !important;
}

/* ====== Text Align ======== */
.text-align-center{
	text-align: center;
}
.text-align-left{
	text-align: left;
}
.text-align-right{
	text-align: right;
}


@font-face {
    font-family: 'daxlineProRegular';
    src: local('daxlineProRegular'), url('../../fonts/DaxlinePro-Regular_13131.ttf'); /* IE9 Compat Modes */
    src: local('daxlineProRegular'), url('../../fonts/DaxlinePro-Regular_13131.ttf') format('embedded-opentype'), /* IE6-IE8 */
         local('daxlineProRegular'), url('../../fonts/DaxlinePro-Regular_13131.ttf') format('woff'), /* Modern Browsers */
         local('daxlineProRegular'), url('../../fonts/DaxlinePro-Regular_13131.ttf')  format('truetype'), /* Safari, Android, iOS */
         local('daxlineProRegular'), url('../../fonts/DaxlinePro-Regular_13131.ttf') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'daxlineProBold';
    font-weight: bold;
    src: local('daxlineProBold'), url('../../fonts/DaxlinePro-Bold_13127.ttf'); /* IE9 Compat Modes */
    src: local('daxlineProBold'), url('../../fonts/DaxlinePro-Bold_13127.ttf') format('embedded-opentype'), /* IE6-IE8 */
         local('daxlineProBold'), url('../../fonts/DaxlinePro-Bold_13127.ttf') format('woff'), /* Modern Browsers */
         local('daxlineProBold'), url('../../fonts/DaxlinePro-Bold_13127.ttf')  format('truetype'), /* Safari, Android, iOS */
         local('daxlineProBold'), url('../../fonts/DaxlinePro-Bold_13127.ttf') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'helveticaneuemedium';
    src: url('../../fonts/HelveticaNeueMedium.ttf');
}

@font-face {
    font-family: 'helveticaneuelight';
    src: url('../../fonts/HelveticaNeueLight.ttf');
}

@font-face {
    font-family: 'opensans';
    src: url('../../fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'opensansbold';
    src: url('../../fonts/OpenSans-Bold.ttf');
}
@font-face {
    font-family: 'robotothin';
    src: url('../../fonts/Roboto-Thin.ttf');
}
@font-face {
    font-family: 'robotolight';
    src: url('../../fonts/Roboto-Light.ttf');
}

.f-daxline_pro_regular{ font-family: daxlineProRegular; }
.f-daxline_pro_bold{ font-family: daxlineProBold; }
.f-helveticaneuemedium{ font-family: helveticaneuemedium; }
.f-helveticaneuelight{ font-family: helveticaneuelight; }
.f-opensans{ font-family: opensans; }
.f-opensansbold{ font-family: opensansbold; }
.f-robotothin{ font-family: robotothin; }
.f-robotolight{ font-family: robotolight; }

.bg-transparent{ background: transparent; }
.bg-white{ background: #ffffff; }
.bg-yellow{ background: #fff100 !important; }
.bg-blue-dark{ background: #0c2242 !important; }
.bg-blue-magenta{ background: #131e29 !important; }
.bg-blue-arm{ background: #1a2735 !important; }
.bg-blue-dark-arm{ background: #0f1720 !important; }
.bg-blue-dark-arm-2{ background: #151e28 !important; }
.bg-black{ background: #000000 !important; }
.bg-gray{ background: #e7eaee !important; }
.bg-gray-magenta{ background: #343d46 !important; }
.bg-gray-magenta-transparent{ background: #343d46c9 !important; }
.bg-dark-gray{ background: #4f5b66 !important; }
.bg-gray-1{ background: #d8dbe1 !important; }
.bg-white{ background: #ffffff !important; }
.bg-orange-red{ background: #ff3027 !important; }

body{
    font-family: daxline !important;
}
.txt-yellow{ color: #fff100 !important; }
.txt-white{ color: #fff !important; }
.txt-blue-magenta{ color: #131e29 !important; }
.txt-gray{ color: #c0c5ce !important; }
.txt-gray-white{ color: #e7eaee !important; }
.txt-gray-arm{ color: #a7adba !important; }
.txt-gray-magenta{ color: #343d46 !important; }
.txt-dark-gray{ color: #65737e !important; }
.txt-dark-gray-2{ color: #4f5b66 !important; }
.txt-orange-red{ color: #ff3027 !important; }
.txt-dark-blue{ color: #1d79b7; }

.txt-nowrap{ white-space: nowrap; }

.auto_link_gen{
    color: inherit !important;
    font-weight: bold;
    padding: 0 !important;
    font-size: inherit !important;
}

.txt-dec-none{ text-decoration: none !important; }
.txt-center{ text-align: center; }

.outline-yellow{
    border: 1px solid #fff100 !important;
}

.no-outline{ outline: 0 !important; }
.no-padding{
    padding:0 !important;
}
.no-pl-pr{ padding-left: 0 !important; padding-right: 0 !important; }
.no-mt{ margin-bottom: 0 !important; }
.no-mb{ margin-bottom: 0 !important; }
.no-pl{ padding-left: 0 !important; }
.no-pr{ padding-right: 0 !important; }
.no-pb{ padding-bottom: 0 !important; }

.no-mr{ margin-right: 0 !important; }
.no-ml{ margin-left: 0 !important; }

.no-bg{ background: transparent !important; }

.pl-pr-2px{ padding-left: 2px !important; padding-right: 2px !important; }
.pl-pr-5px{ padding-left: 5px !important; padding-right: 5px !important; }
.pl-pr-10px{ padding-left: 10px !important; padding-right: 10px !important; }
.pl-pr-15px{ padding-left: 15px !important; padding-right: 15px !important; }
.pl-pr-20px{ padding-left: 20px !important; padding-right: 20px !important; }
.pl-pr-30px{ padding-left: 30px !important; padding-right: 30px !important; }

.hide{
    display: none !important;
}
.logo{
    width: 200px;
    height: 45px;
}
.small-logo{
    width: 50px;
    height: 50px;
}
.xs-logo{
    width: 20px;
    height: 20px;
}
.med-logo{
    width: 120px;
    height: 120px;
}
.lag-logo{
    width: 250px;
    height: 250px;
}
.med-map{
    width: 330px;
    height: 230px;
    margin: 60px 0 30px 0;
}

.section-tab{ background: #0f1720; }

/* .home-tab-head{
    padding: 0 0 0 10px !important;
    position: relative;
} */
/* .home-tab-head .menu-col{ height: 130px; } */
.home-tab-head .menu-col .home-active-indicator{ position: absolute; bottom: 0; left: 0; width: 110% !important; }
.home-tab-head .menu-col .course-icon{ width: 100%; }

.radar-tab-menu .menu-col .radar-active-indicator{ position: absolute; bottom: 0; left: 0; top: 0; width: 150px; margin-top: -32.5px; margin-left: -32.5px; }
.radar-tab-menu .menu-col .course-icon{ width: 100%; }

.tab-menu{
    background-color: #0f1720;
    padding: 0 20px 0 0 !important;
    overflow-x: scroll;
}
.tab-menu .menu-col{ height: 130px; }

.breadcrumb{
    margin-bottom: 0 !important;
    background-color: transparent !important;
    padding: .75rem 0rem !important;
}
.breadcrumb li:first-child{ padding-right: 5px; }
.breadcrumb li{ padding-left: 5px; padding-right: 5px; }
.breadcrumb li:last-child{ padding-left: 5px; }

.depth-background{ background-image: linear-gradient(to bottom, #2b4052, #131e29) !important; }
.detail-about-background{ background-image: radial-gradient(circle at 50% 0, #131e29, #000000 111%) !important; }
.find-out-more-background{ background-image: radial-gradient(circle at 0 -27%, #fff383, #ffe44c 66%) !important; }
.special-offer-background{ background-image: radial-gradient(circle at 100% 0, #65737e, #1a1f23 101%) !important; }

.w-90-px{ width: 90px; }
.w-100-px{ width: 100px; }
.w-200-px{ width: 200px; }
.w-300-px{ width: 300px; }

.h-90-px{ height: 90px; }
.h-100-px{ height: 100px; }
.h-300-px{ height: 300px; }

/* Scroll */
.scroll-horizontal,
.scroll-horizontal-mobile{ overflow-x: auto; overflow-y: hidden; width: 100%; display: flex; }


.scroll-horizontal::-webkit-scrollbar{
    height: 5px;
}

.scroll-vertical-menu::-webkit-scrollbar {
    height: 2.5px;
}

.scroll-horizontal::-webkit-scrollbar-track,
.scroll-vertical-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #1e2a36;
    border-radius: 10px;
}

.scroll-horizontal::-webkit-scrollbar-thumb,
.scroll-vertical-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #2c3945;
    background: #2c3945;
}

.scroll-horizontal .col-box-no-ml{ margin-left: 0px; float: left; flex-shrink: 0; }
.scroll-vertical{ overflow-y: auto; overflow-x: hidden; }
.scroll-vertical-menu{ overflow-y: auto; overflow-x: hidden; }

/* attraction detail */
.dive-slider-selection .row{
    margin-left: -20px !important;
}

.dive-slider-selection .scroll-horizontal-mobile .col-box-sm,
.dive-slider-selection .scroll-horizontal .col-box-sm{
    float: left;
    flex-shrink: 0;
    margin-left: 15px;
}

.scroll-horizontal .col-box:first-child,
.scroll-horizontal-mobile .col-box:first-child{ margin-left: 0px;}
.scroll-horizontal .col-box,
.scroll-horizontal-mobile .col-box{
    float: left;
    flex-shrink: 0;
    margin-left: 30px;
}

.breadcrumb-box li{
    float: left;
}

.banner {
    width: 310px;
    height: 30px;
    object-fit: contain;
    transform: rotate(-30deg);
    background-color: #ff4c4c;
    position: absolute;
    text-align: center;
    top: 40px;
    left: -40px;
}
.plus-symbol > span {
    width: 8px;
    height: 30px;
    background-color: #ff4c4c;
    display: block;
    position: absolute;
}
.plus-symbol span:last-child {
transform: rotate(90deg);
}

.plus-symbol-gray > span {
    width: 8px;
    height: 30px;
    background-color: #a7adba;
    display: block;
    position: absolute;
}
.plus-symbol-gray span:last-child {
transform: rotate(90deg);
}

/* .step-1:before{
    content: "";
    width: 2px;
    height: 1000px;
    border: solid 2px #65737e;
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
}

.step-2:before{
    content: "";
    width: 100%;
    height: 2px;
    border: dashed 2px #65737e;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateX(-50%);
}
.step-2:after{
    content: "";
    width: 2px;
    height: 400px;
    border: dashed 2px #65737e;
    position: absolute;
    right: 0;
    left: 150%;
    bottom: 46%;
    transform: translateX(-50%);
} */

.box-arrow-top:before{
    content: '';
    width: 20px;
    height: 20px;
    background: #131e29;
    position: absolute;
    top: -.6em;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}
.box-arrow-left:before{
    content: '';
    width: 20px;
    height: 20px;
    background: #131e29;
    position: absolute;
    top: 35%;
    left: 1em;
    transform: translateX(-50%) rotate(-45deg);
    /* border-left: 1px solid #ffffff; */
    border-top: 3px solid #65737e;
    border-left: 3px solid #65737e;
}

.rpin {
    position: absolute;
    display: block;
    width: 12%;
    height: 12%;
    background-size: contain;
    transform: translateX(-50%) translateY(0);
    filter: brightness(1) contrast(1.1);
    transition: all .3s ease;
}

.pin-pemuteran {
    bottom: 91.858%;
    left: 16.716%;
}

.pin-tulamben {
    bottom: 85.858%;
    left: 81.716%;
}

.pin-amed {
    bottom: 65.858%;
    left: 93.716%;
}

.pin-lembongan {
    bottom: 21.858%;
    left: 78.716%;
}

.indicator-relative{ position: relative !important; }

.video-container-desk .video-overlay{
    position: absolute;
    z-index: 8;
    width: 100%;
}
.video-container-desk .video-overlay img{
    object-fit: cover;
    width: 100%;
    height: 100vh;
}
.video-container-desk video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    max-width: 100%;
    width: auto;
    height: auto;

    /* Center the video */
    position: absolute;
    top: 0;
    left: 0;
}
.video-container #video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%;
    min-height: 100%;
    object-fit: fill;
    max-width: 100%;
    width: auto;
    height: auto;

    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.flex-gap-grid .col{
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.flex-gap-grid .col:first-child{ padding-left: 0 !important; }
.flex-gap-grid .col:last-child{ padding-right: 0 !important; }

.is-desktop-layer-maintab-bg{
    margin-left: -25px !important;
    padding-left: 40px !important;
}



.owl-theme .owl-dots .owl-dot span{
    width: 20px !important;
    height: 20px !important;
    margin: 0px 5px 0px 5px !important;
    background-color: transparent !important;
    border: 1px solid #e7eaee !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #fff100 !important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    color: #ffffff !important;
    font-size: 25px !important;
    font-weight: bold !important;
}
.owl-theme .owl-nav [class*=owl-] {
    background: transparent !important;
}
.owl-prev, .owl-next{
    background-color: transparent;
    border: none;
    color: #ffffff;
}

.compensate-for-scrollbar{
    margin-right: 0 !important;
}

/* FAQ Page */
.section-faq-title {
    background-color: #131e29;
    color: #fff
}
.section-faq-title h1 {
    font-size: 28px;
}
.has-bg.bg-question label{ z-index: 9; position: relative; }
.has-bg.bg-question span {
    position: relative;
}
.has-bg.bg-question span::after {
    content: ' ';
    background-image: url(/img/front/question.svg)!important;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 87px;
    height: 135px;
    display: block;
    position: absolute;
    right: -135px;
    top: -42px;
    z-index: 0;
}
.nav-faq {
    align-items: center;
    justify-content: center;
}
.nav-faq li.nav-item {
    margin: 0 5px;
}
.nav-faq li.nav-item a.nav-link {
    text-align: center;
    font-size: 13px;
    padding: 20px 10px 10px 10px;
    background-color: #000000;
    min-width: 120px;
    color: white;
    font-weight: bold;
    border: solid 3px #000000;
}
.nav-faq li.nav-item a.nav-link.active, .nav-faq li.nav-item a.nav-link:hover {
    background: white;
    border: solid 3px #fff;
    color: #131e29;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.nav-faq li.nav-item a img {
    height: 40px;
    width: auto;
    display: block;
    margin: 0 auto 15px auto;
}
.nav-faq li.nav-item a img.icon-selected {
    display: none;
}
.nav-faq li.nav-item a.nav-link.active img.icon-nonselected, .nav-faq li.nav-item a.nav-link:hover img.icon-nonselected {
    display: none;
}
.nav-faq li.nav-item a.nav-link.active img.icon-selected, .nav-faq li.nav-item a.nav-link:hover img.icon-selected {
    display: block;
}
.faq-selection h2,
.faq-selection h1 {
    font-size: 24px;
    font-weight: bold;
}
.destination-group .map-pin {
    position: absolute;
    top: 13px;
    left: 35px;
    width: 18px;
    z-index: 9;
}

/* .destination-group select {
    border-radius: 12px;
    border: solid 3px #65737e;
    background-color: #ffffff;
    width: 100%;
    padding: 10px 25px 10px 50px;
} */

.custom-faq-loc-box .ui-selectmenu-button.ui-button::after {
    content: "\f078";
    position: absolute;
    font-family: fontawesome;
    top: 0;
    right: 0;
    padding: .5em 1em;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
.custom-faq-loc-box{ width: 100%; }
.custom-faq-loc-box .ui-selectmenu-button.ui-button {
    white-space: nowrap;
    width: 100%;
    height: 50px;
    overflow: hidden;

    border-radius: 12px;
    display: flex;
    height: 3em;
    line-height: 2;
    overflow: hidden;
    border: solid 3px #65737e;
    background-color: #ffffff;
    padding-left: 30px;
}
.custom-faq-loc-box .ui-button:hover, .ui-button:focus{
    border: solid 3px #65737e;
    color: #000000;
    outline: none;
}
.custom-faq-loc-box .ui-icon-triangle-1-s,
.custom-faq-loc-box .ui-button .ui-icon{
    background-image: none !important;
}
.ui-selectmenu-menu .ui-selectmenu-open-faqloc{
    outline: none;
}
.ui-selectmenu-menu .ui-selectmenu-open-faqloc .ui-menu-item-wrapper{
    padding: 7px 47px !important;
}
.ui-selectmenu-menu .ui-selectmenu-open-faqloc .ui-state-active{
    border: none;
    background: #223549 !important;
    font-weight: normal;
    color: #fff100 !important;
    padding: 7px 47px !important;
}

.bg-grey {
    background-color: #e7eaee;
}
.faq-accomodation-list h4 {
    font-size: 17px;
    font-weight: bold;
}
.products-list .product-item {
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    margin-top: 30px;
}
.products-list .product-item:hover .product-main .product-image .image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.products-list .product-item .product-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.faq_accom_product_main{ min-height: 220px; }
.faq_rates_product_main{ min-height: 200px; }

.products-list .product-item .product-main .product-image {
    width: 40%;
    overflow: hidden;
}
.products-list .product-item .product-main .product-image .image {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-size: cover;
    background-repeat: no-repeat;
}
.products-list .product-item .product-main .product-details {
    width: 60%;
    padding: 30px 20px;
    position: relative;
}
.products-list .product-item .product-main .product-details .add {
    position: absolute;
    top: 15px;
    right: 15px;
}
.products-list .product-item .product-main .product-details a.heading {
    text-decoration: none;
}
.products-list .product-item .product-main .product-details a.heading h4 {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    color: #131e29;
    margin-bottom: 0;
    line-height: 1.1;
}
.products-list .product-item .product-main .product-details a.heading .sub-heading {
    color: #131e29;
}
.products-list .product-item .product-main .product-details .details {
    font-size: 12px;
    color: #4f5b66;
    list-style: none;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 0;
}
.products-list .product-item .product-main .product-details .details li{
    margin-top: 5px;
}
.products-list .product-item .product-main .product-details .details li:first-child{
    margin-top: 0px;
}
.products-list .product-item .product-main .product-details .details li .icon{
    width: 10px;
    margin-right: 10px;
}
.products-list .product-item .product-main .product-details .prices {
    font-size: 14px;
    font-weight: bold;
    list-style: none;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 0;
}
.products-list .product-item .product-main .product-details .prices li {
    margin-top: 5px;
}
.products-list .product-item .product-main .product-details .prices li:first-child {
    margin-top: 0px;
}
.products-list .product-item .product-main .product-details .prices li .currencies {
    color: #c0c5ce;
}
.products-list .product-item .product-main .product-details .prices li .night {
    color: #4f5b66;
    font-weight: normal;
}
.products-list .product-item .product-main .product-details .prices li .high_season_badge{
    background: #ff3027;
    border-radius: 50px;
    padding: 5px;
}
.products-list .product-item .product-book a {
    width: 100%;
    display: block;
    padding: 25px 15px;
    text-align: center;
    background-color: #008ed8;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.products-list .product-item .product-book a img{
    max-height: 20px;
}
.products-list .product-item .product-book.bookingcom a {
    background-color: #003580;
}
.load-more {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #65737e;
}
.load-more img {
    display: block;
    margin: 0 auto;
}
.load-more .load-indicator-start {
    -webkit-animation: rotation 1s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
.find-out-more-background.go-pro {
    background-image: url('/img/front/cta-go-pro-bg.jpg')!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 90px 0;
}
.find-out-more-background.go-pro h4, .find-out-more-background.go-pro p {
    color: #fff;
}
.find-out-more-background.go-pro .link-btn {
    color: #343d46;
    background: #fff;
}
.find-more .link-btn {
    padding: 0.5em 3em;
}

/* Rates */
.faq-rates {
    background-color: #0f1720;
    color: #c0c5ce;
    padding-bottom: 50px;
}
.dive-horizontal-list .list-group {
    flex-direction: row;
}
.dive-horizontal-list .list-group .list-group-item {
    background-color: #1a2735;
    color: #c0c5ce;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    border: 1px solid #0f1720;
    border-radius: 0;
    padding: 25px 15px;
}
.dive-horizontal-list .list-group .list-group-item.active, .dive-horizontal-list .list-group .list-group-item:hover {
    background-color: #0f1720;
    color: #fff;
    margin-top: 0;
}
.notes {
    font-size: 12px;
    color: #c0c5ce;
}
.notes strong {
    font-size: 14px;
    font-weight: bold;
    color: #e7eaee;
}

/* How to get there */
.from {
    padding-left: 60px;
}
.faq-how-to-get-here {
    background-color: #000;
    color: #c0c5ce;
}
.dive-vertical-list .list-group .list-group-item {
    background-color: #343d46;
    font-size: 18px;
    /* font-weight: bold; */
    color: #c0c5ce;
    letter-spacing: 2.5px;
    padding: 25px 60px;
    border: 2px solid #000;
    border-radius: 0 !important;
    min-height: 80px;
}
.dive-vertical-list.with-icon .list-group .list-group-item:after {
    content: ' ';
    width: 15px;
    height: 40px;
    display: block;
    position: absolute;
    right: 30px;
    top: 20px;
    background-image: url(../../img/front/icon-arrow-right-yellow.svg)!important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.dive-vertical-list .list-group .list-group-item:first-child {
    border-top: none;
}
.dive-vertical-list .list-group .list-group-item:last-child {
    border-bottom: none;
}
.dive-vertical-list .list-group .list-group-item.active, .dive-vertical-list .list-group .list-group-item:hover {
    background-color: #0f1720;
    color: #ffffff;
    border-right: none;
}
.dive-vertical-list.with-icon .list-group .list-group-item.active:after {
    background-image: url(../../img/front/icon-arrow-left-yellow.svg)!important;
}

.dive-vertical-list .tab-content {
    padding: 50px 0;
}
.transport-list {
    padding: 0;
    list-style: none;
}
.transport-list > li {
    border-radius: 12px;
    background-color: #ffffff;
    padding: 20px 40px;
    margin-top: 30px;
}
.transport-list > li .row {
    /* min-height: 50px; */
}
.transport-list > li:first-child {
    margin-top: 0px;
}
.transport-list > li .vehicle {
    font-size: 24px;
    font-weight: bold;
}
.transport-list > li .vehicle .icon {
    width: 80px;
    margin-right: 15px;
}
.txt-transpot-detail-mob{
    font-size: 14px;
}
.transport-list > li .detail .details {
    font-size: 18px;
    padding: 0;
    list-style: none;
    width: 100%;
}
.transport-list > li .detail .details li {
    margin-top: 5px;
}
.transport-list > li .detail .details li:first-child {
    margin-top: 0px;
}
.transport-list > li .detail .details li .icon {
    width: 20px;
    margin-right: 5px;
}
.transport-list > li .prices {
    font-size: 18px;
    padding: 0;
    list-style: none;
    font-weight: bold;
}
.transport-list > li .prices li {
    margin-top: 5px;
}
.transport-list > li .prices li:first-child {
    margin-top: 0px;
}
.transport-list > li .prices li .icon {
    width: 20px;
}
.transport-list > li .prices li .currencies {
    color: #c0c5ce;
}
.transport-list > li .prices li .night {
    color: #4f5b66;
    font-weight: normal;
}
.faq h2 {
    font-size: 24px;
    font-weight: bold;
    color: #c0c5ce;
}
.faq-selection h3 {
    font-size: 18px;
    font-weight: bold;
}
.faq h2 img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-top: -3px;
}
.departure-times {
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.departure-times > li {
    border-radius: 12px;
    background-color: #ffffff;
    padding: 0px;
    margin-top: 30px;
    overflow: hidden;
}
.departure-times > li .row {
    min-height: 80px;
}
.departure-times > li > .row > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    font-size: 18px;
}
.departure-times > li > .row > div:nth-child(even) {
    background: #e7eaee;
}
.dive-accordion .card {
    border: none;
    border-radius: 0;
    border-bottom: 5px solid #131e29;
}
.dive-accordion .card .card-header {
    background-color: #343d46;
    border-radius: 0;
    padding: 0;
    border: none;
}
.dive-accordion .card .card-header h5 .btn-link {
    padding: 20px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    background-color: #131e29;
    border: none;
    font-weight: bold;
}
.dive-accordion .card .card-header h5 .btn-link:after{
    content: ' ';
    width: 40px;
    height: 15px;
    display: block;
    position: absolute;
    right: 20px;
    top: 25px;
    background-image: url(/img/front/icon-arrow-up-yellow.svg)!important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.dive-accordion .card .card-header h5 .btn-link.collapsed:after{
    background-image: url(/img/front/icon-arrow-down-yellow.svg)!important;
}
.dive-accordion .card .card-header h5 .btn-link.collapsed {
    background-color: #343d46;
}
.dive-accordion .card .card-body {
    background: #131e29;
}


/* Activities */
.activities-list {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}
.activities-list > li {
    padding: 0 0 30px 0;
    margin-top: 30px;
    border-bottom: 2px solid #676e77;
}
.activities-list > li .row {
    min-height: 50px;
}
.activities-list > li .row img {
    width: 100%;
}
.activities-list > li:first-child {
    margin-top: 0px;
}
.activities-list > li h3 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
.activities-list > li p {
    margin-top: 10px;
    color: #d8dbe1;
}
.activities-list > li p:last-child {
    margin-bottom: 0px;
}
.overflow-hidden {
    overflow: hidden;
}
.title-with-icon {
    padding-top: 50px;
}
.title-with-icon:before{
    content: ' ';
    width: 80px;
    height: 80px;
    top: 0;
    left: -40px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    z-index: -1;
}
.title-with-icon.icon-maps:before{
    background-image: url(/img/front/icon-mappin.svg)!important;
}

@media screen and (max-width: 1200px){
    .find-out-more-background.go-pro {
        padding: 2em 0;
        background-position: 94% bottom;
    }
    .find-more .link-btn {
        padding: 0.5em 1em;
    }
}

@media screen and (max-width: 768px){
    .nav-faq li.nav-item {
        margin: 0 3px;
    }
    .nav-faq li.nav-item a.nav-link {
        font-size: 9px;
        padding: 20px 3px 4px 3px;
        /* min-width: 80px; */
    }
    .nav-faq li.nav-item a img {
        height: 25px;
        margin: 0 auto 15px auto;
    }
    .faq-selection h2 {
        font-size: 24px;
    }
    .faq-accomodation-list h4 {
        font-size: 17px;
        font-weight: bold;
    }
    .products-list .product-item {
        box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.1);
        margin-top: 20px;
    }
    .products-list .product-item .product-main .product-image {
        width: 40%;
    }
    .products-list .product-item .product-main .product-details {
        width: 60%;
        padding: 30px 15px;
    }
    .products-list .product-item .product-main .product-details h5 {
        font-size: 14px;
    }
    .products-list .product-item .product-main .product-details p {
        font-size: 12px;
        margin-left: 10px;
    }
    .products-list .product-item .product-main .product-details .details {
        font-size: 10px;
    }
    .products-list .product-item .product-main .product-details .details li{
        margin-top: 4px;
    }
    /* .products-list .product-item .product-main .product-details .prices {
        font-size: 11px;
    } */
    .products-list .product-item .product-main .product-details .prices li {
        margin-top: 4px;
    }
    .products-list .product-item .product-book a {
        font-size: 14px;
    }
    .products-list .product-item .product-book a img{
        max-height: 17px;
    }
    .find-out-more-background.go-pro {
        padding: 2em 0;
        background-position: 56% bottom;
    }

    .dive-horizontal-list .list-group .list-group-item {
        font-size: 14px;
        padding: 20px 10px;
    }
    .transport-list > li {
        padding: 15px 20px;
    }
    .transport-list > li .vehicle, .activities-list > li h3 {
        font-size: 18px;
    }
    .transport-list > li .vehicle .icon {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }
    .transport-list > li .detail .details, .transport-list > li .prices, .departure-times > li > .row > div {
        font-size: 1rem;
    }
}
/* END FAQ Page */
@media only screen and (max-width: 500px) {
    /* .row-social-media .col-5, .row-social-media .col-7{ max-width: 100% !important; flex-basis: 100% !important; }
    .row-social-media .col-7{ justify-content: flex-start !important; }
    .row-social-media .col-7 li:first-child{ margin-left: 0 !important; } */
    .has-bg.bg-question span::after {
        /* top: -77px; */
    }
}

@media (min-width: 1200px){
    .container{
        max-width: 1200px !important;
    }
}