.topcrumb ul li a, .topcrumb ul li, .container_absolute2 h1 {
    color: #fff;
}

.image_absolute{
    min-height: 500px;
}

.container_absolute2{
    position: absolute;
    top: 60%;
    transform: translateY(-65%);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
}

.container_absolute-top{
    position: absolute;
    top: 25%;
    transform: translateY(-30%);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
}

.container_absolute-bottom{
    position: absolute;
    bottom: 15%;
    transform: translateY(-10%);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
}

.container_absolute-bottom h1{
    font-size:45px;
    line-height:1.2;
    margin-bottom:20px;
    font-family: 'Futura hv bt';
}

.container_absolute-bottom h2{
    font-family: Futura BT Medium, sans serif;
}

.description-div{
    background-color:#fff;
    border-radius:15px;
    padding:50px 30px;
}

.up50 {
    margin-top: -50px;
    border-radius: 50px 50px 0 0;
    z-index: 5;
    position: relative;
}

.bread_contact_banner{
    overflow:visible;
}

.sanctuary-benefit-image img, .health-journey-img img{
    border-radius:15px;
}

.sanctuary-benefit-description{
    line-height:1.2;
}

.sanctuary-benefit-description p{
    min-height:125px;
}

.sanctuary-benefit-description-indo p {
    min-height: 200px;
}

.btn-sanctuary-white, .btn-sanctuary-white i{
    color:#fff;
    transition: all .5s;
    
}
.btn-sanctuary-white:hover{
    color:#fff;
    text-decoration:none! important;
}

.btn-sanctuary-white:hover i:before{
    margin-left:5px;
}

.pd-60-30{
    padding:60px 30px 30px;
}

button.close {
    position: absolute;
    top: 20px;
    right: 20px;
    border: 2px solid #000;
    border-radius: 20px;
    font-size: 15px;
    width: 25px;
    height: 25px;
    z-index: 9;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
}
.closeIcon{
    color:#000;
}

.modal-dialog {
    max-width: 1170px;
    border-radius: 15px;
    position: relative;
    top: 10%;
}

.image_absolute2 {
	background-size: cover;
	background-position:center;
    min-height: 500px;
    background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.canctruary-sec1{
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(159,124,83,1) 40%, rgba(159,124,83,1) 100%);
    padding-bottom:60px! important;
}

.canctruary-sec2{
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(247,247,247,1) 50%, rgba(247,247,247,1) 100%);
    overflow: hidden;
}

.canctruary-sec4{
    background-color:#f7f7f7;
}

.canctruary-sec5 {
    background-image: url(../../images/indo/sanctuary/sanctuary-cta.jpg);
    background-size: cover;
    min-height: 400px;
    background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.container_absolute-sec5 {
    position: absolute;
    top: 60%;
    transform: translateY(-65%);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
}

.title-health-journey{
    width:50%;
    display:inline-block;
    line-height:1.2;
}

.health-journey-desc p{
    margin-bottom:0px;
}

#oc-health-journey.owl-carousel .owl-nav {
    position: absolute;
    top: -60px;
    right: 30px;
}

#oc-health-journey.owl-carousel .owl-nav .owl-prev, #oc-health-journey.owl-carousel .owl-nav .owl-next, #oc-sanctuary-facilities.owl-carousel .owl-nav .owl-prev, #oc-sanctuary-facilities.owl-carousel .owl-nav .owl-next {
    background: #fff;
    border: 2px solid #ccd0d4 ! important;
    color: #a9b0b9 ! important;
}

#oc-health-journey.owl-carousel .owl-nav [class*=owl-]:hover{
    color: #fff ! important;
    background: #a9b0b9 ! important;
    border: 2px solid #a9b0b9 ! important;
}

#oc-health-journey.owl-carousel .owl-stage-outer{
    overflow: visible;
}

#oc-health-journey.owl-carousel .owl-nav .disabled {
    display: block !important;
}

.btn-theme {
    padding: 11px 20px;
    background-color: #b28a57;
    border: 1px solid #b28a57;
    color: #fff;
    text-transform:uppercase;
    display: inline-block;
}

.btn-theme:hover {
    color: #b28a57;
    background-color: #fff;
    text-decoration: none !important;
}

.health-journey-img{
    margin-bottom:15px;
}

.health-journey-desc h4{
    min-height:50px;
    line-height:1.2;
}

.health-journey-desc p{
    min-height:48px;
}

#tab-canctruary.side-tabs ul.tab-nav {
    width: 350px;
}

#tab-canctruary.side-tabs ul.tab-nav.tab-nav2 li a i {
    float: left;
    width: 15px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-left: 5px;
    transition: all .5s;
}

#tab-canctruary.side-tabs ul.tab-nav.tab-nav2 li a {
    display: flex;
    align-items: center;
    box-shadow: none;
    padding: 0 15px;
    border-radius: 0px;
}

#tab-canctruary.side-tabs ul.tab-nav.tab-nav2 li a p {
    float: left;
    width: calc(100% - 25px);
}

#tab-canctruary .left-350{
    width:350px;
}

#tab-canctruary ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a, #tab-canctruary ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active, #tab-canctruary ul.tab-nav:not(.tab-nav-lg) li:hover a {
    background-color: #bf9c6b;
    border: 1px solid #bf9c6b;
    color: #fff;
    border-radius: 5px;
}

#tab-canctruary .grid-3 a{
    position:relative! important;
    padding:10px;
    border-radius:15px! important;
}

.grid-container{
    height:100%! important;
}

.grid-canctruary .grid-item{
    width:33.3333%;
    float:left;
    position:relative;
    padding:10px;
}

.grid-canctruary .grid-item .image-box{
    height:200px;
    width:100%;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


#tab-canctruary .tab-container h4{
    font-family: Futura BT Medium, sans-serif;
}

.sanctuary-facilities-img .image-box{
    height:250px;
    width:100%;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#oc-sanctuary-facilities.owl-carousel .owl-nav .owl-prev{
    left: -45px;
}

#oc-sanctuary-facilities.owl-carousel .owl-nav .owl-next {
    left: auto;
    right: -45px;
}

#oc-health-journey .owl-dots, #oc-sanctuary-facilities .owl-dots{
    margin-top:50px;
    margin-bottom:0;
}

@media(max-width:767px) and (min-width:576px){
    .col-xs-6{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media(max-width:991px){
    
    .up50 {
        margin-top: 0px;
        border-radius: 0;
    }
    .description-div {
        padding: 60px 0 30px;
    }
    .canctruary-sec2 {
        background:rgba(247,247,247,1);
        padding-bottom:30px;
    }
    .title-health-journey{
        width:100%;
    }
    #tab-canctruary.side-tabs ul.tab-nav {
        width: 100%;
    }
    .canctruary-sec3, .canctruary-sec4{
        padding: 60px 0;
    }
    .side-tabs .tab-container{
        padding-left:1px;
    }
    #tab-canctruary .tab-container h4{
        margin-left:0;
        text-align:center;
    }
    .canctruary-sec1{
        background:none;
        padding-bottom:0px! important;
    }
    .full-container-991{
        padding-left:0;
        padding-right:0;
    }
    .sub-container-991{
        padding-left: 15px ! important;
        padding-right: 15px ! important;
    }
    .brown-sanctuary{
        background-color:#9f7c53;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .sanctuary-benefit-description p{
        min-height: 85px;
    }
    .sanctuary-benefit-description-indo p {
        min-height: 0;
    }
    .mb-10-991{
        margin-bottom:10px;
    }
    #tab-canctruary.side-tabs ul.tab-nav{
        padding-top:0px;
    }
    #tab-canctruary .left-350{
        text-align:center;
        width:100%;
        margin-bottom: 20px;
    }
    .container_absolute-bottom h1, .container_absolute-bottom h2{
        text-align:center;
    }
    .container_absolute-bottom{
         bottom: 15%;
    }
    .container_absolute-top {
        top: 15%;
    }
    .image_absolute2{
        min-height: 300px;
        background-size:cover! important;
        background-attachment: unset ! important;
        background-position: center ! important;
    }
    .container_absolute-bottom h1 {
        font-size: 35px;
    }
    .btn-sanctuary-white {
        margin-top:20px;
        display: block;
    }
}

@media(max-width:767px){
    
    .mb-20-767{
        margin-bottom:20px! important;
    }
    
    .brown-sanctuary{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .description-div {
        padding: 30px 0;
    }
    
    .canctruary-sec2{
        padding-top:30px;
    }
    
    .canctruary-sec3, .canctruary-sec4{
        padding:30px 0;
    }
    
    .grid-canctruary .grid-item {
        width: 50%;
    }
    .sanctuary-facilities-img .image-box{
       height: 200px;
    }
    .owl-carousel.owl-loaded {
        margin-bottom: 20px ! important;
    }
    #oc-health-journey .owl-dots, #oc-sanctuary-facilities .owl-dots {
        margin-top: 30px;
    }
    .canctruary-sec5{
        min-height: 250px;
        background-attachment: unset;
        background-position: center;
    }
    .health-journey-desc p, .health-journey-desc h4 {
        min-height:0px;
    }
    .health-journey-desc{
        text-align:center;
    }
    .container_absolute-bottom h1 {
        font-size: 30px;
    }
    .container_absolute-bottom h2 {
        font-size: 18px! important;
    }
    .sanctuary-benefit-description-indo p, .sanctuary-benefit-description p {
        min-height: 0;
        margin-top: 20px;
    }
    
    
}

@media(max-width:575px){
    .sanctuary-benefit-description p， .sanctuary-benefit-description-indo p {
        min-height: 0;
    }
    .sanctuary-benefit-description p:not(:last-child), .sanctuary-benefit-description-indo p:not(:last-child){
        margin-bottom:20px! important;
    }
    .mb-50-575{
        margin-bottom:50px;
    }
}



