.total-section{
    background: #216565;
    color: white;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    padding: 25px 20em;
}

.total-sticky-txt{
    font-size: 15px;
    position: relative;
    top: -8px;
}

.cur{
    font-size: 25px;
    position: relative;
    top: -2px;
    margin-left: 70px;
}

.total-price{
    font-size: 35px;
    margin-left: 20px;
    top: 4px;
    position: relative;
}

.sticky-pricing{
    line-height: 0px;
}

.btn-book{
    line-height: 70px;
}

.timeline-map{
    margin: 20px 0px;
}

.timeline-item{
    position: relative;
    padding-left: 20px;
    margin-top: 25px;
}

.timeline-title{
    padding: 5px 0px;
    color: #216565;
    font-weight: bold;
}

.timeline-icon{
    position: absolute;
    border: 1px solid #216565;
    color: #216565;
    border-radius: 50px;
    padding: 2px 7px;
    float: left;
    background-color: white;
    margin: 5px 0px;
    z-index: 1;
}

.timeline-content{
    margin-left: 80px;
}

.timeline-line{
    position: absolute;
    top: 10px;
    left: 35px;
    height: calc(100% - 10px);
    border-left: 2px solid #216565
}

.timeline-meal{
    margin: 20px 0px;
}

.timeline-resort{
    margin: 20px 0px;
}

.btn-choose-car{
    margin: 30px 0px;
}

.border-item{
    border: 1px solid #dee2e6;
    padding: 10px 0px;
}

.modal-overflow{
    overflow: auto;
    height: 22em;
}

.btn-email-me{
    padding: 0 10px;
    margin: 10px 0px;
    border-color: #FBBC05;
    color: #FBBC05;
    background: #fff; 
}

.btn-email-me:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #FBBC05;
    width: 0%;
    transition: 0.5s all;
    z-index: -1;
    border-radius: 50px;
}

.brief-info-icon{
    color: #216565;
}

.brief-info-p{
    color: #838383;
}

.brief-info-tour{
    margin: 0px 0px 20px 0px;
    padding: 10px 0px;
    border-top: 1px solid whitesmoke;
    border-bottom: 1px solid whitesmoke;
}

.add-on{
    position: relative;
}

.add-on-border{
    border: 1px solid #e6e6e6;
    color: gray;
    padding: 10px 20px;
    background: whitesmoke;
    cursor: pointer;
    text-align: center;
    margin-top: 20px;
}

.add-on-border:hover{
    border: 1px solid #216565;
    color: #216565;
}

.modal-opt-tour{
    display: inline-block;
    position: relative;
    width: 48%;
    text-align: center;
    margin: 10px 5px;
    /* transition: top ease; */
    /* top: 10; */
}

.modal-opt-tour:hover {
    box-shadow: 3px 8px 8px 0px #a7a7a7;
}

.modal-opt-tour-title{
    text-shadow: 3px 3px 4px rgb(0 0 0);
    width: auto;
    margin: 0px;
    line-height: 20px;
    position: absolute;
    height: 62px;
    top: 5px;
    left: 5px;
}

.modal-opt-tour-img img{
    overflow: hidden;
    object-fit: cover;
    /* height: 177px; */
}

.modal-opt-tour-title > h6{
    color: white;
}

.modal-opt-tour-price{
    text-align: right;
    margin-right: 10px;
}

div.location{
    display: flex;
    margin: 0 0 15px;
}

.tour-duration{
    position: absolute;
    z-index: 100;
    color: white;
    background-color: rgb(0 0 0 / 35%);
    padding: 5px 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.modal-opt-tour-description{
    position: absolute;
    right: 15px;
    top: 5px;
    color: white;
    cursor: pointer;
}

.modal-opt-tour-custom{
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin: 20px;
}

.modal-opt-tour-tick{
    border: 1px solid #6c757d;
}

.collapse-custom{
    border: 1px solid #e5e5e5;
    padding: 0px 20px;
}

.tour-item-list > span > i{
    color : #216565;
}

.tour-item-list-field{
    color: #838383;
}

.breakdown-day,
.breakdown-price{
    font-weight: bold;
    color : #216565;
}

.breakdown-list{
    padding: 0px 20px;
}

.car-note{
    color: #ff7272;
    font-style: italic;
    font-size: 11px;
}

.option-action{
    border: 1px solid whitesmoke;
    background: whitesmoke;
    border-radius: 100%;
    padding: 10px;
}

.ctr-option{
    text-align: center;
}

sup i {
    font-size: 10px;
    color: #dc3545;
    /* line-height: normal; */
    padding-left: 5px;
}

.txt-white{
    color: white;
}

.txt-orange {
    color: #f15e4e;
}

.menu-item-has-children .sub-menu {
    width: 350px;
}

.search-faqs{
    margin-bottom: 20px;
    width: 30%;
}

.navigation .main-navigation .logo {
    height: auto;
}

.text-tour-title-index{
    font-weight: normal;
}

.affiliates-border{
    text-align: center;
}

.rule-note-list{
    font-weight: bold;
}

.align-center{
    justify-content: center;
    text-align: center;
}

.text-red{
    color:red;
    font-weight: bold;
}

.section-heading-cus{
    max-width: 100% !important;
}

.list-bt-20{
    margin-bottom: 20px;
}

.vendor-logo-modal{
    width: 50%;
    margin-bottom: 20px;
}

.car-logo-modal{
    width: 10%;
}

.highlight-ul{
    list-style: decimal;
    color:#838383;
}

.note-wrapper{
    position: relative;
    padding-left: 15px;
    font-family: Verdana;
    background: #fce2df;
  }
  
.note-wrapper::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    width: 5px;
    height: 100%;
    background-color: #f15e4e;
}

.animate-img{
    position: relative;
    overflow: hidden;
}
.animate-img:hover img{
    transform: scale(1.1);
    transition: 0.5s;
}

.subheader ul li a:after{
    content: '>';
    color: white;
    font-size: 14px;
    margin: 0 5px;
}

.subheader ul li.active {
    color: white;}
    
.btm-mg{
    margin-bottom: 30px;
}

.our-work-sec .work-sec .text-wrapper,
.our-work-sec .work-sec1456 .text-wrapper,
.our-work-sec .work-sec29 .text-wrapper,
.our-work-sec .work-sec310 .text-wrapper,
.our-work-sec .work-sec7811 .text-wrapper,
.our-work-sec .work-sec12 .text-wrapper{
    width: 100%;
    background: 0 0;
    background: linear-gradient(to bottom,transparent,#000);
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 1;
    padding: 100px 20px 20px 20px;
}
.our-work-sec .work-sec .text-wrapper h2{
    text-transform: uppercase;
    transform: translateY(80px) translateZ(0);
    transition: all .3s cubic-bezier(.77,0,.175,1);
}
.our-work-sec .work-sec .text-wrapper p{
    opacity: 0;
    transform: translateY(20px) translateZ(0);
    transition: all .3s cubic-bezier(.77,0,.175,1);
}
.our-work-sec .work-sec:hover .text-wrapper h2{
    transform: translateY(-5px) translateZ(0);
}
.our-work-sec .work-sec:hover .text-wrapper p{
    opacity: .8;
    transition-delay: .2s;
    transform: translateY(0) translateZ(0);
}

/*images about sabah on - 1, 4, 5, 6*/
.our-work-sec .work-sec1456 .text-wrapper h2{
    text-transform: uppercase;
    transform: translateY(80px) translateZ(0);
    transition: all .3s cubic-bezier(.77,0,.175,1);
}
.our-work-sec .work-sec1456 .text-wrapper p{
    opacity: 0;
    transform: translateY(20px) translateZ(0);
    transition: all .3s cubic-bezier(.77,0,.175,1);
}
.our-work-sec .work-sec1456:hover .text-wrapper h2{
    transform: translateY(-5px) translateZ(0);
}
.our-work-sec .work-sec1456:hover .text-wrapper p{
    opacity: .8;
    transition-delay: .2s;
    transform: translateY(0) translateZ(0);
}

/*images about sabah on - 2, 9*/
.our-work-sec .work-sec29 .text-wrapper h2{
    text-transform: uppercase;
    transform: translateY(130px) translateZ(0);
    transition: all .3s cubic-bezier(.77,0,.175,1);
}
.our-work-sec .work-sec29 .text-wrapper p{
    opacity: 0;
    transform: translateY(20px) translateZ(0);
    transition: all .3s cubic-bezier(.77,0,.175,1);
}
.our-work-sec .work-sec29:hover .text-wrapper h2{
    transform: translateY(-5px) translateZ(0);
}
.our-work-sec .work-sec29:hover .text-wrapper p{
    opacity: .8;
    transition-delay: .2s;
    transform: translateY(0) translateZ(0);
}

/*images about sabah on - 3, 10*/
.our-work-sec .work-sec310 .text-wrapper h2{
    text-transform: uppercase;
    transform: translateY(155px) translateZ(0);
    transition: all .3s cubic-bezier(.77,0,.175,1);
}
.our-work-sec .work-sec310 .text-wrapper p{
    opacity: 0;
    transform: translateY(20px) translateZ(0);
    transition: all .3s cubic-bezier(.77,0,.175,1);
}
.our-work-sec .work-sec310:hover .text-wrapper h2{
    transform: translateY(-5px) translateZ(0);
}
.our-work-sec .work-sec310:hover .text-wrapper p{
    opacity: .8;
    transition-delay: .2s;
    transform: translateY(0) translateZ(0);
}

/*images about sabah on - 7, 8, 11*/
.our-work-sec .work-sec7811 .text-wrapper h2{
    text-transform: uppercase;
    transform: translateY(55px) translateZ(0);
    transition: all .3s cubic-bezier(.77,0,.175,1);
}
.our-work-sec .work-sec7811 .text-wrapper p{
    opacity: 0;
    transform: translateY(20px) translateZ(0);
    transition: all .3s cubic-bezier(.77,0,.175,1);
}
.our-work-sec .work-sec7811:hover .text-wrapper h2{
    transform: translateY(-5px) translateZ(0);
}
.our-work-sec .work-sec7811:hover .text-wrapper p{
    opacity: .8;
    transition-delay: .2s;
    transform: translateY(0) translateZ(0);
}

/*images about sabah on - 12*/
.our-work-sec .work-sec12 .text-wrapper h2{
    text-transform: uppercase;
    transform: translateY(109px) translateZ(0);
    transition: all .3s cubic-bezier(.77,0,.175,1);
}

.our-work-sec .work-sec12 .text-wrapper p{
    opacity: 0;
    transform: translateY(20px) translateZ(0);
    transition: all .3s cubic-bezier(.77,0,.175,1);
}

.our-work-sec .work-sec12:hover .text-wrapper h2{
    transform: translateY(-5px) translateZ(0);
}

.our-work-sec .work-sec12:hover .text-wrapper p{
    opacity: .8;
    transition-delay: .2s;
    transform: translateY(0) translateZ(0);
}

.pd-l-10{
    padding-left: 10px;
}

.input-required{
    border: 2px solid #efefef;
    border-bottom: 2px solid #f15e4e;
    box-shadow: none;
}

/* .disabled{
    background: whitesmoke;
    color: #ababab;
    cursor: unset;
    border-color: #ababab;
}

.disabled:hover{
    cursor: not-allowed;
} */

.error{
	display: none;
	margin-left: 10px;
}

.error_book{
	display: none;
	margin-left: 10px;
}	

.error_show{
    display: block;
	color: red;
	margin-left: 10px;
}

input.invalid, textarea.invalid{
	border: 2px solid red;
}

input.valid, textarea.valid{
	border: 2px solid green;
}

.menu-item-has-children .sub-menu>.menu-item>a {
    display: block;
    border-top: 1px solid #216565;
    white-space: nowrap;
    padding: 12px 20px 12px 18px;
    position: relative;
}

.book-section.sticky-sidebar{
    position: fixed;
    top: 100px;
    z-index: 22;
    background: #fff;
    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
    width: 24em;

}

.sticky-sidebar-book{
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
}

#mapid { 
    height: 100%; 
    z-index: 1;
}

.POI > li button {
    text-align: left;
}

.POI > li button:hover{
    font-weight: bold;
}

.POI > li button:active,
.POI > li button:focus,
.autofocus{
    color: #f15e4e;
    font-weight: bold;
}

/* #map {
    height: 100%;
  }

  #floating-panel {
    position: absolute;
    top: 10px;
    left: 25%;
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #999;
    text-align: center;
    font-family: "Roboto", "sans-serif";
    line-height: 30px;
    padding-left: 10px;
  }
  
  #floating-panel {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -180px;
    width: 350px;
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #999;
  }
  
  #latlng {
    width: 225px;
  } */

.btn-full-color {
    background: #2d3e52;
    border-color: #2d3e52;
    color: #fff;
    width: 100%;
    height: 50px;
}

.btn-mt-pac{
    margin-top: 4px;
}

.nav-button-toggle-details{
    display: none;
}

#nav-up{
    display: none;
}

.mobile-summary{
    display: none;
}

.text-unset{
    white-space: unset !important;
}


/* For Animation */
.car-model-wrapper {
    position: absolute;
    top: 209px;
    left: 138px;
}

.car-model-img {
    width: 200px;
}

.tire-img-front {
    float: left;
    top: 42px;
    right: 30px;
    position: absolute;
}

.tire-img-rear {
    float: left;
    top: 42px;
    left: 25px;
    position: absolute;
}

.tire-animate-front,
.tire-animate-rear {
    width: 22px;
}

.rotate {
    animation: rotation 8s infinite linear;
}
  
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.animate-frame{
    position: relative;
}

.background-model-wrapper {
    overflow: hidden;
}
  
.background-model-img {
    background: url("../images/animation/about-borneo-self-drive/bg2.jpg") repeat-x;
    height: 293px;
    width: 5076px;
    animation: slide 60s linear infinite;
}

@keyframes slide{
    0%{
        transform: translate3d(0, 0, 0);
    }
    100%{
        transform: translate3d(-1692px, 0, 0);
    }
}
/* For Animation End*/

.hotel-grid:hover{
    /* box-shadow: 0px 7px 12px 5px #e2e2e2; */
    /* animation: shadowanimate 1s infinite; */
    /* transition: box-shadow 0.5s; */
}


@media (max-width: 992px){
    
    .navigation .main-navigation .main-menu {
        display: block;
        position: fixed;
        left: -320px;
        width: 320px;
        height: 100vh;
        top: 0;
        background: #216565;
        transition: 0.5s all;
        overflow: auto;
        z-index: 100;
    }

    .menu-item-has-children .sub-menu>.menu-item>a {
        background: #216565;
        color: #fff;
    }

    .timeline-icon-outerlayer,
    .timeline-line{
        display: none;
    }

    .timeline-content{
        margin-left: 0;
    }

    .modal-overflow{
        height: 35em;
    }

    .modal-opt-tour{
        width: auto;
    }

    .sticky-sidebar-book {
        position: fixed;
        bottom: 0;
        left: 0;
        background: white;
        z-index: 99;
        top: unset;
    }

    .sticky-sidebar-book p{
        font-size: 14px;
    }

    .mobile-fixed-nav{
        position: fixed;
        background: white;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        padding: 0;
        z-index: 99;
    }

    .nav-button-toggle-details{
        display: block;
        background: black;
        color: white;
        text-align: center;
    }

    .mobile-btm-navbar{
        position: fixed;
        background: white;
        width: 100%;
        bottom: -61em;
    }

    .nav-show{
        top: 0;
        bottom: 4.3em;
    }    

    .mobile-grid-wrapper{
        padding: 0 30px;
    }

    .btn-book{
        background: #2d3e52;
        padding: 10px 16px;
        display: flex;
    }

    #nav-up{
        display: block;
        font-size: 40px;
        align-items: center;
        padding-right: 20px;
    }

    .mobile-summary{
        display: block;
        border-bottom: 1px solid black;
        background: #2d3e52;
        color: white;
    }

    .mobile-summary-list{
        padding: 10px 16px;
    }

    .our-work-sec .work-sec1456 .text-wrapper h2 {
        transform: translateY(140px) translateZ(0);
    }

    .our-work-sec .work-sec29 .text-wrapper h2 {
        transform: translateY(116px) translateZ(0);
    }

    .our-work-sec .work-sec7811 .text-wrapper h2 {
        transform: translateY(120px) translateZ(0);
    }

    .hidden-xs{
        display: none;
    }
}