.b {
    /**
  * Custom CSS for Darmawisata Indonesia Website
  */
    /**
  * Custom Bootstrap 3 grid for 480-767px layout
  * Author: Iftakhar Hasan
  *
  * A new set of column classes (with class prefix .col-ms- ) for Bootstrap 3
  * to make Medium Small grids for supporting 480-767px
  *
  * This will push the default Bootstrap 3 Extra Small column (class prefix .col-xs- )
  * to support 1-479px instead of 1-767px
  */
    /***********************************************************************************
 *	+ Custom CSS
 ***********************************************************************************/
    /*====================
TOUR LAYOUT
====================*/
    /*====================
REQUEST
====================*/
    /*====================
HEADER
====================*/
    /*====================
BUTTON
====================*/
    /*====================
UMROH LAYOUT
====================*/
    /*==========  Date Picker  ==========*/
    /*==========  Price Slider  ==========*/
    /*==========  Gallery Slider  ==========*/
    /***********************************************************************************
 *  + Responsive CSS
 ***********************************************************************************/
    /*==========  Mobile First Method  ==========*/
    /* Custom, iPhone Retina */
    /* Extra Small Devices, Phones */
    /* Small Devices, Tablets */
    /* Medium Devices, Desktops */
    /* Large Devices, Wide Screens */
    /*==========  Non-Mobile First Method  ==========*/
    /* Large Devices, Wide Screens */
    /* Medium Devices, Desktops */
    /* Small Devices, Tablets */
    /* Extra Small Devices, Phones */
    /* Custom Viewport */
    /* Custom, iPhone Retina */
    /* Windows Mobile */
}

/*Start CSS Darmawisata*/
.b {
    background: #f2f8fd;
}

.contentCenter {
    padding-top: 15px;
    margin-bottom: 5em;
}
/*End CSS Darmawisata*/


.b .col-ms-1,
.b .col-ms-2,
.b .col-ms-3,
.b .col-ms-4,
.b .col-ms-5,
.b .col-ms-6,
.b .col-ms-7,
.b .col-ms-8,
.b .col-ms-9,
.b .col-ms-10,
.b .col-ms-11,
.b .col-ms-12 {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .b .container {
        max-width: 748px;
    }
    .b .container-header {
        max-width: 748px;
    }
    .b .col-ms-1,
    .b .col-ms-2,
    .b .col-ms-3,
    .b .col-ms-4,
    .b .col-ms-5,
    .b .col-ms-6,
    .b .col-ms-7,
    .b .col-ms-8,
    .b .col-ms-9,
    .b .col-ms-10,
    .b .col-ms-11 {
        float: left;
    }

    .b .col-ms-1 {
        width: 8.33333333%;
    }

    .b .col-ms-2 {
        width: 16.66666667%;
    }

    .b .col-ms-3 {
        width: 25%;
    }

    .b .col-ms-4 {
        width: 33.33333333%;
    }

    .b .col-ms-5 {
        width: 41.66666667%;
    }

    .b .col-ms-6 {
        width: 50%;
    }

    .b .col-ms-7 {
        width: 58.33333333%;
    }

    .b .col-ms-8 {
        width: 66.66666667%;
    }

    .b .col-ms-9 {
        width: 75%;
    }

    .b .col-ms-10 {
        width: 83.33333333%;
    }

    .b .col-ms-11 {
        width: 91.66666667%;
    }

    .b .col-ms-12 {
        width: 100%;
    }

    .b .col-ms-pull-0 {
        right: auto;
    }

    .b .col-ms-pull-1 {
        right: 8.33333333%;
    }

    .b .col-ms-pull-2 {
        right: 16.66666667%;
    }

    .b .col-sm-pull-3 {
        right: 25%;
    }

    .b .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .b .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .b .col-sm-pull-6 {
        right: 50%;
    }

    .b .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .b .col-ms-pull-8 {
        right: 66.66666667%;
    }

    .b .col-ms-pull-9 {
        right: 75%;
    }

    .b .col-ms-pull-10 {
        right: 83.33333333%;
    }

    .b .col-ms-pull-11 {
        right: 91.66666667%;
    }

    .b .col-ms-pull-12 {
        right: 100%;
    }

    .b .col-ms-push-0 {
        left: auto;
    }

    .b .col-ms-push-1 {
        left: 8.33333333%;
    }

    .b .col-ms-push-2 {
        left: 16.66666667%;
    }

    .b .col-sm-push-3 {
        left: 25%;
    }

    .b .col-sm-push-4 {
        left: 33.33333333%;
    }

    .b .col-sm-push-5 {
        left: 41.66666667%;
    }

    .b .col-sm-push-6 {
        left: 50%;
    }

    .b .col-sm-push-7 {
        left: 58.33333333%;
    }

    .b .col-ms-push-8 {
        left: 66.66666667%;
    }

    .b .col-ms-push-9 {
        left: 75%;
    }

    .b .col-ms-push-10 {
        left: 83.33333333%;
    }

    .b .col-ms-push-11 {
        left: 91.66666667%;
    }

    .b .col-ms-push-12 {
        left: 100%;
    }

    .b .col-ms-offset-0 {
        margin-left: 0;
    }

    .b .col-ms-offset-1 {
        margin-left: 8.33333333%;
    }

    .b .col-ms-offset-2 {
        margin-left: 16.66666667%;
    }

    .b .col-ms-offset-3 {
        margin-left: 25%;
    }

    .b .col-ms-offset-4 {
        margin-left: 33.33333333%;
    }

    .b .col-ms-offset-5 {
        margin-left: 41.66666667%;
    }

    .b .col-ms-offset-6 {
        margin-left: 50%;
    }

    .b .col-ms-offset-7 {
        margin-left: 58.33333333%;
    }

    .b .col-ms-offset-8 {
        margin-left: 66.66666667%;
    }

    .b .col-ms-offset-9 {
        margin-left: 75%;
    }

    .b .col-ms-offset-10 {
        margin-left: 83.33333333%;
    }

    .b .col-ms-offset-11 {
        margin-left: 91.66666667%;
    }

    .b .col-ms-offset-12 {
        margin-left: 100%;
    }
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px !important;
}

@media (min-width: 1200px) {
    .b .container {
        width: 970px;
    }
    .b .container-header {
        width: fit-content !important;
        margin: 0 auto;
    }
}

.b a {
    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out;
}

    .b a:hover,
    .b a:focus,
    .b a:visited,
    .b a:active {
        text-decoration: none;
    }

.b .line-hight1-3 {
    line-height: 1.3;
}

.b .p-a-0 {
    padding: 0 !important;
}

.b .p-t-0 {
    padding-top: 0 !important;
}

.b .p-t-10 {
    padding-top: 10px;
}

.b .p-a-10 {
    padding: 10px;
}

.b .p-a-15 {
    padding: 15px !important;
}

.p-t-15 {
    padding-top: 15px;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.p-b-15 {
    padding-bottom: 15px;
}

.b .p-r-15 {
    padding-right: 15px;
}

.b .p-r-5 {
    padding-right: 5px;
}

.b .p-l-5 {
    padding-left: 5px !important;
}

.b .p-l-10 {
    padding-left: 10px;
}

.p-l-15 {
    padding-left: 15px;
}

.b .p-a-30 {
    padding: 30px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.b .p-r-30 {
    padding-right: 30px;
}

.p-l-30 {
    padding-left: 30px;
}

.b .p-t-b-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.b .p-t-b-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.b .p-l-r-0 {
    padding-left: 0;
    padding-right: 0;
}

.b .p-l-r-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.b .p-l-r-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.b .p-t-b-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p-t-b-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.b .p-r-l-15 {
    padding-right: 15px;
    padding-left: 15px;
}

.p-t-b-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.b .p-r-l-30 {
    padding-right: 30px;
    padding-left: 30px;
}

.p-l-0 {
    padding-left: 0px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.b .m-t-0 {
    margin-top: 0;
}

.b .m-b-0 {
    margin-bottom: 0px !important;
}

.b .m-b-5 {
    margin-bottom: 5px !important;
}

.b .m-b-10 {
    margin-bottom: 10px !important;
}

.b .m-b-15 {
    margin-bottom: 15px !important;
}

.b .m-a-15 {
    margin: 15px;
}

.b .m-t-5 {
    margin-top: 5px;
}

.b .m-t-10 {
    margin-top: 10px;
}

.b .m-t-15 {
    margin-top: 15px !important;
}

.b .m-t-min35 {
    margin-top: -35px
}

.b .m-b-15 {
    margin-bottom: 15px;
}

.m-l-0 {
    margin-left: 0 !important;
}

.m-r-15 {
    margin-right: 15px;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-35 {
    margin-left: 35px;
}

.b .m-a-30 {
    margin: 30px;
}

.m-t-30 {
    margin-top: 30px !important;
}

.b .m-b-30 {
    margin-bottom: 30px;
}

.b .m-r-30 {
    margin-right: 30px;
}

.b .m-l-30 {
    margin-left: 30px;
}

.b .m-t-b-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.b .m-t-b-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.b .m-t-b-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.b .m-t-b-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.b .m-r-l-15 {
    margin-right: 15px;
    margin-left: 15px;
}

.b .m-t-b-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.b .m-t-b-100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.b .m-r-l-30 {
    margin-right: 30px;
    margin-left: 30px;
}

.b .m-r-l-auto {
    margin-left: auto;
    margin-right: auto;
}

.b .display-ib {
    display: inline-block;
}

.b .border-rad-0 {
    border-radius: 0 !important;
}

.b img {
    border-radius: 0;
}

.b .font-14 {
    font-size: 14px !important;
}

.b .text-right {
    text-align: right;
}

.d-inline-block {
    display: inline-block;
}

.b .display-inline {
    display: inline;
}

.width-auto {
    width: auto !important;
}

.display-inline-flex {
    display: inline-flex;
}

.b .no-float {
    float: none !important;
}

.b .box-putih {
    background: #fff;
    /*padding: 20px 50px;*/
    border-radius: 5px;
    box-shadow: 0px 5px 10px 1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 5px 10px 1px rgb(0 0 0 / 15%);
    -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
}

.b #z-search-form {
    /*background: #3f7eb1 url(../images/bg-zh-search-form.jpg);*/
    background-size: cover;
    padding: 30px 0;
}

    .b #z-search-form p {
        margin: 0;
        padding: 0;
    }

        .b #z-search-form p span {
            display: block;
        }

.b .z-search-form-inside {
    z-index: 1000;
}

.b #z-search-form .z-searh-form-inside {
    padding: 15px 30px;
    background: #fff;
    border-radius: 5px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);
    box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
}

    .b #z-search-form .z-searh-form-inside:hover {
        box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
    }

    .b #z-search-form .z-searh-form-inside input,
    .b #z-search-form .z-searh-form-inside optgroup,
    .b #z-search-form .z-searh-form-inside select,
    .b #z-search-form .z-searh-form-inside textarea {
        width: 100%;
        /*border: 1px solid #ddd;*/
    }

    .b #z-search-form .z-searh-form-inside .form-control {
        color: #a1a1a1;
    }

        .b #z-search-form .z-searh-form-inside .form-control[disabled],
        .b #z-search-form .z-searh-form-inside .form-control[readonly],
        .b #z-search-form .z-searh-form-inside fieldset[disabled] .form-control {
            background-color: #fdfdfd;
        }

    .b #z-search-form .z-searh-form-inside h6 {
        font-size: 12px;
        font-weight: 700;
        margin: 15px 0 5px 0;
    }

    .b #z-search-form .z-searh-form-inside .z-captcha {
        font-size: 12px;
    }

.b .z-search-form-bottom {
    /*padding: 20px;
  background: #f5f5f5;*/
    margin: 15px 0;
}

/*.b .z-searh-form-result {
  color: #fff;
}*/
/*.b .z-searh-form-result .btn {
  border: 1px solid #adb92e;
  background: #e3f242;
  color: #333;
}*/
/*.b .z-searh-form-result .btn {
	background: #4cafff;
    color: #ffffff;
    border-radius: 10px;
    border: 1px solid #4cafff;
  /*background: #FDFC47; */
/* fallback for old browsers */
/*background: -webkit-linear-gradient(to top, #24fe41, #fdfc47); */
/* Chrome 10-25, Safari 5.1-6 */
/*background: linear-gradient(to top, #24fe41, #fdfc47); */
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/*}*/
.b .z-searh-form-result .btn-warning:active:focus {
    color: #121212;
}

.b .z-searh-form-result .btn-default:active:focus {
    background: #fff;
    border-color: #fff;
}

.b #z-content-ads {
    padding: 30px 0 60px 0;
}

    .b #z-content-ads img {
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

        .b #z-content-ads img:hover {
            -webkit-transform: scale(0.98);
            -moz-transform: scale(0.98);
            -ms-transform: scale(0.98);
            transform: scale(0.98);
        }

.b .z-footer-space {
    background: #f2f8fd;
    height: 100px;
    clear: both;
}

.b #z-footer-app {
    background: #F7F7F7;
}

.rounded-xl {
    border-radius: 0.75rem !important;
}

.b #z-footer-app .frm-newsletter .form-group {
    display: flex;
    padding-top: 18px;
}

.b #z-footer-app .frm-newsletter .btn {
    background: #000;
    margin-left: -10px;
    color: #fff;
    border-radius: 0.75rem !important;
}

.b .headerlogo {
    background: url(../../v3/images/LogoAtasNew.svg) no-repeat;
    display: inline-block;
    width: 275px;
    height: 50px;
    background-position: 0px 5px;
}

.b .hands-app {
    margin-top: -52px;
    position: relative;
    z-index: 0;
}

.b #z-footer-app h3 {
    margin: -3px 0 0 0;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: -1px;
}

.b #z-footer-app span {
    display: block;
    font-weight: 700;
    font-size: 14px;
}

.b .z-app-icon {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    padding: 1px;
    margin: 0 5px;
    border-radius: 3px;
}

    .b .z-app-icon:hover {
        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

.b .z-app-title {
    padding: 15px 0;
}

.b .z-app-button {
    padding: 30px 0;
}

.b #z-footer {
    color: #717171;
}

    .b #z-footer a {
        color: #222;
    }

        .b #z-footer a:hover {
            color: #717171;
            text-decoration: none;
        }

.b .z-footer-top {
    padding: 30px 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.5) 100%), url(/Content/v3/images/footer/bg-footer.webp) white -0.129px -426px / 100.019% 431.227% no-repeat;
}

    .b .z-footer-top p {
        margin: 20px 0;
        line-height: 22px;
    }

    .b .z-footer-top h5 {
        color: #222;
        padding: 0 0 20px 0;
        text-transform: uppercase;
        font-weight: 700;
    }

    .b .z-footer-top span {
        color: #717171;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
    }

    .b .z-footer-top ul {
        margin: 0;
        padding: 0;
    }

        .b .z-footer-top ul li {
            list-style-type: none;
            padding: 0 0 5px 0;
        }

    .b .z-footer-top .fa {
        padding: 0 5px 0 0;
    }

.b .z-footer-middle {
    padding: 15px 0;
    background: #18385e;
}

    .b .z-footer-middle ul {
        margin-bottom: 0;
        padding: 0;
    }

        .b .z-footer-middle ul li {
            display: inline-block;
            padding: 0 10px;
        }

            .b .z-footer-middle ul li:first-child {
                padding: 0 10px 0 0;
            }

.b .z-footer-bottom {
    padding: 30px 0;
    background: #fff;
    font-size: 12px;
    color: #222;
}

    .b .z-footer-bottom p {
        margin: 0;
    }

.b #z-footer .z-footer-bottom a {
    color: #717171;
}

    .b #z-footer .z-footer-bottom a:hover {
        color: #222;
    }

.b .z-footer-bottom ul {
    margin-bottom: 0;
    padding: 0 0 3px 0;
}

    .b .z-footer-bottom ul li {
        display: inline-block;
        border-right: 1px solid #e1e1e1;
        padding: 0 10px;
    }

        .b .z-footer-bottom ul li:first-child {
            padding: 0 10px 0 0;
        }

        .b .z-footer-bottom ul li:last-child {
            border: none;
        }

.b .social-media {
    text-align: right;
}

    .b .social-media a {
        padding: 5px;
    }

.b #z-footer .social-media a.facebook:hover {
    color: #3b5999;
}

.b #z-footer .social-media a.twitter:hover {
    color: #55acee;
}

.b #z-footer .social-media a.youtube:hover {
    color: #cd201f;
}

.b #z-footer .social-media a.instagram:hover {
    color: #e4405f;
}
/*.b #z-content {
  background: #f2f8fd;*/
}

.b nav.z-sort-alphabet {
    text-align: right;
    padding: 15px 0;
}

.b .z-sort-alphabet ul {
    margin: 0;
}

    .b .z-sort-alphabet ul > li > a,
    .b .z-sort-alphabet ul > li > span {
        font-size: 12px;
        padding: 4px 8px;
    }

.b nav.z-sort-page {
    text-align: right;
}

.b .z-sidebar-wrapper {
    background: #fff;
    border: 1px solid #efefef;
    padding-top: 15px;
    padding-bottom: 15px;
}

.b .z-widget-title {
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef;
}

    .b .z-widget-title h4 {
        display: inline;
    }

.b .z-sidebar .form-control {
    padding: 6px;
}

.b .z-widget-2 {
    padding: 10px 0;
}

.b .z-widget label {
    display: block;
    color: #777;
    margin: 5px 0;
}

    .b .z-widget label img {
        max-width: 20px;
    }

.b .z-widget h5 {
    padding: 0;
    margin: 10px 0 5px 0;
}

.b .z-label-info {
    font-size: 14px;
    color: #888;
    text-align: right;
    padding: 15px 0;
}

    .b .z-label-info .available {
        color: #5b9b1c;
    }

    .b .z-label-info .request {
        color: #d00000;
    }

.b .z-content-lists .panel {
    margin-bottom: 15px;
}

.b .z-panel-list {
    padding: 25px 0px;
    border: 1px solid #efefef;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

    .b .z-panel-list .media-left img {
        max-height: 150px;
    }

    .b .z-panel-list .media-body {
        padding: 15px 15px 15px 5px;
    }
    /*.b .z-panel-list .panel-body {
  padding: 0;
}*/
    .b .z-panel-list h3 {
        /*margin: 0 0 5px 0;
  font-weight: 700;
  font-size: 16px;
  word-spacing: -1px;
  color: #337ab7;*/
        margin: 0 0 5px 0;
        font-weight: 700;
    }

    .b .z-panel-list table {
        font-size: 12px;
        margin-bottom: 0;
    }

        .b .z-panel-list table th {
            text-transform: uppercase;
        }

    .b .z-panel-list:hover {
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    }

.b .z-content-star img {
    max-width: 18px;
}

.b ul.z-content-star {
    padding: 0;
    margin-bottom: 5px;
    display: initial;
    position: relative;
    top: -7px;
}

.b .has-warning {
    display: inline;
}

.b .type-room {
    font-size: 15px;
    color: #0089ff;
    font-weight: 600;
}

.b .z-content-star li {
    list-style-type: none;
    display: inline;
    padding: 0;
}

.b ul.z-facility {
    padding: 5px 0;
    margin: 0;
}

.b .z-facility img {
    max-width: 20px;
}

.b .z-facility li {
    list-style-type: none;
    display: inline-block;
    padding: 3px 3px 5px 3px;
    border: 1px solid #f2f2f2;
    margin: 3px 0;
}

    .b .z-facility li:hover {
        background: #fff;
    }

.b .z-panel-list .img-thumb-content-list {
    float: left;
    margin: 0 15px 0 0;
}

.b .img-thumb-content-list .object-fit_cover {
    object-fit: cover;
}

.b .img-thumb-content-list img {
    height: 170px;
    background-color: #dddddd;
}

    .b .img-thumb-content-list img[class] {
        width: 200px;
    }

.b .img-thumb-content-list {
    position: relative;
}

    .b .img-thumb-content-list img {
        display: block;
        width: 100%;
    }

    .b .img-thumb-content-list:hover .overlay {
        width: 100%;
    }

    .b .img-thumb-content-list .overlay-off {
        width: 100%;
    }

.b .img-more {
    float: left;
}

    .b .img-more .object-fit_cover {
        object-fit: cover;
    }

    .b .img-more img {
        height: 150px;
        background-color: #dddddd;
    }

.b .img-more {
    position: relative;
}

    .b .img-more img {
        display: block;
        width: 100%;
    }

    .b .img-more:hover .overlay {
        width: 100%;
    }

    .b .img-more .overlay-off {
        width: 100%;
    }

.b .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(62, 126, 177, 0.8);
    overflow: hidden;
    width: 0;
    height: 100%;
    transition: .5s ease;
}

.b .overlay-off {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(62, 126, 177, 0.9);
    overflow: hidden;
    width: 0;
    height: 100%;
    transition: .5s ease;
}

    .b .overlay-off:hover {
        background-color: rgba(62, 126, 177, 0.5);
    }

.b .text {
    white-space: nowrap;
    color: white;
    font-size: 14px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.b .img-more .text {
    font-size: 16px;
    font-weight: 700;
}

.b .z-panel-list .label {
    display: block;
    margin: 0;
    padding: 0 0 5px 0;
    text-align: left;
    font-size: 100%;
    font-weight: 700;
    text-transform: uppercase;
}

.b .z-panel-list .label-info {
    background-color: transparent;
    border: 0;
    color: #337ab7;
}

.b .z-panel-list .label-warning {
    background-color: transparent;
    border: 0;
    color: #5cb85c;
}

.b .z-panel-list .label-success {
    background-color: transparent;
    border: 0;
    color: #5cb85c;
}

.b .z-panel-list .label-available {
    background-color: transparent;
    border: 0;
    color: #fff6a6;
    font-size: 80%;
    font-weight: 700;
}

.b .z-panel-list .label-request {
    background-color: transparent;
    border: 0;
    color: #5b9b1c;
}

.b .z-panel-list .table-responsive {
    margin-top: 15px;
    clear: both;
}

.b .z-panel-list > .table-bordered,
.b .z-panel-list > .table-responsive > .table-bordered,
.b .tablesaw {
    border: 1px solid #ddd;
}

.b .z-panel-list .table-bordered > tbody > tr > td,
.b .z-panel-list .table-bordered > tbody > tr > th,
.b .z-panel-list .table-bordered > tfoot > tr > td,
.b .z-panel-list .table-bordered > tfoot > tr > th,
.b .z-panel-list .table-bordered > thead > tr > td,
.b .z-panel-list .table-bordered > thead > tr > th {
    border: 1px solid #efefef;
}

.b .z-table-price .z-table-price-inside {
    font-weight: 700;
}

.b .z-table-price td.title {
    text-transform: uppercase;
    font-weight: 700;
}

.b .z-panel-list > .panel-body + .table,
.b .z-panel-list > .panel-body + .table-responsive,
.b .z-panel-list > .table + .panel-body,
.b .z-panel-list > .table-responsive + .panel-body {
    border-top: 0;
}

.b .z-panel-list .table-responsive td {
    vertical-align: middle;
}

.b .z-panel-list .z-table-price td.title {
    background: #f5f5f5;
}

.b .panel-content {
    padding-top: 15px;
    padding-bottom: 15px;
}

.b .z-panel-list-right {
    border-left: 1px solid #efefef;
}

.b .z-content-price {
    font-size: 18px;
    font-weight: 700;
    margin: 5px 0;
    background: #31b0d5; /* for new design hotel mapping #265a88;*/
    ;
    color: #fff;
    border: 0;
    padding: 10px;
}

    .b .z-content-price .small {
        display: block;
        font-size: 70%;
        font-weight: 300;
    }

.b .affix {
    top: 0;
    width: 100%;
}

.b .z-search-form-inside.affix-top {
    padding: 30px 0;
}

.b .z-search-form-inside.affix {
    padding: 15px 0 !important;
    box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.5);
}

.b .btn-filter-mobile {
    display: none;
}

    .b .btn-filter-mobile .btn {
        border: 1px solid #adb92e;
        background: #e3f242;
        color: #333;
        border-radius: 0 4px 4px 0;
    }

.b .z-details-map {
    margin-left: -15px;
    padding-right: 0;
}

.b .z-small-thumb img {
    width: 100%;
    float: left;
    height: auto;
}

.b .z-content-info {
    background: #f5f5f5;
    padding: 15px;
}

    .b .z-content-info .z-facility img {
        width: 40px;
        max-width: 40px;
    }

.b h4.content-title {
    margin-top: 0;
}

.b .z-content-details .z-panel-list h3 {
    font-size: 18px;
}

.b .z-content-details h4 {
    color: #337ab7;
}

.b .z-content-details ul.z-facility {
    padding: 0;
}

.b .z-content-details .z-facility li {
    border: 1px solid #eee;
}

.b .sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
}

.b .z-content-details .nav > li > a {
    padding: 10px;
    font-weight: bold;
}

.dynamicHotel .hoteldetails {
    padding: 10px 20px 0px 15px;
}

    .dynamicHotel .hoteldetails address {
        margin-bottom: 0;
    }
/*.dynamicHotel .hoteldetails button {
	position: absolute;
    right: 22px;
    top: 94px;
}*/
.b .z-hotel-details .z-content-details .z-panel-list .z-panel-list-left .label {
    display: inline-block;
    position: relative;
}

.b .z-hotel-details .z-panel-list .z-panel-list-left .label {
    padding: 5px 10px;
    background: #5cb85c;
    color: #fff;
}

.b .z-tour .z-content-price .small {
    display: inline;
    padding-right: 5px;
}

.b .z-tour .sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
}

.b .z-tour .z-panel-list .z-panel-list-left .label-promo {
    padding: 5px 10px;
    background: #31b0d5;
    color: #fff;
}

.b .z-tour .z-panel-list .z-panel-list-left .label.label-featured-1 {
    top: 0;
    position: absolute;
    z-index: 1;
    border-radius: 0 4px 4px 0;
}

.b .z-tour .z-panel-list .z-panel-list-left .label.label-featured-2 {
    top: 30px;
    position: absolute;
    z-index: 1001;
    border-radius: 0 4px 4px 0;
}

.b .z-panel-list .img-thumb-content-list.img-tour {
    margin: 0;
}

.b .img-thumb-content-list.img-tour img[class] {
    width: 100%;
    height: 190px;
}

.b ul.z-tour-info {
    margin: 10px 0;
    padding: 0;
}

    .b ul.z-tour-info li {
        list-style-type: none;
    }

.b .z-tour-header {
    background: #3f7eb1 url(../images/bg-z-tour-header.jpg) center;
    background-size: cover;
    padding: 30px 0;
    z-index: 9999;
}

    .b .z-tour-header.affix {
        padding: 15px 0;
    }

    .b .z-tour-header h2 {
        margin: 0;
        padding: 0;
        word-spacing: -2px;
        font-weight: 700;
        font-size: 24px;
    }

.b .z-tour .z-panel-list .img-thumb-content-list.img-tour {
    margin: 0;
    float: none;
}

.b i {
    padding-right: 5px;
}

.b .nav-tabs > li a.tab-detail {
    background: #0095FF;
    color: #fff;
}

.b .nav-tabs > li.active > a.tab-detail, .b .nav-tabs > li.active > a:hover.tab-detail, .b .nav-tabs > li.active > a:focus.tab-detail {
    color: #555;
    cursor: default;
    background-color: #fff !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

@media only screen and (max-width: 480px) {
    .b .z-tour-header.affix {
        position: static !important;
    }
}

.b .z-tour .z-content-details .z-content-info ul.z-tour-info li {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.b .z-tour .z-content-details .z-content-price {
    border-top: 0;
    border-bottom: 1px solid #efefef;
    margin-top: 0;
    margin-bottom: 5px;
}

.b .z-tour .z-content-details .z-panel-list .z-panel-list-left .label {
    display: inline-block;
    position: relative;
    margin: 0 0 5px 0;
}

.b .z-tour .tab-content {
    padding: 15px 0;
}

.b .z-tour .z-content-details .sidebar {
    padding: 15px;
}

    .b .z-tour .z-content-details .sidebar h4 {
        margin: 10px 0 0 0;
    }

    .b .z-tour .z-content-details .sidebar .img-thumb-content-list.img-tour img[class] {
        height: 100px;
    }

    .b .z-tour .z-content-details .sidebar .label-warning {
        position: absolute;
        padding: 5px 10px;
        z-index: 9999;
        background: #5cb85c;
        color: #fff;
    }

.b .z-tour .sidebar img {
    width: 100%;
}

.b .z-tour .z-panel-list .sidebar .img-thumb-content-list {
    float: none;
}

.b .z-request-tour .z-panel-list {
    background: #3f7eb1 url(../images/post/bg-request-tour.jpg) center;
    background-size: cover;
}

.b .z-request-tour .panel-content {
    background: rgba(245, 245, 245, 0.8);
}

.b .z-request-tour .z-content-info {
    background: transparent;
    color: #fff;
}

.b .z-tour-book .z-panel-list {
    background: #fff;
}

.b .z-tour-book .z-content-info {
    color: inherit;
}

.b .z-tour-book .panel-content {
    background: rgba(245, 245, 245, 0.8) none repeat scroll 0% 0%;
}

.b .z-tour .z-table-price td.title {
    text-transform: none;
}

.b ul.request li.list-group-item {
    background: rgba(49, 142, 222, 0.6);
    border: transparent;
}

.b .z-request-umroh .z-panel-list {
    background: #3f7eb1 url(../images/post/bg-request-umroh.jpg) center;
    background-size: cover;
}

.b .z-request-umroh .panel-content {
    background: rgba(245, 245, 245, 0.8);
}

.b .z-request-umroh .z-content-info {
    background: transparent;
    color: #fff;
}

.b .z-searh-form-result h2,
.b .z-searh-form-result h4,
.b .z-searh-form-result p {
    margin: 0;
    padding: 0;
}

.b .z-searh-form-result h2 {
    word-spacing: -2px;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
}

.b .z-searh-form-result .btn.btn-request {
    margin-left: 10px;
}

.b .z-umroh-header {
    background: #3f7eb1 url(../images/bg-z-umroh-header.jpg) center;
    background-size: cover;
    padding: 30px 0;
    z-index: 9999;
}

    .b .z-umroh-header.affix {
        padding: 15px 0;
    }

.b .datepicker table tr td,
.b .datepicker table tr th {
    font-size: 14px;
}

    .b .datepicker table tr td.new,
    .b .datepicker table tr td.old {
        color: #ccc;
    }

.b .irs-bar {
    background: #5bc0de;
    border-top: 1px solid #46b8da;
    border-bottom: 1px solid #46b8da;
}

.b .irs-slider {
    top: 27px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
}

    .b .irs-slider.from i,
    .b .irs-slider.to i {
        padding: 0 0 0 4px;
        color: #777;
    }

.b .fotorama__stage {
    border: 1px solid #f5f5f5;
}

.b .fotorama__nav-wrap {
    background: #f5f5f5;
}

.b .fotorama__caption__wrap {
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.b .z-promo .sticky-sidebar {
    top: 15px;
}

.b .z-promo .panel-promo {
    padding: 0 15px;
}

.b .z-promo .z-panel-list .z-promo-cities .img-thumb-content-list {
    margin: 0 0 15px 0;
}

.b .z-promo-cities .text {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}

.b .z-promo-cities .overlay-off {
    background-color: rgba(34, 34, 34, 0.5);
}

    .b .z-promo-cities .overlay-off:hover {
        background-color: rgba(62, 126, 177, 0.4);
    }

.b .z-promo .z-promo-cities .overlay {
    width: 100%;
}

.b .z-promo-cities .img-thumb-content-list img {
    height: 100px;
}

.b .z-promo .z-panel-list .img-thumb-content-list {
    float: none;
    margin: 0;
}

.b .z-promo .img-thumb-content-list img[class] {
    width: 100%;
}

.b .z-promo .z-panel-list h3,
.b .promo .z-panel-list h5 {
    margin: 0;
}

.b .z-promo .z-panel-list h5 {
    margin: 0;
    font-weight: bold;
}

.b .z-promo .z-panel-list .list-group {
    margin-bottom: 0;
}

.b .z-promo .z-panel-list .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.b .z-promo-header {
    background: #3f7eb1 url(../images/bg-zh-search-form.jpg) center;
    background-size: cover;
    padding: 30px 0;
}

.b .z-header-landing-tour {
    background: #3f7eb1 url(../images/bg-header-landing-tour.jpg) center;
    background-size: cover;
    padding: 30px 0;
}

.b .z-panel-list .z-promo-label .label {
    display: inline-block;
    margin: 0;
    padding: 5px;
    text-align: inherit;
    font-size: 80%;
    text-transform: none;
}

.b .z-promo .panel-promo [class*='col-'] {
    padding-bottom: 15px;
    padding-top: 15px;
}

.b .z-promo-normal-price {
    font-size: 85%;
    color: #909090;
    font-weight: normal;
}

.b .nav-tabs {
    margin-bottom: 20px;
}

.b .tour-nav {
    margin-bottom: 0;
}

.b .z-header-landing-tour .panel {
    background: rgba(255, 255, 255, 0.5);
}
/*.b .z-promo-cities .img-thumb-content-list img {
  height: 200px;
}*/
@media only screen and (min-width: 768px) {
    .b .z-vertical-align {
        display: flex;
        flex-direction: row;
    }

        .b .z-vertical-align > [class^="col-"],
        .b .z-vertical-align > [class*=" col-"] {
            display: flex;
            align-items: center;
            align-self: center;
            justify-content: flex-start;
        }

            .b .z-vertical-align > [class^="col-"]:first-child,
            .b .z-vertical-align > [class*=" col-"]:first-child {
                justify-content: flex-start;
            }

            .b .z-vertical-align > [class^="col-"]:last-child,
            .b .z-vertical-align > [class*=" col-"]:last-child {
                justify-content: flex-end;
                flex-grow: 1;
            }
}

@media only screen and (max-width: 992px) {
    .b .hands-app {
        display: none;
    }

    .b .z-app-title {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .b #z-search-form .z-searh-form-inside {
        padding: 0px 15px;
    }

    .b #z-footer-app {
        text-align: center;
    }

    .b .hands-app {
        display: none;
    }

    .b #z-footer {
        text-align:;
    }

    .b .z-footer-top p {
        display: inherit;
    }

    .b .z-footer-top img {
        display: inline;
    }

    .b .z-footer-top h5 {
        padding: 15px 0 0 0;
    }

    .b .z-footer-middle ul li {
        padding: 0 5px 0 0;
        font-size: 12px;
    }

        .b .z-footer-middle ul li:first-child {
            padding: 0 5px 0 0;
            display: block;
            text-transform: uppercase;
        }

    .b .z-footer-bottom {
        font-size: 10px;
    }

    .b .social-media {
        text-align: center;
        padding: 15px 0 0 0;
    }

    .b #z-footer-app span {
        display: none;
    }

    .b #z-footer-app h3 {
        display: none;
    }

    .b .z-app-title {
        display: none;
    }

    .b .z-app-button {
        padding: 20px 0;
        width: 100%;
    }

    .b .z-panel-list .label {
        display: inline-block;
    }

    .b .z-sidebar-wrapper,
    .b nav.z-sort-alphabet {
        display: none;
    }

    .b .btn-filter-mobile {
        display: block;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }

    .b .z-footer-space {
        height: auto;
    }

        .b .z-footer-space .p-t-b-30 {
            display: none;
        }

    .b .z-tour .z-panel-list-right {
        padding-top: 10px;
    }

    .b .z-searh-form-result h2 {
        font-size: 18px;
    }

    .mresponsive {
        display: none;
    }

    .filterContent {
        display: none;
    }

    .inputCaptcha {
        width: 100% !important;
    }
    /*.dynamicHotel.panel {
	min-height: 400px;
    overflow: hidden;
  }*/
    .dynamicHotel .hoteldetails address {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .b #z-search-form,
    .b #z-content {
        font-size: 90%;
    }

        .b #z-content .panel {
            margin-bottom: 10px;
        }

    .b #z-footer-app {
        text-align: center;
    }

    .b .hands-app {
        display: none;
    }

    .b #z-footer {
        text-align: center;
        font-size: 80%;
    }

    .b .z-footer-top {
        padding: 15px 0;
    }

        .b .z-footer-top p {
            display: none;
        }

        .b .z-footer-top img {
            display: inline;
            max-width: 250px;
        }

        .b .z-footer-top h5 {
            padding: 5px 0 0 0;
        }

    .b .z-footer-middle ul li {
        padding: 0 5px 0 0;
        font-size: 12px;
    }

        .b .z-footer-middle ul li:first-child {
            padding: 0 5px 0 0;
            display: block;
            text-transform: uppercase;
        }

    .b .z-footer-bottom {
        font-size: 10px;
        padding: 15px 0;
    }

    .b .social-media {
        text-align: center;
        padding: 15px 0 0 0;
    }

    .b #z-footer-app span {
        display: none;
    }

    .b #z-footer-app h3 {
        display: none;
    }

    .b .z-app-title {
        display: none;
    }

    .b .z-app-button {
        padding: 15px 0;
        width: 100%;
    }

    .b .z-app-icon {
        max-width: 100px;
    }

    .b .z-panel-list adress {
        display: block;
        padding: 0;
    }

    .b .z-panel-list .label {
        display: table;
        padding: 3px 0;
    }

    .b .z-content-star img {
        max-width: 15px;
    }

    .b .z-panel-list .img-thumb-content-list {
        margin: 0;
    }

    .b .img-thumb-content-list img {
        height: 80px;
    }

        .b .img-thumb-content-list img[class] {
            width: 100%;
        }

    .b ul.z-facility {
        clear: both;
        padding: 5px 0;
    }

    .b .z-facility li {
        padding: 2px;
    }

    .b ul.z-facility img {
        max-height: 18px;
    }

    .b ul.z-content-star {
        margin: 0;
        padding: 5px 0 0 0;
        clear: both;
    }

    .b .z-content-price {
        font-size: 16px;
    }

        .b .z-content-price .small {
            display: inline;
            margin-right: 5px;
        }

    .b .z-panel-list .label-available {
        float: right;
    }

    .b .z-btn-filter {
        margin: 10px 0 0 0;
        font-size: 12px;
    }

    .b .z-panel-list-right {
        border-left: 0;
    }

    .b .z-content-details .table-responsive {
        display: inherit;
    }

    .b .z-panel-list-right .btn {
        display: block;
        font-size: inherit;
        padding: 5px 12px;
    }

    .b .z-search-form-inside.affix {
        position: static !important;
    }

    .b #z-search-form p {
        padding: 0 0 15px 0;
    }

    .b .z-searh-form-inside .form-control {
        height: auto;
        padding: 6px;
        font-size: 12px;
    }

    .b .z-sidebar .form-control {
        height: auto;
        padding: 6px;
        font-size: 12px;
    }

    .b .z-search-form-bottom .btn {
        font-size: 14px;
        padding: 6px 10px;
        margin-top: 10px;
    }

    .b .z-small-thumb {
        margin-left: auto;
        padding-right: 15px;
    }

        .b .z-small-thumb img {
            width: 50%;
        }

    .b .img-more {
        float: none;
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    .b #z-search-form {
        padding: 15px 0;
    }

    .b .z-search-form-inside.affix {
        position: static !important;
    }

    .b .z-search-form-inside.affix-top {
        padding: 15px 0;
    }

    .b .z-panel-list-right {
        border-left: 0;
        padding-top: 5px;
    }

    .b .z-small-thumb {
        margin-left: -15px;
        padding-right: 0px;
    }

        .b .z-small-thumb img {
            width: 100%;
        }

    .b .img-more {
        float: none;
    }

    .b #z-search-form p {
        padding: 0;
    }

    .b .z-panel-list .img-thumb-content-list {
        float: none;
        margin: 0;
    }

    .b .img-thumb-content-list img[class] {
        width: 100%;
    }

    .b ul.z-content-star {
        padding: 5px 0 0 0;
        margin: 0;
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 50em), (-ms-high-contrast: none) and (max-width: 50em) {
    .b .z-panel-list .img-thumb-content-list {
        float: none;
        display: block;
        clear: both;
    }

    .b .z-content-star img {
        width: 20px;
        height: 20px;
    }

    .b ul.z-facility img {
        width: 20px;
        height: 20px;
    }

    .b img.z-app-icon {
        width: 100px;
        height: 31px;
    }

    .b .z-widget label img {
        width: 20px;
        height: 20px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .b {
        /* IE10+ specific styles go here */
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 30em), (-ms-high-contrast: none) and (max-width: 30em) {
    .b {
        /* IE10 Mobile specific styles go here */
    }
}




/*#content{
    padding-bottom:0px;
}*/

@media(min-width:992px) {
    #wrapper {
        padding-bottom: 0px;
    }
}

.b .z-tanggal {
    padding-left: 0px;
    padding-right: 0px;
}

.b .z-form-search {
    padding-left: 0px;
    padding-right: 0px;
}

.b .z-collapse {
    display: none;
}

.b .pagination > li > a.z-ready {
    color: #fff;
    background-color: #2a6ba3;
}

.b .pagination > li > a.z-notready {
    color: #2a6ba3;
    background-color: #fff;
}

.b .img-price {
    min-width: 35px;
}

.b .hotelItemImage {
    margin-right: 0px;
    float: none;
}


.b .footer-space {
    height: 100px
}


.b .z-footer-top {
    font-size: 14px;
}

    .b .z-footer-top p {
        font-size: 14px;
        line-height: 22px;
    }

    .b .z-footer-top h5 {
        padding: 0;
        font-size: 14px;
    }

.b .z-footer-middle ul {
    margin: 0;
    font-size: 14px;
}

.b .z-footer-bottom ul {
    margin: 0;
}

.b .price-room {
    display: none;
}

.b .z-gallery .slide-thumb img {
    padding: 5px;
}

.b div.tooltip {
    float: left;
    background: none;
    border: 0;
    padding: 5px;
    max-width: 200px;
    z-index: 13000;
}

/*Step Hotel*/

.b .orderingFlow {
    height: 33px;
}

    .b .orderingFlow img {
        float: left;
        margin: 0;
    }

    .b .orderingFlow .Steps {
        margin-left: -4px;
    }

.b h2.orderHeading {
    margin: 12px 0 2px 0;
    font-size: 0;
    height: 52px;
    margin: 12px 0 2px 0;
}

/*Hapus Padding left*/
.b .row {
    padding-left: 0;
}



/*Hotel*/
.b .z-content-price .small {
    color: #fff;
}

.b .nav-tabs .active a {
    color: inherit !important;
}

.b .row {
    padding-left: 0;
}

.modal-open .b .modal {
    overflow-x: hidden;
    overflow-y: auto;
}


.b .nav .active a {
    text-decoration: none;
}

/*CSS Search Hotel*/

.b .z-searchhotel {
    margin-top: 15px;
}

.b .wrapper-hotel {
    margin: 0 0 0 0;
}

.b .z-ready input {
    border: 0;
    background: inherit;
}

span.ui-icon.ui-icon-triangle-1-e {
    display: none;
    !important
}

.b span.ui-icon.ui-icon-triangle-1-s {
    display: none;
    !important
}

.b .cancelation span {
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    font-size: 14px;
    overflow: auto;
}

.b .z-panel-list .z-promo-label .label {
    display: inline-block;
    margin: 0;
    padding: 5px;
    text-align: inherit;
    font-size: 80%;
    text-transform: none;
}

/*PELNI*/
.b .z-pelni-header #z-search-form {
    background: #3f7eb1 url(../images/bg-header-pelni.jpg) !important;
    background-size: cover;
    padding: 30px 0;
}

.b #z-search-form-pelni {
    background: #3f7eb1 url(../images/bg-header-pelni.jpg) !important;
    background-size: cover;
    padding: 30px 0;
}

    .b #z-search-form-pelni .z-searh-form-inside {
        padding: 15px 30px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);
        box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }

        .b #z-search-form-pelni .z-searh-form-inside input {
            width: 100%;
            border: 1px solid #ddd;
        }

.b .search-pelni {
    float: right;
}

.b .pelni-topbar {
    background: #277fd5;
}

    .b .pelni-topbar .icon-pelni-topbar {
        padding: 10px;
    }

.b .pelni .listDate {
    margin: 0 15px 0 0;
    font-size: 14px;
}

.b .pelni img.icon-passenger-ship {
    vertical-align: inherit;
}

.b .pelni #wrapper-schedule-table-header-penumpang-pria,
.b .pelni #wrapper-schedule-table-header-penumpang-wanita,
.b .pelni #wrapper-schedule-table-header-penumpang-anak-anak,
.b .pelni #wrapper-schedule-table-header-penumpang-bayi {
    float: inherit;
    margin: inherit;
    text-align: inherit;
    font-size: inherit;
}

.b .pelni #wrapper-rute-header {
    width: 100%;
    height: 100%;
    /* background-color: #a4c1ea; */
    margin: 10px 0 0 0;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    border-top: 5px solid #4489e0;
    border-bottom: 5px solid #4489e0;
}

.b .pelni .detail-list-info h5 {
    margin: 5px 0;
}

.b .pelni #wrapper-schedule-table-footer {
    width: 100%;
    height: 100%;
    border-top: 10px solid #ebebeb;
    border-bottom: 10px solid #ebebeb;
}

.b .pelni #wrapper-schedule-table-footer-total-desc {
    float: inherit;
    margin: 0;
    width: 100%;
}

.b .pelni .bg-total-price {
    background-color: #ebebeb;
}

.b .pelni #wrapper-schedule-table-footer-saldo-desc {
    float: none;
    margin: 0;
    width: 100%;
    display: inline;
}

.b .pelni #wrapper-schedule-table-footer-saldo-val {
    float: none;
    margin: 0;
    display: inline;
}

.b .pelni #submitSchedulePELNI {
    margin: 0 auto;
}

.b .pelni .wrapper-schedule {
    float: right;
}

.b .pelni .schedule-total {
    float: right;
}

.b .pelni .footer-saldo {
    float: right;
}

.b .pelni #wrapper-pass-pax {
    width: 100%;
    border-top: 2px solid #ebebeb;
    margin: 20px 0;
    background-color: #cddfed;
}

.b .pelni #wrapper-pass-footer-saldo-desc {
    float: none;
    margin: 0;
    width: 100%;
}

.b .pelni .ship-price {
    border-top: 10px solid #ebebeb;
    border-bottom: 10px solid #ebebeb;
}

.b .pelni #wrapper-pass-footer-saldo-val {
    margin: 0;
}

.b .pelni #wrapper-pass-button-cancel {
    margin: 0;
    width: inherit;
    float: none;
}

.b .pelni #wrapper-pass-button-submit {
    margin: 0;
}

.b .pelni #shipFillPass {
    margin: 0 auto;
}

.b .pelni .passenger-detail h5 {
    margin: 5px 0;
}

.b .pelni .wrapper-pass-pax-row-seat-txt, .b .pelni .wrapper-pass-pax-row-paxCategory-txt, .b .pelni .wrapper-pass-pax-row-paxGender-txt {
    padding: 6px 12px;
    display: block;
    border: 1px dotted black;
    width: 100%;
    height: 34px;
}

.b .pelni .passenger-list .form-control[readonly] {
    background-color: #fff;
}

.b .pelni .detail-booking-pelni h5 {
    margin: 5px 0;
}

.b .pelni h5 {
    font-weight: normal;
}

.b .pelni #shipGoBooking {
    margin: 0 auto;
}

@media only screen and (max-width:425px) {
    .b .pelni .wrapper-schedule {
        float: none;
    }

    .b .pelni #wrapper-pass-button-submit {
        float: none;
    }

    .b .pelni .footer-saldo {
        float: none;
    }

    .b .pelni .schedule-total {
        float: none;
    }

    .b .search-pelni {
        float: none;
    }

    .b .pelni .payment-code {
        padding-bottom: 5px;
        padding-top: 5px;
    }
}

@media only screen and (max-width:768px) {
    .b .pelni h5.sub-header {
        padding-left: 15px;
    }
}

@media only screen and (min-width:768px) {
    .b .pelni .field-pax-child,
    .b .pelni .field-pax-infant {
        padding-top: 35px;
    }
}

@media only screen and (max-width: 480px) {
    .z-search-mobil-pelni {
        margin: 15px 10px;
    }
}
/*BG PrivacyPolicy*/
.b .z-content {
    background: #f2f8fd;
}

/*Z-HEADER*/
.b .z-header {
    background: #3f7eb1;
    padding: 30px 0;
}


/*Company Profile*/
.b .kolom-keunggulan {
    width: 100%;
    float: left;
    text-align: left;
    border-top: 25px solid #1ba5df;
    background: #f7f7f7;
    margin: 15px 0 15px 0;
    padding: 0 10px 0 10px;
}

.b .profilkanan {
    float: right;
    text-align: left;
    width: 100%;
    display: inline;
    padding: 0px 15px 15px 15px;
    border-top: 25px solid #1ba5df;
    background: #f7f7f7;
    font-size: 1.2em;
    margin: 30px 0 0 0;
}

    .b .profilkanan .button {
        padding: 8px 20px;
        width: inherit;
        border-width: 1px;
        border-style: solid;
        -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.2);
        box-shadow: inset 0 0 10px rgba(0,0,0,.2);
        text-shadow: 0 -1px 0 rgba(0,0,0,.2);
        background: #0881d6;
        color: #ededed !important;
        display: block;
    }

.b .jmldownload {
    width: inherit;
}

.b .profilkanan h3 {
    font-size: 1.4em;
    font-weight: bold;
}

.b .profilkanan h4 {
    font-size: 1em;
    font-weight: bold;
}

.b .profilkiri {
    font-size: 14px;
    float: none;
}

/*Contact Profil*/
.b .contact-profil .input-validation-error {
    border: 1px solid red;
    background-color: #fee;
}

.b .formkontak {
    margin-top: 25px;
}

.b input.button.send-message {
    margin-top: 20px;
}

.register-form {
    background: #fff;
    padding: 2em 3em 4em 3em;
    margin-top: 2em;
    border-radius: 10px;
    box-shadow: 0px 5px 10px -2px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 5px 10px -2px rgb(0 0 0 / 40%);
    -webkit-box-shadow: 0px 5px 10px -2px rgb(0 0 0 / 40%);
}

    .register-form h3 {
        font-size: 2.1em;
        margin: 0;
    }

    .register-form .subtitle {
        margin: 7px 0px 15px 0px;
        font-size: 15px;
        color: #bbbbbb;
        font-weight: 500;
    }

    .register-form img {
        height: 330px;
        width: 80%;
        margin: auto;
    }

    .register-form .inputCaptcha img {
        height: 60px;
        width: auto;
    }

    .register-form img.outputktp {
        height: 260px;
        width: 90%;
        border-radius: 10px;
        border: 1px solid;
        cursor: pointer;
    }

    .register-form .img-upload label {
        display: block;
        margin-bottom: 20px
    }

    .register-form .img-upload input {
        display: none;
    }

    .register-form .btn-panduan {
        padding: 8px 25px;
        background: #fff;
        font-weight: 700;
    }

        .register-form .btn-panduan.ubah {
            border: 2px solid #39a5df;
            border-radius: 10px;
        }

    .register-form small {
        color: #ff0000;
        display: none;
    }

.formhide {
    display: none;
}

.formshow {
    display: block;
}

.validation-summary-errors ul {
    font-weight: 500;
    font-size: 11px;
    list-style: none;
    padding: 0;
}

.iptPass .validation-summary-errors ul li:nth-of-type(2) {
    display: none;
}

.iptConfPass .validation-summary-errors ul li:nth-of-type(1) {
    display: none;
}

.sidebar-left {
    background: #fff;
    margin: 20px 10px 0px 0px;
    padding: 20px;
    border-radius: 10px;
}

    .sidebar-left a {
        color: #000;
    }

    .sidebar-left ul {
        list-style: none;
        padding: 0;
        line-height: 2.5em;
    }

.sidebar-right {
    background: #fff;
    margin: 20px 10px;
    padding: 20px;
    border-radius: 10px;
}

.center-container {
    background: #fff;
    margin: 50px auto;
    border-radius: 10px;
    /*width: 75%;*/
    -moz-box-shadow: 0px 0px 10px -1px rgb(0 0 0 / 22%);
    -webkit-box-shadow: 0px 0px 10px -1px rgb(0 0 0 / 22%);
    box-shadow: 0px 0px 10px -1px rgb(0 0 0 / 22%);
}

    .center-container.blue {
        background: #bcf4fd;
    }

    .center-container form {
        float: right;
    }

    .center-container .row {
        padding: 50px;
    }

.center-row {
    margin: auto;
    max-width: 650px;
}
/*Login agen*/
.login-agen {
    margin-top: 10px;
    margin-bottom: 50px;
    background: #fff;
    width: 820px !important;
    padding: 1em 3em 1em 2em !important;
    border-radius: 10px;
    -moz-box-shadow: 0px 5px 10px -2px rgb(0 0 0 / 40%);
    -webkit-box-shadow: 0px 5px 10px -2px rgb(0 0 0 / 40%);
    box-shadow: 0px 5px 10px -2px rgb(0 0 0 / 40%);
}

    .login-agen .media-object {
        margin-top: 13em;
    }

    .login-agen input.button {
        width: 100%;
        margin-bottom: 10px;
        height: 45px;
        border-radius: 10px;
    }

        .login-agen input.button.register {
            background: transparent;
            color: #0095ff;
            border: 2px solid #0095ff;
        }

.b .form-horizontal .btn-agen {
    font-weight: 700;
    color: #fff;
}
/*.btn-agen.register {
	background: transparent;
    color: #0095ff;
    border: 2px solid #0095ff;
}*/
.b .form-horizontal .control-label.label-form-login {
    text-align: left;
}

.b .border-login-info {
    background: #0095FF;
    color: #fff;
}

    .b .border-login-info ul {
        padding-left: 15px;
        margin-top: 10px;
        padding-right: 10px;
    }

@media (max-width: 991px) and (min-width: 768px) {
    .btn-login-regis {
        margin-left: 110px;
    }
}


/*AirlineDarmawisata*/
@media only screen and (max-width: 986px) {
    .b .container-fluid .contentCenter {
        display: none;
    }

    .contentCenter {
        /*width: auto;*/
        width: 340px;
        max-width: 540px;
    }
}

@media only screen and (max-width: 991px) {
    #mainWrapper {
        width: 100%;
    }
}




/*Halaman Index Darmawisata*/
.fotorama__html div,
.fotorama__html a {
    display: block;
    height: 100%;
}

.slider-lives-support {
    background: #318ede;
    color: #fff;
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}


.b .btn-blog {
    color: #318ede;
    font-weight: 700;
}

.b .yellow {
    background: #fffe81;
}

.b .grey {
    background: #ededed;
}

.b .text-black {
    color: #000 !important;
}

.b textarea.spesial-request-hotel {
    height: 125px;
    max-width: 555px;
    min-width: 230px;
}

.b .total-price {
    background: #3c9bf3;
    color: #fff;
}

.b .text-white {
    color: #fff;
}

.b .notif-menu {
    display: none;
    background: #fff;
}

.b .userpanel-menu {
    display: none;
    background: #fff;
}

.b .notif-menu:hover {
    display: none;
    background: #fff;
}

.b .userpanel-menu:hover {
    display: none;
    background: #fff;
}

/*Userpanel*/
.b li.list-none a:hover {
    background: #215688;
    color: #fff;
}
/*.b .dl-menu a:focus,.b .dl-menu a:hover{
    color:#fff;
    background:#3985c6;
}*/

/*Informasi Akun*/
.b h3.info-akun {
    font-weight: bold;
    margin-bottom: 20px;
}

.b thead.title-tb-listbooker {
    background: #0095ff;
    color: #fff;
}

/*Message complain*/
.b .bg-tabs-message {
    background: rgb(91, 208, 255);
    border-bottom: none;
}

.b .nav.bg-tabs-message > li > a:hover, .b .nav.bg-tabs-message > li > a:focus {
    background: #fff;
}


/*Page MICE*/
.b .z-mice-header {
    background: #3f7eb1 url(../images/bg-mice-header.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0;
    z-index: 9999;
    background-position: center;
}

    .b .z-mice-header h2 {
        margin: 0;
        padding: 0;
        word-spacing: -2px;
        font-weight: 700;
        font-size: 24px;
    }

@media only screen and (max-width: 480px) {
    .b .bg-top-menu {
        background: #fff !important;
    }

    .b .headerlogo {
        background: url(../../v3/images/LogoAtasNew.svg) no-repeat;
        /*background-size: 210px;*/
        background-position: center;
    }

    .b .ddlang {
        display: none;
    }

    .b .usrmenu {
        top: -59px;
        /*right: -10px;*/
    }

    .b .z-mice-header {
        position: static !important;
    }
}

.b .sidebar-mice {
    background: #F5F5F5;
}

.b .list-sidebar-mice {
    border-color: #000;
    border-bottom: 1px solid;
}

.b .sidebar-mice-responsive {
    height: 425px;
}

@media only screen and (max-width: 480px) {
    .b .sidebar-mice-responsive {
        height: 325px;
    }
}

@media only screen and (max-width: 768px) {
    .b .sidebar-mice-responsive {
        height: 335px;
    }
}


/*Page Dokumen*/
.b .z-document-header {
    background: #3f7eb1 url(../images/bg-header-pasporvisa.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0;
    z-index: 9999;
    background-position: center;
}

    .b .z-document-header h2 {
        margin: 0;
        padding: 0;
        word-spacing: -2px;
        font-weight: 700;
        font-size: 24px;
    }

.b .informasi-paspor {
    color: #fff;
    background: #0095FF;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -170px;
    margin-left: 454px;
}

    .b .informasi-paspor
    a:hover {
        color: #fff;
    }

    .b .informasi-paspor
    a {
        color: #000;
        font-weight: 600;
    }

.b .bg-paspor {
    background: url(../../images/Dok-Slide-1.jpg) no-repeat;
    height: 370px;
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .b .informasi-paspor {
        color: #fff;
        background: #0095FF;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: -190px;
        margin-left: 344px;
    }

    .b .bg-paspor {
        background: url(../../images/Dok-Slide-1.jpg) no-repeat;
        height: 260px;
        background-size: cover;
    }
}

@media only screen and (max-width: 425px) {
    .b .informasi-paspor {
        color: #fff;
        background: #0095FF;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .b .bg-paspor {
        background: url(../../images/Dok-Slide-1.jpg) no-repeat;
        height: 140px;
        background-size: cover;
    }
}

.b .informasi-paspor h2 {
    margin-top: 10px;
}

.b .nav-tabs > li > a.list-doc {
    background: #1bbbf7;
}

.b .nav-tabs.menu-dokumen > li {
    border: 1px solid #fff;
}

    .b .nav-tabs.menu-dokumen > li.active > a, .b .nav-tabs > li.active > a:hover, .b .nav-tabs > li.active > a:focus {
        color: #000;
        cursor: default;
        background-color: #fff;
        border-bottom-color: transparent;
    }

    .b .nav-tabs.menu-dokumen > li a {
        color: #fff;
    }

.b .bg-title-content-paspor {
    background: url(../../images/headerpage.jpg) no-repeat;
    display: block;
    background-size: cover;
}

.b #download-file a:hover {
    color: #1d72ce;
}

.b #download-file a, .b #download-file a h5 {
    color: #1BA5DF;
    font-weight: bold;
}

/*Page Transport*/
.b .bg-transport {
    background: url(../../images/bannertransport.jpg) no-repeat;
    height: 370px;
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .b .bg-transport {
        background: url(../../images/bannertransport.jpg) no-repeat;
        height: 260px;
        background-size: cover;
    }
}

@media only screen and (max-width: 425px) {
    .b .bg-transport {
        background: url(../../images/bannertransport.jpg) no-repeat;
        height: 140px;
        background-size: cover;
    }
}

.b .z-transport-header {
    background: #3f7eb1 url(../images/bg-header-transport.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0;
    z-index: 9999;
    background-position: center;
}

    .b .z-transport-header h2 {
        margin: 0;
        padding: 0;
        word-spacing: -2px;
        font-weight: 700;
        font-size: 24px;
    }

@media only screen and (max-width: 480px) {
    .b .z-transport-header {
        position: static !important;
    }
}

.b .dokumenHeaderContentWrapper th {
    padding: 10px;
}

.b .dokumenHeaderContentWrapper td {
    padding: 5px;
}

.b .refresh-captcha {
    color: #1BA5DF !important;
}


/*Main Menu*/
.b #snews h5 {
    font-size: 16px;
}

.b .ymOnlineButton {
    padding-bottom: 0 !important;
    background: none;
    text-align: left;
}

.b .menu {
    position: relative;
    top: 0;
    left: 0;
    width: inherit;
    z-index: 999;
}

.b .navbar-nav > li {
    float: left;
    padding-left: 20px;
}

.b section .navbar {
    margin-bottom: 0px;
}

.b .bg-support-online-translate {
    background-color: #18385e;
    height: 90px;
}

.b .banner-home {
    padding-top: 1px;
}

.b .navbar li.dropdown:hover ul.dropdown-menu {
    display: block
}

.b .navbar-menu {
    border-radius: 0;
    background: #1e4878;
    border: none;
}

@media only screen and (max-width: 480px) {
    .b #navbar-mainmenu .nav.navbar-nav > li {
        float: none;
    }

    .b .navbar-inverse .navbar-collapse .dropdown-menu {
        position: relative;
        width: 100%;
    }

    .b .navbar-inverse li.dropdown a:active.dropdown-toggle ul.dropdown-menu, .b .navbar-inverse li.dropdown a:focus.dropdown-toggle ul.dropdown-menu, .b .navbar-inverse li.dropdown a:hover.dropdown-toggle ul.dropdown-menu {
        display: block;
    }

    .b .navbar-inverse .navbar-nav > .open > a, .b .navbar-inverse .navbar-nav > .open > a:focus, .b .navbar-inverse .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #1e4878;
    }

    .b .navbar li.dropdown:active ul.dropdown-menu {
        display: block
    }
}

.b .navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-weight: bold;
}

.b .navbar-inverse .navbar-nav li ul.dropdown-menu {
    background: #1e4677;
}

    .b .navbar-inverse .navbar-nav li ul.dropdown-menu li a:hover {
        background: #3985C6;
    }

    .b .navbar-inverse .navbar-nav li ul.dropdown-menu li a {
        color: #fff;
    }

.b .icon-menu {
    height: 24px;
}

.b .icon-sub-menu {
    height: 12px;
}

.b .icon-produk {
    height: 80px;
}

.b .border-produk {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
}

.b .navbar-menu-responsive {
    float: none;
}

.b .navbar-inverse .navbar-nav > li {
    padding-left: 0;
}

.b .navbar-inverse .navbar-toggle:hover, .b .navbar-inverse .navbar-toggle:focus {
    background-color: #1e4878;
}

.b .navbar-inverse ul li.dropdown {
    cursor: pointer;
}

.b #saldo {
    position: inherit;
    right: 0;
    top: 0;
    text-align: right;
    width: 100%;
}

.b #userid {
    position: inherit;
    right: 0;
    top: 0;
    text-align: right;
    width: 100%;
}

.b .navbar .navbar-menu {
    min-height: 30px;
}

.b .navbar-menu .navbar-nav > li > a {
    padding: 8px !important;
}

.b .agen-login {
    float: right !important;
    margin: 19px 0px;
}

.b .bg-menu {
    background: rgba(255, 255, 255, 0.80);
    -moz-box-shadow: 0px 8px 10px -6px rgb(0 0 0 / 40%);
    -webkit-box-shadow: 0px 8px 10px -6px rgb(0 0 0 / 40%);
    box-shadow: 0px 8px 10px -6px rgb(0 0 0 / 40%);
    z-index: 10;
    position: relative;
}
/*.b a.language,.b a:hover.language,.b a:active.language,.b a:focus.language{
    color:#fff;
    font-size:14px;
}*/
.b .ddlang {
    position: relative;
    display: inline-block;
    top: 19px;
}

    .b .ddlang input {
        display: none;
    }

    .b .ddlang label {
        cursor: pointer;
    }

.b #langopt:checked ~ .ddlang-content {
    display: block;
}

.b .ddlang-content {
    display: none;
    position: absolute;
    top: -7px;
    left: -1px;
    background-color: #ffffff;
    min-width: 130px;
    box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 20%);
    border-radius: 5px;
    z-index: 99;
}

    .b .ddlang-content a:first-child {
        border-bottom: 1px solid #dddddd;
    }

.ddlang label:after {
    position: absolute;
    content: '';
    margin-left: 10px;
    top: 6px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid;
}

.b .ddlang-content a {
    display: block;
    padding: 12px;
    color: #5e5e5e;
    font-size: 14px;
}

.b .ddlang img {
    margin-right: 4px;
}

@media only screen and (width:768px) {
    .b .agen-login {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .dl-menuwrapper a.dl-trigger {
        border: 0;
        padding: 8px;
        border-radius: 99999px;
        background-color: #717171;
    }

    .dl-menuwrapper .dl-menu {
        top: -30px !important;
    }

        .dl-menuwrapper .dl-menu.dl-menuopen {
            transform: translateX(-215px) !important;
        }

    .b .header-di-responsive img {
        margin: 0 auto;
        text-align: right;
    }

    .b .agen-login {
        float: none !important;
        text-align: center;
        margin: 0;
        position: absolute;
        top: 10px;
        right: 0px;
    }

        .b .agen-login .desklogview {
            display: none;
        }

        .b .agen-login .moblogview {
            display: block !important;
        }

            .b .agen-login .moblogview i {
                padding: 0;
                font-size: 16px;
            }

        .b .agen-login .mobviewtemp i {
            padding: 0;
            font-size: 16px;
        }

        .b .agen-login .moblogview .log-agen {
            padding-bottom: 40px;
            background: #88deffd9;
        }

    .b .usrmenu .dl-trigger {
        color: #fff;
    }

        .b .usrmenu .dl-trigger strong {
            display: none;
        }

    div.moduletable_homeBottombanner {
        display: none;
    }

    .ca-close {
        display: none;
    }

    .center-container {
        margin: 25px 20px;
    }

        .center-container .row {
            padding: 20px;
        }

        .center-container form {
            float: none;
        }

        .center-container.kontak {
            width: 66%;
        }

    input.kontak, select.kontak {
        width: 85%;
    }

    textarea.kontak {
        width: 90%;
    }

    .kontakCaptcha .form-control {
        width: 85%;
    }

    .profilkiri {
        padding: 15px;
    }
}

@media only screen (max-width:769px) and (min-width:425px) {
    .b .menu-responsive {
        margin-left: -20px;
    }
}

@media only screen and (max-width:425px) {
    .b .menu-responsive {
        margin-left: -20px;
        margin-top: 30px;
    }

    .b .container {
        max-width: 375px;
        /*margin: initial;*/
    }
    .b .container-header {
        width: 375px;
    }
    #home_wrapper {
        width: 345px;
    }
}


/*Home Index */
/*.b .ca-icon{
    width:221px;
    background-size:contain;
}*/
.b .registernote {
    width: 100%;
}

.b #live-chat {
    z-index: 2;
}

.b .bg-top-menu {
    background: #F7F7F7;
    background-size: contain;
}

.b .menu-login {
    padding: 8px 15px;
    border-radius: 5px;
    border: 1px solid #000000;
}

    .b .menu-login.register {
        background: #0095FF;
        color: #ffffff;
        padding: 8px 15px;
        border-radius: 5px;
        border: 1px solid #0095FF;
        margin-left: 5px;
    }

.b .bg-slider {
    background: #184374 url(../images/bg-header.jpg) center repeat;
    padding-bottom: 90px;
}

.b .bg-slider-p-a {
    background: #fff;
    border-radius: 10px;
}

.b .bg-white {
    background: #fff;
}

.b .radius-10 {
    border-radius: 5px;
}
/*.b .border-bg-slider{
    border-radius: 0 0 1000px 1000px/0 0 70px 70px;
}*/
.b .font-24 {
    font-size: 24px;
}

.b .title-produk-di {
    color: #3f89ca;
}

.b .line-hight1-7 {
    line-height: 1.7;
}

.b .blockshadow-video {
    box-shadow: 5px 5px 20px #888888
}

.b .section-blog-di {
    background: url(../images/bg-section-blog.jpg);
    background-size: cover;
}

.b .border-news {
    border: 1px solid #ddd;
}

.b img.radius-0 {
    border-radius: 0;
}

.b .btn-blog:active, .b .btn-blog:focus, .b .btn-blog:active:focus, .b .btn-blog:hover {
    color: #fff;
    background: #318ede;
}

.b .bg-newsticker {
    background: #318ede;
    border: 1px solid #ccc;
}

.b .produk-web-view {
    padding: 0 70px;
}

@media only screen and (max-width: 480px) {
    .b .produk-web-view {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 991px) {
    .b .bg-slider {
        padding-bottom: 0;
    }
}

@media only screen and (max-width:768px) {
    .b .mresponsv40 {
        /*margin-top:40px;*/
        text-align: center;
    }

    .hstack {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        justify-content: space-between;
        align-items: center;
    }
}

/*Notif Slider newsticker*/
.b .bg-newsticker .notif-1,
.b .bg-newsticker .notif-2,
.b .bg-newsticker .notif-3 {
    position: absolute;
    display: block;
    /*top: 2em;*/
    width: 50%;
    /*font-size: 2em;*/
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.b .bg-newsticker .notif-1 {
    -webkit-animation-name: anim-1;
    animation-name: anim-1;
}

.b .bg-newsticker .notif-2 {
    -webkit-animation-name: anim-2;
    animation-name: anim-2;
}

.b .bg-newsticker .notif-3 {
    -webkit-animation-name: anim-3;
    animation-name: anim-3;
}

@-webkit-keyframes anim-1 {
    0%, 8.3% {
        left: -100%;
        opacity: 0;
    }

    8.3%, 25% {
        left: 25%;
        opacity: 1;
    }

    33.33%, 100% {
        left: 110%;
        opacity: 0;
    }
}

@keyframes anim-1 {
    0%, 8.3% {
        left: -100%;
        opacity: 0;
    }

    8.3%, 25% {
        left: 25%;
        opacity: 1;
    }

    33.33%, 100% {
        left: 110%;
        opacity: 0;
    }
}

@-webkit-keyframes anim-2 {
    0%, 33.33% {
        left: -100%;
        opacity: 0;
    }

    41.63%, 58.29% {
        left: 25%;
        opacity: 1;
    }

    66.66%, 100% {
        left: 110%;
        opacity: 0;
    }
}

@keyframes anim-2 {
    0%, 33.33% {
        left: -100%;
        opacity: 0;
    }

    41.63%, 58.29% {
        left: 25%;
        opacity: 1;
    }

    66.66%, 100% {
        left: 110%;
        opacity: 0;
    }
}

@-webkit-keyframes anim-3 {
    0%, 66.66% {
        left: -100%;
        opacity: 0;
    }

    74.96%, 91.62% {
        left: 25%;
        opacity: 1;
    }

    100% {
        left: 110%;
        opacity: 0;
    }
}

@keyframes anim-3 {
    0%, 66.66% {
        left: -100%;
        opacity: 0;
    }

    74.96%, 91.62% {
        left: 25%;
        opacity: 1;
    }

    100% {
        left: 110%;
        opacity: 0;
    }
}


/*Userpanel - Update Logo*/
.b .z-update-logo {
    background: #01a1e3 no-repeat;
    background-size: cover;
    padding: 30px 0;
    z-index: 9999;
    background-position: center;
}

/*Agen Booking Detail*/
.b .ticketStatus {
    text-align: center;
    color: #f00;
    font-weight: bold;
}

.b .booking-detail-itenerary h5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*Ticket Bus*/
.b .header-step .steps {
    width: 310px;
}

.b .bus-topbar {
    background: #652d90;
}

    .b .bus-topbar .icon-bus-topbar {
        text-align: right;
        padding: 10px;
    }

    .b .bus-topbar .display-inline {
        display: inline;
    }

.b #z-search-form-bus {
    background: #3f7eb1 url(../images/bg-bus.jpg);
    background-size: cover;
    padding: 30px 0;
}

    .b #z-search-form-bus .z-searh-form-inside {
        padding: 15px 30px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);
        box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }

        .b #z-search-form-bus .z-searh-form-inside:hover {
            box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
        }

        .b #z-search-form-bus .z-searh-form-inside input,
        .b #z-search-form-bus .z-searh-form-inside optgroup,
        .b #z-search-form-bus .z-searh-form-inside select,
        .b #z-search-form-bus .z-searh-form-inside textarea {
            width: 100%;
            border: 1px solid #ddd;
        }

        .b #z-search-form-bus .z-searh-form-inside .form-control {
            color: #a1a1a1;
        }

            .b #z-search-form-bus .z-searh-form-inside .form-control[disabled],
            .b #z-search-form-bus .z-searh-form-inside .form-control[readonly],
            .b #z-search-form-bus .z-searh-form-inside fieldset[disabled] .form-control {
                background-color: #fdfdfd;
            }

        .b #z-search-form-bus .z-searh-form-inside h6 {
            font-size: 12px;
            font-weight: 700;
            margin: 15px 0 5px 0;
        }

        .b #z-search-form-bus .z-searh-form-inside .z-captcha {
            font-size: 12px;
        }


/*Ticket Train*/
.b #z-search-form-train {
    /*background: #3f7eb1 url(../images/bg-train.jpg);
  background-size: cover;*/
    padding: 30px 0;
}

    .b #z-search-form-train .z-searh-form-inside {
        padding: 15px 30px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        /*background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);*/
        box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }

        .b #z-search-form-train .z-searh-form-inside:hover {
            box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
        }

        .b #z-search-form-train .z-searh-form-inside input,
        .b #z-search-form-train .z-searh-form-inside optgroup,
        .b #z-search-form-train .z-searh-form-inside select,
        .b #z-search-form-train .z-searh-form-inside textarea {
            width: 100%;
            border: 1px solid #ddd;
        }

        .b #z-search-form-train .z-searh-form-inside .form-control {
            color: #a1a1a1;
        }

            .b #z-search-form-train .z-searh-form-inside .form-control[disabled],
            .b #z-search-form-train .z-searh-form-inside .form-control[readonly],
            .b #z-search-form-train .z-searh-form-inside fieldset[disabled] .form-control {
                background-color: #fdfdfd;
            }

        .b #z-search-form-train .z-searh-form-inside h6 {
            font-size: 12px;
            font-weight: 700;
            margin: 15px 0 5px 0;
        }

        .b #z-search-form-train .z-searh-form-inside .z-captcha {
            font-size: 12px;
        }

.b .train-topbar {
    background: #fa961c;
}

    .b .train-topbar .icon-train-topbar {
        text-align: right;
        padding: 10px;
    }

    .b .train-topbar .display-inline {
        display: inline;
    }

.b .train-schedule h5 {
    margin: 5px 0;
}

.b .train-schedule h5 {
    font-weight: normal;
}

.b .train-schedule #wrapper-schedule-table-header {
    width: 100%;
    height: inherit;
    background-color: #ebebeb;
    margin: 0;
}
/*.b .train-schedule .wrapper-schedule-table-row{
    width:inherit;
}
.b .train-schedule .wrapper-schedule-table-row-train {
    float: left;
    margin: 0;
    font-size: inherit;
    width: inherit;
}
.b .train-schedule .wrapper-schedule-table-row-berangkat,.b .train-schedule .wrapper-schedule-table-row-tiba, .b .train-schedule .wrapper-schedule-table-row-class {
    float: left;
    margin: 0;
    width: inherit;
}*/

/*Ticket Airplane*/
/*start slider ticket*/

.b .airline-topbar #slider,
.b .airline-topbar ul {
    height: 50px;
}

.b .airline-topbar #slider {
    margin: auto;
    overflow: hidden;
    /*padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.25);*/
    position: relative;
    /*width: 600px;*/
}

    .b .airline-topbar #slider li {
        float: left;
        position: relative;
        width: 600px;
        display: inline-block;
        height: 200px;
    }

    .b .airline-topbar #slider ul {
        list-style: none;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 9000px;
        transition: left .3s linear;
        -moz-transition: left .3s linear;
        -o-transition: left .3s linear;
        -webkit-transition: left .3s linear;
        margin-left: -25px;
        /*font-family: century gothic;*/
        color: #666;
    }

.b .airline-topbar .slider-container {
    margin: 0 auto;
    padding: 0 20px;
    width: 550px;
    min-height: 180px;
    /*border-bottom: 1px solid #ccc;*/
}

    .b .airline-topbar .slider-container h4 {
        color: #fff;
        /*   text-shadow: -1px 0px 0px rgba(0, 0, 0, 0.50); */
        text-align: right;
    }

    .b .airline-topbar .slider-container p {
        margin: 10px 25px;
        font-weight: semi-bold;
        line-height: 150%;
        text-align: justify;
    }

@-webkit-keyframes slide-animation {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 1;
    }

    20% {
        left: 0px;
        opacity: 1;
    }

    22.5% {
        opacity: 0.6;
    }

    25% {
        left: -600px;
        opacity: 1;
    }

    45% {
        left: -600px;
        opacity: 1;
    }

    47.5% {
        opacity: 0.6;
    }

    50% {
        left: -1200px;
        opacity: 1;
    }

    70% {
        left: -1200px;
        opacity: 1;
    }

    72.5% {
        opacity: 0.6;
    }

    75% {
        left: -1800px;
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    98% {
        left: -1800px;
        opacity: 0;
    }

    100% {
        left: 0px;
        opacity: 0;
    }
}

.b .airline-topbar #slider ul {
    -webkit-animation: slide-animation 25s infinite;
}

    .b .airline-topbar #slider ul:hover {
        -moz-animation-play-state: paused;
        -webkit-animation-play-state: paused;
    }
/*end*/
.b .header-step-airline .steps {
    width: 230px;
}

.b .airline-topbar {
    background: #277fd5;
}

    .b .airline-topbar .icon-airline-topbar {
        text-align: right;
        padding: 10px;
    }

    .b .airline-topbar .display-inline {
        display: inline;
    }

.b .slider-airline .headlineflight {
    width: 100%;
    text-align: right;
    /*position: absolute;*/
    font-weight: bold;
    font-size: 16px;
    /* padding-top: 16px; */
    margin-left: 0;
    overflow: hidden;
    /*padding-right:20px;*/
    padding: 0 50px;
    z-index: 1;
    color: #ffffff;
    font-style: italic;
}

.b .slider-airline .newsflight {
    background: none;
    position: absolute;
    width: 100%
}

.b #z-search-form-airline {
    /*background: #3f7eb1 url(../images/bg-airline.png);*/
    background-size: cover;
    padding: 30px 0;
}

    .b #z-search-form-airline .z-searh-form-inside {
        padding: 15px 30px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);
        box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }

        .b #z-search-form-airline .z-searh-form-inside:hover {
            box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
        }

        .b #z-search-form-airline .z-searh-form-inside .trip-type input {
            width: inherit;
            border: none;
        }

        .b #z-search-form-airline .z-searh-form-inside input,
        .b #z-search-form-airline .z-searh-form-inside optgroup,
        .b #z-search-form-airline .z-searh-form-inside select,
        .b #z-search-form-airline .z-searh-form-inside textarea {
            width: 100%;
            border: 1px solid #ddd;
        }

.b #z-search-form-train .z-searh-form-inside .form-control {
    color: #a1a1a1;
}

.b #z-search-form-airline .z-searh-form-inside .form-control[disabled],
.b #z-search-form-airline .z-searh-form-inside .form-control[readonly],
.b #z-search-form-airline .z-searh-form-inside fieldset[disabled] .form-control {
    background-color: #fdfdfd;
}

.b #z-search-form-airline .z-searh-form-inside h6 {
    font-size: 12px;
    font-weight: 700;
    margin: 15px 0 5px 0;
}

.b #z-search-form-airline .z-searh-form-inside .z-captcha {
    font-size: 12px;
}

.b #z-search-form-airline .IsInternationalFlight > .ui-combobox > .ui-combobox-toggle,
.b #z-search-form-airline .jenispenerbangan > .ui-combobox > .ui-combobox-toggle,
.b #z-search-form-airline .maskapai > .ui-combobox > .ui-combobox-toggle {
    width: 100%;
}

.b #z-search-form-airline .z-form-search#rowTwo {
    width: initial;
    margin: 0 -15px;
    height: 100%;
}

.b #z-search-form-airline .z-form-search#rowThree {
    width: initial;
    margin: 0 -15px;
    height: 100%;
}

    .b #z-search-form-airline .z-form-search#rowThree > div:first-child {
        position: relative;
        top: 0;
    }

        .b #z-search-form-airline .z-form-search#rowThree > div:first-child + div {
            left: 0;
            position: relative;
            top: 0;
        }

.b .title-search {
    font-weight: bold;
    margin-bottom: 20px;
}

.b #headerChangeFlight {
    width: 100%;
}

.b .div-fixed {
    position: fixed !important;
    top: 0px !important;
    background: none !important;
    z-index: 1;
}

.b .info-flight h5 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.b .date-flight {
    background: #ebebeb;
}

.b #listScheduleDeparture .table {
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    border-collapse: separate;
}

    .b #listScheduleDeparture .table td {
        border-top: 0;
        padding: 20px 10px;
    }

.b #listScheduleReturn .table {
    border: 1px solid #c9c9c9;
    border-radius: 10px;
    border-collapse: separate;
}

    .b #listScheduleReturn .table td {
        border-top: 0;
        padding: 20px 10px;
    }

.b .list-schedule-airline .table {
    margin-bottom: 0;
}

.b .schedule-table-footer {
    border-top: 10px solid #ebebeb;
}

.b .total-price-airline-footer {
    background: #ebebeb;
}

.b .dataKota > .ui-combobox > .ui-combobox-toggle, .dataDestiny > .ui-combobox > .ui-combobox-toggle {
    width: 100% !important;
}

.b .divBookingNote {
    background: #0095FF;
    width: 100%;
}

.b .list-jadwal th {
    text-align: center;
}

.b .input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.b .colorRed {
    color: red;
}

/*Citilink*/
.b .citilink .div-price-left, .b .citilink .div-price {
    width: 100%;
    padding-top: 15px;
}
/*Garuda*/
.b .garuda-airline .div-price-left, .b .garuda-airline .div-price {
    width: 100%;
}



@media only screen and (max-width: 375px) {
    .b .airline-topbar .icon-airline-topbar {
        text-align: right;
        padding: 5px;
    }
}

@media only screen and (max-width: 425px) {
    .b .icon-logo-airline .imgAirlineLogo {
        width: 50%;
    }
}

/*Ticket Travel*/
.b #z-search-form-travel {
    background: #3f7eb1 url(../images/bg-header-travel.jpg);
    background-size: cover;
    padding: 30px 0;
}

    .b #z-search-form-travel .z-searh-form-inside {
        padding: 15px 30px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);
        box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }

        .b #z-search-form-travel .z-searh-form-inside:hover {
            box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
        }

        .b #z-search-form-travel .z-searh-form-inside input,
        .b #z-search-form-travel .z-searh-form-inside optgroup,
        .b #z-search-form-travel .z-searh-form-inside select,
        .b #z-search-form-travel .z-searh-form-inside textarea {
            width: 100%;
            border: 1px solid #ddd;
        }

        .b #z-search-form-travel .z-searh-form-inside .form-control {
            color: #a1a1a1;
        }

            .b #z-search-form-travel .z-searh-form-inside .form-control[disabled],
            .b #z-search-form-travel .z-searh-form-inside .form-control[readonly],
            .b #z-search-form-travel .z-searh-form-inside fieldset[disabled] .form-control {
                background-color: #fdfdfd;
            }

        .b #z-search-form-travel .z-searh-form-inside h6 {
            font-size: 12px;
            font-weight: 700;
            margin: 15px 0 5px 0;
        }

        .b #z-search-form-travel .z-searh-form-inside .z-captcha {
            font-size: 12px;
        }

.b .travel-topbar {
    background: #652d90;
}

.b .icon-travel-topbar {
    padding: 10px;
}

.b .search-shuttle {
    float: right;
}

@media only screen and (max-width: 425px) {
    .b .search-shuttle {
        float: none;
    }
}


/*Ticket Rencar*/
.b #z-search-form-rencar {
    background: #3f7eb1 url(../images/bg-header-transport.jpg);
    background-size: cover;
    padding: 30px 0;
}

    .b #z-search-form-rencar .z-searh-form-inside {
        padding: 15px 30px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);
        box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }

        .b #z-search-form-rencar .z-searh-form-inside:hover {
            box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
        }

        .b #z-search-form-rencar .z-searh-form-inside input,
        .b #z-search-form-rencar .z-searh-form-inside optgroup,
        .b #z-search-form-rencar .z-searh-form-inside select,
        .b #z-search-form-rencar .z-searh-form-inside textarea {
            width: 100%;
            border: 1px solid #ddd;
        }

        .b #z-search-form-rencar .z-searh-form-inside .form-control {
            color: #000;
        }

            .b #z-search-form-rencar .z-searh-form-inside .form-control[disabled],
            .b #z-search-form-rencar .z-searh-form-inside .form-control[readonly],
            .b #z-search-form-rencar .z-searh-form-inside fieldset[disabled] .form-control {
                background-color: #fdfdfd;
            }

        .b #z-search-form-rencar .z-searh-form-inside h6 {
            font-size: 12px;
            font-weight: 700;
            margin: 15px 0 5px 0;
        }

.b .rencar-topbar {
    background: #EBEBEB;
}

.b .icon-rencar-topbar {
    padding: 10px;
}


/*Live chat*/
#live-chat {
    z-index: 1;
}

/*Halaman Voucher*/
.b .voucher-ppob-pulsa .panel-body img.img-thumbnail {
    width: 130px;
    height: 130px;
}

/*Halaman Deposit*/
/*
* === SLINKY MENU EDIT ===
*/
.b .active a {
    color: inherit !important;
}

.b .deposit-wrapper {
    font-size: 120%;
}

.b .deposit-gateway-input.deposit-gateway {
    min-height: auto;
    width: 300px;
    margin: 0 auto;
}

.b .deposit-gateway-input .form-group {
    padding: 1em;
}

.b .deposit-gateway .nav > li > a > img {
    max-width: 60px;
}

.b .deposit-gateway .tab-content {
    padding: 1em;
}

.b .deposit-wrapper .z-panel-list {
    padding: 5px;
}

.b .deposit-wrapper .well {
    background: #0095FF;
    color: #fff;
    margin: 20px 0;
}

.b .deposit-tutorial {
    background: #0095FF;
    color: #fff;
}

    .b .deposit-tutorial a {
        text-align: left;
    }

.b .deposit-gateway {
    background: #fff;
    min-height: 430px;
}

@media only screen and (max-width: 768px) {
    .b .deposit-gateway {
        min-height: inherit;
    }
}

.b .deposit-gateway ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .b .deposit-gateway ul li {
        padding: 0;
        margin: 0;
    }

        .b .deposit-gateway ul li a {
            padding: 1em;
            -webkit-box-align: center;
            text-decoration: none;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border-bottom: 1px solid #f2f8fd;
        }

.b .deposit-gateway .slinky-menu ul li.header a {
    display: inherit;
    padding: inherit;
}

.b .deposit-gateway ul li a:hover {
    background: rgba(90, 200, 250, 0.25);
}

.b .deposit-bank-logo {
    max-width: 60px;
    margin-right: 10px;
}

.b .deposit-method {
    background: #0095FF;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    cursor: none;
    padding: 1em;
    margin: 0;
}

.b .deposit-wrapper header.title {
    font-weight: bold;
}

.b .deposit-inside li a:not(.back) {
    padding: 0;
    color: inherit;
}

.b .deposit-wrapper ol {
    padding: 0 1em;
}

    .b .deposit-wrapper ol li {
        list-style: inherit;
    }

.b .slinky-menu li {
    line-height: inherit !important;
}

.b .virtual-account .slinky-menu li {
    line-height: 1.3em !important;
    padding-bottom: 10px;
}

.b .slinky-menu .deposit-inside li.header {
    padding: inherit;
}

.b .slinky-menu .deposit-inside li {
    padding: 5px 40px;
}

    .b .slinky-menu .deposit-inside li a {
        background: rgba(90, 200, 250, 0.1);
    }

.b .deposit-method-container {
    padding: 1em !important;
}

.b .slinky-menu a {
    text-decoration: none;
}
/*
* === SLINKY MENU ===
*/
.b .slinky-menu {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .b .slinky-menu > ul {
        left: 0;
        position: relative;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .b .slinky-menu ul,
    .b .slinky-menu li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .b .slinky-menu ul {
        width: 100%;
    }

    .b .slinky-menu a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .b .slinky-menu a span {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            line-height: 1.4;
        }

    .b .slinky-menu li ul {
        display: none;
        left: 100%;
        position: absolute;
        top: 0;
    }

    .b .slinky-menu .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .b .slinky-menu .header .title {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            line-height: 1.4;
            margin: 0;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

.b .slinky-theme-default {
    background: #fff;
}

    .b .slinky-theme-default .title {
        color: #333;
        padding: 1em;
    }

    .b .slinky-theme-default li {
        line-height: 1;
    }

    .b .slinky-theme-default a:not(.back) {
        color: #333;
        padding: 1em;
    }

        .b .slinky-theme-default a:not(.back):hover {
            background: rgba(90, 200, 250, 0.25);
        }

        .b .slinky-theme-default a:not(.back):active {
            background: rgba(90, 200, 250, 0.5);
        }

    .b .slinky-theme-default .next::after,
    .b .slinky-theme-default .back::before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;
        background-size: 1em;
        content: "";
        height: 1em;
        opacity: 0.25;
        -webkit-transition: 200ms;
        transition: 200ms;
        width: 1em;
    }

    .b .slinky-theme-default .next::after {
        margin-left: 1em;
    }

    .b .slinky-theme-default .back::before {
        padding: 1em;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .b .slinky-theme-default .next:hover::after,
    .b .slinky-theme-default .back:hover::before {
        opacity: 0.75;
    }

    .b .slinky-theme-default .next:active::after,
    .b .slinky-theme-default .back:active::before {
        opacity: 1;
    }

.b .tabs-left,
.b .tabs-right {
    border-bottom: none;
    padding-top: 2px;
}

.b .tabs-left {
    border-right: 1px solid #ddd;
}

.b .tabs-right {
    border-left: 1px solid #ddd;
}

    .b .tabs-left > li,
    .b .tabs-right > li {
        float: none;
        margin-bottom: 2px;
    }

.b .tabs-left > li {
    margin-right: -1px;
}

.b .tabs-right > li {
    margin-left: -1px;
}

.b .tabs-left > li.active > a,
.b .tabs-left > li.active > a:hover,
.b .tabs-left > li.active > a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
    background: #f4f4f4;
}

.b .tabs-right > li.active > a,
.b .tabs-right > li.active > a:hover,
.b .tabs-right > li.active > a:focus {
    border-bottom: 1px solid #ddd;
    border-left-color: transparent;
}

.b .tabs-left > li > a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
}

.b .tabs-right > li > a {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}

.b .sideways {
    margin-top: 50px;
    border: none;
    position: relative;
}

    .b .sideways > li {
        height: 20px;
        width: 120px;
        margin-bottom: 100px;
    }

        .b .sideways > li > a {
            border-bottom: 1px solid #ddd;
            border-right-color: transparent;
            text-align: center;
            border-radius: 4px 4px 0px 0px;
        }

        .b .sideways > li.active > a,
        .b .sideways > li.active > a:hover,
        .b .sideways > li.active > a:focus {
            border-bottom-color: transparent;
            border-right-color: #ddd;
            border-left-color: #ddd;
        }

    .b .sideways.tabs-left {
        left: -50px;
    }

    .b .sideways.tabs-right {
        right: -50px;
    }

        .b .sideways.tabs-right > li {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .b .sideways.tabs-left > li {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }


/*
* === START HALAMAN MEETING ===
*/
.b .meeting .z-meeting-header {
    background: #3f7eb1 url(../images/bg-z-meeting-header.jpg) center;
    background-size: cover;
    padding: 30px 0;
}

.b .meeting .z-panel-list .table-responsive.meeting td {
    vertical-align: top;
}

.b .meeting .meeting table ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .b .meeting .meeting table ul li {
        list-style: none;
        padding: 5px;
        border-bottom: 1px solid #eee;
        margin: 0;
    }

.b .z-meeting-header.affix {
    padding: 15px 0;
}

.b .z-meeting-hotel .z-content-info {
    background: transparent;
    color: inherit;
}

.b .z-meeting-hotel .panel-content {
    background: rgba(245, 245, 245, .8);
}
/*
* === END HALAMAN MEETING ===
*/

@media only screen and (min-width: 768px) {
    .b .z-vertical-align {
        display: flex;
        flex-direction: row;
    }

        .b .z-vertical-align > [class^="col-"],
        .b .z-vertical-align > [class*=" col-"] {
            display: flex;
            align-items: center;
            align-self: center;
            justify-content: flex-start;
        }

            .b .z-vertical-align > [class^="col-"]:first-child,
            .b .z-vertical-align > [class*=" col-"]:first-child {
                justify-content: flex-start;
            }

            .b .z-vertical-align > [class^="col-"]:last-child,
            .b .z-vertical-align > [class*=" col-"]:last-child {
                justify-content: flex-end;
                flex-grow: 1;
            }
}

@media only screen and (max-width: 992px) {
    .b .hands-app {
        display: none;
    }

    .b .z-app-title {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    #overlayDialog .z-searh-form-inside {
        margin: 0 !important;
    }

    .b #z-search-form .z-searh-form-inside {
        padding: 0px 15px;
    }

    .b #z-footer-app {
        text-align: center;
    }

    .b .hands-app {
        display: none;
    }

    .b #z-footer {
        text-align:;
    }

    .b .z-footer-top p {
        display: inherit;
    }

    .b .z-footer-top img {
        display: inline;
    }

    .b .z-footer-top h5 {
        padding: 15px 0 0 0;
    }

    .b .z-footer-middle ul li {
        padding: 0 5px 0 0;
        font-size: 12px;
    }

        .b .z-footer-middle ul li:first-child {
            padding: 0 5px 0 0;
            display: block;
            text-transform: uppercase;
        }

    .b .z-footer-bottom {
        font-size: 10px;
    }

    .b .social-media {
        text-align: center;
        padding: 15px 0 0 0;
    }

    .b #z-footer-app span {
        display: none;
    }

    .b #z-footer-app h3 {
        display: none;
    }

    .b .z-app-title {
        display: none;
    }

    .b .z-app-button {
        padding: 20px 0;
        width: 100%;
    }

    .b .z-panel-list .label {
        display: inline-block;
    }

    .b .z-sidebar-wrapper,
    .b nav.z-sort-alphabet {
        display: none;
    }

    .b .btn-filter-mobile {
        display: block;
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }

    .b .z-footer-space {
        height: auto;
    }

        .b .z-footer-space .p-t-b-30 {
            display: none;
        }

    .b .z-tour .z-panel-list-right {
        padding-top: 10px;
    }

    .b .z-searh-form-result h2 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    .b #z-search-form,
    .b #z-content {
        font-size: 90%;
    }

        .b #z-content .panel {
            margin-bottom: 10px;
        }

    .b #z-footer-app {
        text-align: center;
    }

    .b .hands-app {
        display: none;
    }

    .b #z-footer {
        text-align: center;
        font-size: 80%;
    }

    .b .z-footer-top {
        padding: 15px 0;
    }

        .b .z-footer-top p {
            display: none;
        }

        .b .z-footer-top img {
            display: inline;
            max-width: 250px;
        }

        .b .z-footer-top h5 {
            padding: 5px 0 0 0;
        }

    .b .z-footer-middle ul li {
        padding: 0 5px 0 0;
        font-size: 12px;
    }

        .b .z-footer-middle ul li:first-child {
            padding: 0 5px 0 0;
            display: block;
            text-transform: uppercase;
        }

    .b .z-footer-bottom {
        font-size: 10px;
        padding: 15px 0;
    }

    .b .social-media {
        text-align: center;
        padding: 8px 0 0 0;
    }

    .b #z-footer-app span {
        display: none;
    }

    .b #z-footer-app h3 {
        display: none;
    }

    .b .z-app-title {
        display: none;
    }

    .b .z-app-button {
        padding: 15px 0;
        width: 100%;
    }

    .b .z-app-icon {
        max-width: 100px;
    }

    .b .z-panel-list adress {
        display: block;
        padding: 0;
    }

    .b .z-panel-list .label {
        display: table;
        padding: 3px 0;
    }

    .b .z-content-star img {
        max-width: 15px;
    }

    .b .z-panel-list .img-thumb-content-list {
        margin: 0;
    }

    .b .img-thumb-content-list img {
        height: 80px;
    }

        .b .img-thumb-content-list img[class] {
            width: 100%;
        }

    .b ul.z-facility {
        clear: both;
        padding: 5px 0;
    }

    .b .z-facility li {
        padding: 2px;
    }

    .b ul.z-facility img {
        max-height: 18px;
    }

    .b ul.z-content-star {
        margin: 0;
        padding: 5px 0 0 0;
        clear: both;
    }

    .b .z-content-price {
        font-size: 16px;
    }

        .b .z-content-price .small {
            display: inline;
            margin-right: 5px;
        }

    .b .z-panel-list .label-available {
        float: right;
    }

    .b .z-btn-filter {
        margin: 10px 0 0 0;
        font-size: 12px;
    }

    .b .z-panel-list-right {
        border-left: 0;
    }

    .b .z-content-details .table-responsive {
        display: inherit;
    }

    .b .z-panel-list-right .btn {
        display: block;
        font-size: inherit;
        padding: 5px 12px;
    }

    .b .z-search-form-inside.affix {
        position: static !important;
    }

    .b #z-search-form p {
        padding: 0 0 15px 0;
    }

    .b .z-searh-form-inside .form-control {
        height: auto;
        padding: 6px;
        font-size: 12px;
    }

    .b .z-sidebar .form-control {
        height: auto;
        padding: 6px;
        font-size: 12px;
    }

    .b .z-search-form-bottom .btn {
        font-size: 14px;
        padding: 6px 10px;
        margin-top: 10px;
    }

    .b .z-small-thumb {
        margin-left: auto;
        padding-right: 15px;
    }

        .b .z-small-thumb img {
            width: 50%;
        }

    .b .img-more {
        float: none;
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    .b #z-search-form {
        padding: 15px 0;
    }

    .b .z-search-form-inside.affix {
        position: static !important;
    }

    .b .z-search-form-inside.affix-top {
        padding: 15px 0;
    }

    .b .z-panel-list-right {
        border-left: 0;
        padding-top: 5px;
    }

    .b .z-small-thumb {
        margin-left: -15px;
        padding-right: 0px;
    }

        .b .z-small-thumb img {
            width: 100%;
        }

    .b .img-more {
        float: none;
    }

    .b #z-search-form p {
        padding: 0;
    }

    .b .z-panel-list .img-thumb-content-list {
        float: none;
        margin: 0;
    }

    .b .img-thumb-content-list img[class] {
        width: 100%;
    }

    .b ul.z-content-star {
        padding: 5px 0 0 0;
        margin: 0;
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 50em), (-ms-high-contrast: none) and (max-width: 50em) {
    .b .z-panel-list .img-thumb-content-list {
        float: none;
        display: block;
        clear: both;
    }

    .b .z-content-star img {
        width: 20px;
        height: 20px;
    }

    .b ul.z-facility img {
        width: 20px;
        height: 20px;
    }

    .b img.z-app-icon {
        width: 100px;
        height: 31px;
    }

    .b .z-widget label img {
        width: 20px;
        height: 20px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .b {
        /* IE10+ specific styles go here */
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 30em), (-ms-high-contrast: none) and (max-width: 30em) {
    .b {
        /* IE10 Mobile specific styles go here */
    }
}




#content {
    /*padding:10px 0;*/
    background-color: #f2f8fd;
}

@media(min-width:992px) {
    #wrapper {
        padding-bottom: 0px;
    }
}

.b .z-tanggal {
    padding-left: 0px;
    padding-right: 0px;
}

.b .z-form-search {
    padding-left: 0px;
    padding-right: 0px;
}

.b .z-collapse {
    display: none;
}

.b .pagination > li > a.z-ready {
    color: #fff;
    background-color: #2a6ba3;
}

.b .pagination > li > a.z-notready {
    color: #2a6ba3;
    background-color: #fff;
}

.b .img-price {
    min-width: 35px;
}

.b .hotelItemImage {
    margin-right: 0px;
    float: none;
}


.b .footer-space {
    height: 100px
}


.b .z-footer-top {
    font-size: 14px;
}

    .b .z-footer-top p {
        font-size: 14px;
        line-height: 22px;
    }

    .b .z-footer-top h5 {
        padding: 0;
        font-size: 14px;
    }

.b .z-footer-middle ul {
    margin: 0;
    font-size: 14px;
}

.b .z-footer-bottom ul {
    margin: 0;
}

.b .price-room {
    display: none;
}

.b .z-gallery .slide-thumb img {
    padding: 5px;
}

.b div.tooltip {
    float: left;
    background: none;
    border: 0;
    padding: 5px;
    max-width: 200px;
    z-index: 13000;
}

/*Step Hotel*/

.b .orderingFlow {
    height: 33px;
}

    .b .orderingFlow img {
        float: left;
        margin: 0;
    }

    .b .orderingFlow .Steps {
        margin-left: -4px;
    }

.b h2.orderHeading {
    margin: 12px 0 2px 0;
    font-size: 0;
    height: 52px;
    margin: 12px 0 2px 0;
}

/*Hapus Padding left*/
.b .row {
    padding-left: 0;
}



/*Hotel*/
.b .z-content-price .small {
    color: #fff;
}

.b .nav-tabs .active a {
    color: inherit !important;
}

.b .row {
    padding-left: 0;
}

.modal-open .b .modal {
    overflow-x: hidden;
    overflow-y: auto;
}


.b .nav .active a {
    text-decoration: none;
}

/*CSS Search Hotel*/

.b .z-searchhotel {
    margin-top: 15px;
}

.b .wrapper-hotel {
    margin: 0 0 0 0;
}

.b .z-ready input {
    border: 0;
    background: inherit;
}

span.ui-icon.ui-icon-triangle-1-e {
    display: none;
    !important
}

.b span.ui-icon.ui-icon-triangle-1-s {
    display: none;
    !important
}

.b .cancelation span {
    display: block;
    unicode-bidi: embed;
    white-space: pre;
    font-size: 14px;
    overflow: auto;
}

.b .z-panel-list .z-promo-label .label {
    display: inline-block;
    margin: 0;
    padding: 5px;
    text-align: inherit;
    font-size: 80%;
    text-transform: none;
}

/*PELNI*/
.b .z-pelni-header #z-search-form {
    background: #3f7eb1 url(../images/bg-header-pelni.jpg) !important;
    background-size: cover;
    padding: 30px 0;
}

.b #z-search-form-pelni {
    background: #3f7eb1 url(../images/bg-header-pelni.jpg) !important;
    background-size: cover;
    padding: 30px 0;
}

    .b #z-search-form-pelni .z-searh-form-inside {
        padding: 15px 30px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);
        box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }

        .b #z-search-form-pelni .z-searh-form-inside input {
            width: 100%;
            border: 1px solid #ddd;
        }

.b .search-pelni {
    float: right;
}

.b .pelni-topbar {
    background: #277fd5;
}

    .b .pelni-topbar .icon-pelni-topbar {
        padding: 10px;
    }

@media only screen and (max-width: 480px) {
    .z-search-mobil-pelni {
        margin: 15px 10px;
    }
}

@media only screen and (max-width: 425px) {
    .b .search-pelni {
        float: none;
    }
}
/*BG PrivacyPolicy*/
.b .z-content {
    background: #f2f8fd;
}

/*Z-HEADER*/
.b .z-header {
    background: #3f7eb1;
    padding: 30px 0;
}


/*Company Profile*/
.b .kolom-keunggulan {
    width: 100%;
    float: left;
    text-align: left;
    border-top: 25px solid #1ba5df;
    background: #f7f7f7;
    margin: 15px 0 15px 0;
    padding: 0 10px 0 10px;
}

.b .profilkanan {
    float: right;
    text-align: left;
    width: 100%;
    display: inline;
    padding: 0px 15px 15px 15px;
    border-top: 25px solid #1ba5df;
    background: #f7f7f7;
    font-size: 1.2em;
    margin: 30px 0 0 0;
}

    .b .profilkanan .button {
        padding: 8px 20px;
        width: inherit;
        border-width: 1px;
        border-style: solid;
        -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.2);
        box-shadow: inset 0 0 10px rgba(0,0,0,.2);
        text-shadow: 0 -1px 0 rgba(0,0,0,.2);
        background: #0881d6;
        color: #ededed !important;
        display: block;
    }

.b .jmldownload {
    width: inherit;
}

.b .profilkanan h3 {
    font-size: 1.4em;
    font-weight: bold;
}

.b .profilkanan h4 {
    font-size: 1em;
    font-weight: bold;
}

.b .profilkiri {
    font-size: 14px;
    float: none;
}

/*Contact Profil*/
.b .contact-profil .input-validation-error {
    border: 1px solid red;
    background-color: #fee;
}

.b .formkontak {
    margin-top: 25px;
}

.b input.button.send-message {
    margin-top: 20px;
}

/*Login agen*/
/*.login-agen{
    margin-top:25px;
}*/
.b .form-horizontal .btn-agen {
    font-weight: 700;
    color: #fff;
}

.b .form-horizontal .control-label.label-form-login {
    text-align: left;
}

.b .border-login-info {
    background: #0095FF;
    color: #fff;
}

    .b .border-login-info ul {
        padding-left: 15px;
        margin-top: 10px;
        padding-right: 10px;
    }

.titleObj {
    font-size: 16px;
    font-weight: 700;
}

#overlayDialog {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1em;
    background: rgba(0, 0, 0, 0.8);
}

    /* Unhide the lightbox when it's the target */
    #overlayDialog:target {
        display: block;
    }

    #overlayDialog .z-searh-form-inside {
        width: 60%;
        margin: 10% auto;
    }

@media (max-width: 991px) and (min-width: 768px) {
    .btn-login-regis {
        margin-left: 110px;
    }
}


/*AirlineDarmawisata*/
@media only screen and (max-width: 986px) {
    .b .container-fluid .contentCenter {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    #mainWrapper {
        width: 100%;
    }
}




/*Halaman Index Darmawisata*/
.fotorama__html div,
.fotorama__html a {
    display: block;
    height: 100%;
}

.slider-lives-support {
    background: #318ede;
    color: #fff;
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}


.b .btn-blog {
    color: #318ede;
    font-weight: 700;
}

.b .yellow {
    background: #fffe81;
}

.b .grey {
    background: #ededed;
}

.b .text-black {
    color: #000 !important;
}

.b .text-bold {
    font-weight: bold !important;
}

.b textarea.spesial-request-hotel {
    height: 125px;
    max-width: 555px;
    min-width: 230px;
}

.b .total-price {
    background: #3c9bf3;
    color: #fff;
}

.b .text-white {
    color: #fff;
}

.b .notif-menu {
    display: none;
    background: #fff;
}

.b .userpanel-menu {
    display: none;
    background: #fff;
}

.b .notif-menu:hover {
    display: none;
    background: #fff;
}

.b .userpanel-menu:hover {
    display: none;
    background: #fff;
}

/*Userpanel*/
.b li.list-none a:hover {
    background: #215688;
    color: #fff;
}
/*.b .dl-menu a:focus,.b .dl-menu a:hover{
    color:#fff;
    background:#3985c6;
}*/

/*Informasi Akun*/
.b h3.info-akun {
    font-weight: bold;
    margin-bottom: 20px;
}

.b thead.title-tb-listbooker {
    background: #0095ff;
    color: #fff;
}

/*Message complain*/
.b .bg-tabs-message {
    background: rgb(91, 208, 255);
    border-bottom: none;
}

.b .nav.bg-tabs-message > li > a:hover, .b .nav.bg-tabs-message > li > a:focus {
    background: #fff;
}


/*Page MICE*/
.b .z-mice-header {
    background: #3f7eb1 url(../images/bg-mice-header.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0;
    z-index: 9999;
    background-position: center;
}

    .b .z-mice-header h2 {
        margin: 0;
        padding: 0;
        word-spacing: -2px;
        font-weight: 700;
        font-size: 24px;
    }

@media only screen and (max-width: 480px) {
    .b .z-mice-header {
        position: static !important;
    }
}

.b .sidebar-mice {
    background: #F5F5F5;
}

.b .list-sidebar-mice {
    border-color: #000;
    border-bottom: 1px solid;
}

.b .sidebar-mice-responsive {
    height: 425px;
}

@media only screen and (max-width: 480px) {
    .b .sidebar-mice-responsive {
        height: 325px;
    }
}

@media only screen and (max-width: 768px) {
    .b .sidebar-mice-responsive {
        height: 335px;
    }

    .b .ddlang {
        display: none;
    }
}


/*Page Dokumen*/
.b .z-document-header {
    background: #3f7eb1 url(../images/bg-header-pasporvisa.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0;
    z-index: 9999;
    background-position: center;
}

    .b .z-document-header h2 {
        margin: 0;
        padding: 0;
        word-spacing: -2px;
        font-weight: 700;
        font-size: 24px;
    }

.b .informasi-paspor {
    color: #fff;
    background: #0095FF;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -170px;
    margin-left: 454px;
}

    .b .informasi-paspor
    a:hover {
        color: #fff;
    }

    .b .informasi-paspor
    a {
        color: #000;
        font-weight: 600;
    }

.b .bg-paspor {
    background: url(../../images/Dok-Slide-1.jpg) no-repeat;
    height: 370px;
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .b .informasi-paspor {
        color: #fff;
        background: #0095FF;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: -190px;
        margin-left: 344px;
    }

    .b .bg-paspor {
        background: url(../../images/Dok-Slide-1.jpg) no-repeat;
        height: 260px;
        background-size: cover;
    }
}

@media only screen and (max-width: 425px) {
    .b .informasi-paspor {
        color: #fff;
        background: #0095FF;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .b .bg-paspor {
        background: url(../../images/Dok-Slide-1.jpg) no-repeat;
        height: 140px;
        background-size: cover;
    }
}

.b .informasi-paspor h2 {
    margin-top: 10px;
}

.b .nav-tabs > li > a.list-doc {
    background: #1bbbf7;
}

.b .nav-tabs.menu-dokumen > li {
    border: 1px solid #fff;
}

    .b .nav-tabs.menu-dokumen > li.active > a, .b .nav-tabs > li.active > a:hover, .b .nav-tabs > li.active > a:focus {
        color: #000;
        cursor: default;
        background-color: #fff;
        border-bottom-color: transparent;
    }

    .b .nav-tabs.menu-dokumen > li a {
        color: #fff;
    }

.b .bg-title-content-paspor {
    background: url(../../images/headerpage.jpg) no-repeat;
    display: block;
    background-size: cover;
}

.b #download-file a:hover {
    color: #1d72ce;
}

.b #download-file a, .b #download-file a h5 {
    color: #1BA5DF;
    font-weight: bold;
}

/*Page Transport*/
.b .bg-transport {
    background: url(../../images/bannertransport.jpg) no-repeat;
    height: 370px;
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .b .bg-transport {
        background: url(../../images/bannertransport.jpg) no-repeat;
        height: 260px;
        background-size: cover;
    }
}

@media only screen and (max-width: 425px) {
    .b .bg-transport {
        background: url(../../images/bannertransport.jpg) no-repeat;
        height: 140px;
        background-size: cover;
    }
}

.b .z-transport-header {
    background: #3f7eb1 url(../images/bg-header-transport.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0;
    z-index: 9999;
    background-position: center;
}

    .b .z-transport-header h2 {
        margin: 0;
        padding: 0;
        word-spacing: -2px;
        font-weight: 700;
        font-size: 24px;
    }

@media only screen and (max-width: 480px) {
    .b .z-transport-header {
        position: static !important;
    }
}

.b .dokumenHeaderContentWrapper th {
    padding: 10px;
}

.b .dokumenHeaderContentWrapper td {
    padding: 5px;
}

.b .refresh-captcha {
    color: #1BA5DF !important;
}


/*Main Menu*/
.b #snews h5 {
    font-size: 16px;
}

.b .ymOnlineButton {
    padding-bottom: 0 !important;
    background: none;
    text-align: left;
}

.b .menu {
    position: relative;
    top: -10px;
    left: 0;
    width: inherit;
    z-index: 999;
}

.b .navbar-nav > li {
    float: left;
    padding-left: 20px;
}

.b section .navbar {
    margin-bottom: 0px;
}

.b .wrapping-home {
    min-height: 380px;
}

.b .navbar li.dropdown:hover ul.dropdown-menu {
    display: block
}

.b .navbar-menu {
    border-radius: 0;
    background: #1e4878;
    border: none;
}

@media only screen and (max-width: 480px) {
    .b #navbar-mainmenu .nav.navbar-nav > li {
        float: none;
    }

    .b .navbar-inverse .navbar-collapse .dropdown-menu {
        position: relative;
        width: 100%;
    }

    .b .navbar-inverse li.dropdown a:active.dropdown-toggle ul.dropdown-menu, .b .navbar-inverse li.dropdown a:focus.dropdown-toggle ul.dropdown-menu, .b .navbar-inverse li.dropdown a:hover.dropdown-toggle ul.dropdown-menu {
        display: block;
    }

    .b .navbar-inverse .navbar-nav > .open > a, .b .navbar-inverse .navbar-nav > .open > a:focus, .b .navbar-inverse .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #1e4878;
    }

    .b .navbar li.dropdown:active ul.dropdown-menu {
        display: block
    }
}

.b .navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-weight: bold;
}

.b .navbar-inverse .navbar-nav li ul.dropdown-menu {
    background: #1e4677;
}

    .b .navbar-inverse .navbar-nav li ul.dropdown-menu li a:hover {
        background: #3985C6;
    }

    .b .navbar-inverse .navbar-nav li ul.dropdown-menu li a {
        color: #fff;
    }

.b .icon-menu {
    height: 24px;
}

.b .icon-sub-menu {
    height: 12px;
}

.b .icon-produk {
    height: 80px;
}

.b .border-produk {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
}

.b .navbar-menu-responsive {
    float: none;
}

.b .navbar-inverse .navbar-nav > li {
    padding-left: 0;
}

.b .navbar-inverse .navbar-toggle:hover, .b .navbar-inverse .navbar-toggle:focus {
    background-color: #1e4878;
}

.b .navbar-inverse ul li.dropdown {
    cursor: pointer;
}

.b #saldo {
    position: inherit;
    right: 0;
    top: 0;
    text-align: right;
    width: 100%;
}

.b #userid {
    position: inherit;
    right: 0;
    top: 0;
    text-align: right;
    width: 100%;
}

.b .navbar .navbar-menu {
    min-height: 30px;
}

.b .navbar-menu .navbar-nav > li > a {
    padding: 8px !important;
}

.b .agen-login {
    float: right !important;
}
/*.b .bg-menu {
    background: #1e4878;
    border-top: 1px solid #27568c;
}*/
/*.b a.language,.b a:hover.language,.b a:active.language,.b a:focus.language{
    color:#fff;
    font-size:14px;
}*/
@media only screen and (width:768px) {
    .b .agen-login {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .b .header-di-responsive img {
        margin: 0 auto;
        text-align: right
    }

    .b .agen-login {
        float: none !important;
        text-align: center;
    }
}

@media only screen (max-width:769px) and (min-width:425px) {
    .b .menu-responsive {
        margin-left: -20px;
    }
}

@media only screen and (max-width:425px) {
    .b .menu-responsive {
        margin-left: -20px;
        margin-top: 30px;
    }
}


/*Home Index */
/*.b .ca-icon{
    width:221px;
    background-size:contain;
}*/
.b .registernote {
    width: 100%;
}

.b #live-chat {
    z-index: 2;
}
/*.b .bg-top-menu{
    background: #1e4878;
    background-size: contain;
}
.b .menu-login{
    background: #fff;
    padding: 1px 6px;
    border-radius: 5px;
}*/
.b .social-media.topbar {
    position: relative;
    top: 15px;
}

.b .bg-slider {
    background: #184374 url(../images/bg-header.jpg) center repeat;
    padding-bottom: 90px;
}

.b .bg-slider-p-a {
    background: #fff;
    border-radius: 10px;
}

.b .bg-white {
    background: #fff;
}

.b .radius-10 {
    border-radius: 5px;
}
/*.b .border-bg-slider{
    border-radius: 0 0 1000px 1000px/0 0 70px 70px;
}*/
.b .font-24 {
    font-size: 24px;
}

.b .title-produk-di {
    color: #3f89ca;
}

.b .line-hight1-7 {
    line-height: 1.7;
}

.b .blockshadow-video {
    box-shadow: 5px 5px 20px #888888
}

.b .section-blog-di {
    background: url(../images/bg-section-blog.jpg);
    background-size: cover;
}

.b .border-news {
    border: 1px solid #ddd;
}

.b img.radius-0 {
    border-radius: 0;
}

.b .btn-blog:active, .b .btn-blog:focus, .b .btn-blog:active:focus, .b .btn-blog:hover {
    color: #fff;
    background: #318ede;
}

.b .bg-newsticker {
    background: #318ede;
    border: 1px solid #ccc;
}

.b .produk-web-view {
    padding: 0 70px;
}

@media only screen and (max-width: 480px) {
    .b .produk-web-view {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 991px) {
    .b .bg-slider {
        padding-bottom: 0;
    }
}
/*@media only screen and (max-width:768px){
    .b .mresponsv40{
        margin-top:40px;
   }
}*/

/*Notif Slider newsticker*/
.b .bg-newsticker .notif-1,
.b .bg-newsticker .notif-2,
.b .bg-newsticker .notif-3 {
    position: absolute;
    display: block;
    /*top: 2em;*/
    width: 50%;
    /*font-size: 2em;*/
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.b .bg-newsticker .notif-1 {
    -webkit-animation-name: anim-1;
    animation-name: anim-1;
}

.b .bg-newsticker .notif-2 {
    -webkit-animation-name: anim-2;
    animation-name: anim-2;
}

.b .bg-newsticker .notif-3 {
    -webkit-animation-name: anim-3;
    animation-name: anim-3;
}

@-webkit-keyframes anim-1 {
    0%, 8.3% {
        left: -100%;
        opacity: 0;
    }

    8.3%, 25% {
        left: 25%;
        opacity: 1;
    }

    33.33%, 100% {
        left: 110%;
        opacity: 0;
    }
}

@keyframes anim-1 {
    0%, 8.3% {
        left: -100%;
        opacity: 0;
    }

    8.3%, 25% {
        left: 25%;
        opacity: 1;
    }

    33.33%, 100% {
        left: 110%;
        opacity: 0;
    }
}

@-webkit-keyframes anim-2 {
    0%, 33.33% {
        left: -100%;
        opacity: 0;
    }

    41.63%, 58.29% {
        left: 25%;
        opacity: 1;
    }

    66.66%, 100% {
        left: 110%;
        opacity: 0;
    }
}

@keyframes anim-2 {
    0%, 33.33% {
        left: -100%;
        opacity: 0;
    }

    41.63%, 58.29% {
        left: 25%;
        opacity: 1;
    }

    66.66%, 100% {
        left: 110%;
        opacity: 0;
    }
}

@-webkit-keyframes anim-3 {
    0%, 66.66% {
        left: -100%;
        opacity: 0;
    }

    74.96%, 91.62% {
        left: 25%;
        opacity: 1;
    }

    100% {
        left: 110%;
        opacity: 0;
    }
}

@keyframes anim-3 {
    0%, 66.66% {
        left: -100%;
        opacity: 0;
    }

    74.96%, 91.62% {
        left: 25%;
        opacity: 1;
    }

    100% {
        left: 110%;
        opacity: 0;
    }
}


/*Userpanel - Update Logo*/
.b .z-update-logo {
    background: #01a1e3 no-repeat;
    background-size: cover;
    padding: 30px 0;
    z-index: 9999;
    background-position: center;
}

/*Agen Booking Detail*/
.b .ticketStatus {
    text-align: center;
    color: #f00;
    font-weight: bold;
}

.b .booking-detail-itenerary h5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*Ticket Bus*/
.b .header-step .steps {
    width: 310px;
}

.b .bus-topbar {
    background: #652d90;
}

    .b .bus-topbar .icon-bus-topbar {
        text-align: right;
        padding: 10px;
    }

    .b .bus-topbar .display-inline {
        display: inline;
    }

.b #z-search-form-bus {
    background: #3f7eb1 url(../images/bg-bus.jpg);
    background-size: cover;
    padding: 30px 0;
}

    .b #z-search-form-bus .z-searh-form-inside {
        padding: 15px 30px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);
        box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }

        .b #z-search-form-bus .z-searh-form-inside:hover {
            box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
        }

        .b #z-search-form-bus .z-searh-form-inside input,
        .b #z-search-form-bus .z-searh-form-inside optgroup,
        .b #z-search-form-bus .z-searh-form-inside select,
        .b #z-search-form-bus .z-searh-form-inside textarea {
            width: 100%;
            border: 1px solid #ddd;
        }

        .b #z-search-form-bus .z-searh-form-inside .form-control {
            color: #a1a1a1;
        }

            .b #z-search-form-bus .z-searh-form-inside .form-control[disabled],
            .b #z-search-form-bus .z-searh-form-inside .form-control[readonly],
            .b #z-search-form-bus .z-searh-form-inside fieldset[disabled] .form-control {
                background-color: #fdfdfd;
            }

        .b #z-search-form-bus .z-searh-form-inside h6 {
            font-size: 12px;
            font-weight: 700;
            margin: 15px 0 5px 0;
        }

        .b #z-search-form-bus .z-searh-form-inside .z-captcha {
            font-size: 12px;
        }


/*Ticket Train*/
/*.b #z-search-form-train {
  background: #3f7eb1 url(../images/bg-train.jpg);
  background-size: cover;
  padding: 30px 0;
}
.b #z-search-form-train .z-searh-form-inside {
  padding: 15px 30px;
  background: #fff;
  border-radius: 5px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);
  box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
  margin-bottom: 15px;
}
.b #z-search-form-train .z-searh-form-inside:hover {
  box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
}
.b #z-search-form-train .z-searh-form-inside input,
.b #z-search-form-train .z-searh-form-inside optgroup,
.b #z-search-form-train .z-searh-form-inside select,
.b #z-search-form-train .z-searh-form-inside textarea {
  width: 100%;
  border: 1px solid #ddd;
}
.b #z-search-form-train .z-searh-form-inside .form-control {
  color: #a1a1a1;
}
.b #z-search-form-train .z-searh-form-inside .form-control[disabled],
.b #z-search-form-train .z-searh-form-inside .form-control[readonly],
.b #z-search-form-train .z-searh-form-inside fieldset[disabled] .form-control {
  background-color: #fdfdfd;
}
.b #z-search-form-train .z-searh-form-inside h6 {
  font-size: 12px;
  font-weight: 700;
  margin: 15px 0 5px 0;
}
.b #z-search-form-train .z-searh-form-inside .z-captcha {
  font-size: 12px;
}
.b .train-topbar {
  background: #fa961c;
}
.b .train-topbar .icon-train-topbar {
  text-align: right;
  padding: 10px;
}
.b .train-topbar .display-inline {
  display: inline;
}*/


/*Ticket Airplane*/
/*start slider ticket*/

.b .airline-topbar #slider,
.b .airline-topbar ul {
    height: 50px;
}

.b .airline-topbar #slider {
    margin: auto;
    overflow: hidden;
    /*padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.25);*/
    position: relative;
    /*width: 600px;*/
}

    .b .airline-topbar #slider li {
        float: left;
        position: relative;
        width: 600px;
        display: inline-block;
        height: 200px;
    }

    .b .airline-topbar #slider ul {
        list-style: none;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 9000px;
        transition: left .3s linear;
        -moz-transition: left .3s linear;
        -o-transition: left .3s linear;
        -webkit-transition: left .3s linear;
        margin-left: -25px;
        /*font-family: century gothic;*/
        color: #666;
    }

.b .airline-topbar .slider-container {
    margin: 0 auto;
    padding: 0 20px;
    width: 550px;
    min-height: 180px;
    /*border-bottom: 1px solid #ccc;*/
}

    .b .airline-topbar .slider-container h4 {
        color: #fff;
        /*   text-shadow: -1px 0px 0px rgba(0, 0, 0, 0.50); */
        text-align: right;
    }

    .b .airline-topbar .slider-container p {
        margin: 10px 25px;
        font-weight: semi-bold;
        line-height: 150%;
        text-align: justify;
    }

@-webkit-keyframes slide-animation {
    0% {
        opacity: 0;
    }

    2% {
        opacity: 1;
    }

    20% {
        left: 0px;
        opacity: 1;
    }

    22.5% {
        opacity: 0.6;
    }

    25% {
        left: -600px;
        opacity: 1;
    }

    45% {
        left: -600px;
        opacity: 1;
    }

    47.5% {
        opacity: 0.6;
    }

    50% {
        left: -1200px;
        opacity: 1;
    }

    70% {
        left: -1200px;
        opacity: 1;
    }

    72.5% {
        opacity: 0.6;
    }

    75% {
        left: -1800px;
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    98% {
        left: -1800px;
        opacity: 0;
    }

    100% {
        left: 0px;
        opacity: 0;
    }
}

.b .airline-topbar #slider ul {
    -webkit-animation: slide-animation 25s infinite;
}

    .b .airline-topbar #slider ul:hover {
        -moz-animation-play-state: paused;
        -webkit-animation-play-state: paused;
    }
/*end*/
.b .header-step-airline .steps {
    width: 230px;
}

.b .airline-topbar {
    background: #277fd5;
}

    .b .airline-topbar .icon-airline-topbar {
        text-align: right;
        padding: 10px;
    }

    .b .airline-topbar .display-inline {
        display: inline;
    }

.b .slider-airline .headlineflight {
    width: 100%;
    text-align: right;
    /*position: absolute;*/
    font-weight: bold;
    font-size: 16px;
    /* padding-top: 16px; */
    margin-left: 0;
    overflow: hidden;
    /*padding-right:20px;*/
    padding: 0 50px;
    z-index: 1;
    color: #ffffff;
    font-style: italic;
}

.b .slider-airline .newsflight {
    background: none;
    position: absolute;
    width: 100%
}

.b #z-search-form-airline {
    /*background: #3f7eb1 url(../images/bg-airline.png);*/
    background-size: cover;
    padding: 30px 0;
}

    .b #z-search-form-airline .z-searh-form-inside {
        padding: 15px 30px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        /*background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);*/
        box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }

        .b #z-search-form-airline .z-searh-form-inside:hover {
            box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
        }

        .b #z-search-form-airline .z-searh-form-inside .trip-type input {
            width: inherit;
            border: none;
        }

        .b #z-search-form-airline .z-searh-form-inside input,
        .b #z-search-form-airline .z-searh-form-inside optgroup,
        .b #z-search-form-airline .z-searh-form-inside select,
        .b #z-search-form-airline .z-searh-form-inside textarea {
            width: 100%;
            border: 1px solid #ddd;
        }

.b #z-search-form-train .z-searh-form-inside .form-control {
    color: #a1a1a1;
}

.b #z-search-form-airline .z-searh-form-inside .form-control[disabled],
.b #z-search-form-airline .z-searh-form-inside .form-control[readonly],
.b #z-search-form-airline .z-searh-form-inside fieldset[disabled] .form-control {
    background-color: #fdfdfd;
}

.b #z-search-form-airline .z-searh-form-inside h6 {
    font-size: 12px;
    font-weight: 700;
    margin: 15px 0 5px 0;
}

.b #z-search-form-airline .z-searh-form-inside .z-captcha {
    font-size: 12px;
}

.b #z-search-form-airline .IsInternationalFlight > .ui-combobox > .ui-combobox-toggle,
.b #z-search-form-airline .jenispenerbangan > .ui-combobox > .ui-combobox-toggle,
.b #z-search-form-airline .maskapai > .ui-combobox > .ui-combobox-toggle {
    width: 100%;
}

.b #z-search-form-airline .z-form-search#rowTwo {
    width: initial;
    margin: 0 -15px;
    height: 100%;
}

.b #z-search-form-airline .z-form-search#rowThree {
    width: initial;
    margin: 0 -15px;
    height: 100%;
}

    .b #z-search-form-airline .z-form-search#rowThree > div:first-child {
        position: relative;
        top: 0;
    }

        .b #z-search-form-airline .z-form-search#rowThree > div:first-child + div {
            left: 0;
            position: relative;
            top: 0;
        }

.b .title-search {
    font-weight: bold;
    margin-bottom: 20px;
}

.b #headerChangeFlight {
    width: 100%;
}

.b .div-fixed {
    position: fixed !important;
    top: 0px !important;
    background: none !important;
    z-index: 1;
}

.b .info-flight h5 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.b .date-flight {
    background: #ebebeb;
}

.b .list-schedule-airline .table {
    margin-bottom: 0;
}

.b .schedule-table-footer {
    border-top: 10px solid #ebebeb;
}

.b .total-price-airline-footer {
    background: #ebebeb;
}

.b .dataKota > .ui-combobox > .ui-combobox-toggle, .dataDestiny > .ui-combobox > .ui-combobox-toggle {
    width: 100% !important;
}

.b .divBookingNote {
    background: #0095FF;
    width: 100%;
}

.b .list-jadwal th {
    text-align: center;
}

.b .input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.b .colorRed {
    color: red;
}

/*Citilink*/
.b .citilink .div-price-left, .b .citilink .div-price {
    width: 100%;
    padding-top: 15px;
}
/*Garuda*/
.b .garuda-airline .div-price-left, .b .garuda-airline .div-price {
    width: 100%;
}

    .b .garuda-airline .div-price-left table tbody tr td hr {
        border: 1px;
        border-top: 1px solid #ccc;
        margin: 6px 0;
    }



@media only screen and (max-width: 375px) {
    .b .airline-topbar .icon-airline-topbar {
        text-align: right;
        padding: 5px;
    }
}

@media only screen and (max-width: 425px) {
    .b .icon-logo-airline .imgAirlineLogo {
        width: 50%;
    }
}

/*Ticket Travel*/
.b #z-search-form-travel {
    background: #3f7eb1 url(../images/bg-header-travel.jpg);
    background-size: cover;
    padding: 30px 0;
}

    .b #z-search-form-travel .z-searh-form-inside {
        padding: 15px 30px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);
        box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }

        .b #z-search-form-travel .z-searh-form-inside:hover {
            box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
        }

        .b #z-search-form-travel .z-searh-form-inside input,
        .b #z-search-form-travel .z-searh-form-inside optgroup,
        .b #z-search-form-travel .z-searh-form-inside select,
        .b #z-search-form-travel .z-searh-form-inside textarea {
            width: 100%;
            border: 1px solid #ddd;
        }

        .b #z-search-form-travel .z-searh-form-inside .form-control {
            color: #a1a1a1;
        }

            .b #z-search-form-travel .z-searh-form-inside .form-control[disabled],
            .b #z-search-form-travel .z-searh-form-inside .form-control[readonly],
            .b #z-search-form-travel .z-searh-form-inside fieldset[disabled] .form-control {
                background-color: #fdfdfd;
            }

        .b #z-search-form-travel .z-searh-form-inside h6 {
            font-size: 12px;
            font-weight: 700;
            margin: 15px 0 5px 0;
        }

        .b #z-search-form-travel .z-searh-form-inside .z-captcha {
            font-size: 12px;
        }

.b .travel-topbar {
    background: #652d90;
}

.b .icon-travel-topbar {
    padding: 10px;
}

.b .search-shuttle {
    float: right;
}

@media only screen and (max-width: 425px) {
    .b .search-shuttle {
        float: none;
    }
}


/*Ticket Rencar*/
.b #z-search-form-rencar {
    background: #3f7eb1 url(../images/bg-header-transport.jpg);
    background-size: cover;
    padding: 30px 0;
}

    .b #z-search-form-rencar .z-searh-form-inside {
        padding: 15px 30px;
        background: #fff;
        border-radius: 5px;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        background-image: linear-gradient(-225deg, #fffeff 0%, #d7fffe 100%);
        box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.3);
        margin-bottom: 15px;
    }

        .b #z-search-form-rencar .z-searh-form-inside:hover {
            box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
            -o-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
        }

        .b #z-search-form-rencar .z-searh-form-inside input,
        .b #z-search-form-rencar .z-searh-form-inside optgroup,
        .b #z-search-form-rencar .z-searh-form-inside select,
        .b #z-search-form-rencar .z-searh-form-inside textarea {
            width: 100%;
            border: 1px solid #ddd;
        }

        .b #z-search-form-rencar .z-searh-form-inside .form-control {
            color: #000;
        }

            .b #z-search-form-rencar .z-searh-form-inside .form-control[disabled],
            .b #z-search-form-rencar .z-searh-form-inside .form-control[readonly],
            .b #z-search-form-rencar .z-searh-form-inside fieldset[disabled] .form-control {
                background-color: #fdfdfd;
            }

        .b #z-search-form-rencar .z-searh-form-inside h6 {
            font-size: 12px;
            font-weight: 700;
            margin: 15px 0 5px 0;
        }

.b .rencar-topbar {
    background: #EBEBEB;
}

.b .icon-rencar-topbar {
    padding: 10px;
}


/*Live chat*/
#live-chat {
    z-index: 1;
}

/*Halaman Voucher*/
.b .voucher-ppob-pulsa .panel-body img.img-thumbnail {
    width: 130px;
    height: 130px;
}

/*Halaman Deposit*/
/*
* === SLINKY MENU EDIT ===
*/
.b .active a {
    color: inherit !important;
}

.b .deposit-wrapper {
    font-size: 120%;
}

.b .deposit-gateway-input.deposit-gateway {
    min-height: auto;
    width: 300px;
    margin: 0 auto;
}

.b .deposit-gateway-input .form-group {
    padding: 1em;
}

.b .deposit-gateway .nav > li > a > img {
    max-width: 60px;
}

.b .deposit-gateway .tab-content {
    padding: 1em;
}

.b .deposit-wrapper .z-panel-list {
    padding: 5px;
}

.b .deposit-wrapper .well {
    background: #0095FF;
    color: #fff;
    margin: 20px 0;
}

.b .deposit-tutorial {
    background: #0095FF;
    color: #fff;
}

    .b .deposit-tutorial a {
        text-align: left;
    }

.b .deposit-gateway {
    background: #fff;
    min-height: 430px;
}

@media only screen and (max-width: 768px) {
    .b .deposit-gateway {
        min-height: inherit;
    }
}

.b .deposit-gateway ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .b .deposit-gateway ul li {
        padding: 0;
        margin: 0;
    }

        .b .deposit-gateway ul li a {
            padding: 1em;
            -webkit-box-align: center;
            text-decoration: none;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            border-bottom: 1px solid #f2f8fd;
        }

.b .deposit-gateway .slinky-menu ul li.header a {
    display: inherit;
    padding: inherit;
}

.b .deposit-gateway ul li a:hover {
    background: rgba(90, 200, 250, 0.25);
}

.b .deposit-bank-logo {
    max-width: 60px;
    margin-right: 10px;
}

.b .deposit-method {
    background: #0095FF;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    cursor: none;
    padding: 1em;
    margin: 0;
}

.b .deposit-wrapper header.title {
    font-weight: bold;
}

.b .deposit-inside li a:not(.back) {
    padding: 0;
    color: inherit;
}

.b .deposit-wrapper ol {
    padding: 0 1em;
}

    .b .deposit-wrapper ol li {
        list-style: inherit;
    }

.b .slinky-menu li {
    line-height: inherit !important;
}

.b .slinky-menu .deposit-inside li.header {
    padding: inherit;
}

.b .slinky-menu .deposit-inside li {
    padding: 5px 40px;
}

    .b .slinky-menu .deposit-inside li a {
        background: rgba(90, 200, 250, 0.1);
    }

.b .deposit-method-container {
    padding: 1em !important;
}

.b .slinky-menu a {
    text-decoration: none;
}
/*
* === SLINKY MENU ===
*/
.b .slinky-menu {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .b .slinky-menu > ul {
        left: 0;
        position: relative;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    .b .slinky-menu ul,
    .b .slinky-menu li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .b .slinky-menu ul {
        width: 100%;
    }

    .b .slinky-menu a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .b .slinky-menu a span {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            line-height: 1.4;
        }

    .b .slinky-menu li ul {
        display: none;
        left: 100%;
        position: absolute;
        top: 0;
    }

    .b .slinky-menu .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .b .slinky-menu .header .title {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            line-height: 1.4;
            margin: 0;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

.b .slinky-theme-default {
    background: #fff;
}

    .b .slinky-theme-default .title {
        color: #333;
        padding: 1em;
    }

    .b .slinky-theme-default li {
        line-height: 1;
    }

    .b .slinky-theme-default a:not(.back) {
        color: #333;
        padding: 1em;
    }

        .b .slinky-theme-default a:not(.back):hover {
            background: rgba(90, 200, 250, 0.25);
        }

        .b .slinky-theme-default a:not(.back):active {
            background: rgba(90, 200, 250, 0.5);
        }

    .b .slinky-theme-default .next::after,
    .b .slinky-theme-default .back::before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICAgIDxwYXRoIGQ9Ik0xMi4yMTkgMi4yODFMMTAuNzggMy43MiAxOC4wNjIgMTFIMnYyaDE2LjA2M2wtNy4yODIgNy4yODEgMS40MzggMS40MzggOS05IC42ODctLjcxOS0uNjg3LS43MTl6IiAvPjwvc3ZnPg==) center no-repeat;
        background-size: 1em;
        content: "";
        height: 1em;
        opacity: 0.25;
        -webkit-transition: 200ms;
        transition: 200ms;
        width: 1em;
    }

    .b .slinky-theme-default .next::after {
        margin-left: 1em;
    }

    .b .slinky-theme-default .back::before {
        padding: 1em;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .b .slinky-theme-default .next:hover::after,
    .b .slinky-theme-default .back:hover::before {
        opacity: 0.75;
    }

    .b .slinky-theme-default .next:active::after,
    .b .slinky-theme-default .back:active::before {
        opacity: 1;
    }

.b .tabs-left,
.b .tabs-right {
    border-bottom: none;
    padding-top: 2px;
}

.b .tabs-left {
    border-right: 1px solid #ddd;
}

.b .tabs-right {
    border-left: 1px solid #ddd;
}

    .b .tabs-left > li,
    .b .tabs-right > li {
        float: none;
        margin-bottom: 2px;
    }

.b .tabs-left > li {
    margin-right: -1px;
}

.b .tabs-right > li {
    margin-left: -1px;
}

.b .tabs-left > li.active > a,
.b .tabs-left > li.active > a:hover,
.b .tabs-left > li.active > a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
    background: #f4f4f4;
}

.b .tabs-right > li.active > a,
.b .tabs-right > li.active > a:hover,
.b .tabs-right > li.active > a:focus {
    border-bottom: 1px solid #ddd;
    border-left-color: transparent;
}

.b .tabs-left > li > a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
}

.b .tabs-right > li > a {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}

.b .sideways {
    margin-top: 50px;
    border: none;
    position: relative;
}

    .b .sideways > li {
        height: 20px;
        width: 120px;
        margin-bottom: 100px;
    }

        .b .sideways > li > a {
            border-bottom: 1px solid #ddd;
            border-right-color: transparent;
            text-align: center;
            border-radius: 4px 4px 0px 0px;
        }

        .b .sideways > li.active > a,
        .b .sideways > li.active > a:hover,
        .b .sideways > li.active > a:focus {
            border-bottom-color: transparent;
            border-right-color: #ddd;
            border-left-color: #ddd;
        }

    .b .sideways.tabs-left {
        left: -50px;
    }

    .b .sideways.tabs-right {
        right: -50px;
    }

        .b .sideways.tabs-right > li {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .b .sideways.tabs-left > li {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }


/*
* === START HALAMAN MEETING ===
*/
.b .meeting .z-meeting-header {
    background: #3f7eb1 url(../images/bg-z-meeting-header.jpg) center;
    background-size: cover;
    padding: 30px 0;
}

.b .meeting .z-panel-list .table-responsive.meeting td {
    vertical-align: top;
}

.b .meeting .meeting table ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .b .meeting .meeting table ul li {
        list-style: none;
        padding: 5px;
        border-bottom: 1px solid #eee;
        margin: 0;
    }

.b .z-meeting-header.affix {
    padding: 15px 0;
}

.b .z-meeting-hotel .z-content-info {
    background: transparent;
    color: inherit;
}

.b .z-meeting-hotel .panel-content {
    background: rgba(245, 245, 245, .8);
}
/*
* === END HALAMAN MEETING ===
*/

/*
* === START HALAMAN MICE ===
*/
.b .z-paketmice-header {
    background: #3f7eb1 url(../images/bg-z-meeting-header.jpg) center;
    background-size: cover;
    padding: 30px 0;
}

/*
* === END HALAMAN MICE ===
*/
/*
* === START BUTTON INFORMATION TOUR ===
*/
.btn-information .col-md-6 {
    padding: 0;
}

.btn-information div:first-child {
    padding: 0 5px 0 0;
}

@media only screen and (max-width: 768px) {
    .btn-information div:first-child {
        padding: 0 0 5px 0;
    }
}
/*=== END BUTTON INFORMATION TOUR ===*/


/*
* === START GROUP REQUEST ===
*/
.b .z-airline-request-header {
    background: #3f7eb1 url(../images/bg-header-booking-group.jpg) center;
    background-size: cover;
    padding: 30px 0;
}

.b .z-group-request .panel-content {
    background: rgba(245, 245, 245, 0.8) none repeat scroll 0% 0%;
}

.b .z-group-request .z-content-info {
    background: transparent;
    padding: 15px;
}

/*=== END GROUP REQUEST ===*/

.b .runningteksinfo {
    color: #fff;
    font-size: large;
    padding: 8px 0px;
    background: #000;
    border-bottom: 3px solid #0095FF;
}

/***********************************************************
 * Panel Promo Hotel
 **********************************************************/
.b .panel-promohotel {
    background: #abf7ec;
    border: 1px solid #b5a6f1;
}

.b .z-search-form-hotel-bottom {
    background: #f5f5f5;
}

.b .z-panel-list .z-promo-label-hotel .label {
    display: block;
    margin: 0;
    padding: 10px;
    text-align: center;
    font-size: 100%;
    text-transform: none;
}

.b .daterangepicker.ltr.auto-apply.show-calendar.opensright {
    z-index: 9999;
}


/*=== START HALAMAN HOTEL GROUP ===*/
.b .z-request-hotelgroup-header {
    background: #3f7eb1 url(../images/bg-header-grouphotel.jpg) center;
    background-size: cover;
    padding: 30px 0;
}
/*.b .z-request-hotelgroup .z-panel-list {
  background: #3f7eb1 url(../images/bg-request-hotelgroup.jpg) center;
  background-size: cover;
}*/
/*.b .z-request-hotelgroup .panel-content {
  background: rgba(245, 245, 245, .8);

}*/

.b .z-request-hotelgroup .z-content-info {
    background: transparent;
}

.b .z-content-info.ul ul {
    padding-left: 20px;
}

.b .btn-bawah {
    display: inline;
    width: 40%;
}

/*=== END HALAMAN HOTEL GROUP ===*/




/*==Start CTA Banner==*/
.b #z-footer-hotelpromo .container {
    background: url(../images/banner-cta-hotel.jpg) bottom center / cover rgb(63, 126, 177);
    color: #fff;
    padding: 15px 30px;
}

    .b #z-footer-hotelpromo .container:hover {
        box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

.b #z-footer-hotelpromo .btn.z-app-icon {
    padding: 20px 15px;
    display: inline-table;
}

.b #z-footer-hotelpromo span {
    display: block;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -1px;
}

.b #z-footer-hotelpromo h3 {
    margin: -3px 0 0 0;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: -1px;
}

/*Agen News*/
.b.cta-agen-news {
    background: none;
}

.b #z-app-promo .container-fluid {
    background: #fff;
    color: #222;
    padding: 15px 30px;
    border-radius: 10px;
}

.b #z-app-promo .btn.z-app-icon {
    padding: 20px 15px;
    display: inline-table;
}

.b #z-app-promo span {
    display: block;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -1px;
}

.b #z-app-promo h3 {
    margin: -3px 0 0 0;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: -1px;
}

.b #z-app-promo a:focus {
    outline: 0;
}

/*==End CTA Banner==*/

/***********************************************************
 * Lion Airlines JTB
 **********************************************************/
.b .lion-airlines-jtb .headerSchedule {
    margin-top: 0;
}

.b .lion-airlines-jtb .title {
    margin-top: 0;
}

/***********************************************************
 * Search All Maskapai
 **********************************************************/
@media only screen and (max-width:425px) {
    .airline-schedule-title {
        padding-bottom: 10px;
        text-align: center;
    }
}

.b #airline-departure {
    /* background: #0095ff; */
    border-right: 2px solid #f2f8fd;
}
/*.b #airline-arival{
  border: 2px solid #f2f8fd;
  min-height: 73px;
}*/
.b #nextButton.submit-allschedule:hover {
    background: none;
    background-color: #286090;
    border-color: #204d74;
    cursor: pointer;
}

.b #nextButton.submit-allschedule {
    background: none;
    background-color: #337ab7;
    border-color: #2e6da4;
    width: inherit;
    height: 32px;
    float: right;
    margin-left: inherit;
    margin-right: inherit;
    border: inherit;
}

.b .airline-rute-allmaskapai {
    background: #1e4878;
    color: #fff;
}

.b a#change-rute {
    color: inherit;
    cursor: pointer;
}

.b .btn-outline {
    color: #0095FF;
    background-color: #ffffff;
    border: 2px solid #0095ff;
    font-weight: 700;
}

.b-r-10 {
    border-radius: 10px;
}

.panel .welimg {
    height: 330px;
    width: 80%;
    margin: auto;
}

.panel .subtitle {
    margin: 7px 0px 15px 0px;
    font-size: 15px;
    color: #bbbbbb;
    font-weight: 500;
}

.panel h3 {
    font-size: 2.1em;
    margin: 0;
    font-weight: bold !important;
}

.box-shadow {
    -moz-box-shadow: 0px 5px 10px -2px rgb(0 0 0 / 40%);
    -webkit-box-shadow: 0px 5px 10px -2px rgb(0 0 0 / 40%);
    box-shadow: 0px 5px 10px -2px rgb(0 0 0 / 40%);
    margin: 20px 10px;
}

.b .deposit-bank-logo-new {
    max-width: 60px;
    height: auto;
}

.b .btn-deposit-amount {
    background: #F7F7FC;
    border-radius: 16px;
    border-color: #F7F7FC;
    color: #0095FF;
    padding: 20px 26px;
    margin: 5px;
    min-width: 135px;
}

    .b .btn-deposit-amount:hover {
        color: #0095FF;
    }

.b .form-control-deposit {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    /* min-width: -webkit-fill-available; */
    height: 50px;
    font-size: 20px;
    color: #6E7191;
}

.b .input-validation-error {
    border-bottom: 2px solid #F00;
    background-color: #fee;
}

.b .btn-agen {
    font-weight: 700;
    color: #fff;
}

.b .btn-deposit-copy-text {
    background: #F7F7FC;
    border-radius: 16px;
    border-color: #F7F7FC;
    color: #0095FF;
    margin-left: 15px;
}

.jumbotron-deposit {
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: #E3FEFF !important;
    color: #4E4B66 !important;
    margin-top: 15px;
}

.text-orange {
    color: #EE6D00 !important
}

.f-s-30 {
    font-size: 30px;
}

.f-s-17 {
    font-size: 17px;
}

.bg-orange {
    background-color: #EE6D00 !important;
}

.popover-deposit {
    background-color: #EE6D00 !important;
    top: inherit !important;
    left: 0px !important;
    display: block !important;
    color: #fff;
    position: inherit !important;
    border-radius: 16px !important;
    min-width: -webkit-fill-available;
}

    .popover-deposit ::after {
        border-bottom-color: #EE6D00 !important;
    }

.input-deposit-group {
    border-bottom: 2px inset #D9DBE9;
    font-size: 20px;
    min-height: 50px;
}

.b .cursor-pointer {
    cursor: pointer;
}

.filterContentSearch {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.filterContent .txtfilter {
    background: #fafafa;
}

.pickFilter input:checked ~ .content {
    display: block;
}

.pickFilter .content, input.displayrate, input.hotelrate, input.rangerate, input.sorthotel, input.kelaskai {
    display: none;
}

.pickFilter .content {
    position: absolute;
    background-color: #ffffff;
    padding: 15px 20px;
    width: 250px;
    box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 20%);
    border-radius: 5px;
    z-index: 99;
}

.pickFilter label {
    cursor: pointer;
    font-weight: 500;
}

    .pickFilter label:after {
        position: absolute;
        content: '';
        margin-left: 6px;
        top: 12px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 8px solid;
    }

@media screen and (min-width: 768px) {
    .b .container .jumbotron,
    .b .container-fluid .jumbotron {
        padding-right: 15px;
        padding-left: 15px;
    }

    .modal .modal-bottom {
        position: absolute;
        max-width: 100%;
        width: 100%;
        margin: 0;
        bottom: 0;
    }
}

.modal .modal-bottom {
    /* position: absolute; */
    max-width: 100%;
    width: 100%;
    margin: 0;
    bottom: 0;
}

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

.text-end {
    text-align: end;
}

@media only screen and (max-width: 480px) {
    .d-xs-none {
        display: none !important;
    }

    .text-xs-end {
        text-align: end !important;
    }

    .text-xs-start {
        text-align: start !important;
    }

    .p-xs-top {
        padding-top: 4px !important;
    }
    .d-xs-block {
        display: block !important;
    }
}
.card-pax-hotel {
    /*    display: flex;
    flex-direction: column; */
    width: 100% !important;
    padding: 15px !important;
    margin: 15px 0px !important;
    background: #f2f6f7;
    border-radius: 10px;
}