.show-mobile{ display: none; }

.dive-pre .se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: url("../../img/front/load-bullets.gif") center no-repeat #fff;
    background-size: 100px;
}

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

 @font-face {
    font-family: 'daxline';
    font-weight: bold;
    src: url('../../fonts/DaxlinePro-Bold_13127.ttf'); /* IE9 Compat Modes */
    src: url('../../fonts/DaxlinePro-Bold_13127.ttf') format('embedded-opentype'), /* IE6-IE8 */
         url('../../fonts/DaxlinePro-Bold_13127.ttf') format('woff'), /* Modern Browsers */
         url('../../fonts/DaxlinePro-Bold_13127.ttf')  format('truetype'), /* Safari, Android, iOS */
         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');
}

.onload-box{
    padding-top: 3em;
    padding-bottom: 3em;
    display: flex;
    justify-content: center;
}
.onload-box img{
    width: 50px;
}

.get-ebook-form-modal{
    z-index: 9999;                        
}
.get-ebook-form-modal .modal-dialog{
    max-width: 800px;
}
.get-ebook-form-modal .ticking{
    display: flex;
}
.get-ebook-form-modal .ticking input{
    margin-right: 10px;
    margin-top: 3px;
}
.get-ebook-form-modal .ticking input.error{
    outline: 2px solid #ce0808;
}
.get-ebook-form-modal #errorGetEbookConfirmRecaptcha,
.get-ebook-form-modal #errorGetEbookConfirmTicking{
    color: #ce0808;
}
.get-ebook-form-modal .btn-get-ebook-send{
    background: #fff100;
    color: #131e29;
    border: none;
    font-family: daxlineProBold;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 15px 20px;
    border-radius: 90px;
}
.get-ebook-form-modal .col-flex{
    display: flex;
    justify-content: center;
}
.get-ebook-form-modal .col-flex.col-btn{
    align-items: center;
}
.get-ebook-form-modal .bottom-caption{
    text-align: center;
    margin-top: 1em;
}

/* Misc */
.around-audio-control{
    background: rgba(255, 255, 255, 0.377);
    padding: 1em;
    border-radius: 90px;
}

.is-mobile {
	display: block !important;
}
.is-desktop {
	display: none !important;
}

/* cruise home */
.cruise-why-manta-icon-bg{            
    margin-top: 2em;
    margin-right: -100px;
}
.cruise-why-manta-icon-bg img{
    width: 300px;
}

.cruise-personal-offer-row .information .title{
    color: #fff100;
    font-family: 'daxlineProRegular';
    font-size: 25px;
    text-align: center;
}
.cruise-personal-offer-row .information .description{
    font-size: 16px;
    margin-top: 20px;
}

.cruise-personal-offer-row .form-po .side-left,
.cruise-personal-offer-row .form-po .side-right{
    display: flex;
    flex-flow: wrap;
}
.cruise-personal-offer-row .form-po .side-left{ padding-right: 22px; }
.cruise-personal-offer-row .form-po .side-right{ padding-left: 22px; }
.cruise-personal-offer-row .form-po .col-field-name,
.cruise-personal-offer-row .form-po .col-input-field{ 
    padding-left: 0;
    padding-right: 0; 
}

.cruise-personal-offer-row .form-po .col-field-name label{
    font-size: 16px;
    font-family: 'opensansbold';
    color: #131e29;
    margin-bottom: 0;
}
.cruise-personal-offer-row .form-po .col-field-name .field-name{
    background: #e7eaee;
    padding: 15px;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 9px 0px 0px 9px;
}
.cruise-personal-offer-row .form-po .col-input-field .input-field{
    background: #ffffff;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0px 9px 9px 0px;
}
.cruise-personal-offer-row .form-po .col-input-field .input-field .inner{
    padding: 15px;
}
.cruise-personal-offer-row .form-po .col-input-field .input-field .inner.strip{
    border-right: 1px solid #e7eaee;
}
.cruise-personal-offer-row .form-po .col-input-field .input-field .inner.strip:last-child{
    border-right: 0;
}
.cruise-personal-offer-row .form-po .col-input-field .input-field .checkbox-field{
    display: flex;
    align-items: center;
}
.cruise-personal-offer-row .form-po .col-input-field .input-field .checkbox-field li{
    display: flex;
    list-style: none;
}
.cruise-personal-offer-row .form-po .col-input-field .input-field .std-field{
    padding: 10px 0px;
}
.cruise-personal-offer-row .form-po .col-input-field .input-field .std-field li{
    list-style: none;
    padding: 0px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cruise-personal-offer-row .form-po .col-input-field .input-field .std-field .destination-span{
    font-size: 12px;
    font-family: 'opensansbold';
    color: #ff4c4c;
}
.cruise-personal-offer-row .form-po .checkboxDRDV:not(:checked),
.cruise-personal-offer-row .form-po .checkboxDRDV:checked {
    position: absolute;
    left: -9999px;
}
.cruise-personal-offer-row .form-po .checkboxDRDV:not(:checked) + label,
.cruise-personal-offer-row .form-po .checkboxDRDV:checked + label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    color: #ffffff;
    margin-bottom: 0;
    padding-right: 20px;
    padding-top: 4px;
}

/* checkbox aspect */
.cruise-personal-offer-row .form-po .checkboxDRDV:not(:checked) + label:before,
.cruise-personal-offer-row .form-po .checkboxDRDV:checked + label:before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 30px;
    height: 29px;
    border: 2px solid #ccc;
    background: #fff;
    border-radius: 90px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.cruise-personal-offer-row .form-po .checkboxDRDV:not(:checked) + label:after,
.cruise-personal-offer-row .form-po .checkboxDRDV:checked + label:after {
    content: "\f111";
    position: absolute;
    top: 8.5px;
    left: .50em;
    font-size: 1em;
    line-height: 0.8;
    color: #000000;
    transition: all .2s;
    font-family: fontawesome;
}
/* checked mark aspect changes */
.cruise-personal-offer-row .form-po .checkboxDRDV:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.cruise-personal-offer-row .form-po .checkboxDRDV:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.cruise-personal-offer-row .form-po .checkboxDRDV:disabled:not(:checked) + label:before,
.cruise-personal-offer-row .form-po .checkboxDRDV:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
.cruise-personal-offer-row .form-po .checkboxDRDV:disabled:checked + label:after {
    color: #999;
}
.cruise-personal-offer-row .form-po .checkboxDRDV:disabled + label {
    color: #aaa;
}

.lbl-check {
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 15px;
    font-family: 'opensansbold';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lbl-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background: transparent;
    border: 1.8px solid #cccccc;
    border-radius: 5px;
}
.lbl-check input:checked ~ .checkmark {
    background-color: transparent;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.lbl-check input:checked ~ .checkmark:after {
    display: block;
}
.lbl-check .checkmark:after {
    left: 6px;
    top: 1px;
    width: 5px;
    height: 13px;
    border: solid #1d79b7;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.lbl-check .checkmark.yellow:after{                        
    left: 6px;
    top: 1px;
    width: 5px;
    height: 13px;
    border: solid #fff100;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cruise-personal-offer-row .form-po .col-input-field .input-field .checkbox-field label{
    font-size: 14px;
    font-family: 'opensansbold';
    color: #131e29;
    margin-bottom: 0;
    line-height: 20px;
    padding-left: 30px;
}

.cruise-personal-offer-row .form-po .col-input-field .std-input li{ list-style: none; position: relative; }
.cruise-personal-offer-row .form-po .col-input-field .std-input li input{
    width: 100%;
    padding-right: 30px;
    border: none;
    color: #1d79b7;
    font-family: 'opensansbold';
}
.cruise-personal-offer-row .form-po .col-input-field .std-input li input:focus{
    border: none;
    outline: none;
}
.cruise-personal-offer-row .form-po .col-input-field .std-input li span{
    position: absolute;
    top: 2px;
    right: 0;
}
.cruise-personal-offer-row .form-po .col-input-field .std-input li span img{ 
    width: 20px;
}

.cruise-personal-offer-row .form-po .form-sec-q-identity{
    color: #ffffff;
    margin-top: 40px;
}
.cruise-personal-offer-row .form-po .form-sec-q-identity .form-q-identity-side-info{
    font-size: 14px;
    font-family: 'opensans';
    color: #ffffff;
    display: flex;
    height: 100%;
    align-items: center;
}
.cruise-personal-offer-row .form-po .form-sec-q-identity .std-textarea{
    width: 100%;
    height: 147px;
    background: transparent;
    border-radius: 9px;
    border: 1px solid rgb(216, 219, 225);
    margin-top: 0px;
    margin-bottom: 0px;
    resize: none;
    padding: 15px;
    color: #a7adba;
    font-size: 14px;
    font-family: 'opensans';                        
}
.cruise-personal-offer-row .form-po .form-sec-q-identity .std-textarea:focus,
.cruise-personal-offer-row .form-po .form-sec-q-identity .std-inp-txt:focus{
    outline: none;
}
.cruise-personal-offer-row .form-po .form-sec-q-identity .input-group{
    position: relative;
}
.cruise-personal-offer-row .form-po .form-sec-q-identity .std-inp-txt{
    color: #a7adba;
    font-size: 14px;
    font-family: 'opensans';
    width: 100%;
    height: 50px;
    background: transparent;
    border-radius: 9px;
    border: 1px solid rgb(216, 219, 225);
}
.cruise-personal-offer-row .form-po .form-sec-q-identity .input-group .d-flex{
    width: 100%;
    border: 1px solid #d8dbe1;
    border-radius: 9px;
    height: 50px;
}
.cruise-personal-offer-row .form-po .form-sec-q-identity .input-group .std-inp-txt{
    padding-left: 15px;
    border: none;
    width: auto;
    display: flex;
    flex: auto;
    margin-top: 0;
}
.cruise-personal-offer-row .form-po .form-sec-q-identity .inp-w-label{
    width: auto;
    color: #fff100;
    font-family: 'opensansbold';
    font-size: 12px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    padding-left: 15px;
}
.cruise-personal-offer-row .form-po .form-sec-q-identity .col-add-phone-number{
    padding-right: 0;
}
.cruise-personal-offer-row .form-po .form-sec-q-identity .btn-add-phone-number{
    background: #4f5b66;
    border-radius: 9px;
    border: none;
    color: #fff100;
    width: 100%;
    height: 100%;
    outline: none;
}
.cruise-personal-offer-row .form-po .form-sec-q-identity .btn-add-phone-number i{
    margin-top: 10px;
}

.cruise-personal-offer-row .form-po .form-sec-button-bottom{
    margin-top: 40px;
    display: flex;
    justify-content: center;
}
.cruise-personal-offer-row .form-po .form-sec-button-bottom button {
    background: #fff100;
    padding: 10px 50px;
    border-radius: 90px;
    color: #000000;
    text-decoration: none;
    font-family: 'daxlineProBold';
    letter-spacing: 2px;
    outline: none;
}

.cruise-personal-offer-row .form-po .error{
    width: 100%;
    color: #e61010;
    margin-top: 5px;
    font-size: 15px;
    min-height: 0;
}

/* Cruise Dive Attaction */
.cda-head-poster { 
    padding-top: 70px; 
    display: flex;
}    
.cda-head-poster-video .title{
    font-size: 36px;
    font-family: 'daxlineProBold';
    text-shadow: 0px 0px 8px #000000;
    color: #ffffff;
    line-height: 35px;
}
.cda-head-poster-video .subtitle{
    font-size: 30px;
    font-family: 'daxlineProRegular';
    text-shadow: 0px 0px 8px #000000;
    color: #ffffff;
    line-height: 35px;
}
.cda-head-poster .content-sec{ padding-top: 1.5em; }
.cda-head-poster.cruise-detail .content-sec{ padding-bottom: 1.5em; }
.cda-head-poster .title{
    font-size: 30px;
    font-family: 'daxlineProBold';
    text-shadow: 0px 0px 8px #000000;
    color: #ffffff;
    line-height: 35px;
}
.cda-head-poster .subtitle{
    font-size: 30px;
    font-family: 'daxlineProRegular';
    text-shadow: 0px 0px 8px #000000;
    color: #ffffff;
    line-height: 35px;
}
.cda-head-poster.cruise-detail .title {
    margin-bottom: 0;
}
.cda-head-poster.cruise-detail .subtitle {
    font-size: 30px;
    line-height: 35px;
}
.cda-head-poster.cruise-detail .info{
    font-family: 'daxlineProBold';
    text-shadow: 0px 0px 8px #000000;
    color: #fff100;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 0;
    margin-top: 30px;
}
.cda-explanation { 
    background: #000000; 
    padding: 5px 0px;
}
.cda-explanation .row-post{ margin-top: 20px; margin-bottom: 40px; }
.cda-explanation .col-post-content{
    display: flex;
    align-items: center;
}
.cda-explanation .col-post-content .title{ 
    color: #fff100;
    font-family: 'daxlineProBold';
    font-size: 24px;
}
.cda-explanation .col-post-content .description{ font-size: 14px; margin-top: 20px; }
.cda-explanation .col-post-feat-img .frame-img {
    padding-left: 0;
    padding-right: 0;
    height: auto;
    margin-left: -15px;
    margin-right: -15px;
}
.cda-explanation .col-post-feat-img .frame-img img{ 
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cda-more-detail-page{
    background: #000000;
    padding: 10px 0px 50px;
}
.cda-more-detail-page .col-title h3{
    text-align: center;
    color: #ffffff;
    font-family: 'daxlineProBold';
    font-size: 28px;
}
.cda-more-detail-page .row-detail-page{
    margin-left: -7.50px;
    margin-right: -7.50px;
}
.cda-more-detail-page .col-list-page{ 
    margin-top: 20px; 
    padding-left: 7.50px;
    padding-right: 7.50px;
}
.cda-more-detail-page .col-list-page .frame-img{
    height: 170px;
    position: relative;
}
.cda-more-detail-page .col-list-page .frame-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cda-more-detail-page .col-list-page .frame-img .content-abs{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    padding: 15px;
}
.cda-more-detail-page .col-list-page .frame-img .content-abs h3 {
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 18px #000000;
    font-size: 16px;
    margin-bottom: 0;
    font-family: 'daxlineProBold';
}
.cda-cruise-offer-bottom{
    background: #000000;
    padding: 10px 0px 100px;
}

/* Cruise Details */
.adv-search-sec .cruise-personal-offer-row .tab-header{
    display: flex;
}
.adv-search-sec .cruise-personal-offer-row .tab-header .icon-frame{ margin-right: 10px; }
.adv-search-sec .cruise-personal-offer-row .tab-header .icon{ width: 40px; }
.adv-search-sec .cruise-personal-offer-row .tab-header .title{
    color: #ffffff;
    margin-top: 5px;
    margin-bottom: 0;
    font-family: 'daxlineProBold';
    font-size: 28px;
    position: relative;
    padding-right: 50px;
    width: 100%;
    cursor: pointer;
}
.adv-search-sec .cruise-personal-offer-row .tab-header .title:after {
    content: ' ';
    width: 30px;
    height: 12px;
    display: block;
    position: absolute;
    right: 0px;
    top: 7px;
    background-image: url(/img/front/icon-arrow-down-yellow.svg)!important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.adv-search-sec .cruise-personal-offer-row .tab-header .title.active:after {
    background-image: url(/img/front/icon-arrow-up-yellow.svg)!important;
}
.adv-search-sec .cruise-personal-offer-row .col-po-form{
    display: none;
}

.cd-explanation{
    padding: 50px 0px 80px;
    background: #000000;
    overflow: hidden;
}
.cd-explanation.no-selection,
.cd-explanation.selection-search{ 
    padding: 50px 0px 100px; 
    overflow: inherit;
}
.cd-explanation .col-par-detail-ex .title{
    color: #ffffff;
    margin-bottom: 25px;
    font-family: 'daxlineProBold';
    font-size: 28px;
}
.cd-explanation .row-alert-info .col-icon{
    display: flex;
    justify-content: center;
}
.cd-explanation .row-alert-info .col-icon .icon{ width: 150px; }
.cd-explanation .row-alert-info .col-info{ text-align: center; }
.cd-explanation .row-alert-info .col-info .name{
    font-family: 'daxlineProBold';
    color: #ffffff;
    font-size: 45px;
    margin-top: 20px;
}
.cd-explanation .row-alert-info .col-info .title{
    font-family: 'daxlineProRegular';
    color: #f8e71c;
    font-size: 28px;
}
.cd-explanation .col-pagination .inner{
    background: #0f1720;
    padding: 20px 15px;
    display: flex;
    justify-content: center;
}
.cd-explanation .col-pagination .inner .pag-indicator{
    display: flex;
}
.cd-explanation .col-pagination .inner .pag-indicator .text{
    font-family: 'daxlineProBold';
    color: #ffffff;
    font-size: 16px;
    padding: 0px 25px;
}
.cd-explanation .col-pagination .inner .pag-indicator li{
    list-style: none;
}
.cd-explanation .col-pagination .inner .pag-indicator li.arrow a{
    color: #ffffff;
    font-size: 16px;
    margin: 0px 10px;
}
.cd-explanation .col-pagination .inner .pag-indicator li.bullets{
    width: 20px;
    height: 20px;
    margin: 0px 5px;
}
.cd-explanation .col-pagination .inner .pag-indicator li.bullets a{
    border: 2px solid #c0c5ce;
    border-radius: 90px;
    width: 20px;
    height: 20px;
    display: block;
}
.cd-explanation .col-pagination .inner .pag-indicator li.bullets.active a{
    border: 2px solid #fff100;
    background: #fff100;
}

.cd-explanation .btt-icon-box{
    position: absolute;
    bottom: 0;
    right: 20px;
    margin-bottom: -50px;
}
.cd-explanation .btt-icon-box .icon{
    width: 100px;
    cursor: pointer;
}
.faq-fluid-box .btt-icon-box{
    position: absolute;
    top: -40px;
    right: 10px;
}
.faq-fluid-box .btt-icon-box .icon{
    width: 80px;
    cursor: pointer;
}

.faq-fluid-box{
    background: #293c50;
    padding: 15px 0px;
    position: relative;
}
.faq-fluid-box h3{
    color: #fff100;
    font-family: daxlineProBold;
    font-size: 28px;
    margin-bottom: 0;
}
.cruise-faq-accordion .card {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #46505a;
}
.cruise-faq-accordion .card .card-header {
    background-color: #343d46;
    border-radius: 0;
    padding: 0;
    border: none;
}
.cruise-faq-accordion .card .card-header h5 .btn-link {
    padding: 20px 0px;
    width: 100%;
    color: #fff;
    background-color: #131e29;
    border: none;
    text-decoration: none;
    text-align: left;
}
.cruise-faq-accordion .card .card-header h5 .btn-link span {
    color: #fff100;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    display: flex;
    padding-right: 30px;
}
.cruise-faq-accordion .card .card-header h5 .btn-link span:after{
    content: ' ';
    width: 30px;
    height: 12px;
    display: block;
    position: absolute;
    right: 0px;
    top: 7px;
    background-image: url(/img/front/icon-arrow-up-yellow.svg)!important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.cruise-faq-accordion .card .card-header h5 .btn-link.collapsed span:after{
    background-image: url(/img/front/icon-arrow-down-yellow.svg)!important;
}
.cruise-faq-accordion .card .card-body {
    background: #131e29;
}
.cruise-faq-accordion .card .card-body .list-of-products{
    margin-top: 40px;
}
.cruise-faq-accordion .card .card-body .list-of-products li{
    list-style: none;
    display: inline-block;
    float: left;
}
.cruise-faq-accordion .card .card-body .list-of-products li.product img{
    width: 80px;
}
.cruise-faq-accordion .card .card-body .list-of-products li.plus-box{
    width: 50px;
    height: 100%;
}

.footer-title p {
	font-weight: 500 !important;
	font-size: 12px !important;
}

.footer-subtitle {
	font-size: 12px;
}

.footer p{
	font-size: 10px;
}

.down-footer p {
	font-size: 10px;
	margin-bottom: 0px;
}

.footer {
    padding: 30px 0px 20px;
}

.second-footer {
    padding-top: 30px;
}

.second-footer p {
    padding-top: 20px;
}

.down-footer {
    padding: 20px 0px;
}

.detail-about-background h3 {
    font-size: 25px;
}

.tab-container {
    max-width: 100%;
}

.dive-point-right .col-8 {
    padding-left: 35px !important;
}

.dive-point-right .col-8 img {
    left: 10px;
    top: -5px;
}

.dive-slider-selection {
    margin-top: -35px;
    padding: 45px 0px 30px;
}

.dive-slider-titleimage {
    position: absolute;
    right: 0;
    width: 100px;
    margin-right: 15px;
    top: -15px;
}

.dive-slider-title {
    margin-bottom: 30px;
    font-size: 28px;
}

.dive-slider-titleimage.flora {
    width: 50px;
}

.diveconcept-courses .courses-img {
    padding-left: 5px;
    padding-right: 5px;
}

.find-more .find-more-image {
    /* position: absolute; */
    display: flex;
    /* width: 60%; */
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
}

.instagram-image,
.instagram-image-top-lem {
    overflow-x: scroll;
    width: 100%;
    display: inline-block;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.instagram-image::-webkit-scrollbar,
.instagram-image-top-lem::-webkit-scrollbar{
    display: none;
}

/* Hide scrollbar for IE and Edge */
.instagram-image-top-lem,
.instagram-image{
    -ms-overflow-style: none;
}

.instagram-image-top-lem{
    padding-left: 120px !important;
}

.instagram-image-top-lem .col-5,
.instagram-image .col-5{
    float: left;
    flex-shrink: 0;
}
.instagram-image-top-lem .col-5{
    width: 120px;
}

.ebook-content{ position: relative; }
.ebook-content .form-get-ebook input.error{
    color: #ff4c4c;
    border: 2px solid #ff4c4c;
}
.ebook-content .form-get-ebook input.error::-webkit-input-placeholder { color: #ff4c4c; }
.ebook-content .form-get-ebook input.error::-ms-input-placeholder { color: #ff4c4c; }
.ebook-content .form-get-ebook input.error::placeholder { color: #ff4c4c; }

.ebook-content .select-ebook-box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #e7eaee;
    background-image: none;
}
.ebook-content .select-ebook-box select::-ms-expand {
    display: none;
}
.ebook-content .select-ebook-box {
    position: relative;
    display: flex;
    height: 3em;
    line-height: 3;
    border-radius: 90px;
    background: #e7eaee;
    overflow: hidden;
}
.ebook-content .select-ebook-box select {
    flex: 1;
    padding: 0 1em;
    color: #000000;
    cursor: pointer;
    text-align-last:center;
}
/* Arrow */
.ebook-content .select-ebook-box::after {
    content: "\f078";
    position: absolute;
    font-family: fontawesome;
    color: #000000;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #e7eaee;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.ebook-content .form-section input{
    width: 100%;
    margin-top: .5em;
    text-align: center;
    border: 2px solid #e7eaee;
    border-radius: 90px;
    padding: 10px;
    color: #ffffff;
    background: transparent;
    outline: none;
}
.ebook-content .form-section input::-webkit-input-placeholder { color: #ffffff; }
.ebook-content .form-section input::-ms-input-placeholder { color: #ffffff; }
.ebook-content .form-section input::placeholder { color: #ffffff; }

.ebook-content .form-section button{
    outline: none;
    background: #fff100;
    border: none;
    margin-top: 2em;
    padding: 15px 25px 10px;
}
.ebook-content .form-section button img{ width: 30px; margin-right: .5em; margin-top: -5px; }
.ebook-content .form-section button span{
    color: #131e29;
}

.ebook-content-m .form-get-ebook input.error{
    color: #ff4c4c;
    border: 2px solid #ff4c4c;
}
.ebook-content-m .form-get-ebook input.error::-webkit-input-placeholder { color: #ff4c4c; }
.ebook-content-m .form-get-ebook input.error::-ms-input-placeholder { color: #ff4c4c; }
.ebook-content-m .form-get-ebook input.error::placeholder { color: #ff4c4c; }

/*  */
.custom-select-ebook-box .ui-selectmenu-button.ui-button::after {
    content: "\f078";
    position: absolute;
    font-family: fontawesome;
    color: #000000;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #e7eaee;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    height: 100%;
    display: flex;
    align-items: center;
}
.custom-select-ebook-box .ui-selectmenu-button.ui-button {
    text-align: center;
    white-space: nowrap;
    width: 100%;
    height: 50px;
    border-radius: 90px;
    background: #e7eaee;
    overflow: hidden;
    color: #131e29;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-select-ebook-box .ui-button:hover, .ui-button:focus{
    border: none;
    outline: none;
}
.custom-select-ebook-box .ui-icon-triangle-1-s,
.custom-select-ebook-box .ui-button .ui-icon{
    background-image: none !important;
}
.ui-selectmenu-menu #ui-id-1-menu{
    background: #e7eaee;
    outline: none;
    border: none;
}
.ui-selectmenu-menu #ui-id-1-menu .ui-menu-item-wrapper{
    padding: 7px 15px;
}
.ui-selectmenu-menu #ui-id-1-menu .ui-state-active{
    border: none;
    background: #c8cbce;
    font-weight: normal;
    color: #131e29;
    padding: 7px 15px;
}

/*  */
.custom-dcl-select-courses-box .ui-selectmenu-button.ui-button::after {
    content: "\f078";
    position: absolute;
    font-family: fontawesome;
    color: #fff100;
    top: 0;
    right: 0;
    padding: .5em 1em;
    background: #131e29;
    border-left: 1px solid #ffffff;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
.custom-dcl-select-courses-box{ width: 100%; }
.custom-dcl-select-courses-box .ui-selectmenu-button.ui-button {
    white-space: nowrap;
    width: 100%;
    height: 50px;
    overflow: hidden;

    display: flex;
    height: 3em;
    line-height: 2;
    background: #131e29;
    overflow: hidden;
    border: 1px solid #ffffff;
    color: #fff100;
}
.custom-dcl-select-courses-box .ui-button:hover, .ui-button:focus{
    border: 1px solid #ffffff;
    outline: none;
}
.custom-dcl-select-courses-box .ui-icon-triangle-1-s,
.custom-dcl-select-courses-box .ui-button .ui-icon{
    background-image: none !important;
}
.ui-selectmenu-menu .ui-selectmenu-open-dclcourses{
    background: #131e29 !important;
    color: #fff100;
    outline: none;
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
}
.ui-selectmenu-menu .ui-selectmenu-open-dclcourses .ui-menu-item-wrapper{
    padding: 7px 35px !important;
}
.ui-selectmenu-menu .ui-selectmenu-open-dclcourses .ui-state-active{
    border: none;
    background: #223549 !important;
    font-weight: normal;
    color: #fff100 !important;
    padding: 7px 35px !important;
}


.select-border-blue-magenta select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #131e29;
    background-image: none;
}
.select-border-blue-magenta select::-ms-expand {
    display: none;
}
.select-border-blue-magenta {
    position: relative;
    display: flex;
    width: 20em;
    height: 3em;
    line-height: 3;
    background: #131e29;
    overflow: hidden;
    border: 1px solid #ffffff;
}
.select-border-blue-magenta select {
    flex: 1;
    padding: 0 1em;
    color: #fff100;
    cursor: pointer;
}

/* Arrow */
.select-border-blue-magenta::after {
    content: "\f078";
    position: absolute;
    font-family: fontawesome;
    color: #fff100;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #131e29;
    border-left: 1px solid #ffffff;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
/*  */

.ebook-content-m .input-group-select-ebook{
    padding: 0;
}
.ebook-content-m .input-group-select-ebook select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #e7eaee;
    background-image: none;
}
.ebook-content-m .input-group-select-ebook select::-ms-expand {
    display: none;
}
.ebook-content-m .input-group-select-ebook {
    position: relative;
    display: flex;
    width: 150px;
    height: 3em;
    line-height: 3;
    border-radius: 90px;
    background: #e7eaee;
    overflow: hidden;
}
.ebook-content-m .input-group-select-ebook select {
    flex: 1;
    padding: 0 1em;
    color: #000000;
    cursor: pointer;
    font-size: 10px;
}
/* Arrow */
.ebook-content-m .input-group-select-ebook::after {
    content: "\f078";
    position: absolute;
    font-family: fontawesome;
    color: #000000;
    top: 0;
    right: 0;
    padding: 0 .5em 0 .5em;
    background: #e7eaee;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
.ebook-content-m .down-ebook-input input{
    height: 4em;
    border: 2px solid #e7eaee;
    background: transparent;
    border-radius: 0px 90px 90px 0px;
    color: #ffffff;
    font-size: 12px;
}
.ebook-content-m .down-ebook-input input::-webkit-input-placeholder { color: #ffffff; }
.ebook-content-m .down-ebook-input input::-ms-input-placeholder { color: #ffffff; }
.ebook-content-m .down-ebook-input input::placeholder { color: #ffffff; }
.ebook-content-m .down-ebook-input input:focus{
    outline: none !important;
    box-shadow: inset 0 -1px 0 #ddd;
}
.ebook-content-m .download-button button{
    outline: none;
    background: #fff100;
    border: none;
    margin-top: 1em;
    margin-bottom: 2em;
    padding: 15px 25px 10px;
}
.ebook-content-m .download-button button img{ width: 30px; margin-right: .5em; margin-top: -5px; }
.ebook-content-m .download-button button span{
    color: #131e29;
}

.faq-content {
    position: relative;
}

.invalid {
    position: absolute;
    left: 0;
}

.faq-img .bg-black  {
    margin: 5px;
}

.gopro-background {
    background-position: top left 55%;
    background-size: cover;
}

.gopro-background .link-btn {
    padding: 15px 0px;
    border-radius: 12px;
}

.btn-booknow {
    padding: 5px 30px;
    border-radius: 25px;
    background-color: #fff100;
    font-family: daxlineProRegular;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #131e29;
}

.btn-booknow-sticky {
    position: relative;
    background: url('../../img/front/icon-diving-booknow.png') center/cover no-repeat, linear-gradient(to bottom, #2C4153, #141E29);
    background-size: auto 60px, auto;
    border: 4px solid #FCEE1F;
    border-radius: 100%;
    box-sizing: border-box;
    height: 80px;
    width: 80px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.btn-booknow-sticky:hover {
    transform: scale(1.05);
}

.btn-booknow-sticky a {
    text-align: center;
    font-size: 15pt;
    font-weight: 400;
    color: #fff;
    line-height: 1;
}

.btn-booknow-sticky a:hover {
    text-decoration: none;
}

.ssi-background {
    background-position: top;
    background-size: cover;
}

.step-1:before {
    content: '';
    border-left: 2px solid #65737e;
    height: calc((100% * 2) + (48px * 4));
    top: 50%;
    left: 50%;
    position: absolute;
}
.step-1-gp:before {
    content: '';
    border-left: 4px solid #fff100;
    height: calc((100% * 5) + (68px * 4));
    top: 50%;
    left: 50%;
    position: absolute;
}

.step-1-half:before {
    content: '';
    border-left: 2px solid #65737e;
    height: calc((100% * 1) + (24.5px * 4));
    top: 50%;
    left: 50%;
    position: absolute;
}

.step:before {
    content: '';
    border-left: 2px dashed #65737e;
    height: calc((100% * 1) + (24.5px * 4));
    top: 50%;
    left: 50%;
    position: absolute;
}
.step-gp-0:before {
    content: '';
    border-left: 2px dashed #65737e;
    height: calc((128% * 1) + (15px * 10));
    top: 50%;
    left: 50%;
    z-index: 8;
    position: absolute;
}

.step-2:before {
    content: '';
    border-bottom: 2px dashed #65737e;
    width: 100%;
    top: 50%;
    left: 50%;
    position: absolute;
}
.step-2-gp:before {
    content: '';
    border-bottom: 2px dashed #65737e;
    width: 100%;
    top: 50%;
    left: 50%;
    position: absolute;
}

.step-3:before {
    content: '';
    border-bottom: 2px solid #65737e;
    width: 100%;
    top: -20%;
    left: 50%;
    position: absolute;
}
.step-3-gp:before {
    content: '';
    border-bottom: 2px dashed #65737e;
    width: 100%;
    top: 50%;
    left: 50%;
    position: absolute;
}

.step-4:before {
    content: '';
    border-left: 2px solid #65737e;
    height: calc((100% * 1) + (5px * 1));
    top: -20%;
    left: 50%;
    position: absolute;
}

.diveconcept-video-background {
    height: 100vh;
}

.diveconcept-allpackage-btn {
    padding: 10px;
    background: #000;
}

.diveconcept-tabcontent-divecourse-title {
    position: absolute;
    top: 0;
    margin-top: 100px;
}

.diveconcept-tabcontent-divecourse-content {
    position: absolute;
    bottom: 2em;
    color: #fff;
}
.fundives-why,
.dive-courses-why{ padding-top: 0em !important; }

.diveconcept-big-slider-content-1 {
    position: absolute;
    bottom: 120px;
    z-index: 2;
}

.diveconcept-big-slider-content-2 {
    position: absolute;
    bottom: 0;
    z-index: 9;
}

.diveconcept-tabcontent-divecourse .p-relative:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 20%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #131e29 120px);
    right: 0;
    bottom: 0;
}
.gopro-p-dyn-tabcontent .bottom-shadow:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 20%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #131e29 120px);
    right: 0;
    bottom: 0;
}

body{
    font-family: daxline !important;
}
.yellow{
    color: #fff100 !important;
}
.white{
    color: #fff !important;
}
.grey{
    color: #c0c5ce !important;
}
.dark-grey{
    color: #65737e !important;
}
.red{
    color: #ff3027 !important;
}
.outline-yellow{
    border: 1px solid #fff100 !important;
}
.no-padding{
    padding:0 !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;
}
.f-small{
    font-size: 8px !important;
}
.f-med{
    font-size: 10px !important;
}
.f-lag{
    font-size: 12px !important;
    color: #c0c5ce;
}
.f-large{
    font-size: 12px !important;
}
.f-x-large{
    font-size: 14px !important;
}
.f-m-large{
    font-size: 13px !important;
}
.f-super-large{
    font-size: 24px !important;
}
.head-menu{
    width: 100%;
    height: 75px;
    background-color: #000000;
}
.head-logo{
    width: 60%;
    height: 75px;
}
.ham-menu{
    width: 40%;
    height: 75px;

}
.menu-icon{
    width: 20px;
}
.head-slider{
    width: 100%;
    height: 100vh;
    background-color: #131E29;
    overflow: hidden;
}
.back-logo{
    position: absolute;
    z-index: 0;
    right: -40px;
    top: 390px;
}
.section-concept{
    width: 100%;
    height: 1250px;
    overflow: hidden;
    position: relative;
    background-color: #131e29;
}
.section-concept-icon{
    width: 100%;
    height: 140px;
    overflow: hidden;
    position: relative;
    background-color: #131e29;
}
.section-dive{
    width: 100%;
    height: 600px;
    background-image: url('../asset/img/image.jpg');
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.section-spot{
    width: 100%;
    height: 552px;
    background-image: url('../asset/img/image-turtle.jpg');
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.section-sea{
    width: 100%;
    height: 550px;
    background-image: url('../asset/img/image-sea.png');
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.section-course-master{
    width: 100%;
    height: 280px;
    background-color: #131e29;
    overflow: hidden;
}
.section-safari{
    width: 100%;
    height: 350px;
    background-color: #131e29;
    overflow: hidden;
}
.section-list{
    width: 100%;
    height: 480px;
    background-color: #131e29;
    overflow: hidden;
}
.section-testimoni{
    width: 100%;
    height: 300px;
    background-color: #131e29;
    overflow: hidden;
    position: relative;
}
.section-custom{
    width: 100%;
    height: 150px;
    background-image: radial-gradient(circle at 0 -27%, #fff383, #ffe44c 58%);
    overflow: hidden;
}
.section-div{
    width: 100%;
    height: 374px;
    background-image: url('../asset/img/image-div.png');
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.section-join{
    width: 100%;
    height: 574px;
    background-image: url('../asset/img/cta-bg-mobile-extended.jpg');
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 0 !important;
}
.section-career{
    width: 100%;
    height: 500px;
    background-color: #131e29;
    overflow: hidden;
}
.section-detail{
    width: 100%;
    height: 240px;
    background-image: radial-gradient(circle at 50% 0, #131e29, #000000 111%);
    overflow: hidden;
}
.index{
    position: relative;
    z-index: 999;
}
.ci-list{
    width: 100%;
    height: 400px;
    /* background: red; */
}
.ci-item{
    width: 100%;
    height: 150px;
}
.ci-item-child{
    width: 120px;
    height: 150px;
}
.ci-first:nth-child(2){
    height: 140px;
}
.ci-icon{
    width: 70px;
    height: 70px;
}
.map{
    position: relative;
    /* overflow: hidden; */
}
.indicator{
    width: 80px;
    height: 90px;
    position: absolute;
}
.indicator-active{
    width: 50px;
    height: 50px;
    z-index: 1;
    top: 25px;
    position: absolute;
}
.indicator-logo{
    width: 25px;
    height: 25px;
    z-index: 2;
    top: 38px;
    left: 28px;
    position: absolute;
}
.indicator-logo-l{
    width: 25px;
    height: 25px;
    z-index: 2;
    position: relative;
}
.pamuteran{
    top: 10px;
    left: 10px;
}
.tulamben{
    top: 20px;
    right: 30px;
}
.amed{
    top: 65px;
    right: -25px;
}
.lembongan{
    top: 215px;
    right: -5px;
}
.indicator span{
    font-size: 10px;
}
.bubble-hori{
    width: 300px;
    height: 120px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;

}
.bubble-tip{
    width: 100%;
    height: 100px;
    position: relative  ;
}
.map-tip{
    width: 70%;
    font-size: 9px;
    padding: 4px 8px;
    background: #343d46;
    text-align: center;
    border-radius: 9px;
    position: absolute;
    top: 128px;
    left: 65px;
}
.turtle{
    position: absolute;
    top: 40px;
    left: 40px;
}
.bubble-tip-text{
    width: 60%;
    height: auto;
    position: absolute;
    top: 25px;
    left: 110px;
}
.tab-loc{
    width: 100%;
    height: auto;
}
.tab-loc-child{
    margin: 0 2px 0 2px;
}
.tab-loc-img{
    width: 80px;
    height: 80px;
}
.title-dive{
    width: 80%;
    font-size: 22px;
    font-weight: bold;
    margin: 40px auto 0 auto;
    position: relative;
    z-index: 99;
}
.title-career{
    width: 80%;
    position: relative;
    margin: 20px auto 0;
    text-align: center;
}
.title-dive-div{
    width: 60%;
    font-size: 22px;
    font-weight: bold;
    margin: 40px auto 0 auto;
    position: relative;
    z-index: 99;
}
.tab-gradient{
    width: 100%;
    height: 200px;
    position: absolute;
    z-index: 1;
    background-image: linear-gradient(to bottom, #00a1d1, rgba(0, 138, 189, 0));
}
.tab-gradient-turtle{
    width: 100%;
    height: 200px;
    position: absolute;
    z-index: 1;
    background-image: linear-gradient(to bottom, #014683, rgba(0, 138, 189, 0));
}
.tab-gradient-sea{
    width: 100%;
    height: 200px;
    position: absolute;
    z-index: 1;
    background-image: linear-gradient(to bottom, #00a1d1, rgba(0, 138, 189, 0));
}
.tab-dive{
    width: 100%;
    height: 120px;
    margin: 188px 0 0 0;
    background: linear-gradient(to bottom, rgba(43, 64, 82, 0) 20%, #131e29 86%);
}
.tab-dive-turtle{
    width: 100%;
    height: 120px;
    margin: 161px 0 0 0;
    background: linear-gradient(to bottom, rgba(43, 64, 82, 0) 20%, #131e29 86%);
}
.dive-tip{
    width: 80%;
    font-size: 12px;
    margin: auto;
    padding: 2px;
    border: solid 1px #ffffff;
    background-color: rgba(19, 30, 41, 0.72);
    border-radius: 34px;
}
.tab-loc-dive{
    width: 105%;
    overflow: hidden;
    position: relative;
}
.tab-loc-dive-div{
    width: 90%;
    overflow: hidden;
    position: relative;
}
.tab-loc-dive-child{
    width: 90px;
    height: 80px;
    position: relative;
    /* display: block;
    margin: 10px;
    border: 1px solid black; */
}
.dive-icon{
    width: 78px;
    height: 78px;
    top: -4px;
    left: -4px;
    position: absolute;
}
.dive-indicator{
    width: 70px;
    height: 72px;
    position: absolute;
}
.dive-price{
    margin: 30px 0 0 0;
}
.list-loc-icon{
    width: 75px;
    height: 75px;
    margin-right: 6px;
}
.list-desc{
    width: 100%;
    height: auto;
    font-size: 14px;
}
.list-child{
    margin-top: 10px;
    height: auto;
    position: relative;
    border-bottom: 1px solid #65737e;
}
.dive-price-list{
    background: #131e29;
}
.button-grey{
    background-color: #343d46;
}
.tab-career{
    width: 100%;
    height: 120px;
}
.icon-career{
    width: 25%;
    height: 120px;
    /* border: 1px solid black; */
}
.logo-career{
    width: 60px;
    height: 60px;
}
.btn-career{
    border: 1px solid yellow !important;
    background-color: #131e29;
    color: #fff;
    padding: 10px 20px !important;
    text-transform: uppercase;
    font-weight: bold !important;
    font-size: 14px !important;
}
.testimonial-banner{
    width: 100%;
    height: auto;
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    color: #4f5b66;
    left: -3px;
    z-index: 1;
}
.testi-slider{
    width: 100%;
    height: 270px;
    position: relative;
    z-index: 2;
    margin: 30px 0 0;
}
.arrow-pos{
    position: absolute;
    bottom: 20% !important;
}
.testi-slider-nav{
    margin-top: 60px;
}
.testi-child{
    width: 90%;
    height: 200px;
    background: white;
    border-radius: 6px;
    position: relative;
    margin: auto;
    /* padding: 0 10px !important; */
}
.testi-user-img{
    width: 90px;
    height: 90px;
    background: red;
    border-radius: 50%;
}
.testi-desc{
    width: 65%;
}
.star{
    width: 15px;
    height: 15px;
}
.pick{
    position: absolute;
    width: 35px;
    height: 35px;
    right: 10px;
    top: 10px;
}
.testi-nav-child{
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    margin: 0 4px 0;
    border-radius: 50% !important;
}
.ts-active{
    background-color: #fff100;
}
.cta-btn{
    width: 200px;
    margin: 40px auto 0;
}
.cta-btn-exte{
    width: 150px;
    margin: 10px auto 0;
}
.social-icon{
    width: 30px;
    height: 30px;
    margin-left: 10px;
}
.join-slider{
    position: relative;
    width: 100%;
    height: 400px;
    z-index: 4;
    overflow: hidden;
    padding-top: 50px;
}
.join-slider-main{
    position: absolute;
    width: 400px;
    height: 150px;
    overflow-y: hidden;
    margin-bottom: -50px; /* maximum width of scrollbar */
    padding-bottom: 50px; /* maximum width of scrollbar */
    overflow-y: hidden;
    overflow-x: scroll;
}
.join-slider-child{
    position: relative;
    width: 130px;
    height: 130px;
    margin-right: 10px;
}
.detail-icon-child{
    width: 70px;
    height: 70px;
    margin: 0 4px 0;
}
.footer{
    background: #131e29;
    overflow: hidden;
}
.footer-dev-logo{
    width: 80px;
    height: 80px;
}
.footer-left{
    padding: 0 0 0 10px !important;
}
.opct{
    opacity: .7;
}
.nitrox-logo{
    width: 90px;
    height: 90px;
}
.badge-app{
    width: 90px;
    height: auto;
}
.sponsor{
   background-color: #131e29;
   height: 130px;
}
.sponsor-icon{
    width: 50px;
}
.refill{
    width: 40px;
}
.shark{
    width: 60px;
}
.assure{
    width: 80px;
}
.advisor{
    width: 70px;
}
.down-footer{
    background: #000;
}
.testi-arrow-left{
    position: absolute;
    width: 10px;
    height: 20px;
    top: 125px;
    left: 0;
    z-index: 99;
    background: url('../asset/img/arrow-left.png');
    background-repeat: none;
    background-size: 10px 20px;
}
.testi-arrow-right{
    position: absolute;
    width: 10px;
    height: 20px;
    top: 125px;
    right: 0;
    z-index: 99;
    background: url('../asset/img/arrow-right.png');
    background-repeat: none;
    background-size: 10px 20px;
}
.carousel-caption {
    right: unset !important;
    left: 5% !important;
    text-align: left !important;
    max-width: 90%;
}
.carousel-indicators{
    bottom: 10px;
    z-index: 9 !important;
}
.carousel-indicators2{
    bottom: 10px;
    z-index: 9 !important;
    width: 100%;
    margin-left: 0;
}
.carousel-indicators li{
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #fff !important;
    margin: 0 4px 0 !important;
    border-radius: 50% !important;
    background-color: transparent !important;
}
.carousel-indicators .active{
    background-color: #fff100 !important;
}

.carousel-indicator-gp{
    position: relative;
    bottom: 0;
    width: fit-content;
    margin: 0 !important;
    margin-right: 0;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
.carousel-control-prev-gp,
.carousel-control-next-gp{
    position: relative;
    width: auto !important;
}
.carousel-control-prev-gp:before{
    position: relative !important;
    top: 0 !important;
    width: 0 !important;
    height: 0 !important;
}
.carousel-control-next-gp:before{
    position: relative !important;
    top: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.home-head .home-carousel-1-control{ bottom: 0 !important; }

.carousel-control-prev{
    opacity: 1 !important;
    z-index: 9;
    left: -18px;
}
.carousel-control-next{
    opacity: 1 !important;
    z-index: 9;
    right: -18px;
}
.carousel-control-prev-icon{
    background:  url('../asset/img/arrow-left.png') !important;
    background-size: 14px 26px !important;
    background-repeat: none !important;
    width: 13px !important;
    height: 25px !important;
}
.carousel-control-next{
    opacity: 1 !important;
}
.carousel-control-next-icon{
    background:  url('../asset/img/arrow-right.png') !important;
    background-size: 14px 26px !important;
    background-repeat: none !important;
    width: 13px !important;
    height: 25px !important;
}
.circle-prev{
    width: 60px;
    height: 60px;
    position: absolute;
    background-color: #fff;
    z-index: 2;
    border-radius: 50%;
    left: -25px;
    top: 292px;
    opacity: 0.4;
}
.circle-next{
    width: 60px;
    height: 60px;
    position: absolute;
    background-color: #fff;
    z-index: 2;
    border-radius: 50%;
    right: -25px;
    top: 292px;
    opacity: 0.4;
}
.main-menu{
    position: fixed;
    width: 95%;
    height: 100vh;
    background-color: #000;
    z-index: 1000;
    right: 0;
}
.mob-menu-close{
    position: fixed;
    top: 0;
    right: 25px;
}
.close-icon{
    width: 15px;
    height: 15px;
}
.menu-wrapper{
    width: 90%;
    padding-left: 30px;
    padding-bottom: 7em;
}
.is-mobile .menu-list:nth-child(2){ margin-top: 20px; }
.menu-list{
    margin-top: .5em;
    list-style: none;
    padding-bottom: 5px;
    font-weight: bold;
    border-bottom: 1px solid #131e29;
}
.menu-list a{
    text-decoration: none !important;
}
.is-mobile .parent_menu{
    position: relative;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}
.is-mobile .parent_menu ul{
    margin-bottom: 0em !important;
}
.is-mobile .parent_menu .toogle-indicator{
    position: absolute;
    right: 0;
    font-size: 20px !important;
}
.is-mobile .parent_menu ul{
    list-style: none;
    padding-left: 0 !important;
}
.is-mobile .parent_menu ul li{ margin-top: .5em; }
.is-mobile .parent_menu ul .card-body.iamchild li{ margin-top: .3em; padding-bottom: .3em; }

.menu-accordion .panel-title li.collapsed,
.menu-accordion .panel-title li{
    border-bottom: 1px solid #131e29;
    margin-top: 0 !important;
    padding-top: .3em !important;
    padding-bottom: .3em !important;
    transition: all .5s;
}

.menu-accordion .card-body li.withchild{
    border-bottom: 1px solid #131e29;
    margin-top: 0 !important;
    padding-top: .5em !important;
    padding-bottom: .3em !important;
    transition: all .5s;
}

.menu-accordion .panel-title li{
    border-bottom: none;
    margin-top: 0 !important;
    padding-top: .3em !important;
    padding-bottom: 0em !important;
    transition: all .5s;
}

.menu-accordion .card-body li.withchild.collapsed{
    border-bottom: 0px solid #131e29;
    margin-top: 0 !important;
    padding-top: .5em !important;
    padding-bottom: 0em !important;
    transition: all .3s;
}
/* .menu-accordion .card-body li.withchild.collapsed > a{ padding-bottom: .5em; } */

.menu-accordion .card-body li.withchild {
    position: relative;
}
.menu-accordion .panel-title li.parent-no-have-child:before{
    content: "";
    background-image: none !important;
}

.menu-accordion .panel-title li.collapsed:before,
.menu-accordion .panel-title li:before,
.menu-accordion .card-body li.withchild.collapsed:before,
.menu-accordion .card-body li.withchild:before{
    content: "";
    background-image: url("../../img/front/icon-plus.svg");
    width: 15px;
    height: 15px;
    background-size: 100%;
    position: absolute;
    right: 0;
}
.menu-accordion .panel-title li:before, .menu-accordion .card-body li.withchild:before {
    content: "";
    background-image: url("../../img/front/icon-minus.svg");
    width: 15px;
    height: 1.5px;
    /* background-size: 100%; */
    position: absolute;
    right: 0;
}
.menu-accordion .card{ background: none !important; }
.menu-accordion .card-header{ padding: 0 !important; border-bottom: none !important; }
.menu-accordion .card-header .panel-title{ margin-bottom: .1em !important; }
.menu-accordion .card .collapse{ border-bottom: 1px solid #131e29; padding-bottom: .5em; }
.menu-accordion .card-body { padding: 0px 0px 0px 55px; }
.menu-accordion .card-body.iamchild { padding: 10px 0px 0px 0px; }
.menu-accordion .card-body.iamchild-padding { padding-left: 20px; }
.menu-accordion .card-body .collapse{ border-bottom: 1px solid #131e29; padding-bottom: .5em; }
.menu-accordion .card-body.iamchild .flagicon {
    margin-right: 5px;
    width: 16px;
    margin-top: -4px;
}

.menu-accordion .child li.child-child:first-child{
    margin-top: .5em !important;
    padding-top: .5em !important;
}


.icon-dive{
    width: 100%;
    height: auto;
}
.icon-dive-child{
    width: 20%;
    height: auto;
}
.menu-etc{
    width: 100%;
    /* height: 30px; */
    color: #fff;
}
.sidebar-divecenter .row{
    margin-left: -5px !important;
    margin-right: -5px !important;
}
.sidebar-language .lang-txt,
.sidebar-currency .cur-txt{
    width: 70px;
}
.flag{
    /* background-color: #131e29; */
    border-radius: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
}
.flag li{
    list-style: none;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}
.flag li:first-child{
    padding-left: 0px;
}
.flag li:last-child{
    padding-right: 0px;
}
.currency {
    background-color: #131e29;
    /* width: fit-content; */
    display: flex;
    padding-top: 5px;
    border-radius: 15px;
}
.currency li{
    list-style: none;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}
.currency li:first-child{
    padding-left: 0px;
}
.currency li:last-child{
    padding-right: 0px;
}
.flag-child{
    width: 24px;
    margin: 1px 0 0 7px;
}
.cur-child{
    width: 24px;
    margin: 1px 0 0 0px;

}
.f-active{
    border: 1px solid #fff100;
}
.c-active{
    color: #fff100 !important;
    font-weight: bold;
}

/* dive course */

.section-course{
    height: 100vh;
    background-image: url('../asset/img/dsc-03970.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: auto;
}
.section-why{
    height: 120vh;
    background-color: #131e29;
    position: relative;
    overflow: auto;
}
.section-loc{
    height: 18vh;
    background-color: #131e29;
    position: relative;
    overflow: auto;
}
.section-scuba{
    height: 30vh;
    background-image: url('../asset/img/cta-ssi-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.section-offer{
    height: 30vh;
    background-image: radial-gradient(circle at 100% 0, #65737e, #1a1f23 101%);
    position: relative;
    overflow: hidden;
}
.section-gopro{
    height: 30vh;
    background-image: url('../asset/img/cta-go-pro-bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.section-tab-course{
    height: 30vh;
    background: #0f1720;
    padding: 0 !important;

}
.section-advance{
    height: 100vh;
    background: url('../asset/img/advanced-course.jpg');
    background-position: center;
    background-size: cover;
    overflow: auto;
    position: relative;
}
.section-rate{
    width: 100%;
    height: 410px;
    background-color: #131e29;
    overflow: hidden;
}
.section-feed{
    width: 100%;
    height: 580px;
    background-color: #0f1720;
    overflow: hidden;
}
.why{
    position: absolute;
    left: 0;
    top: 40px;
    width: 150px;
    z-index: 0;

}
.shader{
    width: 100%;
    height: 500px;
    background-image: linear-gradient(to bottom, rgba(5, 67, 154, 0) 44%, #131e29 97%);
    position: absolute;
    left: 0;
    bottom: 0;
}
.check-out{
    position: absolute;
    bottom: 0;
    margin: 0 !important;
    z-index: 2;
}
.should-you{
    z-index: 2;
    position: relative;
    margin-top: 100px;
}
.course-dive-icon{
    width: 34px;
}
.course-guide-icon{
    width: 24px;
}
.course-price-icon{
    width: 28px;
}
.course-certi-icon{
    width: 24px;
}
.fs-15{
    font-size: 15px !important;
}
.map-pin{
    width: 60px;
    position: absolute;
    left: 0;
}
.loc-title{
    z-index: 2;
    top: 40px;
    position: relative;
}
.list-course{
    height: 440px !important;
}
.register-to-the{
    font-size: 19px !important;
}
.ssi-logo{
    width: 130px;
}
.cta-course-btn{
    width: 170px;
}
.tab-course{
    padding: 20px 0 !important;
    color: #c0c5ce !important;
    background-color: #1a2735;
    text-align: center;
    font-weight: 600;
}
.tab-bs-ex-course{
    padding: 20px 0 !important;
    color: #65737e !important;
    background-color: #d8dbe1;
    text-align: center;
    font-weight: 600;
}

.tab-enjoy{
    /* padding: 20px 0 !important; */
    font-weight: 600;
}

.tab-b-active .pin-active{
    opacity: 9 !important;
}
.tab-b-active .pin-text-active{
    color: #fff100 !important;
}

.tab-c-active{
    color: #ffffff !important;
    background-color: #0f1720;
}
.tab-bs-active{
    color: #343d46 !important;
    background-color: #ffffff;
}

.tab-d-active .frame-active{
    color: #ffffff !important;
    border-radius: 5px;
    background-color: #131e29 !important;
}
.tab-d-active .tab-img{
    opacity: 0;
}
.tab-d-active .active-desc{
    opacity: 9 !important;
    background: #131e29;
}

.tab-e-active .course-icon{ border-radius: 10px; }
.tab-e-active .home-active-indicator{
    opacity: 9 !important;
}

.tab-course-icon{
    background-color: #0f1720;
    padding: 0 20px 0 0 !important;
}
.tab-course-child{
    height: 130px;
}
.tab-i-active{
    width: 120px;
    position: absolute;
    z-index: 1;
}
.course-icon-child{
    width: 80px;
    position: absolute;
    z-index: 2;
    top: 28px;
}
.advance{
    color: #ffffff;
    text-shadow: 0 4px 20px #343d46;
}
.course-slide-left{
    width: 40px;
    height: 50%;
    position: absolute;
    left: 0;
}
.course-slide-right{
    width: 40px;
    height: 50%;
    position: absolute;
    right: 0;
}
.course-arrow{
    width: 40px;
    display: block;
}
.tab-adv{
    height: 90px;
    /* background: red; */
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000000);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 5px 0 0 !important;
}
.course-desc{
    position: absolute;
    z-index: 2;
    color: #ffffff;
    bottom: 105px;
}
.tab-a-active{
    background-color: #131e29 !important;
}
.adv-logo{
    width: 27px;
    /* height: 40px; */
}
.index-course{
    position: absolute;
    z-index: 2;
}
.f-sans{
    font-family: opensans;
    font-weight: bold;
    font-size: 14px;
}
.font-sans{
    font-family: opensans !important;
}
.btn-find-course{
    margin: 20px auto 0;
    padding: 10px 20px !important;
    display: block !important;
    font-size: 14px !important;
}
.tab-feed{
    border: 1px solid #131e29
}
.feed-list{
    padding: 10px 10px !important;
}
.feed-photo{
    width: 110px;
}
.feed-desc{
    padding: 0 0 0 5px !important;
}
.s-txt{
    font-size: 10px;
    margin: 0 !important;

}
.feed-btn{
    font-weight: bold;
    font-size: 12px;
    border: none;
    border-radius: 25px;
    background-color: #fff100;
    float: right;
}
.feed-border-bot{
    border-bottom: 1px solid #c0c5ce;
}
.offer-dive-logo{
    width: 220px;
    position: absolute;
    right: -10px;
    top: -25px;
}
.offer-tape{
    position: absolute;
    width: 240px;
    padding: 4px 0 !important;
    background: #ff4c4c;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    transform: rotate(-30deg);
    left: -80px;
    top: 15px;
}
.course-wrapper{
    width: 55%;
    height: 50%;
    position: relative;
    z-index: 3;
}
.price-wrapper{
    width: 58%;
    height: 50%;
    position: relative;
    z-index: 3;
}
.price-course{
    font-size: 18px;
}
.course-plus{
    width: 25px;
    height: 25px;
    position: relative;
    top: 50px;
}
.cor-horizontal{
    width: 25px;
    height: 5px;
    background-color: #ff4c4c;
    position: absolute;
    top: 10px;
}
.cor-vertical{
    width: 5px;
    height: 25px;
    background-color: #ff4c4c;
    position: absolute;
    left: 10px;
}
.icon-right{
    right: 0;
}
.btn-pro{
    font-size: 10px !important;
    padding: .575rem 2.75rem !important;
}
/* end of dive course */

/* dive course - lembongan */
.divecenter-lembongan-slide2-img{
    height: 400px;
}
.divecenter-lembongan-slide3-img{
    height: 455px;
}
.section-video{
    height: auto;
    min-height: 100vh;
    background-image: url('../asset/img/page-1.jpg');
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.section-video-shader{
    height: auto;
    min-height: 100vh;
    background-image: linear-gradient(to bottom, rgba(5, 67, 154, 0) 44%, #131e29 97%);
    overflow: hidden;
    position: absolute;
    z-index: 99;
}
.section-map-lembongan{
    height: auto;
    min-height: 100vh;
    background-color: #ffffff;
    overflow: auto;
    position: relative;
}
.section-manta{
    height: auto;
    min-height: 80vh;
    background-image: url('../asset/img/divewith.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    /* overflow: auto; */
    position: relative;

}
.section-advance-course{
    height: auto;
    min-height: 80vh;
    position: relative;
    background-color: #131e29;
    overflow: hidden;

}
.section-next-course{
    height: auto;
    min-height: 25vh;
    position: relative;
    background-color: #000000;
    overflow: hidden;

}
.section-funday{
    height: auto;
    min-height: 25vh;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
.section-fundive{
    height: auto;
    min-height: 25vh;
    position: relative;
    background-color: #131e29;
    overflow: hidden;
}
.section-divebali{
    height: auto;
    min-height: 25vh;
    position: relative;
    background-image: radial-gradient(circle at 0 -27%, #fff383, #ffe44c 66%);
    overflow: hidden;
}
.course-in-lembongan{
    height: auto;
    background-color: #131e29;
    overflow: auto;
}
.expanded-video{
    background-color: #131e29;
}
.icon-youtube{
    margin: 100px auto 130px;
    display: block;
}

.co-gal-slider-content{ padding: 0px 35px;}
.dive-slider-selection.co-gal-s-selection{ 
    padding: 65px 0px 30px;
    background: #14212f;
}
.dive-slider-selection.co-gal-s-selection .col-scroll{ padding: 0px 35px; }

.gallery-pic{
    width: 100%;
    height: auto;
    transform: .5s;
}
.gallery-child{
    width: 68px;
    height: 68px;
}
.gallery-toggle-wrap{
    height: 40px;
   background-color: #131e29;
}
.gallery-toggle-wrap-b{
    height: 40px;
   background-color: #0c2242;
}
.gallery-toggle-wrap-c{
    height: 40px;
   background-color: #ffffff;
}
.gallery-toggle{
    width: 20px;
    height: 20px;
}
.arrow-reverse{
    transform: rotate(180deg);
}
.map-lembongan{
    position: absolute;
    width: 250px;
    height: 250px;
    right: 0;
}
.speed-boat{
    width: 70px;
    height: 70px;
}
.mola{
    width: 140px;
    height: 140px;
    position: relative;
    top: -60px;
    left: 60%;
    z-index: 999;

}
.manta-mask{
    width: 100%;
    height: 15vh;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #0c2242 97%);
    position: relative;
    z-index: 1;
    margin-top: 45px;
}
.mola-mask{
    width: 100%;
    height: 45vh;
    background-color: #0c2242;
}
.mola-mask-p{
    width: 100%;
    height: 35vh;
    background-color: #0c2242;
}
.picture-gallery{
    height: auto;
    background-color: #0c2242;
    overflow: auto;
    padding-bottom: 30px;
}
.child-p-gallery{
    width: 70px;
    height: 70px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.3);
    margin: 0 6px 0;
}
.course-tooltip{
    width: 80%;
    margin: auto;
    color: #ffffff;
    padding: 5px 10px;
    background-color: #4f5b66;
    border-radius: 34px;
    text-align: center;
    font-size: 14px;
}
.custom-combo-box{
    width: 80% !important;
    height: auto;
    margin: 0 auto 10px;
    /* border: 1px solid #ffffff; */

}
.custom-combo-box > .custom-select{
    background: url('./img/arrow-down-yellow.svg');
    background-repeat: no-repeat;
    background-position: 97%;
    background-size: 20px 20px;
}
.custom-select{
    border-radius: 1px !important;
}
.custom-select-lembongan{
    color: #fff100 !important;
    background-color: #131e29 !important;
}
.course-prev{
    left: -8px !important;
}
.course-next{
    right: -8px !important;
}
.slide-title{
    position: absolute;
    color: #ffffff;
    text-shadow: 0 4px 20px #343d46;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding-top: 20px;
}
.slider-mask{
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 140px;
    background-image: linear-gradient(to bottom, rgba(43, 64, 82, 0) 20%, #131e29);
    bottom: 0px;
}
.gallery-scroll{
    width: auto;
    height: auto;
    overflow: auto;
    padding: 0 0 20px;
}
.o-hidden{
    overflow: hidden;
}
.bg-black{
    background: #000;
}
.see-package{
    letter-spacing: 1.13px;
    font-weight: bold;
    font-size: 14px;
}
.btn-outline-warning{
    color: #fff100 !important;
    border: 1px solid #fff100 !important;
}
.map-light-bali{
    width: 180px;
    height: 180px;
    position: absolute;
    right: 10px;
    top: -1px;
}
.btn-findout{
    padding: 7px 40px !important;
}
.faq-wrap{
    width: 100%;
    height: 180px;
    position: relative;
    margin-top: 20px;
}
.ask-icon{
    width: 50px;
    position: absolute;
}
.icon-acco-wrap{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 99;
}
.icon-acco-child{
    width: 100px;
    height: 80px;
    background: #000;
    margin: 10px 2px 0;
    border-radius: 3px;
}
.img-acco-child{
    width: 60px;
}
.rates{
    width: 40px !important;
}
.mantas{
    width: 40px;
}
.dive-video{
    max-width: 360px;
    position: absolute;
    z-index: 1;
    top: 1;
    /* transform: rotate(90deg); */
}
.special-offer-background {
    width: 100%;
}
.diveconcept-tabcontent-divecourse-margin-top {
    margin-top: 100px;
}

/* .diveconcept-mola-mola-background {
    background-color: #021f5f;
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url('../../img/front/mobile/divewith-m.jpg');
} */
.mola-mola-margin-top {
    margin-top: -5em;
}

.ssi-background {
    /* background-image: url('../../img/front/mobile/cta-ssi-bg.jpg'); */
}

/* dive center lembongan */
.dcl-slider-item-content,
.fddl-slider-item-content{ height: 100px; margin-bottom: 0; }

/* end of dive course - lembongan */

/* Bali Safari */
/* .calendar-dep-bs .tab-control{
    background: #131e29;
} */
.ds-post-frame{ border-right: 1px solid #c0c5ce; padding-right: 1em; }
.ds-post-frame:nth-child(even){ border-right: none; padding-left: 1.5em; }

.calendar-dep-bs .tab-control .tab-cal{
    background: #343d46;
    padding: 20px;
}
.calendar-dep-bs .tab-control .tab-cal .txt-title{ color: #c0c5ce; }

.calendar-dep-bs .tab-control .tab-cal-active{ background: #131e29; }
.calendar-dep-bs .tab-control .tab-cal-active .txt-title{ color: #fff100; }
.calendar-dep-bs .tab-content li{ cursor: pointer; }
.calendar-dep-bs .tab-content li.active{ background: #fff100; }

.itinerary-roadstep .bullet-indicator{
    position: absolute;
    width: 15px;
    height: 15px;
    border: 2px solid #ffffff;
    border-radius: 90px;
    background: #000000;
    top: 5px;
    left: -23px;
    z-index: 8;
}
.itinerary-roadstep .bullet-indicator.more{
    position: absolute;
    width: 15px;
    height: 15px;
    border: 2px solid #fff100;
    border-radius: 90px;
    background: #000000;
    top: 5px;
    left: -22px;
    z-index: 8;
}
.itinerary-roadstep .line-step:after{
    content: "";
    position: absolute;
    border-left: 2px solid #343d46;
    height: 50px;
    bottom: -20px;
    left: -2px;
    right: 0;
}

.gopro-accom-img-cover:before {
    position: absolute;
    content: '';
    width: 35%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), #131e2a 230px);
    right: 0;
    top: 0;
}
.gopro-accom-img-cover-mob:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 65%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #131e2a 230px);
    bottom: 0;
}
.gopro-p-dyn-tabcontent .product-preview{
    width: 100%;
    height: 500px;
}

.gopro-head-exp-map{ position: relative; }

.dive-center-action{
    transition: all 5s;
}

.dive-center-action .dc-hover:hover{
    filter: brightness(120%);
    -webkit-filter: brightness(120%);
    transition: all .5s;
}
.dive-center-action:focus > .dc-hover > img{
    border-radius: 10px !important;
    filter: brightness(120%);
    -webkit-filter: brightness(120%);
}
.dive-center-action:focus:after{
    content: '';
    background-image: url(/img/front/active-indicator.png);
    position: absolute;
    width: 107%;
    top: -10%;
    bottom: -2%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

/* Contact */
.nav-contact{
    width: 50%;
    margin: 0 auto;
    display: -webkit-flex; /* Safari */
    display: flex; /* Standard syntax */
}
.nav-contact .nav-menu-tab{
    padding: 10px;
    background: #dbdfe5;
    -webkit-flex: 1; /* Safari */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* Standard syntax */
    margin-left: 10px;

    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-contact .nav-menu-tab.active, .nav-contact .nav-menu-tab:hover{
    background: white;
    border: solid 3px #fff;
    color: #131e29;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.nav-contact .nav-menu-tab img {
    width: 70%;
    display: block;
    margin: 0 auto 15px auto;
}
.nav-contact .nav-menu-tab img.icon-selected {
    display: none;
}
.nav-contact .nav-menu-tab.active img.icon-nonselected, .nav-contact .nav-menu-tab:hover img.icon-nonselected {
    display: none;
}
.nav-contact .nav-menu-tab.active img.icon-selected, .nav-contact .nav-menu-tab:hover img.icon-selected {
    display: block;
}

.contact-tab-content .tab-divecenter .form-1-bg-overlay{
    position: absolute;
    right: 0;
    bottom: 25px;
    width: 500px;
}
.contact-tab-content .tab-divecenter .checkboxEachDcBox .checkboxEachDc { display:none; }
.contact-tab-content .tab-divecenter .checkboxEachDcBox .checkboxEachDc + label {
    display: inline-block;
    cursor: pointer;
}
.contact-tab-content .tab-divecenter .checkboxEachDcBox .checkboxEachDc + label > div {
    position: relative;
}
.contact-tab-content .tab-divecenter .checkboxEachDcBox .checkboxEachDc:checked + label > div img{
    border-radius: 10px !important;
    filter: brightness(120%);
    -webkit-filter: brightness(120%);
}
.contact-tab-content .tab-divecenter .checkboxEachDcBox .checkboxEachDc:checked + label > div:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/img/front/active-indicator.png);
    position: absolute;
    width: 110%;
    top: -10%;
    bottom: -2%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:not(:checked),
.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:checked {
  position: absolute;
  left: -9999px;
}
.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:not(:checked) + label,
.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:checked + label {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
}

/* checkbox aspect */
.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:not(:checked) + label:before,
.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 30px;
  height: 29px;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 90px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:not(:checked) + label:after,
.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:checked + label:after {
    content: "\f111";
    position: absolute;
    top: 8.5px;
    left: .50em;
    font-size: 1em;
    line-height: 0.8;
    color: #000000;
    transition: all .2s;
    font-family: fontawesome;
}
/* checked mark aspect changes */
.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:disabled:not(:checked) + label:before,
.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:disabled:checked + label:after {
  color: #999;
}
.contact-tab-content .tab-divecenter .checkboxPersonDiverNon:disabled + label {
  color: #aaa;
}

.requiredInput{ color: #ff4c4c; }
.contact-tab-content .tab-divecenter .many-person-caption{ font-size: 18px; }
.contact-tab-content .tab-divecenter .many-person-caption p{ margin-bottom: 0; }

.contact-tab-content .tab-divecenter  .many-person-box .form-box .mp-input{
    padding-left: 20px;
    padding-right: 20px;
}
.contact-tab-content .tab-divecenter  .many-person-box .cheklist-person-dv-box{ margin-top: .5em; }
.contact-tab-content .tab-divecenter  .many-person-box .cheklist-person-dv-box .cheklist-person-dv{
    display: inline-block;
    margin-left: 30px;
}
.contact-tab-content .tab-divecenter  .many-person-box .cheklist-person-dv-box .cheklist-person-dv:first-child{
    margin-left: 0;
}

.contact-tab-content .tab-divecenter .many-person-btn-box .add-person-box .btn-add-person{
    font-family: daxlineProBold;
    color: #ffffff;
    background: #a7adbb;
    border: none;
    width: 100%;
    border-radius: 5px;
    padding: 20px 15px;
    letter-spacing: 2px;
    outline: none;
}
.contact-tab-content .tab-divecenter .many-person-btn-box .add-person-box .btn-add-person .icon-plus{
    width: 15px;
    margin-right: 5px;
}

.contact-tab-content .tab-divecenter .input-label{
    font-family: daxlineProRegular;
    color: #343d46;
    font-size: 18px;
}
.contact-tab-content .tab-divecenter .form-input1 .form-group{
    margin-top: 1em;
}
.contact-tab-content .tab-divecenter .form-control{
    border: 3px solid #65737e;
    border-radius: 10px;
    height: 40px;
}
.contact-tab-content .tab-divecenter .error{
    color: #ff4c4c;
}
.contact-tab-content .tab-divecenter textarea.form-control{
    height: 150px;
}
.contact-tab-content .tab-divecenter .input-wicon .input-icon{
    position: absolute;
    width: 25px;
    top: 8px;
    left: 12px;
}
.contact-tab-content .tab-divecenter .input-wicon .form-control{ padding-left: 45px; }
.btn-contact-dc-send{
    background: #131e29;
    color: #fff100;
    border: none;
    font-family: daxlineProBold;
    font-size: 20px;
    letter-spacing: 2px;
    padding: 10px 3em;
    border-radius: 10px;
}

/* Contact custom Select */
.custom-select-contact-many-person{ display: inline-block; margin-left: 20px; }
.custom-select-contact-many-person .ui-selectmenu-button.ui-button::after {
    content: "\f078";
    position: absolute;
    font-family: fontawesome;
    color: #000000;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: transparent;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    height: 100%;
    display: flex;
    align-items: center;
}
.custom-select-contact-many-person .ui-selectmenu-button.ui-button {
    white-space: nowrap;
    width: 100%;
    height: 40px;
    border-radius: 10px;
    overflow: hidden;
    color: #131e29;
    border: 3px solid #65737e;
    line-height: 1.5em;
    background: #ffffff;
}
.custom-select-contact-many-person .ui-selectmenu-button.ui-button .ui-selectmenu-text{ margin-right: 40px; }
.custom-select-contact-many-person .ui-button:hover, .ui-button:focus{
    border: 3px solid #65737e;
    outline: none;
}
.custom-select-contact-many-person .ui-icon-triangle-1-s,
.custom-select-contact-many-person .ui-button .ui-icon{
    background-image: none !important;
}

/* Shortcode Widget */
.widget_cr_so{ background: #1a2735; }
.widget_cr_so .left-col{
    position: relative;
    padding-right: 0; 
}
.widget_cr_so .inner{        
    padding: 35px;
}
.widget_cr_so .main-top h3{
    font-size: 24px;
    color: #fff100;
    font-family: 'daxlineProBold';
}
.widget_cr_so .main-top .subtitle{
    font-size: 18px;
    margin-top: 10px;
}
.widget_cr_so .explanation-row{ margin-top: 30px; }
.widget_cr_so .explanation-row .exp-desc,
.widget_cr_so .explanation-row .exp-desc{
    font-size: 14px;
}
.widget_cr_so .explanation-row .exp-soil label{
    color: #ffffff;
    border-radius: 90px;
    font-size: 12px;
    padding: 5px 15px 2px;
    font-family: 'daxlineProBold';
}
.widget_cr_so .explanation-row .exp-soil .label-outer i{
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 90px;
    padding: 4px 7px 3px 6px;
    cursor: pointer;
    position: relative;
}
.widget_cr_so .explanation-row .exp-soil .label-outer i .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    font-size: 14px;
}
.widget_cr_so .explanation-row .exp-soil .label-outer i .tooltiptext p {
    margin-bottom: 0;
    line-height: 17px;
}
.widget_cr_so .explanation-row .exp-soil .label-outer i .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.widget_cr_so .explanation-row .exp-soil .label-outer i:hover .tooltiptext {
    visibility: visible;
}

.widget_cr_so .col-global-rating{ padding-left: 0; }
.widget_cr_so .global-rating{ 
    margin-top: 5px;
    border-bottom: 1px solid #4f5b66;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.widget_cr_so .global-rating .col-rating-rating,
.widget_cr_so .other-rating .col-rating-rating{
    display: flex;
    align-items: center;
    justify-content: flex-end;                    
}
.widget_cr_so .global-rating .col-rating-name span{
    font-size: 12px;
    color: #fff100;
    font-family: 'daxlineProRegular';
    line-height: 17px;
}
.widget_cr_so .other-rating .col-rating-name span{
    font-size: 12px;
    color: #ffffff;
    font-family: 'daxlineProRegular';
    line-height: 17px;
}

.widget_cr_so .global-rating .col-rating-progress,
.widget_cr_so .other-rating .col-rating-progress{
    padding: 0;
    display: flex;
    align-items: center;
}
.widget_cr_so .global-rating .rating-progress-bg,
.widget_cr_so .other-rating .rating-progress-bg{
    background: #6f6f6f;
    border-radius: 10px;
    width: 100%;
    height: 10px;
}

.widget_cr_so .global-rating .rating-progress-percentage{
    background: #fff100;
    border-radius: 10px;
    height: 10px;
}
.widget_cr_so .other-rating .rating-progress-percentage{
    background: #ffffff;
    border-radius: 10px;
    height: 10px;
}

.widget_cr_so .global-rating .col-rating-count,
.widget_cr_so .other-rating .col-rating-count{
    display: flex;
    align-items: center;
    justify-content: flex-end;                    
}
.widget_cr_so .global-rating .col-rating-count span{
    font-size: 12px;
    color: #fff100;
    font-family: 'daxlineProRegular';
}
.widget_cr_so .other-rating .col-rating-count span{
    font-size: 12px;
    color: #ffffff;
    font-family: 'daxlineProRegular';
}
.widget_cr_so .so-default-bottom{
    padding: 35px;
}
.widget_cr_so .so-default-bottom .caption{
    text-align: center;
    font-size: 11px;
    color: #d8dbe1;
    font-family: 'daxlineProRegular';
}
.widget_cr_so .so-default-bottom .caption p{ margin: 0; }
.widget_cr_so .so-default-bottom .description{
    font-size: 14px;
}
.widget_cr_so .so-default-bottom .col-link-box{
    display: flex;
    justify-content: flex-end;
}
.widget_cr_so .so-default-bottom .link-box{ padding-right: 0; }
.widget_cr_so .so-default-bottom .link-box a{
    padding: 10px 20px;
    background: transparent;
    border: 2px solid #fff100;
    border-radius: 10px;
    text-decoration: none;
    display: block;
}
.widget_cr_so .so-default-bottom .link-box a span{
    text-align: center;
    display: block;
}
.widget_cr_so .so-default-bottom .link-box a .big{
    font-size: 14px;
    color: #fff100;
    font-family: 'daxlineProBold';
    letter-spacing: 2px;
}
.widget_cr_so .so-default-bottom .link-box a .small{
    font-size: 12px;
    color: #ffffff;
    font-family: 'daxlineProRegular';
}

.widget_cr_so .right-col{
    position: relative;
    padding-left: 0; 
}
.widget_cr_so .right-col .stamp-icon{
    position: absolute;
    left: -50px;
    top: 20px;
    width: 120px;
    z-index: 9;
}
.widget_cr_so .right-col .featured-img-sec{
    display: flex;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: 70%;
}
.widget_cr_so .right-col .link-box{
    position: absolute;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
}
.widget_cr_so .right-col .link-box a{
    width: 100%;
    padding: 11px 20px;
    background: #fff100;
    text-decoration: none;
}
.widget_cr_so .right-col .link-box a span{
    text-align: center;
    display: block;
}
.widget_cr_so .right-col .link-box a .big{
    font-size: 14px;
    color: #000000;
    font-family: 'daxlineProBold';
    letter-spacing: 2px;
}
.widget_cr_so .right-col .link-box a .small{
    font-size: 12px;
    color: #000000;
    font-family: 'daxlineProRegular';
}

.widget_cr_so .col-tab-desc-itinerary{ padding: 50px 45px 30px; }
.widget_cr_so .col-tab-desc-itinerary .itinerary-maps-box img{
    width: 100%;
}
.widget_cr_so .col-tab-desc-itinerary .itinerary-timeline{ margin-top: 30px; }
.widget_cr_so .col-tab-desc-itinerary .itinerary-timeline .col-itinerary{ position: relative; }
.widget_cr_so .col-tab-desc-itinerary .itinerary-timeline .col-itinerary .title{
    font-size: 18px;
    padding-left: 35px;
}
.widget_cr_so .col-tab-desc-itinerary .itinerary-timeline .col-itinerary .title:before{
    content: '';
    background: #131e29;
    border: 3px solid #fff100;
    border-radius: 90px;
    position: absolute;
    left: 15px;
    top: 5px;
    height: 20px;
    width: 20px;
    z-index: 9;
}
.widget_cr_so .col-tab-desc-itinerary .itinerary-timeline .col-itinerary .title.with-left-border:after{
    content: '';
    background: #4f5b66;
    position: absolute;
    left: 23px;
    top: 10px;
    height: 100%;
    width: 3px;
}
.widget_cr_so .col-tab-desc-itinerary .itinerary-timeline .col-itinerary .description{
    padding-left: 35px;
    position: relative;
    font-size: 14px;
}
.widget_cr_so .col-tab-desc-itinerary .itinerary-timeline .col-itinerary .description.with-left-border:before{
    content: '';
    background: #4f5b66;
    position: absolute;
    left: 8px;
    top: -25px;
    height: calc(100% + 50px);
    width: 3px;
}
.widget_cr_so .col-tab-desc-itinerary .itinerary-timeline .col-itinerary .description .frame-img{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}
.widget_cr_so .col-tab-desc-itinerary .itinerary-timeline .col-itinerary .description .frame-img img{
    width: 100%;
}

.widget_cr_so .so-tab-sec{
    overflow: hidden;
    width: 100%;
}
.widget_cr_so .main-top .subtitle{
    display: flex;
    flex-flow: wrap;
    color: #ffffff;                            
}
.widget_cr_so .main-top .subtitle p{ margin-bottom: 0; }
.widget_cr_so .main-top .subtitle .separator{
    margin: 0px 10px;
    color: #a7adba;
}
.widget_cr_so .main-top .subtitle .duration,
.widget_cr_so .main-top .subtitle .rates{
    font-family: 'opensans';
    width: auto !important;
}
.widget_cr_so .main-top .subtitle .rates .currency-info{
    color: #fff100;
    font-family: 'opensans';
}
.widget_cr_so .explanation-row .exp-dep-schedule .title{
    color: #fff100;
    font-family: 'daxlineProBold';
    font-size: 16px;
    margin-bottom: 0;
}
.widget_cr_so .explanation-row .exp-dep-schedule .info{
    color: #ffffff;
    font-family: 'daxlineProRegular';
    font-size: 14px;
}
.widget_cr_so .explanation-row .exp-dep-schedule .info .yellow{ color: #fff100; }
.widget_cr_so .explanation-row .exp-goto-detail a{
    color: #fff100;
    font-family: 'daxlineProRegular';
    text-align: center;
    padding: 1em 1em;
    width: 100%;
    display: block;
    font-size: 12px;
    border: 2px solid #fff100;
    border-radius: 10px;
    letter-spacing: 2px;
    white-space: pre-wrap;
}
.widget_cr_so .explanation-row .exp-desc .price-info{
    color: #d8dbe1;
    font-family: 'daxlineProRegular';
    font-size: 14px;
}
.widget_cr_so .explanation-row .exp-desc .price-info b{ font-family: 'daxlineProBold'; }
.widget_cr_so .explanation-row .exp-desc .price-info b .white{ color: #ffffff; }
.widget_cr_so .explanation-row .exp-desc .price-info b .yellow{ color: #fff100; }
.widget_cr_so .explanation-row .exp-dep-schedule{ position: relative; }
.widget_cr_so .explanation-row .exp-dep-schedule .stamp-icon-dep{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    margin-top: -10px;
}
.widget_cr_so .explanation-row .exp-dep-schedule .stamp-text-dep{
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -10px;
}
.widget_cr_so .explanation-row .exp-dep-schedule .select-dep-date-label{
    font-family: 'daxlineProBold';
    font-size: 15px;
    color: #ff4c4c;
    width: 100%;
}
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .main-panel-selector{
    border: 1px solid #c0c5ce;
    border-radius: 70px;
    padding: 10px 35px 10px 15px;
    color: #ffffff;
    font-family: 'openSansBold';
    font-size: 13px;
    position: relative;
    cursor: pointer;
    margin-top: 10px;
}
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .main-panel-selector::after{
    content: ' ';
    width: 30px;
    height: 12px;
    display: block;
    position: absolute;
    right: 5px;
    top: 13px;
    background-image: url(/img/front/icon-date-sm-yellow.png)!important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .main-panel-selector .opn{ font-family: 'openSans'; }
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list{
    border: 1px solid #ffffff;
    border-radius: 5px;
    max-height: 300px;
    overflow-y: auto;
    position: absolute;
    width: 140%;
    margin-top: 10px;
    background: #1a2735;
    padding: 10px 15px 15px;
    z-index: 99;
    display: none;
}
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list li{ list-style: none; }
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .list-title{ margin-top: 10px; }
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .list-title,
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .list-nor{
    font-family: 'openSans';
    font-size: 15px;
    color: #ffffff;
    position: relative;
}
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .list-nor{ cursor: pointer; }
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .list-nor.active{ background:#343d46; }
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .list-title .bold{ font-family: 'openSansBold'; }
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .stamp-text-dep{ margin-top: 0; }
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .stamp-icon-dep{ 
    margin-top: 0; 
    width: 30px;
}
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .list-end-contact{ margin-top: 20px; }
.widget_cr_so .explanation-row .exp-dep-schedule .cus-select-dep-box .dropdown-list .list-end-contact a{
    display: block;
    text-align: center;
    font-size: 15px;
    color: #fff100;
}
.widget_cr_so .explanation-row .exp-dep-schedule .select-dep-box-info p{
    font-family: 'daxlineProRegular';
    font-size: 14px;
    color: #d8dbe1;
    margin-top: 15px;
    margin-bottom: 0;
}
.widget_cr_so .tab-co-header{
    background: #293c50;
    padding: 15px;
}
.widget_cr_so .tab-co-header .title{
    color: #ffffff;
    margin-bottom: 0;
    font-family: 'daxlineProBold';
    font-size: 24px;
}

.widget_cr_so .main-top .subtitle{
    display: flex;
    flex-flow: wrap;
    color: #ffffff;                            
}
.widget_cr_so .main-top .subtitle p{ margin-bottom: 0; }
.widget_cr_so .main-top .subtitle .separator{
    margin: 0px 10px;
    color: #a7adba;
}
.widget_cr_so .main-top .subtitle .duration,
.widget_cr_so .main-top .subtitle .rates{
    font-family: 'opensans';
    width: auto !important;
}
.widget_cr_so .main-top .subtitle .rates .currency-info{
    color: #fff100;
    font-family: 'opensans';
}
.widget_cr_so .explanation-row .exp-dep-schedule .title{
    color: #fff100;
    font-family: 'daxlineProBold';
    font-size: 16px;
    margin-bottom: 0;
}
.widget_cr_so .explanation-row .exp-dep-schedule .info{
    color: #ffffff;
    font-family: 'daxlineProRegular';
    font-size: 14px;
}
.widget_cr_so .explanation-row .exp-dep-schedule .info .yellow{ color: #fff100; }
.widget_cr_so .explanation-row .exp-goto-detail a{
    color: #fff100;
    font-family: 'daxlineProRegular';
    text-align: center;
    padding: 1em 1em;
    width: 100%;
    display: block;
    font-size: 12px;
    border: 2px solid #fff100;
    border-radius: 10px;
    letter-spacing: 2px;
    white-space: pre-wrap;
}
.widget_cr_so .explanation-row .exp-desc .price-info{
    color: #d8dbe1;
    font-family: 'daxlineProRegular';
    font-size: 14px;
}
.widget_cr_so .explanation-row .exp-desc .price-info b{ font-family: 'daxlineProBold'; }
.widget_cr_so .explanation-row .exp-desc .price-info b .white{ color: #ffffff; }
.widget_cr_so .explanation-row .exp-desc .price-info b .yellow{ color: #fff100; }
.widget_cr_so .explanation-row .exp-dep-schedule{ position: relative; }
.widget_cr_so .explanation-row .exp-dep-schedule .stamp-icon-dep{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    margin-top: -10px;
}

.tab-cruise-offer{
    background: #293c50;
    position: relative;
    padding: 20px 0px !important;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    border-right: 1px solid #1a2735;
    margin: 0px 15px;
    text-decoration: none;
}
a.tab-cruise-offer:hover{
    color: #ffffff;
    text-decoration: none;
}
.tab-cruise-offer.tab-co-active {
    background-color: #151e28;
}

.widget_cr_so .col-tab-desc-gallery .gallery-content-box{ padding: 50px 35px 30px; }

.widget_cr_so .col-tab-desc-testimonial{ padding: 50px 45px 30px; }
.widget_cr_so .col-tab-desc-testimonial .owl-theme .owl-dots .owl-dot{ margin: 0; outline: none; }
.widget_cr_so .col-tab-desc-testimonial .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ outline: none; }
.widget_cr_so .col-tab-desc-testimonial .owl-carousel .owl-stage { display: flex; }
.widget_cr_so .col-tab-desc-testimonial .owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}
.widget_cr_bucket_list_carousel-inner2{ overflow: initial; }

.cruise-dream-sec{
    background-repeat: no-repeat;
    min-height: 400px;
    background-size: cover;
    background-position: center;
}
.cruise-dream-sec h3.title{
    color: #fff100;
    font-family: 'daxlineProBold';
    font-size: 25px;
    text-align: center;
}
.cruise-dream-sec .description{
    text-transform: none;
}
.cruise-dream-sec .btn-link{
    background: #fff100;
    padding: 10px 35px;
    border-radius: 90px;
    color: #000000;
    text-decoration: none;
    font-family: 'daxlineProBold';
    letter-spacing: 2px;
}

.widget_cr_bucket_list .bucket-stretch-img{
    width: auto;
    margin-top: 30px;
    margin-left: -15px;
    margin-right: -15px;
}
.widget_cr_bucket_list .middle-bucket{
    margin-top: 30px;
    margin-bottom: 20px;
}
.widget_cr_bucket_list .bucket-grid-img{
    width: 100%;        
}
.widget_cr_bucket_list .bucket-grid-img.mb{
    margin-bottom: 20px;
}
.widget_cr_bucket_list .bucket-stretch-img div{
    width: 100%;
    height: auto;
    background: #343d46;
}
.widget_cr_bucket_list .bucket-grid-img div{
    width: 100%;
    height: auto;
    background: #343d46;
}
.widget_cr_bucket_list .bucket-stretch-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.widget_cr_bucket_list .bucket-grid-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.widget_cr_bucket_list .col-cb_btn_fom .item-center{
    justify-content: flex-start !important;
    padding-left: 0 !important;
}

.gal_ad_indic_active{
    border: 3px solid rgb(255, 241, 0);
}

.each-dive-detail-dropdown-box .head-caption{
    font-family: daxlineProBold;
    font-size: 20px;
    color: #343d46;
}
.each-dive-detail-dropdown-box .row-dc-preview{
    margin-left: 0;
    margin-right: 0;
}
.each-dive-detail-dropdown-box .dc-preview-background{
    background: #343d46;
    padding-top: 2em;
}
.each-dive-detail-dropdown-box .frame-dc-photo,
.each-dive-detail-dropdown-box .frame-dc-map-img{
    height: 300px;
    position: relative;
}
.each-dive-detail-dropdown-box .frame-dc-map-img:after{
    content: '';
    background: #000000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .2;
}
.each-dive-detail-dropdown-box .frame-dc-map-img .popup-content{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
.each-dive-detail-dropdown-box .frame-dc-map-img .popup-content .maps-icon{ width: 50px; }
.each-dive-detail-dropdown-box .frame-dc-map-img .popup-content .caption{
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    line-height: 17px;
    margin-top: 5px;
}

.each-dive-detail-dropdown-box .frame-dc-photo img.dc-photo,
.each-dive-detail-dropdown-box .frame-dc-map-img img.map-img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.each-dive-detail-dropdown-box .dc-details-background{
    background: #131e29;
    padding-top: 2em;
    padding-bottom: 2em;
}
.each-dive-detail-dropdown-box .dc-details-background h4.dive-name{
    font-size: 30px;
}
.each-dive-detail-dropdown-box .dc-details-background .txt-divename{
    color: #fff100;
    font-family: daxlineProBold;
}
.each-dive-detail-dropdown-box .dc-details-background .txt-dive-sector{
    color: #ffffff;
    font-family: daxlineProRegular;
}
.each-dive-detail-dropdown-box .dc-details-background p.location-desc{
    font-size: 18px;
    font-family: daxlineProRegular;
    color: #c0c5ce;
}
.each-dive-detail-dropdown-box .dc-details-background .contact-list{
    list-style: none;
    margin-top: 5px;
}
.each-dive-detail-dropdown-box .dc-details-background .contact-list .label-icon{ margin-right: 5px; }
.each-dive-detail-dropdown-box .dc-details-background .contact-list .txt-label a{
    font-size: 14px;
    font-family: opensans;
    color: #ffffff;
    text-decoration: none;
}

/* Loop Template */
.srp-top{
    background: #00000042;
    min-height: 75px;
    border-radius: 10px 10px 0px 0px;
}
.srp-top h3{
    font-size: 22px;
}
.srp-top p{
    font-size: 18px;
}

/* Contact Thankyou */
.contact-thankyou{
    min-height: 100vh;
    background: #131e29;
    position: relative;
}
.contact-thankyou .logo-cty-box .logo-cty{ width: 180px; }
.contact-thankyou .text-cty-box{
    margin-top: 2.5em;
    text-align: center;
}
.contact-thankyou .text-cty-box .title{
    font-family: daxlineProBold;
    font-size: 35px;
    color: #ffffff;
}
.contact-thankyou .text-cty-box .description{ font-size: 16px; }
.contact-thankyou .subscribe-form-box{ margin-top: 1.5em; }
.contact-thankyou .subscribe-form-box .email-input{
    border: 2px solid #ffffff;
    border-radius: 90px;
    background: transparent;
    height: 55px;
    color: #ffffff;
    text-align: center;
}
.contact-thankyou .subscribe-form-box .email-input::-webkit-input-placeholder { /* Edge */
    color: #ffffff;
    text-align: center;
}
.contact-thankyou .subscribe-form-box .email-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff;
    text-align: center;
}

.contact-thankyou .subscribe-form-box .email-input::placeholder {
    color: #ffffff;
    text-align: center;
}
.contact-thankyou .subscribe-form-box .button-box .btn-subcribe-cty{
    border: none;
    background: #fff100;
    color: #141e28;
    border-radius: 90px;
    font-size: 18px;
    padding: 10px 20px;
    min-width: 200px;
    letter-spacing: 2px;
    font-family: daxlineProBold;
}

/* Under Construction */
.under-construction{
    height: 100vh;
    background: #131e29;
    position: relative;
}
.under-construction .strip-top{
    position: absolute;
    top: 80px;
}
.under-construction .strip-top img,
.under-construction .strip-bottom img{ width: 100%; }

.under-construction .strip-top .strip-mob,
.under-construction .strip-bottom .strip-mob{ display: none; }

.under-construction .strip-bottom{
    position: absolute;
    bottom: 0;
}

.under-construction .icon-dvcp-box .icon-dvcp{ width: 180px; }
.under-construction .text-dvcp-box{
    margin-top: 1em;
    text-align: center;
}
.under-construction .text-dvcp-box .title{
    font-family: daxlineProBold;
    font-size: 35px;
    color: #ffffff;
}
.under-construction .text-dvcp-box .description{
    font-family: daxlineProRegular;
    font-size: 18px;
    color: #c0c5ce;
}
.under-construction .btn-return-box{ margin-top: 5em; }
.under-construction .btn-return-box .btn-return{
    background: #fff100;
    color: #131e29;
    text-decoration: none;
    letter-spacing: 3.5px;
    font-size: 16px;
    font-family: daxlineProBold;
    padding: 5px 30px;
    border-radius: 90px;
}

.carousel-co-dive-attr{
    padding-left: 20px;
    padding-right: 80px;
    height: 480px;
    margin-left: -15px;
    margin-right: -15px;
}
.carousel-co-dive-attr .carousel-inner{ height: 100%; }
.carousel-co-dive-attr .carousel-inner .carousel-item{ height: 100%; }
.carousel-co-dive-attr .carousel-inner .carousel-item img{
    object-fit: cover;
    height: 100%;
}
.carousel-co-dive-attr .carousel-control-prev,
.carousel-co-dive-attr .carousel-control-next{
    bottom: 0 !important;
    width: 30px;
}
.carousel-co-dive-attr .carousel-control-next{ right: 80px !important; }
.carousel-co-dive-attr .carousel-control-prev::before,
.carousel-co-dive-attr .carousel-control-next::before{ content: none; }
.carousel-co-dive-attr .carousel-control-prev img{ left: 20px; }
.carousel-co-dive-attr .carousel-control-prev img,
.carousel-co-dive-attr .carousel-control-next img{ top: 40%; }

/* responsive */
@media only screen and (max-width: 320px) {
    .circle-prev {
        top: 130px;
    }
    .carousel-control-prev-icon {
        position: absolute;
        top: 145px;
        margin-left: 5px;
    }
    .circle-next {
        top: 130px;
    }
    .carousel-control-next-icon {
        position: absolute;
        top: 145px;
        margin-left: -5px;
    }
    .carousel-caption h5 .white,.carousel-caption h5 .yellow {
        font-size: 16px;
    }
    .carousel-caption p {
        font-size: 13px;
    }
    .carousel-caption {
        bottom: 180px !important;
    }
    /* .carousel-indicators {
        bottom: 160px !important;
    } */
    .head-slider {
        height: calc(100vh - 75px);
    }
    .title-desc h3 {
        font-size: 22px;
        font-weight: bold;
    }
    .main-desc {
        font-size: 12px;
    }
    .ci-item {
        font-size: 11px;
    }
    .bubble-tip {
        margin-left: 2px;
    }
    .turtle {
        left: 20px;
    }
    .bubble-tip-text {
        left: 90px;
    }
    .bubble-hori {
        width: 280px;
    }
    .med-map {
        width: 280px;
        height: 180px;
    }
    .map-tip {
        font-size: 7px;
        top: 110px;
        left: 40px;
    }
    .section-concept {
        padding-right: 10px !important;
        padding-left: 10px !important;
        height: 1115px;
    }
    .tab-loc-img {
        width: 60px;
        height: 60px;
    }
    .tab-loc-child {
        margin: 0 2px 0 10px;
    }
    .pamuteran {
        top: 5px;
        left: 0px;
    }
    .amed {
        top: 55px;
        right: -25px;
    }
    .tulamben {
        top: 13px;
        right: 10px;
    }
    .lembongan {
        top: 175px;
        right: -5px;
    }
    .dive-tip {
        width: 90%;
        font-size: 11px;
        padding: 5px;
    }
    .tab-loc {
        display: flex;
        justify-content: center;
    }
    .tab-loc-dive.mt-4 {
        margin-top: 10px !important;
    }
    .tab-loc-dive.ml-3 {
        margin-left: 8px !important;
    }
    .tab-dive {
        height: 120px;
    }
    .dive-icon {
        width: 60px;
        height: 58px;
    }
    .tab-loc-dive-child {
        width: 60px;
        height: 58px;
    }
    .dive-indicator {
        width: 54px;
        height: 55px;
    }
    .dive-price {
        margin-bottom: 50px;
    }
    .dive-price .col-5 {
        padding-left: 0px;
    }
    .dive-price .col-7 {
        padding-right: 0px;
    }
    .dive-price button {
        text-transform: uppercase;
    }
    .section-course-master {
        height: 380px;
    }
    .section-course-master .dive-price.d-flex {
        display: block !important;
    }
    .section-course-master .dive-price .col-5 {
        float: left;
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
    .section-course-master .dive-price .col-7 {
        float: left;
        max-width: 100%;
        margin-top: 15px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .section-course-master .dive-price .col-7 span:not(:first-child) {
        font-weight: bold;
    }
    .section-sea .tab-dive-turtle {
        margin-top: 130px;
    }
    .section-safari .dive-price {
        display: block !important;
    }
    .section-safari .dive-price .col-4 {
        float: left;
        max-width: 50%;
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 25px;
    }
    .section-safari .dive-price .col-4:last-child {
        float: left;
        max-width: 100%;
        width: 100%;
        display: block;
        flex: 0 0 100%;
        margin-top: 10px;
    }
    .section-safari .dive-price .col-4:last-child .mt-3 br {
        display: none;
    }
    .section-safari {
        height: 500px;
    }
    .section-list {
        height: 600px;
    }
    .section-list .list-child {
        padding-bottom: 10px !important;
    }
    .section-list .list-child span:first-child {
        display: block;
        padding-bottom: 5px;
    }
    .section-custom {
        height: 180px;
    }
    .section-custom.d-flex {
        display: block !important;
    }
    .section-custom .col-7 {
        float: left;
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
    .section-custom .col-5 {
        float: left;
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
    .section-custom .col-5 .mt-5 {
        margin-top: 10px !important;
    }
    .section-div .tab-loc-dive-div {
        margin-top: 10px !important;
    }
    .section-career {
        height: 600px;
        margin-top: -50px;
    }
    .section-testimoni .testi-text {
        font-size: 9px !important;
        text-align: justify !important;
        padding-right: 10px !important;
    }
    .section-join .social-media,.section-join .cta-btn {
        margin-top: 20px !important;
    }
    .section-join .social-media.d-flex {
        display: block !important;
    }
    .section-join .social-media .col-7.d-flex {
        display: block !important;
    }
    .section-join .social-media .col-5, .section-join .social-media .col-7 {
        float: left;
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        display: block;
    }
    .section-join .social-media .col-7 {
        margin-top: 5px;
    }
    .section-join .social-media .social-icon {
        margin-left: 0px;
        margin-right: 10px;
    }
    .section-join .join-slider {
        clear: both;
        margin-top: 150px !important;
    }
    .section-detail .detail-icon-child {
        width: 50px;
        height: 50px;
    }
    .section-detail .detail-icon {
        display: flex;
        justify-content: center;
    }
    .sponsor img {
        margin-right: 30px;
        margin-top: 30px;
    }
    .sponsor {
        height: 250px;
        padding-left: 20px !important;
    }
    .second-footer img:first-child {
        margin-left: 2px;
    }
    .down-footer .col-6 {
        float: left;
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        display: block;
    }
    .down-footer .col-6:last-child {
        text-align: center !important;
    }
}

@media only screen and (min-width: 360px) {
    .circle-prev,.circle-next {
        top: 245px;
    }
    .tab-loc-img {
        width: 60px;
        height: 60px;
    }
    .tab-loc-child {
        margin: 0 2px 0 10px;
    }
    .section-concept-icon .tab-loc {
        margin-left: 15px;
    }
    .head-slider {
        background-color: unset;
        height: calc(100vh - 75px);
    }
    .head-slider .carousel-inner, .head-slider .carousel-inner .carousel-item img{
        height: calc(100vh - 75px);
    }
    .tab-loc-dive.ml-3 {
        margin-left: 10px !important;
    }
    .dive-icon {
        width: 70px;
        height: 68px;
    }
    .tab-loc-dive-child {
        width: 70px;
        height: 68px;
    }
    .dive-indicator {
        width: 64px;
        height: 65px;
    }
    .ci-item {
        font-size: 13px;
    }
    .dive-price button {
        text-transform: uppercase;
    }
    .dive-price .col-5 {
        padding-left: 0px;
    }
    .dive-price .col-7 {
        padding-right: 0px;
    }
    .section-safari {
        height: 380px;
    }
    .section-list .list-child span:first-child {
        display: block;
        padding-bottom: 5px;
    }
    .section-list .list-child {
        padding-bottom: 10px !important;
    }
    .section-list {
        height: 550px;
    }
}

@media only screen and (min-width: 375px) {
    .circle-prev {
        top: 200px;
    }
    .carousel-control-prev-icon {
        position: absolute;
        top: 215px;
    }
    .circle-next {
        top: 200px;
    }
    .carousel-control-next-icon {
        position: absolute;
        top: 215px;
    }
    .carousel-caption {
        bottom: 170px !important;
    }
    /* .carousel-indicators {
        bottom: 130px !important;
    }   */
    .head-slider {
        height: calc(100vh - 75px);
    }
    .amed {
        right: -20px;
    }
    .lembongan {
        right: 5px;
    }
    .tab-loc-img {
        width: 60px;
        height: 60px;
    }
    .tab-loc-child {
        margin: 0 2px 0 10px;
    }
    .section-concept-icon .tab-loc {
        margin-left: 25px;
    }
    .dive-icon {
        width: 70px;
        height: 68px;
    }
    .tab-loc-dive-child {
        width: 70px;
        height: 68px;
    }
    .dive-indicator {
        width: 64px;
        height: 65px;
    }
    .dive-price button {
        text-transform: uppercase;
    }
    .dive-price .col-5 {
        padding-left: 0px;
    }
    .dive-price .col-7 {
        padding-right: 0px;
    }
    .section-safari {
        height: 380px;
    }
    .section-list .list-child span:first-child {
        display: block;
        padding-bottom: 5px;
    }
    .section-list .list-child {
        padding-bottom: 10px !important;
    }
    .section-list {
        height: 550px;
    }
}
@media only screen and (min-width: 400px) {
    .tulamben{
        right: 70px;
    }
    .amed{
        right: 15px;
    }
    .lembongan{
        right: 35px;
    }
    .map-tip{
        width: 62%;
        top: 130px;
    }
}
@media only screen and (min-width: 414px) {
    .carousel-control-next, .carousel-control-prev {
        bottom: 13% !important;
    }
    .carousel-caption {
        bottom: 130px !important;
    }
    /* .carousel-indicators {
        bottom: 100px !important;
    } */
    .head-slider {
        height: calc(100vh - 75px) !important;
    }
}

@media only screen and (min-width: 575px) {
    .find-more .find-more-image {
        position: absolute;
        display: flex;
        width: 60%;
        height: 100%;
        right: 0;
        top: 0;
        bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    /*  */
    .carousel-co-dive-attr{
        padding-left: 0px;
        padding-right: 0px;
        height: auto;
    }
    .carousel-co-dive-attr .carousel-control-prev img{ left: 0px; }
    .carousel-co-dive-attr .carousel-control-next{ right: 0px !important; }

    /* cruise home */
    .cruise-personal-offer-row .form-po .side-left {
        padding-right: 15px;
    }
    .cruise-personal-offer-row .form-po .side-right {
        padding-left: 15px;   
    }
    .cruise-personal-offer-row .form-po .col-field-name label {
        font-size: 10px;
    }
    .lbl-check{ font-size: 10px; }
    .cruise-personal-offer-row .form-po .col-input-field .input-field .std-field .destination-span {
        font-size: 8px;
    }
    .cruise-personal-offer-row .form-po .col-input-field .input-field .checkbox-field label {
        font-size: 10px;
    }
    .cruise-personal-offer-row .form-po .form-sec-q-identity,
    .cruise-personal-offer-row .form-po .offset-inner {
        padding: 0;
    }
    .cruise-personal-offer-row .form-po .form-sec-q-identity .form-q-identity-side-info {
        font-size: 10px;
        justify-content: flex-end;
        text-align: right;
        margin-top: 5px;
    }
    .cruise-personal-offer-row .form-po .form-sec-q-identity .inp-w-label {
        font-size: 9px;
    }
    .cruise-personal-offer-row .form-po .form-sec-q-identity .std-textarea,
    .cruise-personal-offer-row .form-po .form-sec-q-identity .input-group .std-inp-txt{ font-size: 12px; }
    .btn-booknow-sticky {
        right: 10px;
        bottom: 10px;
    }
}

@media only screen and (min-width: 768px) {    
  /*  .head-slider {
        background: unset;
    }*/
    .head-slider .carousel-inner,.head-slider .carousel-inner .carousel-item img {
        height: calc(90vh - 75px);
    }
    .circle-prev,.circle-next {
        top: 300px;
    }
    .carousel-control-prev-icon {
        top: 315px;
        margin-right: 50px;
    }
    .carousel-control-next-icon {
        top: 315px;
        margin-right: -50px;
    }
    .carousel-caption {
        bottom: 250px !important;
    }
    /* .carousel-indicators {
        bottom: 200px !important;
    } */
    .med-map {
        width: 730px;
        height: 300px;
    }
    .pamuteran {
        left: 75px;
    }
    .tulamben {
        right: 80px;
        top: 25px;
    }
    .amed {
        right: -20px;
        top: 90px;
    }
    .lembongan {
        right: 65px;
        top: 260px;
    }
    .bubble-hori {
        width: 700px;
    }
    .map-tip {
        width: 62%;
        top: 140px;
        left: 130px;
        font-size: 15px;
    }
    .section-concept {
        margin-top: -85px;
    }
    .tab-loc-img {
        width: 100px;
        height: 90px;
    }
    .section-concept-icon {
        height: 200px;
        margin-top: -50px;
    }
    .section-concept-icon p {
        font-size: 16px !important;
    }
    .tab-loc {
        display: flex;
        justify-content: center;
    }
    .section-concept-icon .tab-loc {
        margin-left: 0px;
    }
    .tab-dive {
        margin-top: 288px;
    }
    .tab-dive-turtle {
        margin-top: 265px;
    }
    .section-div .tab-dive-turtle {
        margin-top: 165px;
    }
    .join-slider-main {
        padding-top: 50px;
        display: flex;
        justify-content: center;
    }
    .detail-icon {
        display: flex;
        justify-content: center;
    }
}

/* 375px */
@media only screen and (max-width: 375px) {
	.section-course {
		height: calc(100vh - 75px);
	}
	.section-why {
		overflow: unset;
		padding-top: 10px;
		height: auto;
		padding-bottom: 30px;
	}
	.section-why > h5 {
		margin-top: 100px;
	}
	.section-why > .container:nth-of-type(1) .col-3 {
		padding-left: 5px !important;
		padding-right: 0px !important;
		justify-content: unset !important;
		max-width: 20% !important;
		flex: 0 0 20% !important;
	}
	.section-loc {
		overflow: unset;
		height: auto;
		padding-bottom: 30px;
	}
	.section-list {
		padding-top: 10px;
	}
	.list-course {
		height: auto !important;
		padding-bottom: 50px;
	}
	.section-scuba {
		height: auto !important;
		padding-bottom: 50px;
	}
	.section-tab-course {
		height: auto !important;
		padding-bottom: 50px;
	}
	.tab-course-icon {
		padding-right: 0px !important;
	}
	.tab-adv {
		padding-right: 0px !important;
	}
	.section-join > h4:nth-of-type(1) {
		margin-top: 0px !important;
	}
	.section-join {
		padding-top: 40px !important;
	}
	.section-join .join-slider {
		margin-top: 20px !important;
	}
}

/* 360px */
@media only screen and (max-width: 360px) {
	.section-course {
		height: calc(100vh - 75px);
	}
	.section-why {
		overflow: unset;
		padding-top: 100px;
		height: auto;
		padding-bottom: 30px;
	}
	.section-why > h5 {
		margin-top: 0px;
	}
	.section-why > .container:nth-of-type(1) .col-3 {
	  padding-left: 5px !important;
	  padding-right: 0px !important;
	  justify-content: unset !important;
	  max-width: 20% !important;
	  flex: 0 0 20% !important;
	}
	.section-loc {
	  overflow: unset;
	}
	.section-list {
		padding-top: 10px;
	}
	.list-course {
		height: auto !important;
		padding-bottom: 50px;
	}
	.section-scuba {
		height: auto !important;
		padding-bottom: 50px;
	}
	.section-tab-course {
		height: auto !important;
		padding-bottom: 50px;
	}
	.tab-course-icon {
		padding-right: 0px !important;
	}
	.tab-adv {
		padding-right: 0px !important;
	}
	.section-offer {
		height: 250px;
	}
	.section-gopro {
	    height: 250px;
	}
	.section-gopro > .col-6:nth-of-type(1) {
		display: none;
	}
	.section-gopro > .col-6:nth-of-type(2) {
		max-width: 100% !important;
		flex: 0 0 100% !important;
		padding-top: 50px !important;
	}
	.section-gopro > .col-6:nth-of-type(2) > p {
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	.section-join > h4:nth-of-type(1) {
		margin-top: 0px !important;
	}
	.section-join {
		padding-top: 40px !important;
	}
	.cta-btn {
		width: 180px;
	}
	.section-join .join-slider {
		margin-top: 30px !important;
	}
	.menu-etc {
		/* margin-bottom: 0px; */
		font-size: 13px;
	}
	.flag-child {
	    width: 20px;
	}
}


/* 320px */
@media only screen and (max-width: 320px) {
	.section-course {
	  height: calc(100vh - 75px);
	}
	.section-course > .shader > .check-out > span:nth-of-type(1) {
	  display: block;
	}
	.section-why {
		overflow: unset;
		padding-top: 100px;
		height: auto;
		padding-bottom: 30px;
	}
	.section-why > h5 {
		margin-top: 0px;
	}
	.section-why > .container:nth-of-type(1) .col-3 {
	  padding-left: 5px !important;
	  padding-right: 0px !important;
	  justify-content: unset !important;
	  max-width: 20% !important;
	  flex: 0 0 20% !important;
	}
	.section-loc {
	  overflow: unset;
	}
	.section-list {
		padding-top: 40px;
	}
	.list-course {
		height: auto !important;
		padding-bottom: 50px;
	}
	.section-scuba {
		height: auto !important;
		padding-bottom: 50px;
	}
	.section-tab-course {
		height: auto !important;
		padding-bottom: 50px;
	}
	.tab-course-icon {
		padding-right: 0px !important;
	}
	.section-rate {
		height: 500px;
	}
	.tab-adv {
		padding-right: 0px !important;
	}
	.feed-desc {
		padding-left: 20px !important;
	}
	.s-txt {
		margin-bottom: 15px !important;
	}
	.feed-btn {
		margin-bottom: 15px !important;
	}
	.section-feed {
		height: auto;
		padding-bottom: 30px !important;
	}
	.section-offer {
		height: 250px;
	}
	.course-wrapper {
		width: 75%;
		top: 30px;
	}
	.price-course {
		font-size: 15px;
	}
	.price-wrapper {
		top: 15px;
	}
	.section-gopro {
		height: 250px;
	}
	.section-gopro > .col-6:nth-of-type(1) {
		display: none;
	}
	.section-gopro > .col-6:nth-of-type(2) {
		max-width: 100% !important;
		flex: 0 0 100% !important;
		padding-top: 50px !important;
	}
	.section-gopro > .col-6:nth-of-type(2) > p {
		margin-top: 15px !important;
		margin-bottom: 15px !important;
	}
	.section-join > h4:nth-of-type(1) {
		margin-top: 0px !important;
	}
	.section-join {
		padding-top: 40px !important;
	}
	.cta-btn {
		width: 180px;
	}
	.section-join .join-slider {
		margin-top: 110px !important;
	}
	.icon-dive-child {
		width: 30px;
		height: auto;
	}
	.menu-etc {
		margin-bottom: 0px;
		font-size: 13px;
	}
	.flag-child {
		width: 20px;
	}
}

@media only screen and (min-width: 1200px) {
	.is-desktop {
		display: block !important;
	}
	.is-mobile {
		display: none !important;
	}

    /* cruise home */
    .cruise-why-manta-icon-bg{            
        margin-top: 2em;
        margin-right:-20px;
    }
    .cruise-why-manta-icon-bg img{
        width: 650px;
    }

    .cruise-faq-accordion .card .card-header h5 .btn-link span {
        display: initial;
        padding-right: 0px;
    }
    .cruise-faq-accordion .card .card-header h5 .btn-link span:after{
        right: -50px;
    }
    .cruise-faq-accordion .card .card-body .list-of-products li.product img{
        width: 120px;
    }
    .cruise-faq-accordion .card .card-body .list-of-products li.plus-box{
        width: 70px;
    }

    /* Cruise Dive Attraction */
    .cda-head-poster .content-sec{ padding-top: 4em; }
    .cda-head-poster .title{
        font-size: 34px;
        line-height: 45px;
    }
    .cda-head-poster .subtitle{
        font-size: 30px;
        line-height: 45px;
    }
    .cda-explanation { padding: 50px 0px; }
    .cda-explanation .row-post{ margin-top: 60px; margin-bottom: 60px; }
    .cda-explanation .col-post-feat-img .frame-img{ 
        padding-left: 20px;
        padding-right: 80px;
        height: 480px; 
    }
    .cda-more-detail-page .row-detail-page{
        margin-left: -10px;
        margin-right: -10px;
    }
    .cda-more-detail-page .col-list-page{ 
        margin-top: 20px; 
        padding-left: 10px;
        padding-right: 10px;
    }
    .cda-more-detail-page .col-list-page .frame-img{ height: 350px; }
    .cda-more-detail-page .col-list-page .frame-img .content-abs { padding: 15px 10px; }
    .cda-more-detail-page .col-list-page .frame-img .content-abs h3{ font-size: 24px; }
    .cda-cruise-offer-bottom{ padding: 40px 0px 100px; }

    /* Widget shortcode */
    .widget_cr_bucket_list .bucket-stretch-img{
        width: 100%;
        margin-top: 30px;
        margin-left: 0;
        margin-right: 0;
    }
    .widget_cr_bucket_list .bucket-stretch-img div{
        width: 100%;
        height: 400px;
        background: #343d46;
    }
    .widget_cr_bucket_list .middle-bucket {
        margin-bottom: 30px;
    }
    .widget_cr_bucket_list .bucket-grid-img div{
        height: 400px;
    }
    .widget_cr_bucket_list .col-cb_btn_fom .item-center{
        justify-content: center !important;
        padding-left: 15px !important;
    }

	.navbar-main {
		background-color: #000;
		padding: 17px 0;
		position: fixed;
		top: 0;
		z-index: 9999;
		width: 100%;
	}

	.navbar-main .icon {
		vertical-align: middle;
		color: #fff100;
		font-size: 22px;
	}

	.navbar-main__wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.navbar-main__wrapper-logo {
		width: 215px;
	}

	.navbar-main__menus {
		display: flex;
		margin: 0;
	}

	.navbar-main__menus-item {
		list-style-type: none;
		margin: 0 10px;
		height: 40px;
		justify-content: center;
		vertical-align: middle;
		display: flex !important;
		align-items: center;
	}

	.navbar-main__menus-item a {
		font-size: 14px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #ffffff;
		transition: all 0.3s ease-out;
	}

	.navbar-main__menus-item a:hover {
		color: #fff100;
		text-decoration: none;
    }
    .navbar-main__menus-item a.menu-active{
        color: #fff100;
    }

	.navbar-main__menus-item.dropdown-btn {
		position: relative;
		display: block;
	}

	.navbar-main__dropdown-menus {
		margin: 0px 0px 0px -10px;
		position: absolute;
		display: none;
		flex-direction: column;
		top: 40px;
		left: 0;
		background-color: #000;
		border-radius: 4px;
		padding: 0px 0 10px;
		z-index: 1000;
		min-width: 280px;
        padding-top: 20px;
        padding-bottom: 0;
	}

	.navbar-main__dropdown-menus>li {
		list-style-type: none;
    }
    .navbar-main__dropdown-menus>li>a.parent-active:before {
        content: "";
        background-image: url("../../img/front/icon-plus.svg");
        width: 15px;
        height: 15px;
        background-size: 100%;
        position: absolute;
        right: 10px;
        margin-top: 0px;
        top: 38%;
    }

	.navbar-main__dropdown-menus a {
		font-weight: normal;
		font-size: 14px;
		text-decoration: none !important;
		padding: 7px 10px;
        display: block;
        width: 100%;
		transition: all 0.3s ease-out;
		text-transform: capitalize;
	}

	.navbar-main__dropdown-menus a:hover {
		background-color: #131e29;
		text-decoration: none !important;
    }

    .navbar-main__dropdown-menus a.active {
        background-color: #131e29;
        text-decoration: none !important;
        color: #fff100;
    }

	.navbar-main__dropdown-menus .parent-dc img {
		width: 50px;
		height: auto;
		object-fit: cover;
		margin-right: 10px;
	}

	.navbar-main__dropdown-menus.open {
		display: flex;
    }

    .navbar-main__dropdown-menus .parent-child{
        /* position: relative; */
    }
    .navbar-main__dropdown-menus .parent-child:hover{ background: #131e29; }
    .navbar-main__dropdown-menus .parent-child:hover > a{ color: #fff100; }
    .navbar-main__dropdown-menus .parent-child:hover > a.parent-active:before{
        background-image: url("../../img/front/icon-minus.svg");
        height: 1.5px;
        margin-top: 7px;
    }
    .navbar-main__dropdown-menus .parent-child:hover > ul{
        display: block;
    }
    .navbar-main__dropdown-menus .parent-child ul{
        min-height: 100%;
        /* background: #000; */
        position: absolute;
        display: none;
        top: 0;
        width: fit-content;
        left: 100%;
        padding-left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        width: intrinsic;
        width: -moz-max-content;
        width: -webkit-max-content;
        width: fit-content;
        width: -o-max-content;
    }
    /* .navbar-main__dropdown-menus .parent-child:first-child ul{
        display: block !important;
    } */
    .navbar-main__dropdown-menus .parent-child ul li{
        background: #000000;
        list-style: none;
        color: #ffffff;
    }
    .navbar-main__dropdown-menus .parent-child ul li a{
        padding: 0px 15px;
    }

    .navbar-main__dropdown-menus .iam-child{ position: relative; }
    .navbar-main__dropdown-menus .iam-child>.iam-child-parent:before {
        content: "";
        background-image: url("../../img/front/icon-plus.svg");
        width: 15px;
        height: 15px;
        background-size: 100%;
        position: absolute;
        right: 10px;
        margin-top: 0px;
        top: 30%;
    }
    .navbar-main__dropdown-menus .iam-child:hover{ background: #131e29; }
    .navbar-main__dropdown-menus .iam-child:hover > a{ color: #fff100; }
    .navbar-main__dropdown-menus .iam-child:hover > .iam-child-parent:before{
        background-image: url("../../img/front/icon-minus.svg");
        height: 1.5px;
        top: 50%;
    }
    .navbar-main__dropdown-menus .iam-child .iam-child-head span{
        width: 100%;
        padding: 7px 20px 7px 0px;
    }
    .navbar-main__dropdown-menus .iam-child ul{ display: none; overflow-y: auto; max-height: 400px; min-width: 200px; }
    .navbar-main__dropdown-menus .iam-child:hover > ul{
        display: block;
    }
    .navbar-main__dropdown-menus .iam-child ul li a{ padding: 7px 15px; }

	.navbar-main__menus-item:hover {
        text-decoration: none;
		color: #fff100;
	}

	.navbar-main__buttons {
		display: flex;
	}

	.navbar-main__btn {
		z-index: 2;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 30px;
		background-color: #343d46;
		padding: 10px 20px;
		margin-left: 20px;
		font-size: 14px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #ffffff;
		text-decoration: none;
		transition: all 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		cursor: pointer;
		z-index: 2;
	}

	.navbar-main__dropdown {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		background-color: #000;
		border-radius: 4px;
		padding: 10px 0;
		padding-top: 20px;
	}

	#currency-dropdown .navbar-main__dropdown-item {
		min-width: 160px;
	}

	.navbar-main__dropdown.open {
		display: block;
		z-index: 3;
	}

	.navbar-main__dropdown-item {
		display: block;
		padding: 12px 20px;
		text-align: left;
		min-width: 224px;
		color: #fff;
		text-decoration: none !important;
		transition: all 0.3s ease-out;
		font-size: 14px;
		font-weight: 600;
	}

	.navbar-main__dropdown-item:hover {
        background-color: #131e29;
		color: #fff100;
		text-decoration: none !important;
	}

	.navbar-main__btn:hover {
		background-color: #4c5965;
	}

	.navbar-main .flag-icon {
        width: 22px;
        height: 14px;
        margin-right: .5em;
	}
    .navbar-main .flag-active {
        border: 1px solid #fff100;
        margin-right: 0em;
    }

	/*dropdown*/
	.navbar-main__menus-item.dropdown-btn:hover .navbar-main__dropdown-menus {
		display: block !important;
	}

	#language-btn:hover .navbar-main__dropdown {
		display: block !important;
	}

	#currency-btn:hover .navbar-main__dropdown {
		display: block !important;
	}

	.detail-about-background img {
		/* padding: 18.5px; */
	}

	/* footer */
	.footer-title p {
		font-size: 24px !important;
	}

	.footer-subtitle {
		font-size: 18px;
	}

	.footer p,
	.down-footer p {
		font-size: 14px;
	}

	.footer {
		padding: 60px 0px 40px;
	}

	.second-footer p {
		padding-top: 0px;
	}

	.detail-about-background h3 {
		font-size: 32px;
	}

	.detail-about-background p {
		font-size: 18px;
    }

    .tab-course {
        position: relative;
        padding: 30px 0px !important;
    }
    .tab-bs-ex-course {
        position: relative;
        padding: 30px 0px !important;
    }

    .tab-container {
        width: 380px;
        right: 0;
        position: absolute;
        top: 50%;
        text-align: left;
        display: block;
        transform: translate(0px, -50%);
    }

    .attraction-detail-tab-1 {
        padding-top: 80px !important;
    }

    .ico-85 {
        width: 120px;
    }

    .dcinbali-cat-control-box,
    .dcd-cat-control-box{ display: grid; }
    .dcinbali-p-cat-control-box,
    .dcd-p-cat-control-box{ height: 180px; }
    .radar-tab-menu.tab-desc{
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 15px !important;
    }

    .radar-tab-menu.tab-desc .menu-col {
        padding: 0px 15px !important;
    }

    .radar-tab-menu .menu-col .radar-active-indicator {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 200px;
        transform: translate(-50%, -50%);
        margin: 0px;
    }

    .breadcrumb {
        padding: 20px 85px 15px !important;
        position: relative;
    }

    .breadcrumb:after {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f106";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0px, -50%);
        font-size: 30px;
        padding-left: 25px;
    }

    .breadcrumb:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f106";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0px, -50%);
        font-size: 30px;
        padding-right: 25px;
    }

    .dive-point {
        width: 100%;
        height: 500px;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .dive-point:after {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 40%;
        content: '';
        background: linear-gradient(to left, rgba(43, 64, 82, 0), #131e29);
    }

    .dive-point:before {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 40%;
        content: '';
        background: linear-gradient(to right, rgba(43, 64, 82, 0), #131e29);
    }

    .shadow-bottom {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 200px;
        width: 100%;
        content: '';
        background: linear-gradient(to bottom, rgba(43, 64, 82, 0), #131e29);
    }

    .hide-shadow-xl {
        background: transparent !important;
    }

    .dive-point-right h4 {
        font-size: 18px;
    }

    .dive-point-right p {
        font-size: 14px;
        margin-bottom: 0px !important;
    }

    .dive-point-left {
        padding-right: 100px;
    }

    /* .dive-slider-selection .scroll-horizontal .col-box-sm:nth-child(2) {
        margin-left: 5px;
    } */

    .dive-slider-titleimage {
        position: absolute;
        right: 0;
        width: 90%;
        margin-right: 15px;
        top: 50px;
    }

    .dive-slider-titleimage.flora {
        width: 50%;
        right: auto;
        left: 0;
    }

    .half-container {
        width: 570px;
        margin-left: auto;
        margin-right: auto;
    }

    .half-container-right {
        margin-left: auto;
        margin-right: 0px;
        padding-right: 15px;
    }

    .half-container-left {
        margin-left: 0px;
        margin-right: auto;
        padding-left: 15px;
    }

    .dive-meter {
        margin-right: 30px !important;
    }

    .dive-kindofdiving .notes-title {
        font-size: 16px;
    }

    .dive-kindofdiving .notes-content{
        font-size: 12px;
    }

    .diveconcept-courses .courses-img {
        padding-left: 10px;
        padding-right: 10px;
    }

    .find-more .find-more-image {
        position: relative;
    }

    .instagram-image,
    .instagram-image-top-lem {
        padding: 0px;
        padding-top: 15px;
        margin: 0px;
        margin-right: 0em !important;
        margin-left: 0em !important;
    }

    .instagram-image img,
    .instagram-image-top-lem img {
        padding: 5px;
    }

    .faq-content h3{
        font-size: 18px;
    }

    .faq-text {
        text-align: left;
    }

    .faq-img .bg-black  {
        margin: 5px;
    }

    .faq-img {
        padding: 0px 25px;
    }

    .gopro-background {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .special-offer-title {
        font-family: OpenSans;
        font-size: 24px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
    }

    .special-offer-subtitle {
        font-family: OpenSans;
        font-size: 24px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        font-weight: normal;
        color: #d8dbe1;
    }

    .ssi-background {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .chart-title {
        position: absolute;
        bottom: 15px;
        left: 0;
    }

    .chart-title span {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        top: -15px;
    }

    .step-1:before {
        content: '';
        border-left: none;
        border-bottom: 2px solid #65737e;
        width: 435%;
        height: 1px;
        top: 50%;
        left: 50%;
        position: absolute;
    }
    .step-1-gp:before {
        content: '';
        border-left: none;
        border-bottom: 3px solid #fff100;
        width: 570%;
        height: 1px;
        top: 50%;
        left: 50%;
        position: absolute;
    }

    .step-1-half:before {
        content: '';
        border-left: none;
        border-bottom: 2px solid #65737e;
        width: 220%;
        height: 1px;
        top: 50%;
        left: 50%;
        position: absolute;
    }

    .step:before {
        content: '';
        border-left: none;
        border-bottom: 2px dashed #65737e;
        width: 218%;
        height: 1px;
        top: 50%;
        left: 50%;
        position: absolute;
    }
    .step-gp:before {
        content: '';
        border-left: none;
        border-bottom: 2px dashed #65737e;
        width: 470%;
        height: 1px;
        top: 50%;
        left: -135%;
        position: absolute;
        z-index: 9;
    }

    .step-2:before {
        content: '';
        border-bottom: none;
        border-left: 2px dashed #65737e;
        height: 138%;
        width: 1px;
        top: 50%;
        left: 50%;
        position: absolute;
    }
    .step-2-gp:before {
        content: '';
        border-bottom: none;
        border-left: 2px dashed #65737e;
        height: 78%;
        width: 1px;
        top: 50%;
        left: 50%;
        position: absolute;
    }

    .step-3:before {
        content: '';
        border-bottom: none;
        border-left: 2px solid #65737e;
        height: 140%;
        width: 1px;
        top: 50%;
        left: -20%;
        position: absolute;
    }
    .step-3-gp:before {
        content: '';
        border-bottom: none;
        border-left: 2px dashed #65737e;
        height: 78%;
        width: 1px;
        top: 50%;
        left: 50%;
        position: absolute;
    }

    .step-4:before {
        content: '';
        border-left: none;
        border-bottom: 2px solid #65737e;
        width: 70%;
        height: 1px;
        top: 50%;
        left: -20%;
        position: absolute;
    }

    .diveconcept-video-background {
        height: 50vh;
    }

    .diveconcept-video .instagram-image{
        padding-top: 0px;
    }

    .diveconcept-video .instagram-image img {
        padding: 10px;
    }

    .diveconcept-video-title {
        top: auto;
        bottom: 0;
    }
    .diveconcept-video-title {
        background: linear-gradient(to bottom, rgba(5, 67, 154, 0) 44%, #131e29 97%);
    }
    .diveconcept-video-title .dcl-head-video-desk{
        padding-bottom: 2em;
    }

    .diveconcept-video-title h3 {
        font-size: 28px;
    }

    .diveconcept-video-title p {
        font-size: 18px;
    }

    .diveconvept-map-img-1 {
        left: 100px;
        top: 30px;
    }

    .diveconvept-map-img-1 img {
        /* width : 70%; */
        height: 400px;
    }

    .diveconvept-map-info-1{ min-height: 450px; }

    .diveconcept-proinlembongan {
        overflow: hidden;
    }

    .diveconcept-proinlembongan-more {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: left;
    }

    .diveconcept-proinlembongan-more:before {
        position: absolute;
        content: '';
        background: #000;
        width: 100%;
        height: 100%;
        left: -100%;
        top: 0;
    }

    .diveconcept-proinlembongan-img:after {
        position: absolute;
        content: '';
        width: 25%;
        height: 100%;
        background: linear-gradient(to right, rgba(0, 0, 0, 0), #000000 150px);
        right: 0;
        top: 0;
    }

    .diveconcept-proinlembongan-img:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background: #000;
        right: -100%;
        top: 0;
    }

    .diveconcept-proinlembongan-content {
        text-align: left !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -65%)
    }
    .diveconcept-allpackage-btn {
        text-align: left;
        background: transparent;
    }
    .diveconcept-allpackage-btn span{
        border-radius: 12px;
        background-color: #000000;
        padding: 20px 40px;
        margin-left: 15px;
        font-size: 18px;
    }

    .divecenter-lembongan-slide1 {
        overflow: hidden;
    }

    .divecenter-lembongan-slide2 {
        overflow: hidden;
    }

    .divecenter-lembongan-slide2-img .carousel-item,
    .divecenter-lembongan-slide3-img .carousel-item {
        position: relative;
    }

    .divecenter-lembongan-slide2-img .carousel-item:before,
    .divecenter-lembongan-slide3-img .carousel-item:before {
        position: absolute;
        content: '';
        width: 35%;
        height: 100%;
        background: linear-gradient(to right, rgba(0, 0, 0, 0), #131e2a 230px);
        right: 0;
        top: 0;
    }
    .divecenter-lembongan-slide2-img:before,
    .divecenter-lembongan-slide3-img:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background: #131e2a;
        right: -100%;
        top: 0;
    }
    .divecenter-lembongan-slide2-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: left !important;
    }
    .carousel-control-prev img {
        bottom: initial !important;
        top: 50px;
        right: 0;
        position: absolute;
        box-shadow: #000000;
    }
    .home-head .carousel-control-prev img{
        top: 50% !important;
        left: 0 !important;
    }
    .carousel-control-prev:before {
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        content: '';
        top: 50px;
        right: 0;
        background: #000;
        opacity: .2;
    }
    .carousel-control-next img {
        bottom: initial !important;
        top: 50px;
        left: 0;
        position: absolute;
        box-shadow: hsl(0, 0%, 0%);
    }
    .home-head .carousel-control-next img{
        top: 50% !important;
        right: 0 !important;
        left: auto !important;
    }
    .carousel-control-next:before {
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        content: '';
        top: 50px;
        left: 0;
        background: #000;
        opacity: .2;
    }
    .diveconcept-lembongan-see-all-courses {
        overflow: hidden;
    }
    .diveconcept-lembongan-see-all-courses .px-xl-6{
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .diveconcept-lembongan-see-all-courses .lembongan-see-all-courses-desc-2 .courses-desc-2,
    .diveconcept-lembongan-see-all-courses .lembongan-see-all-courses-desc-2 .lembongan-see-all-courses-btn{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .diveconcept-lembongan-see-all-courses .courses-list{
        margin-left: -25px !important;
    }

    .lembongan-see-all-courses-btn {
        justify-content: left !important;
    }

    .lembongan-see-all-courses-btn a {
        font-size: 18px;
    }

    .diveconcept-lembongan-see-all-courses .bg-blue-magenta:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background: #131e2a;
        left: -100%;
        top: 0;
    }

    .diveconcept-lembongan-see-all-courses .bg-black:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background: #000;
        right: -100%;
        top: 0;
    }

    /* .diveconcept-mola-mola-background {
        background-color: #021f5f;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url('../../img/front/desktop/manta-bg-desktop.jpg');
    } */
    .mola-mola-margin-top {
        margin-top: -3em;
    }
    .mola-mola-margin-top .ico-200 {
        width: 150px;
    }
    .diveconcept-mola-mola-img {
        position: absolute;
        top: 0;
    }

    .diveconcept-mola-mola-gallery {
        position: absolute;
        bottom: 0;
        right: 0;
        padding-left: 30px;
    }
    .diveconcept-mola-mola-gallery .pictures-list .box-img{
        width: 120px;
    }

    .book-now-background-desk {
        background-size: 100%;
        background-image: url('../../img/front/desktop/cta-bg.jpg');
    }

    .diveconcept-tabcontent-divecourse-title {
        position: absolute;
        bottom: 0;
        top: initial;
        margin-bottom: 100px;
    }
    .diveconcept-tabcontent-divecourse .poster-head-img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .diveconcept-unique-learning .frame-res img {
        width: 80px !important;
    }

    /* .tab-enjoy {
        position: relative;
    } */

    .diveconcept-blog {
        overflow: hidden;
    }

    .diveconcept-blog-tab .tab-enjoy:nth-child(1)::before,
    .diveconcept-blog-tab .tab-enjoy-child:nth-child(1)::before {
        content: '';
        position: absolute;
        width: 200%;
        height: 100%;
        top:0;
        left: -200%;
        background: #1a2735;
    }
    .diveconcept-blog-tab .tab-enjoy-bs:first-child::before {
        content: '';
        position: absolute;
        width: 200%;
        height: 100%;
        top:0;
        left: -200%;
        background: #d8dbe1;
    }
    .diveconcept-blog-tab .tab-enjoy.tab-c-active:first-child::before,
    .diveconcept-blog-tab .tab-enjoy-child.tab-c-active:first-child::before {
        background: transparent;
    }
    .diveconcept-blog-tab .tab-enjoy.tab-bs-active:first-child::before {
        background: #ffffff;
    }

    .diveconcept-blog-tab .tab-enjoy:last-child::before,
    .diveconcept-blog-tab .tab-enjoy-child:last-child::before {
        content: '';
        position: absolute;
        width: 200%;
        height: 100%;
        top:0;
        right: -200%;
        background: #1a2735;
    }
    .diveconcept-blog-tab .tab-enjoy-bs:last-child::before {
        content: '';
        position: absolute;
        width: 200%;
        height: 100%;
        top:0;
        right: -200%;
        background: #d8dbe1;
    }
    .diveconcept-blog-tab .tab-enjoy-bs:last-child::after {
        content: '';
        position: absolute;
        width: 200%;
        height: 100%;
        top:0;
        right: -200%;
        background: #d8dbe1;
    }
    .diveconcept-blog-tab .tab-enjoy.tab-c-active:last-child::before,
    .diveconcept-blog-tab .tab-enjoy-child.tab-c-active:last-child::before {
        background: transparent;
    }
    .diveconcept-blog-tab .tab-enjoy-bs.tab-bs-active:last-child::before {
        background: #ffffff;
    }
    .diveconcept-blog-tab .tab-enjoy-bs.tab-bs-active:last-child::after {
        background: #ffffff;
    }

    .diveconcept-big-slider {
        background: #0c2242;
    }

    .diveconcept-big-slider .carousel-item:before {
        content: '';
        position: absolute;
        width: 20%;
        height: 100%;
        background: linear-gradient(to left, rgba(0, 0, 0, 0), #0c2242 230px);
        left: 0;
        top: 0;
        z-index: 1;
    }

    .diveconcept-big-slider .carousel-item:after {
        content: '';
        position: absolute;
        width: 20%;
        height: 100%;
        background: linear-gradient(to right, rgba(0, 0, 0, 0), #0c2242 230px);
        right: 0;
        top: 0;
        z-index: 1;
    }

    .diveconcept-big-slider .carousel-control-prev,
    .diveconcept-big-slider .carousel-control-next {
        height: 60%;
    }

    .diveconcept-big-slider .carousel-control-next:before {
       display: none;
    }

    .diveconcept-big-slider .carousel-control-next img {
        bottom: initial !important;
        top: 50%;
        right: 0;
        left: initial;
        position: absolute;
        box-shadow: #000000;
    }

    .diveconcept-big-slider .carousel-control-prev:before {
        display: none;
     }

    .diveconcept-big-slider .carousel-control-prev img {
        bottom: initial !important;
        top: 50%;
        left: 0;
        position: absolute;
        box-shadow: #000000;
    }

    .diveconcept-big-slider-content-1 {
        position: absolute;
        bottom: 120px;
        z-index: 2;
    }

    .diveconcept-big-slider-content-2 {
        position: absolute;
        bottom: 0;
        z-index: 9;
    }

    .diveconcept-big-slider-content-2 .tab-d-active .frame-active:before{
        position: absolute;
        content: '';
        width: 100%;
        height: 20%;
        bottom: 0;
        background: #131f2a;
    }

    .diveconcept-slider-big-content h3 {
        font-size: 24px;
    }

    .diveconcept-slider-big-content .btn-find-out-more {
        justify-content: left !important;
    }

    .diveconcept-slider-big-content .btn-find-out-more a {
        font-size: 18px;
        padding: 15px 60px;
        letter-spacing: 3px;
    }

    .fundives-tabmenu .tab-course {
        position: relative;
        padding: 40px 0px !important;
        border-bottom: 1px solid #0f1720;
    }

    .fundives-tabmenu .attraction-detail-tab-1{
        padding-top: 0px !important;
    }

    .diveconcept-bali-map .tab-enjoy {
        position: absolute !important;
    }

    .diveconcept-map-pin {
        position: absolute;
        width: 260px;
        height: auto;
        left: -150px;
        bottom: -50px;
    }

    .diceconcept-tabcontent label {
        font-size: 14px !important;
    }

    .diceconcept-tabcontent h3 {
        font-size: 36px !important;
    }

    .diceconcept-tabcontent .map-pin-label label {
        font-size: 18px !important;
    }

    .diceconcept-tabcontent .map-pin-label img {
        margin-bottom: 7px !important;
    }

    .diveconcept-information h3 {
        font-size: 24px !important;
    }

    .diveconcept-information .px-19 {
        font-size: 18px !important;
    }

    .diveconcept-information .diveconcept-information-left img {
        width: auto;
        height: 25px;
    }

    .diveconcept-information .diveconcept-information-left h3 {
        padding-left: 25px !important;
    }

    .diveconcept-pack .w-300-px {
        width: 280px !important;
        height: 300px;
    }

    .diveconcept-pack h3.list-title {
        font-size: 24px !important;
        margin-bottom: 10px;
    }

    .diveconcept-booknow .diveconcept-booknow-title {
        line-height: 1;
    }

    .diveconcept-map .diveconcept-map-button{
        height: 50px;
    }

    .diveconcept-map .dsmore-button {
        padding: 15px 90px;
        font-size: 18px;
    }

    .diveconcept-allpackage .menu-col:nth-child(1) {
        padding-left: 0px !important;
    }

    .diveconcept-allpackage .ico-85{
        width: 110px;
    }

    .divecenter-lembongan-slide2 a {
        font-size: 18px !important;
        padding: 15px 37px;
    }

    .divecenter-lembongan-slide2 .px-19 {
        font-size: 22px !important;
    }

    .divecenter-lembongan-slide1 a {
        font-size: 18px;
        padding: 15px 37px;
    }

    .divecenter-lembongan-slide1 .px-19 {
        font-size: 22px !important;
    }

    .divecenter-lembongan-slide1 .text-xl-left {
        justify-content: left !important;
    }

    .select-border-blue-magenta {
        width: 100%;
    }

    .why-text {
        font-family: daxline;
        font-size: 80px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.56px;
        color: #4f5b66;
        position: absolute;
        top: 0;
        left: 0;
    }
    .how-text {
        font-family: daxline;
        font-size: 80px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.56px;
        color: #4f5b66;
        position: absolute;
        top: 13px;
        left: 0;
    }

    .item-xl-left {
        display: flex !important;
        justify-content: flex-start !important;
    }

    .diveconcept-unique-learning .diveconcept-unique-learning-content p {
        font-size: 14px;
    }

    .diveconcept-unique-learning .diveconcept-unique-learning-content h5 {
        font-size: 18px;
    }

    .diveconcept-tabcontent-divecourse-data .px-14 {
        font-size: 18px !important;
    }

    .diveconcept-tabcontent-divecourse-data .ico-35 {
        width: 40px;
    }

    .diveconcept-big-slider .carousel {
        position: initial;
        height: 400px;
    }
    .diveconcept-big-slider .carousel .carousel-inner,
    .diveconcept-big-slider .carousel .carousel-inner .carousel-item{
        height: 400px;
    }

    .diveconcept-big-slider {
        position: relative;
    }

    .diveconcept-big-slider .diveconcept-big-slider-content-2 span {
        font-size: 18px !important;
    }

    /*  */
    .diveconcept-bs-slider .carousel {
        position: initial;
        height: 500px;
    }
    .diveconcept-bs-slider .carousel .carousel-inner,
    .diveconcept-bs-slider .carousel .carousel-inner .carousel-item{
        height: 500px;
    }

    .diveconcept-slider-big-content-data h5,
    .diveconcept-slider-big-content-data p {
        font-size: 18px;
    }

    .diveconcept-blog h5.cont-h5 {
        font-size: 24px;
    }

    .diveconcept-blog h2.cont-h2 {
        font-size: 24px;
    }

    .diveconcept-blog p.cont-p {
        font-size: 14px;
    }

    .diveconcept-blog a.cont-a {
        font-size: 18px;
        padding: 5px 38px;
    }

    .diveconcept-specialoffers {
        overflow: hidden;
    }

    .banner {
        width: 200%;
        height: 40px;
        object-fit: contain;
        transform: rotate(-30deg);
        background-color: #ff4c4c;
        position: absolute;
        top: 0;
        left: -120%;
        text-align: center;
        padding-left: 300px;
        padding-right: 100px;
        padding-top: 10px;
        font-size: 14px;
    }

    .diveconcept-tabcontent-divecourse-icon-content p{
        font-size: 18px !important;
    }

    .diveconcept-tabcontent.divecourse-detail h3{
        font-size: 36px !important;
    }

    .diveconcept-tabcontent.divecourse-detail label,
    .diveconcept-tabcontent.divecourse-detail p{
        font-size: 18px !important;
    }

    .diveconcept-tabcontent.divecourse-detail .dive-point-right p,
    .diveconcept-tabcontent.divecourse-detail .dive-point-right .px-11{
        font-size: 14px !important;
    }

    .btn-booknow {
        border: none;
    }

    .diveconcept-specialoffers-included h4 {
        font-size: 18px !important;
    }

    .diveconcept-specialoffers-included p {
        font-size: 14px !important;
    }

    .diveconcept-tabcontent-divecourse-icon-content {
        margin-top: 100px;
    }

    /* fundives in bali */
    .diveconcept-blog .list-content .frame-img{
        max-width: 140px;
        height: 120px;
    }
    .diveconcept-blog .list-content .frame-img img{ width: 120px; }

    /* fun dive day trip branch sector */
    .fddt-ex .map-section{
        padding-right: 5em;
    }
    .fddt-ex .map-section .map-img-cover{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* cruise home */
    .cruise-home-ex .pciture-section{
        padding-left: 5em;
    }
    .cruise-home-ex .pciture-section .pciture-img-cover{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* divecourse detail */
    .diveconcept-course-chart .requirement-box .chart-img,
    .diveconcept-course-chart .you-here-box .chart-img,
    .diveconcept-course-chart .next-box .chart-img{
        max-width: 120px;
    }


    .diveconcept-unique-learning .list-content .frame-img{ max-width: 100px; }

    .ssi-background {
        /* background-image: url('../../img/front/desktop/cta-ssi-desk-bg.jpg'); */
    }


    .diveconcept-specialoffers .special-offer-row{
        width: 100% !important;
        margin-left: -40px !important;
    }
    .diveconcept-specialoffers .special-offer-frame-img-plus img{
        max-width: 120px;
    }
}

@media only screen and (min-width: 1300px) {
    .banner {
        width: 200%;
        height: 40px;
        object-fit: contain;
        transform: rotate(-30deg);
        background-color: #ff4c4c;
        position: absolute;
        top: 0;
        left: -120%;
        text-align: center;
        padding-left: 250px;
        padding-right: 100px;
        padding-top: 10px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1400px) {
    .banner {
        width: 200%;
        height: 40px;
        object-fit: contain;
        transform: rotate(-30deg);
        background-color: #ff4c4c;
        position: absolute;
        top: 0;
        left: -120%;
        text-align: center;
        padding-left: 240px;
        padding-right: 100px;
        padding-top: 10px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1500px) {
    .banner {
        width: 200%;
        height: 40px;
        object-fit: contain;
        transform: rotate(-30deg);
        background-color: #ff4c4c;
        position: absolute;
        top: 0;
        left: -120%;
        text-align: center;
        padding-left: 240px;
        padding-right: 100px;
        padding-top: 10px;
        font-size: 14px;
    }
}