@font-face {
    font-family: neosans;
    src: url('../fonts/neosans-regular.eot');
    src: url('../fonts/neosans-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/neosans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: neosans-medium;
    src: url('../fonts/neosans-medium.eot');
    src: url('../fonts/neosans-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/neosans-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: neosans-bolder;
    src: url('../fonts/neosans-bolder.eot');
    src: url('../fonts/neosans-bolder.eot?#iefix') format('embedded-opentype'), url('../fonts/neosans-bolder.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: payback;
    src: url('../fonts/payback.eot');
    src: url('../fonts/payback.eot?#iefix') format('embedded-opentype'), url('../fonts/payback.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.neofont-g {
    font-family: neosans-bolder;
}

.neofont-m {
    font-family: neosans-medium;
}

textarea {
    resize: none;
    border-radius: 0px !important;
}

body {
    font-family: neosans;
    font-weight: normal;
    min-width: 1170px !important;
}

header {
    min-width: 1170px !important;
}

a {
    cursor: pointer;
}

a:hover {
    text-decoration: inherit;
}


/*loading progress*/

@-webkit-keyframes load {
    0% {
        stroke-dashoffset: 0
    }
}

@-moz-keyframes load {
    0% {
        stroke-dashoffset: 0
    }
}

@keyframes load {
    0% {
        stroke-dashoffset: 0
    }
}


/* Container */

.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 0px;
}

.icon-fligh {
    background-image: url(../images/flight.png);
    background-repeat: no-repeat;
    height: 150px;
    margin: 100px;
}

.progress {
    position: relative;
    display: inline-block;
    padding: 0;
    text-align: center;
    height: 160px
}


/* Item */

.progress>li {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #93A2AC;
    font-family: Lato;
    font-weight: 100;
    margin: 0
}

.progress>li:before {
    content: attr(data-name);
    position: absolute;
    width: 100%;
    bottom: -2rem;
    font-weight: 400;
}

.progress>li:after {
    content: attr(data-percent);
    position: absolute;
    width: 100%;
    top: 100px;
    left: 0;
    font-size: 2rem;
    text-align: center;
}

.progress svg {
    width: 150px;
    height: 150px;
}

.progress svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}

.progress svg:nth-child(2) path {
    fill: none;
    stroke-width: 25;
    stroke-dasharray: 629;
    stroke: rgba(255, 255, 255, 0.9);
    -webkit-animation: load 10s;
    -moz-animation: load 10s;
    -o-animation: load 10s;
    animation: load 10s;
}

.header-menu {
    background-color: #333;
    height: 50px;
}

.header-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.header-menu ul li {
    display: inline;
    margin: 0 1px 0 0;
    float: left
}

.header-menu ul li a {
    display: inline-block;
    padding: 15px 15px;
    color: #fff;
    font-weight: 300;
    text-align: center;
}

.header-menu ul li a:hover {
    background-color: #f18c02;
    color: #fff;
    text-decoration: none;
}

.header-menu ul li a:active {
    background-color: #f18c02;
    color: #fff;
    text-decoration: none;
}

.header-orange {
    background-color: #f18c02;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../images/header.png);
    background-position: left center;
    background-size: cover;
    height: 80px;
}

.header-orange .right-menu {
    float: right;
    padding: 15px 0;
    min-width: 100px !important;
}

.brand-ptc {
    margin: 15px auto;
}

.t-white {
    color: #fff;
}

.t-orange {
    color: #ee8033;
}

.t-grey {
    color: #333333 !important;
}

.t-lgrey {
    color: #999999;
}

.t-green {
    color: #168b83;
}

.t-blue {
    color: #347dee;
}

.t-bold {
    font-weight: bold;
}

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

.t12 {
    font-size: 12px;
}

.t14 {
    font-size: 14px;
}

.t16 {
    font-size: 16px !important;
}

.t18 {
    font-size: 18px !important;
}

.t20 {
    font-size: 20px !important;
}

.t22 {
    font-size: 22px !important;
}

.t24 {
    font-size: 24px !important;
}

.t26 {
    font-size: 26px !important;
}

.t28 {
    font-size: 28px !important;
}

.t30 {
    font-size: 30px !important;
}

.t32 {
    font-size: 32px !important;
}

.t36 {
    font-size: 36px !important;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

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

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt100 {
    margin-top: 100px !important;
}

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

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

.mb40 {
    margin-bottom: 40px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl100 {
    padding-left: 100px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.p20 {
    padding: 20px !important;
}

.p14 {
    padding: 14px !important;
}

.vt {
    vertical-align: top;
}

.vb {
    vertical-align: bottom;
}

.vm {
    vertical-align: middle;
}

.noborder-btm {
    border-bottom: 0 !important;
}

.r45 {
    -webkit-transform: rotate(45deg);
}

.r90 {
    -webkit-transform: rotate(90deg);
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.subscribe {
    border-radius: 5px;
    width: 150px;
    padding-left: 5px;
    height: 30px;
    min-width: 150px !important;
    overflow: hidden;
    margin-top: 10px;
}

button {
    border: none;
    background: none;
}

.header-menu .btn-orange {
    margin-top: 10px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.btn-subscribe {
    margin-left: 10px !important;
}

.btn-subscribe:hover {
    color: #ee8033 !important;
}

.container {
    min-width: 1170px !important;
    margin: 0 auto;
}

.call-right {
    font-family: payback !important;
    line-height: 1;
}

.action-box {
    background: #000;
    margin: 20px 0
}

.action-box.main {
    margin: -235px auto;
    background-color: rgba(0, 0, 0, .4);
}

.action-box .nav-tabs li {
    margin-bottom: 0
}

.nav-tabs {
    border-bottom: 1px solid #333;
}

.action-box .nav-tabs li a,
.action-box .nav-tabs li a:hover {
    border: none;
    font-family: Ubuntu, sans-serif;
    font-size: 19px;
    font-weight: 400;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.action-box .nav-tabs li a:hover {
    background-color: #f18c02;
}

.action-box .nav-tabs li a:focus {
    color: #fff;
    border: none;
    background-color: #f18c02;
}

.action-box .nav-tabs li.active a {
    background-color: #f18c02;
}

.action-box .tab-content .select-field {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.action-box .icon-tiket,
.action-box .icon-hotel,
.action-box .icon-paket,
.action-box .icon-kereta {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    background-image: url(../images/icon-action-box-new.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 36px
}

.action-box .icon-hotel {
    background-position: 0 -31px
}

.action-box .icon-paket {
    background-position: 0 -70px
}

.action-box .icon-kereta {
    background-position: 0 -110px;
}

.action-box .swap-flight {
    cursor: pointer
}

.radio-menu ul li {
    display: inline;
    margin-right: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.radio {
    border-radius: 3px;
}

label.btn span {
    font-size: 1.5em;
}

label input[type="radio"]~i.fa.fa-circle-o {
    color: #c8c8c8;
    display: inline;
}

label input[type="radio"]~i.fa.fa-dot-circle-o {
    display: none;
}

label input[type="radio"]:checked~i.fa.fa-circle-o {
    display: none;
}

label input[type="radio"]:checked~i.fa.fa-dot-circle-o {
    color: #fff;
    display: inline;
}

label:hover input[type="radio"]~i.fa {
    color: #fff;
}

div[data-toggle="buttons"] label.active {
    color: #fff;
    box-shadow: none;
    text-decoration: none;
}

div[data-toggle="buttons"] label:focus {
    color: #fff;
    box-shadow: none;
    text-decoration: none;
}

div[data-toggle="buttons"] label:active {
    color: #fff;
    box-shadow: none;
    text-decoration: none;
}

div[data-toggle="buttons"] label {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 2em;
    text-align: left;
    vertical-align: top;
    cursor: pointer;
    background-color: none;
    border: 0px solid #c8c8c8;
    border-radius: 3px;
    color: #c8c8c8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

div[data-toggle="buttons"] label:hover {
    color: #fff;
}

.select-city {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

.heading-title {
    margin: 40px 0 0px 0;
    position: relative;
    background-image: url(../images/dot-black.jpg);
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    color: #333;
}

.heading-title span {
    padding: 0 20px;
    background-color: #fff;
    font-size: 24px;
    font-family: neosans-bolder
}

.heading-title {
    margin: 40px 0 0px 0;
    position: relative;
    background-image: url(../images/dot-black.jpg);
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    color: #333;
}

.heading-title span {
    padding: 0 20px;
    background-color: #fff;
    font-size: 24px;
    font-family: neosans-bolder
}

.sub-sec {
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    margin-top: 60px;
}

.sub-sec hr {
    border-bottom: 1px solid #333;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin: 0 auto;
}

.row-con {
    margin-top: 25px;
}

.row-end {
    height: 490px;
}

.img-mask {
    background-color: #000;
}

.img-mask img:hover {
    opacity: 0.5;
}

.img-mask img {
    width: 100%;
    padding: 0;
    margin: 0;
}

.text-content {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    min-height: 80px;
    font-family: neosans;
    padding: 10px;
    font-weight: bold;
    font-size: 12px;
    width: 100%
}

.text-content p {
    font-size: 16px;
}

.text-content a {
    color: #fff;
    text-decoration: none;
}

.text-content table {
    width: 100%;
}

.grow {
    overflow: hidden;
}

.grow img {
    transform: scale(1.0);
    transition: all .3s ease-in-out;
}

.grow:hover img {
    transition: all .3s ease-in-out;
    transform: scale(1.1);
}

.btn-orange {
    border-color: #ee8033;
    background-color: #ee8033;
    color: #fff;
    border-radius: 4px;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
    background-color: #fff;
    color: #ee8033;
    border-radius: 4px;
}

.btn-white {
    background-color: #fff;
    color: #ee8033;
    border-color: #ee8033;
    border-radius: 4px;
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
    background-color: #ee8033;
    color: #fff;
    border-radius: 4px;
    border-color: #fff;
}

.btn-purple {
    background-color: #5b5488;
    color: #ffffff;
    border-color: #5b5488;
    border-radius: 4px;
}

.btn-purple:hover,
.btn-purple:active,
.btn-purple:focus {
    background-color: #ffffff;
    color: #5b5488;
    border-radius: 4px;
}

.btn-blue {
    background-color: #347dee;
    color: #ffffff;
    border-color: #347dee;
    border-radius: 4px;
}

.btn-blue:hover,
.btn-blue:active {
    background-color: #ffffff;
    color: #347dee;
    border-radius: 4px;
}

.btn-blue:focus {
    background-color: #347dee;
    color: #ffffff;
    border-radius: 4px;
}

.b-ease {
    border-radius: 4px;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}

.discover {
    overflow: hidden;
    position: relative;
}

.t-discover {
    position: absolute;
    font-family: neosans;
    margin-top: -300px;
    color: #fff;
    width: 50%;
    padding: 20px;
    font-weight: bold;
}

.t-discover table td {
    padding-right: 20px
}

.t-discover-call {
    position: absolute;
    font-family: neosans;
    margin-top: -300px;
    color: #fff;
    padding: 20px;
    text-align: right;
    right: 0px;
}

.offers {
    display: block;
    min-height: 200px;
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
}

.offers img {
    display: block;
    width: 100%;
}

.offers table {
    position: relative;
}

.promo {
    position: relative;
}

.btn-promo {
    position: absolute;
    width: 150px;
    text-align: center;
    margin: -80px 48px;
}

.footer {
    bottom: 0px;
    background-color: #303030;
    background-repeat: repeat-x;
    min-height: 800px;
}

.content-footer {
    display: block;
}

.h-content-footer {
    color: #50e3c2;
    font-size: 21px;
    text-align: left;
    position: absolute;
    margin-top: 100px;
    min-width: 1140px !important;
}

.detail-footer {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding-top: 10px;
    line-height: 2;
}

.detail-footer ul li {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    text-align: left;
    padding-left: 0px;
    list-style-type: none;
}

.detail-footer ul {
    padding-left: 0px;
}

.detail-footer a {
    color: #fff;
}

.popular-footer {
    text-align: left;
}


/*.statis-footer{
    margin-left: 30px;
}*/

.subscribe-foot {
    border-radius: 0px;
    width: 130px;
    padding-left: 5px;
    height: 34px;
    margin-top: 10px;
    color: #333
}

.footer-news {
    width: 250px;
}

.footer-information,
.footer-document,
.footer-travel,
.footer-extras {
    width: 150px;
}

.footer-address {
    width: 250px;
}

.footer-news,
.footer-information,
.footer-document,
.footer-travel,
.footer-extras,
.footer-address {}

.btn-green {
    color: #fff;
    background-color: #50e3c2;
    border-radius: 0px;
    text-decoration: none;
    width: 50px;
}

.menu-foot,
.menu-foot ul li,
.menu-foot a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    text-align: center;
    list-style-type: none;
    display: inline-block;
    padding: 10px 20px 0 20px;
    margin: 0 auto;
}

.copyright {
    text-align: center;
    color: #fff;
    margin-top: 10px;
}

.tour-radio {
    display: inline-block;
}

.flight-page {
    border: none;
    font-size: 20px;
    margin: 0;
}

.flight-page>li>a {
    background-color: #eaeaea;
    color: #333;
    width: 150px;
    margin-bottom: 1px;
    border-radius: 0px;
    text-align: center;
}

.flight-page>li.active>a,
.flight-page>li.active>a:hover {
    color: #fff !important;
    background-color: #ee8033 !important;
    cursor: pointer;
}

.title-flight-side {
    border-bottom: 1px solid #333;
    text-align: center;
    margin-top: 13px;
    font-size: 26px;
    font-weight: bold;
}

.form-orange {
    border: 2px solid #ee8033;
    padding: 10px;
}

.form-orange a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    padding-left: 10px;
}

.filter-sidebar {
    margin-top: 40px;
}

.heading-filter {
    background-color: #ee8033;
    padding: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.title-filter {
    background-color: #4a4a4a;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

.cont-filter {
    border: 1px solid #979797;
    padding: 15px;
    font-weight: normal !important;
}

.cont-filter table {
    text-align: left;
}

.cont-filter table td {
    width: 50%;
}

.cont-filter ul {
    list-style-type: none;
    padding: 0px;
}

.cont-filter ul li {
    font-size: 14px;
}

.cont-filter-date {
    border: 1px solid #979797;
    display: table;
    width: 100%
}

.cont-filter-date>div {
    display: table-cell;
    padding: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.cont-filter-guest {
    display: table-cell;
}

.list-filter {
    margin-top: 10px;
}

.list-filter span {
    padding-left: 10px;
    font-size: 13px;
    font-weight: normal;
}

.list-filter input {
    vertical-align: bottom;
}

.cont-filter-radio {
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #333;
}

.cont-filter-radio label {
    margin-right: 5px;
    font-size: 16px;
}

.cont-filter-radio span {
    margin-left: 5px;
    color: #333;
}

.tour-list-result {
    border: 1px solid #333;
    padding: 20px;
    padding-right: 0px;
    font-family: neosans;
    display: table;
    width: 100%
}

.tour-list-row {
    display: table-row;
}

.tour-list-cell {
    display: table-cell;
}

.tl-day {
    text-align: center;
    vertical-align: middle;
}

.tl-price {
    padding-left: 10px;
    vertical-align: middle;
}

.tl-page {
    padding: 20px;
    padding-left: 0px;
}

.tl-page nav a {
    color: #333;
    border: none;
    text-decoration: none;
}

.tl-page nav a:hover {
    color: #333
}

.tour-list-img,
.tour-list-detail,
.tour-list-price {
    display: table-cell;
}

.tl-btn {
    width: 100%;
    margin: 10px auto;
}

.tour-list-img {
    width: 240px;
    position: relative;
    vertical-align: top;
}

.tour-list-detail {
    width: 255px;
    padding-left: 20px;
    border-right: 1px solid #ddd;
    vertical-align: top;
}

.tour-list-price {
    vertical-align: middle;
    padding-left: 10px;
    line-height: 1;
}

.br-black {
    border: 1px solid #979797;
}

.table-flight {
    padding: 10px;
    list-style-type: none;
}

.table-flight li {
    display: table;
    width: 100%
}

.table-flight-route,
.table-flight-promo,
.table-flight-logo,
.table-flight-price,
.table-flight-btn,
.table-flight-spare {
    display: table-cell;
    cursor: pointer;
}

.table-flight-logo {
    vertical-align: middle;
}

.table-flight-route {
    width: 170px;
}

.table-flight-promo {
    width: 200px;
}

.table-flight-price {
    width: 115px;
}

.table-flight-btn {
    text-align: right;
}

.table-flight-spare {
    color: #ee8033;
    font-size: 26px;
    padding-left: 5px;
    padding-right: 5px;
}

.hlr-detail-1 ul {
    list-style: none;
    padding: 0;
    font-size: 14px;
}

.ini-formnya {
    padding: 20px;
}

.hotel-filter {
    font-size: 14px;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    float: left;
}

.hotel-filter a {
    color: #333;
    text-decoration: none;
}

.hotel-filter .active a {
    color: #fff;
}

.hotel-filter-sorting,
.hotel-filter-recommen,
.hotel-filter-price,
.hotel-filter-rating,
.hotel-filter-name {
    width: 165px;
    padding: 10px;
    border: 1px solid #ddd;
    float: left;
}

.hotel-filter-recommen:hover,
.hotel-filter-price:hover,
.hotel-filter-rating:hover,
.hotel-filter-name:hover {
    background-color: #ee8033;
}

.hotel-filter-price:hover a,
.hotel-filter-price:hover a,
.hotel-filter-rating:hover a,
.hotel-filter-name:hover a {
    color: #fff
}

.hotel-filter .active {
    background-color: #ee8033;
}

.hotel-filter-sorting {
    background-color: #333;
    color: #fff;
}

.custom-menu-search li a {
    color: #333 !important;
    text-align: center;
}

.hotel-list-result {
    border: 1px solid #333;
    padding: 20px;
    padding-right: 0px;
    font-family: neosans;
    overflow: hidden;
    margin-bottom: 20px;
}

.hotel-list {
    display: table;
    width: 100%;
}

.hotel-list-row {
    display: table-row;
}

.list-row {
    margin-top: 10px;
}

.hotel-list-cell {
    display: table-cell;
}

.hotel-list-img,
.hotel-list-detail,
.hotel-list-price {
    display: table-cell;
}

.hotel-list-detail {
    width: 250px;
    padding-left: 20px;
    border-right: 1px solid #ddd;
    vertical-align: top;
}

.hotel-list-img {
    width: 240px;
    position: relative;
    vertical-align: top;
}

.images-hotel-search {
    background-image: url(../images/h-1.jpg);
    width: 240px;
    height: 200px;
    background-repeat: no-repeat;
}

.hotel-list-price {
    padding: 20px;
    padding-top: 0px;
}

.room-info {
    background-image: url(../images/room-info.png);
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
}

.other-hotel-collapse {
    list-style-type: none;
    margin: 10px auto;
    overflow: hidden;
    padding-right: 20px;
}

.other-hotel-collapse ul {
    padding: 0;
}

.other-hotel-collapse ul li {
    display: inline;
    float: left;
}

.other-hotel-collapse ul li a {
    color: #333
}

.kotak-form {
    margin: 20px auto;
    border-radius: 3px;
    width: 400px;
    border: 1px solid #fff;
    background-color: #fff;
}

.main-banner {
    position: relative;
}

.banner-hotel {
    height: 550px;
}

.star1,
.star2,
.star3,
.star4,
.star5 {
    display: inline-block;
    background-image: url(../images/star.png);
    background-repeat: no-repeat;
    width: 120px;
    height: 20px;
    vertical-align: bottom;
}

.star1 {
    background-position: 0 -80px;
}

.star2 {
    background-position: 0 -60px;
}

.star3 {
    background-position: 0 -40px;
}

.star4 {
    background-position: 0 -20px;
}

.star5 {
    background-position: 0 0
}

.list-sort-by {
    border: 1px solid #ddd;
    font-size: 16px;
}

.list-sort-by td {
    width: 121px;
    text-align: center;
    padding: 10px;
    border-right: 1px solid #ddd;
}

.list-sort-by .none {
    background-color: #333;
    color: #fff;
}

.list-sort-by td a {
    text-decoration: none;
    color: #000;
}

.list-hotel-by {
    border: 1px solid #333;
    padding: 20px;
}

.list-hotel-by td {
    padding-top: 20px
}

.slider-range .ui-widget-header,
.time-slider .ui-widget-header {
    border: 1px solid #dddddd;
    background: #168b83 !important;
    color: #333333;
    font-weight: bold;
}

.slider-range .ui-state-default,
.time-slider .ui-state-default {
    border: 3px solid #168b83 !important;
    background: #f6f6f6;
    font-weight: bold;
    font-size: 20px;
    color: #454545;
    border-radius: 100% !important;
}

.slider-range .ui-state-active,
.slider-range .ui-widget-content .ui-state-active,
.slider-range .ui-widget-header .ui-state-active,
.time-slider .ui-state-active,
.time-slider .ui-widget-content .ui-state-active,
.time-slider .ui-widget-header .ui-state-active {
    border: none !important;
    background: #168b83 !important;
    font-weight: normal;
    color: #ffffff;
}

.tour-detail-bannertext {
    position: relative;
    margin-top: -200px;
    font-size: 50px;
    color: #fff;
}

.tour-detail-tab {
    font-size: 22px;
}

.border-spare {
    border-left: 2px solid #ddd;
    height: 100%;
}

.tr-spacer>td {
    padding-bottom: 10px;
}

.btn-rtg {
    float: left;
    margin-left: 140px;
    margin-right: 20px;
    padding-top: 20px;
}

.tour-detail-tab>li>a {
    background-color: #eaeaea;
    color: #333;
    width: 205px;
    margin-bottom: 1px;
    border-radius: 0px;
    text-align: center;
}

.tour-detail-tab>li.active>a,
.tour-detail-tab>li.active>a:hover {
    color: #fff !important;
    background-color: #ee8033 !important;
    cursor: pointer;
}

.tour-detail-sum {
    display: table;
    width: 100%;
}


/*update tour detail airline logo*/

.tour-detail-sum>li:last-child {
    padding-top: 5px;
}

.tour-detail-sum>li {
    background-color: #fff;
    border: 1px solid #999;
    border-left: none;
    border-top: none;
    width: 25%;
    text-align: center;
    height: 53px;
    padding-top: 15px;
}

.icon-jam {
    float: left;
    display: block;
    margin: 0 20px 0 20px;
    background-image: url(../images/sprite-detail.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.icon-kalender {
    background-position: 0 -19px;
    float: left;
    display: block;
    margin: 0 20px 0 20px;
    background-image: url(../images/sprite-detail.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.icon-ticket {
    background-position: 0 -40px;
    float: left;
    display: block;
    margin: 0 20px 0 20px;
    background-image: url(../images/sprite-detail.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.icon-metime {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    background-image: url(../images/metimeicon.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.icon-meal {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    background-image: url(../images/plate17.png);
    background-repeat: no-repeat;
    width: 17px;
    height: 20px;
}

.me-time li {
    line-height: 2;
    font-family: neosans-bolder;
}

.tour-detail-list {
    padding: 20px;
}

.no-style {
    list-style-type: none;
    padding-left: 0px;
}

.no-style li {
    padding-top: 5px;
}

.asd {
    list-style-type: decimal;
}

.itinerary-list {
    padding: 20px;
    position: relative;
    height: auto;
    overflow: hidden;
    margin-top: -1px;
    display: block;
}

.abu {
    background-color: #f8f8f8;
}

.side-menu-c {
    padding: 20px;
}

.side-menu {
    margin-top: 91px !important;
}

.form-tour {
    border: 1px solid #333;
    padding: 30px;
    overflow: hidden;
}

.form-group input {
    border-radius: 0px;
    -webkit-appearance: button;
    vertical-align: middle;
}

.form-group select {
    border-radius: 0px;
    -webkit-appearance: menulist-button;
    vertical-align: middle;
}

.form-group label {
    padding-left: 10px;
}

.list-number-payment {
    border: 1px solid #333;
    border-radius: 100%;
    padding: 10px;
    text-align: center;
}

.call-me-back {
    padding: 20px;
    padding-bottom: 0px;
    border: 1px solid #999;
}

.call-me-back select {
    -webkit-appearance: menulist-button;
    line-height: 50px;
}

.call-me-back input {
    -webkit-appearance: button;
    line-height: 50px;
}

.total-group-tour table tr td {
    font-size: 15px;
    vertical-align: top;
    padding-top: 5px;
}

.box-member {
    background-color: #333;
    padding: 10px;
    color: #ffffff;
    font-size: 20px;
    padding-left: 20px;
}

.border-round {
    border-radius: 100%;
}

.profile-picture {
    background-color: #999;
    height: 120px;
    width: 120px;
    border: 1px solid #333333;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
    padding: 3px;
}

.list-member {
    list-style-type: none;
    padding-left: 0;
}

.list-member li {
    border: 1px solid #999;
    border-top: none;
    padding: 20px;
    overflow: hidden;
    position: relative;
}

.list-member li:active,
.list-member li.active,
.list-member li.active a {
    background-color: #ee8033;
    color: #fff
}

.list-member a li.active .icon-whatsnew,
.list-member a li:hover .icon-whatsnew {
    background-position: 0 -180px;
}

.list-member a li.active .icon-ourprogram,
.list-member a li:hover .icon-ourprogram {
    background-position: 0 -210px;
}

.list-member a li.active .icon-bookingdata,
.list-member a li:hover .icon-bookingdata {
    background-position: 0 -240px;
}

.list-member a li.active .icon-transactionhistory,
.list-member a li:hover .icon-transactionhistory {
    background-position: 0 -270px;
}

.list-member a li.active .icon-editprofile,
.list-member a li:hover .icon-editprofile {
    background-position: 0 -300px;
}

.list-member a li.active .icon-changepwd,
.list-member a li:hover .icon-changepwd {
    background-position: 0 -330px;
}

.list-member a li {
    color: #333
}

.list-member a li:hover {
    color: #fff;
}

.list-member li:hover,
.list-member li:active {
    color: #fff;
    background-color: #ee8033;
}

.list-member .icon-whatsnew,
.list-member .icon-ourprogram,
.list-member .icon-bookingdata,
.list-member .icon-transactionhistory,
.list-member .icon-editprofile,
.list-member .icon-changepwd {
    float: left;
    margin: 0 10px 0 0;
    background-image: url(../images/sprite-member.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: block;
}

.icon-ourprogram {
    background-position: 0 -30px;
}

.icon-bookingdata {
    background-position: 0 -60px;
}

.icon-transactionhistory {
    background-position: 0 -90px;
}

.icon-editprofile {
    background-position: 0 -120px;
}

.icon-changepwd {
    background-position: 0 -150px;
}

.edit-member {
    padding: 20px;
    border-top: 2px solid #333;
}

.edit-member select {
    height: 50px;
    line-height: 50px;
    -webkit-appearance: menulist-button;
}

.edit-member input {
    height: 50px;
    -webkit-appearance: button;
}

.member-modal-footer {
    background-color: #303030;
}

.m-booking-list td {
    padding-bottom: 10px;
}

.list-date {
    display: table;
    width: 100%;
    margin: 0 auto;
    height: 70px;
}

.list-date ul {
    display: table-row;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    background-color: #ddd;
}

.list-date ul>li {
    display: table-cell;
    padding: 10px;
}

.list-date a {
    color: #333;
    text-decoration: none;
}

.list-date li.active a {
    color: #fff;
    text-decoration: none;
}

.list-date ul li.active {
    background-color: #ee8033;
    color: #fff;
}

.filter-bar {
    width: 100%;
    padding: 14px;
    text-align: left;
    background-color: #333;
    font-size: 16px;
    color: #fff;
}

.filter-bar span a {
    color: #ee8033;
    text-decoration: none;
}

.dm-filter a {
    color: #333;
    text-decoration: none;
}


/*update font-size*/

.filter-pp {
    border: 1px solid #999;
    height: 40px;
    cursor: pointer;
    display: table;
    width: 100%;
    padding: 6px;
    font-size: 16px;
}

.filter-pp-airline,
.filter-pp-depart,
.filter-pp-arriv,
.filter-pp-transit,
.filter-pp-price {
    display: table-cell;
    cursor: pointer;
    text-align: center;
}

.filter-pp-airline {
    width: 145px;
}

.filter-pp-depart {
    width: 95px;
    text-align: center;
}

.filter-pp-arriv {
    width: 90px;
}

.filter-pp-transit {
    text-align: left;
    width: 90px;
    padding-left: 13px;
}

.filter-pp-price {
    text-align: right;
}

.list-all {
    overflow: hidden;
}


/*update flight font-size*/

.list-flight-pp {
    list-style-type: none;
    padding: 0px;
}

.list-flight-pp li {
    width: 100%;
    margin-top: 10px;
    padding: 5px;
}

.list-flight-pp .checkbox-flight-pp,
.list-flight-pp .name-flight-pp,
.list-flight-pp .depart-flight-pp,
.list-flight-pp .arrive-flight-pp,
.list-flight-pp .transit-flight-pp,
.list-flight-pp .price-flight-pp {
    float: left;
    font-size: 16px;
}

.list-flight-pp .checkbox-flight-pp {
    padding-right: 5px;
}

.list-flight-pp .name-flight-pp {
    font-size: 18px;
    width: 120px;
    margin-top: -13px;
}

.list-flight-pp .price-flight-pp {
    text-align: right;
}

.list-flight-pp .pannel-flight-pp {
    float: left;
}

.list-flight-pp .depart-flight-pp,
.list-flight-pp .arrive-flight-pp,
.list-flight-pp .transit-flight-pp {
    width: 90px !important;
    text-align: center;
}

.list-flight-pp .transit-flight-pp {}

.list-flight-pp .price-flight-pp {
    width: 110px;
    color: #158B83;
    float: right;
}

.train-class-pp {
    color: #979797;
    font-size: 14px;
    font-family: neosans;
}

.list-train-pp .depart-train-pp,
.list-train-pp .arrive-train-pp {
    font-size: 18px;
    width: 90px;
    text-align: center;
}

.list-train-pp .price-train-pp {
    font-size: 18px;
    text-align: right;
    color: #158B83;
}

.info-detail-pesawat {
    display: table;
    padding: 35px;
    background-color: #f8f8f8;
    width: 100%
}

.dari {
    display: table-row;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
}

.ke {
    display: table-row;
    float: left;
    margin-left: 20px;
    margin-right: 0px;
}

.route {
    display: table-row;
    float: left;
    text-align: center
}

.line-all {
    display: table;
    width: 100%;
}

.line-all hr {
    border-top: 2px solid #000;
    width: 100px;
    margin: 0px;
    padding: 0px;
}

.icon-transit {
    background-image: url(../images/flight-transit.png);
    background-repeat: no-repeat;
    height: 37px;
    width: 38px;
    margin-left: 20px;
    margin-right: 20px;
}

.transit {
    display: table;
    width: 100%;
}

.transit-d1 {
    display: table-cell;
}

.transit-d2 {
    display: table-cell;
}


/*tour booking individual*/

.rooms ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.rooms ul>li {
    padding: 15px;
    border-bottom: 1px solid #eee
}

.tour-header-box {
    margin: 30px 0 0 0;
    padding: 10px 30px;
    background-color: #333;
    color: #fff;
    font-size: 24px;
    line-height: normal;
}

.participant-input {
    border: none;
    border-bottom: 1px solid #ccc;
    z-index: 101;
    margin-bottom: 0;
    border-radius: 0;
    padding: 10px 15px;
    background: #fafafa
}

.beds {
    border: 2px solid #eee;
    display: table;
    background: #fafafa;
    padding: 10px;
    width: 100%
}

.beds.drop-open {
    background: #fff;
    border: 2px dashed #158b83
}

.beds.drop-open.drop-hover {
    background: #fff;
    border: 2px dashed #f18c02
}

.beds .bed {
    display: table-cell;
    width: 20%;
    float: left;
    height: 100px;
    margin: 5px;
    position: relative;
    border: 1px dashed #888;
    border-radius: 4px
}

.beds .bed.bed-filled {
    background: #fff;
    -webkit-box-shadow: 0 4px #888;
    box-shadow: 0 4px #888
}

.beds .bed.bed-filled.bed-nobed {
    -webkit-box-shadow: none;
    box-shadow: none
}

.beds .bed.bed-filled,
.beds .bed.bed-filled .bed-bed,
.beds .bed.bed-filled .bed-pillow {
    border-style: solid
}

.beds .bed-bed {
    position: absolute;
    bottom: 0;
    left: 0;
    border: 0;
    border-top: 1px dashed #ccc;
    width: 100%;
    height: 50px
}

.beds .bed-pillow {
    width: 70%;
    height: 30px;
    border: 1px dashed #ccc;
    position: absolute;
    top: 10px;
    left: 15%;
    -webkit-box-shadow: 0 2px #eee;
    box-shadow: 0 2px #eee
}

.beds .bed-person {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px 10px;
    cursor: move;
    text-align: center;
    color: #158b83;
    -webkit-transition: top .2s ease, text-shadow .2s ease;
    -o-transition: top .2s ease, text-shadow .2s ease;
    transition: top .2s ease, text-shadow .2s ease
}

.beds .bed-person:hover {
    color: #f18c02;
    top: -5px;
    text-shadow: 0 5px 5px rgba(0, 0, 0, .1)
}

.beds .bed-caption {
    width: 100%;
    color: #888;
    position: absolute;
    bottom: 5px;
    text-align: center;
    font-size: 12px
}

.beds .bed-ss .bed-caption:before {
    content: "single supplement"
}

.beds .bed-nobed .bed-caption:before {
    content: "no bed"
}

.beds .bed-extrabed .bed-caption:before {
    content: "extra bed"
}

.tour-box .panel {
    margin-bottom: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.tour-box {
    margin-top: -1px;
    padding: 20px;
    border: 1px solid #ddd;
}

.list-tour-detail {
    padding: 0 0 0 10px;
    list-style-type: none;
}

.list-tour-detail li {
    padding-top: 10px;
    font-size: 24px;
}

.list-tour-detail li.one,
.list-tour-detail li.two,
.list-tour-detail li.three,
.list-tour-detail li.four,
.list-tour-detail li.five {
    padding-left: 70px;
    background-image: url(../images/icon-tour-booking.png);
    background-repeat: no-repeat;
    height: 43px;
}

.list-tour-detail li.two {
    background-position: 0 -43px;
}

.list-tour-detail li.three {
    background-position: 0 -86px;
}

.list-tour-detail li.four {
    background-position: 0 -129px;
}

.list-tour-detail li.five {
    background-position: 0 -172px;
}

.np {
    padding: 0;
}

.box-booking-gray {
    background-color: #f4f4f4;
    padding: 15px;
}

.text-third {
    font-size: 18px;
}

.list-booking-detail {
    margin: 0;
    padding: 0;
}

.list-booking-detail li {
    display: table;
    width: 100%;
    font-size: 14px;
}

.list-booking-detail li .first,
.list-booking-detail li .last {
    display: table-cell;
    width: 60%;
}

.list-booking-detail li .first {
    font-family: neosans-medium;
}

.list-booking-detail li .last {
    width: 40%;
}

.box-total-booking {
    padding: 15px;
    background-color: #EE8033;
    color: #fff;
}

.text-total {
    font-size: 20px;
    line-height: normal;
}

.text-total-idr {
    font-size: 36px;
    text-align: right;
    line-height: none;
}

.square {
    border-radius: 0;
}

.text-secondary {
    font-size: 30px;
    color: #3D8781;
}

.radio-custom {
    margin: 20px 0 0 0;
}

.radio-custom span {
    color: #EE8033;
}

.header-step {
    background-color: #cdcdcd;
}

.arrow-step {
    background-image: url(../images/arrow-step.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 84px;
}

.text-step {
    display: table-cell;
    width: 380px;
    height: 84px;
    vertical-align: middle;
    font-size: 22px;
    color: #fff;
}

.sum-pp {
    display: table;
    width: 100%;
    padding: 15px;
    padding-bottom: 0px;
}

.sum-pp2 {
    display: table;
    width: 100%;
    padding: 20px;
    padding-top: 0px;
}

.sum-check,
.sum-airline,
.sum-depart,
.sum-arrive,
.sum-transit,
.sum-from,
.sum-to,
.sum-mid,
.sum-price-train,
.sum-train,
.sum-train-time {
    display: table-cell;
    float: left;
}

.sum-depart,
.sum-arrive,
.sum-transit,
.sum-from,
.sum-to,
.sum-mid {
    text-align: center;
    width: 100px;
}

.sum-airline {
    width: 175px;
}

.sum-price-train {
    float: right;
    text-align: right;
    //width: 60%;
    font-size: 16px; //18px;
    vertical-align: bottom;
}

.sum-train-time {
    font-size: 16px; //18px;
    width: 90px; //20%;
    text-align: center;
}

.sum-check {
    margin-right: 5px;
}

.sum-check input {
    width: 20px;
    height: 20px;
}

.sum-edit a {
    cursor: pointer;
    color: #333;
}

.sum-edit1 {
    position: absolute;
    margin-left: 500px;
    margin-top: 10px;
}

.sum-price {
    text-align: right;
    width: 100%;
    padding: 20px;
    padding-right: 50px;
}

.sum-facilities {
    float: left;
    width: 175px;
    margin-top: 10px
}

.sum-total {
    background-color: #ddd;
    padding: 20px;
    overflow: hidden;
}

.sum-train {
    font-size: 16px; //24px;
}

.sum-pp-train {
    display: table;
    width: 100%;
    padding: 15px;
    //padding-bottom: 0px;
}

.sum-facilities .meal,
.sum-facilities .tax,
.sum-facilities .bagage,
.sum-facilities .in-meal,
.sum-facilities .in-tax,
.sum-facilities .in-bagage {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    background-image: url(../images/icon-pesawat.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 26px;
}

.sum-facilities .tax {
    background-position: 0 -26px;
}

.sum-facilities .bagage {
    background-position: 0 -52px;
}

.sum-facilities .in-meal {
    background-position: 0 -78px;
}

.sum-facilities .in-tax {
    background-position: 0 -104px;
}

.sum-facilities .in-bagage {
    background-position: 0 -130px;
}

.form-contact-info-flight {
    width: 100%;
    background-color: #f8f8f8;
    padding: 20px;
    overflow: hidden;
}

.form-contact-info-flight .form-group select {
    height: 50px;
    -webkit-appearance: menulist-button;
    line-height: 50px;
}

.form-contact-info-flight .form-group input {
    height: 50px;
    -webkit-appearance: button;
}

.filter-bar-form {
    background-color: #ee8033;
    padding: 5px;
    padding-left: 20px;
    color: #fff;
    padding-bottom: 0;
    margin-top: 100px;
    height: 50px;
}

.filter-bar-form-train {
    background-color: #333;
    padding: 5px;
    padding-left: 20px;
    color: #fff;
    padding-bottom: 0;
    margin-top: 100px;
    height: 50px;
}

.ff-flight-form {
    display: table;
    width: 100%;
    padding: 20px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.flight-form-bar {
    height: 50px;
    font-size: 24px;
    background-color: #333;
    color: #fff;
    padding: 10px;
}

.ff-pp {
    display: table;
    width: 100%;
    padding: 20px;
    padding-bottom: 0px;
}

.ff-pp2 {
    display: table;
    width: 100%;
    padding: 20px;
    padding-top: 0px;
}

.ff-airline,
.ff-depart,
.ff-arrive,
.ff-transit,
.ff-from,
.ff-to,
.ff-mid {
    display: table-cell;
    float: left;
}

.ff-depart,
.ff-arrive,
.ff-transit,
.ff-from,
.ff-to,
.ff-mid {
    text-align: center;
    width: 90px;
}

.ff-airline {
    width: 110px;
}

.ff-edit a {
    color: #333;
}

.ff-edit1 {
    position: absolute;
    margin-left: 405px;
    margin-top: 10px;
}

.ff-price {
    text-align: right;
    width: 100%;
    padding: 20px;
    padding-right: 50px;
}

.ff-facilities {
    float: left;
    width: 110px;
    margin-top: 10px
}

.ff-total {
    background-color: #ddd;
    padding: 20px;
    overflow: hidden;
}

.meal,
.tax,
.bagage,
.in-meal,
.in-tax,
.in-bagage {
    float: left;
    display: block;
    margin: 0 0px 0 0;
    background-image: url(../images/icon-pesawat.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 26px;
}

.tax {
    background-position: 0 -26px;
}

.bagage {
    background-position: 0 -52px;
}

.in-meal {
    background-position: 0 -78px;
}

.in-tax {
    background-position: 0 -104px;
}

.in-bagage {
    background-position: 0 -130px;
}

.ff-detail-payment {
    padding: 20px;
    padding-bottom: 0px;
}

.ff-detail-payment td {
    line-height: 2
}

.ff-panel-total {
    padding: 20px 5px 20px 5px;
    margin-bottom: 20px;
}

.header-abu {
    background-color: #333;
    color: #fff;
}

.label-instant-confrm {
    position: absolute;
    z-index: 100;
    top: 155px;
    background-image: url(../images/Instant-Confirmation.png);
    background-repeat: no-repeat;
    width: 240px;
    height: 45px;
    overflow: hidden;
}

.images-tour-search {
    width: 240px;
    height: 200px;
    background-image: url(../images/t-1.jpg);
    background-repeat: no-repeat;
}

#carousel-hotel-detail img {
    width: 100%;
    height: 315px;
}

#carousel-hotel-detail ol {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    left: 0px;
    margin-left: 0px;
    height: 50px;
    bottom: 0;
    margin: 0;
}

#carousel-hotel-detail li {
    background-color: #ee8033;
    margin: 15px auto;
    border-radius: 0
}

.hotel-detail {
    border: 1px solid #979797;
    margin-top: 40px;
    padding: 20px;
    padding-left: 0px;
}

.hotel-detail .input-group-addon {
    background-color: #fff;
    border: none;
}

.hotel-detail .datepicker {
    background-color: #fff;
}

.hotel-detail-bar {
    padding: 20px;
    display: table;
    background-color: #ddd;
    width: 100%;
    font-size: 18px;
    border: 1px solid #979797;
    border-top: none;
}

.hotel-detail-bar-room,
.hotel-detail-bar-max,
.hotel-detail-bar-price,
.hotel-detail-bar-nor,
.hotel-detail-bar-order {
    display: table-cell;
    text-align: center;
    padding-left: 0px;
}

.hotel-detail-bar-room,
.hotel-detail-list-room {
    width: 350px;
}

.hotel-detail-list-room {
    text-align: left;
    padding-left: 0px !important;
}

.hotel-detail-bar-price,
.hotel-detail-list-price {
    width: 250px;
    text-align: center;
}

.hotel-detail-bar-nor,
.hotel-detail-list-nor {
    width: 230px;
    text-align: center !important;
}

.hotel-detail-list-nor select {
    width: 120px;
    margin-left: 50px;
    -webkit-appearance: menulist-button;
    line-height: 50px;
}

.hotel-detail-bar-order,
.hotel-detail-list-order {
    width: 188px;
    text-align: center;
}

.hotel-detail-list {
    display: table;
    padding: 20px;
    width: 100%;
    border: 1px solid #979797;
    border-top: none;
}

.hotel-detail-list-room,
.hotel-detail-list-max,
.hotel-detail-list-price,
.hotel-detail-list-nor,
.hotel-detail-list-order {
    display: table-cell;
    padding-left: 10px;
}

.hotel-detail-list-max,
.hotel-detail-list-price,
.hotel-detail-list-nor,
.hotel-detail-list-order {
    vertical-align: top;
}

.hotel-detail-list-max,
.hotel-detail-bar-max {
    width: 80px;
    text-align: center;
}

.hotel-detail-list-room img {
    width: 185px;
    height: 100px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.hotel-list-row {
    display: table-row;
}

.hotel-list-cell {
    display: table-cell;
}

.form-control {
    border-radius: 0px
}

.hotel-detail-feat-title {
    padding: 20px;
    background-color: #ee8033;
    overflow: hidden;
    margin-top: 40px;
}

.icon-room-equip,
.icon-aco,
.icon-amentities {
    background-image: url(../images/sprite-detail-hotel.png);
    height: 40px;
    width: 50px;
    background-repeat: no-repeat;
    float: left;
    margin-right: 10px;
}

.icon-aco {
    background-position: 0 -40px;
}

.icon-amentities {
    background-position: 0 -80px;
}

.hotel-detail-feat-list {
    border: 1px solid #979797;
    overflow: hidden;
    padding: 20px;
}

.hotel-detail-feat-list .col-xs-4 ul {
    list-style-type: none;
    padding: 0px;
}

.nav-tabs-terms {
    border: 1px solid #F37E42;
    width: 100%;
}

.nav-tabs-terms>li {
    margin: 0;
    width: 25%;
}

.nav-tabs-terms>li>a {
    margin-right: 0;
    border: none;
    border-radius: 0;
    font-size: 22px;
    color: #F37E42;
    text-align: center;
}

.nav-tabs-terms>li.active>a,
.nav-tabs-terms>li.active>a:hover,
.nav-tabs-terms>li.active>a:focus {
    border: none;
    border-radius: 0;
    background-color: #F37E42;
    color: #fff;
    text-align: center;
}

.tab-content-tnc {
    margin-top: -1px;
    padding: 20px;
    border: 1px solid #F37E42;
}

.tab-content-tnc p,
.tab-content-tnc ol {
    margin-bottom: 20px;
}

.subtitle-tnc {
    font-family: neosans-medium;
    font-size: 18px;
}

.faq_ .ask {
    text-align: left;
    color: #158b83;
}

.faq_ dt {
    width: 30px;
    text-align: left;
}

.faq_ dd {
    margin-left: 30px;
}

#accordion a,
#accordion2 a,
#accordion3 a,
#accordion4 a,
#accordion5 a {
    display: block;
    padding: 10px 15px;
}

#accordion,
#accordion2,
#accordion3,
#accordion4,
#accordion5 {
    margin-bottom: 0;
}

#accordion .panel-heading,
#accordion2 .panel-heading,
#accordion3 .panel-heading,
#accordion4 .panel-heading,
#accordion5 .panel-heading {
    padding: 0;
    border-radius: 0;
    background-color: #fff;
}

#accordion .panel,
#accordion2 .panel,
#accordion3 .panel,
#accordion4 .panel,
#accordion5 .panel {
    margin-top: -1px;
    border-radius: 0;
}

#accordion span,
#accordion2 span,
#accordion3 span,
#accordion4 span,
#accordion5 span {
    margin-right: 10px;
}

#faq,
#htp {
    margin: -21px;
}

.banner-installment {}

.banner-installment img {
    display: block;
    margin: auto;
    width: 100%;
}

.title-installment {
    margin: 50px 0;
    font-size: 50px;
    text-align: center;
    color: #158B83;
}

.icon-installment1 img {
    display: block;
    margin: auto;
}

.icon-install1,
.icon-install2,
.icon-install3,
.icon-install4 {
    display: block;
    margin: auto;
    background-image: url(../images/icon-installment1.jpg);
    background-repeat: no-repeat;
    width: 210px;
    height: 210px;
}

.icon-install2 {
    background-position: 0 -210px;
}

.icon-install3 {
    background-position: 0 -420px;
}

.icon-install4 {
    background-position: 0 -630px;
}

.hd-tt-single {
    margin: 100px 0 50px 0;
    position: relative;
    background-image: url(../images/dot.jpg);
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    color: #158b83;
}

.hd-tt-single span {
    padding: 0 20px;
    background-color: #fff;
    font-size: 50px;
}

.flip-clock-label {
    font-family: neosans;
    margin-top: 200px;
}

.clock {
    height: 70px;
}

.payment-hotel-title {
    padding: 5px;
    padding-left: 20px;
    background-color: #ee8033;
    color: #fff;
    font-size: 26px;
    margin-top: 20px;
}

.payment-hotel-info {
    padding: 20px;
    border: 1px solid #979797;
    border-bottom: none;
    display: table;
    width: 100%;
    font-size: 22px;
}

.payment-hotel-subtotal {
    padding: 20px;
    border: 1px solid #979797;
    border-top: none;
    border-bottom: none;
    display: table;
    width: 100%;
    font-size: 22px;
}

.payment-hotel-total {
    padding: 20px;
    border: 1px solid #979797;
    border-top: none;
    display: table;
    width: 100%;
    font-size: 28px;
    background-color: #f4f4f4;
}

.payment-hotel-row {
    display: table-row;
}

.payment-hotel-divider,
.payment-hotel-form,
.payment-hotel-data {
    display: table-cell;
    line-height: 2;
}

.payment-hotel-form {
    width: 200px;
}

.payment-hotel-divider {
    width: 20px;
}

.payment-hotel-timer {
    margin-top: 20px;
    font-size: 16px;
}

.payment-hotel-ci-title {
    background-color: #333;
    padding: 10px;
    color: #fff;
    font-size: 24px;
    padding-left: 20px;
    height: 50px;
}

.payment-hotel-con-info {
    border: 1px solid #979797;
    padding: 20px;
    overflow: hidden;
}

.icon-phone {
    background-image: url(../images/Icon-telephone.png);
    height: 33px;
    width: 33px;
    background-repeat: no-repeat;
    float: left;
    margin-right: 15px;
    margin-bottom:
}

.icon-mail {
    background-image: url(../images/Icon-mail.png);
    height: 32px;
    width: 33px;
    background-repeat: no-repeat;
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
}

.icon-person {
    background-image: url(../images/Icon-person24px.png);
    height: 29px;
    width: 33px;
    background-repeat: no-repeat;
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
}

.promotion-code {
    border: 1px solid #979797;
}

.promotion-code-title {
    background-color: #333;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    padding-left: 20px
}

.promotion-code-box {
    padding: 20px;
}

.promotion-code-box input {
    height: 50px;
}

.icon-cc {
    background-image: url(../images/cc-black.png);
    width: 20px;
    height: 16px;
    background-repeat: no-repeat;
    margin-right: 10px;
    float: left;
    margin-top: 3px;
}

.icon-ipone {
    background-image: url(../images/iphone-black.png);
    width: 20px;
    height: 22px;
    background-repeat: no-repeat;
    margin-right: 10px;
    float: left;
}

.collapse-cc {
    border: 1px solid #979797;
    overflow: hidden;
    padding: 20px;
}

.payments {
    margin: 0;
    padding: 0;
    list-style: none;
}

.payments label {
    display: inline-block;
    width: 160px;
    border: 2px solid #eee;
    cursor: pointer;
    position: relative;
}

.payments label .payment-icon {
    width: 120px;
    height: 60px;
    margin: 5px auto;
    background: url(../images/payment-icons.png) no-repeat;
}

.payments label .payment-bca {
    background-position: 0 0
}

.payments label .payment-cimb {
    background-position: 0 -60px
}

.payments label .payment-mdr {
    background-position: 0 -120px
}

.payments label .payment-jcb {
    background-position: 0 -180px
}

.payments label .payment-mdrcp {
    background-position: -120px 0
}

.payments label .payment-bcakp {
    background-position: -120px -60px
}

.payments label .payment-cimbc {
    background-position: -120px -120px
}

.payments label .payment-prima {
    background-position: -120px -180px
}

.payments label .payment-atmb {
    background-position: -240px 0
}

.payments label .payment-alto {
    background-position: -240px -60px
}

.payments label .payment-mbca {
    background-position: -240px -120px
}

.payments label .payment-mpmt {
    background-position: -240px -180px
}

.payments label .payment-cc {
    background-position: -360px 0
}

.payments label .payment-bcac {
    background-position: -360px -60px
}

.payments label .payment-bii {
    background-position: -360px -120px
}

.payments label .payment-bni {
    background-position: -360px -180px
}

.payments label .payment-bri {
    background-position: -480px 0
}


/* added by cahyo, 29/07/2016 */

.payments label .payment-hsbc {
    background-position: 0 0;
}

.payments label .payment-default {
    background-position: -480px -60px
}

.payments label .payment-text {
    text-align: center;
    padding: 5px;
}

.payments label.selected .payment-text {
    background: #ee8033;
    color: #fff;
    font-weight: 600;
}

.payments label .payment-checked {
    visibility: hidden;
    transform: scale(0);
    position: absolute;
    -webkit-transition: transform .35s ease;
    -o-transition: transform .35s ease;
    transition: transform .35s ease;
}

.payments label:hover {
    border-color: #555;
}

.payments label input {
    display: none;
}

.payments label.selected {
    border-color: #ee8033;
}

.payments label.selected .payment-checked {
    visibility: visible;
    width: 26px;
    height: 26px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    bottom: 14px;
    left: -9px;
    background: #ee8033;
    border-radius: 14px;
    border: 2px solid #fff;
    transform: scale(1);
}

.panel-heading {
    height: 50px
}

.panel-payment>.panel-heading {
    background-color: #ee8033;
}

.panel-payment .active {
    background-color: #ee8033 !important;
}

.panel-payment .active span {
    color: #fff;
}

.panel-payment .active a {
    text-decoration: none;
}

.panel-payment .active .icon-cc {
    background-image: url(../images/cc-white.png);
    width: 20px;
    height: 16px;
    background-repeat: no-repeat;
    margin-right: 10px;
    float: left;
    margin-top: 3px;
}

.panel-payment .active .icon-ipone {
    background-image: url(../images/iphone-white.png);
    width: 20px;
    height: 22px;
    background-repeat: no-repeat;
    margin-right: 10px;
    float: left;
}

.filter-bar-train table tr td {
    text-align: center;
}

.filter-bar-train table tr td:first-child {
    width: 245px;
}

.filter-bar-train table tr td:last-child {
    text-align: left;
    padding-left: 55px;
}

.filter-bar-train table tr td:not(:first-child):not(:last-child) {
    width: 125px;
}

.filter-bar-train {
    cursor: pointer;
}


/*update list 1 train*/

.list-1train {
    width: 100%;
    padding-top: 0px;
    border: 1px solid #979797;
    overflow: hidden;
    clear: both;
}

.list-1train-row {
    overflow: hidden;
    float: left;
    width: 100%;
}

.list-1train-name,
.list-1train-dep,
.list-1train-arriv,
.list-1train-dur,
.list-1train-price,
.list-1train-class,
.list-1train-btn {
    font-size: 18px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
}

.list-1train-name {
    padding-left: 10px;
    width: 250px;
    text-align: left !important;
}

.list-1train-dep,
.list-1train-arriv,
.list-1train-dur,
.list-1train-class {
    width: 125px;
}

.list-1train-price {
    width: 200px;
    text-align: left;
    padding-left: 37px;
}

.list-1train-btn {
    width: 150px;
    float: right;
}

.info-1train {
    text-align: left;
}

.info-1train a {
    color: #3b8b83;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px !important;
    font-family: neosans-bolder;
}


/*end list 1 train update*/

.train-class {
    color: #979797;
    font-size: 18px;
}

.trigger-expand {
    position: relative;
    cursor: pointer;
    display: block;
}

.kaca-film {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%
}

.nav-tabs-about {
    border: 1px solid #EE8033;
    border-bottom: 15px solid #EE8033;
}

.nav-tabs-about>li {
    float: left;
    margin-bottom: 0;
    width: 33.33%;
}

.nav-tabs-about>li>a {
    padding: 30px 10px;
    margin-right: 0;
    line-height: normal;
    border: none;
    border-radius: 0;
    font-size: 24px;
    text-align: center;
    color: #9F9F9F;
}

.nav-tabs-about>li:last-child {
    float: right;
}

.nav-tabs-about>li.active>a,
.nav-tabs-about>li.active>a:hover,
.nav-tabs-about>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #EE8033;
    border: none;
}

.tab-content-about {
    padding: 30px 20px;
    border: 1px solid #EE8033;
}

.title-about {
    padding-left: 15px;
    font-size: 24px;
    color: #EE8033;
}

.title-business {
    font-size: 36px;
    color: #EE8033;
}

.list-number-business,
.list-number-business2 {
    padding-left: 15px;
}

.list-number-business2 span {
    color: #EE8136;
}

.list-number-business2 li {
    margin-bottom: 30px;
}

.press {
    color: #EE8033;
    font-size: 18px;
}

.press-date {
    color: #EE8033;
    font-size: 15px;
}

.content-press {
    position: relative;
    min-height: 220px;
}

.content-press .floating {
    /*
    position: absolute;*/
    bottom: 0;
    left: 0;
    margin-top: 10px;
}

.header-store {
    padding: 20px 30px;
    background-color: #303030;
    font-size: 20px;
    color: #fff;
}

.icon-location {
    margin-right: 10px;
    display: inline-block;
    background-image: url(../images/icon-location.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 29px;
}

.content-store-orange {
    padding: 15px;
    background-color: #EE8033;
    color: #fff;
}

.content-store-orange2 {
    padding: 15px;
    background-color: #EE8033;
    font-size: 20px;
    color: #fff;
}

.content-store {
    padding: 40px 15px;
    background-image: url(../images/map-bg.jpg);
    background-repeat: no-repeat;
    min-height: 150px;
    border: 1px solid #ccc;
}

.content-store-map {
    padding: 40px 15px;
    background-image: url(../images/map-bg-m.jpg);
    background-repeat: no-repeat;
    min-height: 150px;
    border: 1px solid #ccc;
}

.content-store-large {
    padding: 40px 15px;
    background-image: url(../images/map-bg-lg.jpg);
    background-repeat: no-repeat;
    min-height: 150px;
    border: 1px solid #ccc;
}

.text-orange {
    margin: 30px 0 5px 0;
    color: #f18c02;
}

.branch a {
    color: #f18c02;
}

.title-branch {
    font-size: 24px;
    color: #3B8B83;
}

.title-passport {
    margin: 50px auto;
    font-size: 50px;
    color: #158B83;
    text-align: center;
}

.line-sparate {
    margin: 30px 0;
    border-bottom: 1px solid #EF8033;
}

.subtitle-password {
    font-size: 24px;
    color: #158B83;
}

.alpha {
    list-style: lower-alpha;
}

.alpha li,
.number li {
    margin-bottom: 10px;
}

.table-visa tr {
    border-top: 1px solid #ccc;
}

.table-visa tr:last-child {
    border-bottom: 1px solid #ccc;
}

.list-train-pp {
    list-style-type: none;
    padding: 0px;
}

.list-train-pp li {
    width: 100%;
    clear: both;
    /*margin-top: 10px;*/
    padding: 5px
}

.list-train-pp .checkbox-train-pp,
.list-train-pp .name-train-pp,
.list-train-pp .depart-train-pp,
.list-train-pp .arrive-train-pp,
.list-train-pp .price-train-pp {
    float: left;
    vertical-align: top;
}

.list-train-pp .checkbox-train-pp {
    padding-right: 10px;
}

.list-train-pp .name-train-pp {
    font-size: 16px;
    width: 205px;
}

.train-class-pp {
    color: #979797;
    font-size: 14px;
    font-family: neosans;
}

.list-train-pp .depart-train-pp,
.list-train-pp .arrive-train-pp {
    font-size: 16px;
    width: 90px;
    text-align: center;
}

.list-train-pp .price-train-pp {
    font-size: 16px;
    text-align: right;
    color: #158B83;
    float: right;
}

.dropdown-listtrain {
    padding: 10px;
}

.top-offer-member {
    margin: 100px 0 50px 0;
    position: relative;
    background-image: url(../images/dot.jpg);
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    color: #158b83;
}

.table-visa tr td {
    padding: 15px;
}

.member-title {
    margin: 20px 0 20px 0;
    position: relative;
    background-image: url(../images/dot-black.jpg);
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    color: #333;
}

.member-title span {
    padding: 0 20px;
    background-color: #fff;
    font-size: 20px;
    font-family: neosans-bolder;
}

.member-promo .col-xs-3 {
    padding: 5px
}

.member-promo {
    height: 385px;
}

.filterbar-1flight {
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    height: 40px;
    clear: both;
}


/*update from to sama durationnya*/

.filterbar-1flight .filterbar-1flight-airline,
.filterbar-1flight .filterbar-1flight-dep,
.filterbar-1flight .filterbar-1flight-arriv,
.filterbar-1flight .filterbar-1flight-transit,
.filterbar-1flight .filterbar-1flight-fromto,
.filterbar-1flight .filterbar-1flight-duration,
.filterbar-1flight .filterbar-1flight-price {
    float: left;
    cursor: pointer;
    text-align: center;
}

.filterbar-1flight .filterbar-1flight-airline {
    width: 190px;
}

.filterbar-1flight .filterbar-1flight-dep,
.filterbar-1flight .filterbar-1flight-transit {
    width: 100px;
}

.filterbar-1flight .filterbar-1flight-arriv {
    width: 100px;
}

.filterbar-1flight .filterbar-1flight-duration {
    width: 130px
}

.filterbar-1flight .filterbar-1flight-fromto {
    width: 130px
}

.filterbar-1flight .filterbar-1flight-price {
    text-align: left;
    padding-left: 90px;
}


/*update kereta sama pesawat 1 way*/

.filter-bar-white {
    width: 100%;
    padding: 7px;
    text-align: left;
    background-color: #fff;
    font-size: 16px;
    color: #333;
    border: 1px solid #979797;
}

.filter-bar-white span a {
    color: #ee8033;
    text-decoration: none;
}

.list-1flight {
    padding: 0px;
    list-style-type: none;
    border: 1px solid #979797;
    overflow: hidden;
}

.row-1flight {}

.airline-1flight {
    padding-left: 14px;
}

.info-1flight {
    padding-bottom: 10px
}

.airline-1flight,
.arriv-1flight,
.dep-1flight,
.transit-1flight,
.duration-1flight,
.price-1flight {
    display: table-cell;
    text-align: center;
    vertical-align: top;
    padding-top: 14px;
    padding-bottom: 14px;
}

.airline-1flight {
    width: 194px;
}

.arriv-1flight,
.dep-1flight,
.transit-1flight {
    width: 100px
}

.duration-1flight {
    width: 260px;
    text-align: center;
}

.price-1flight {
    width: 340px;
    text-align: right;
}

.info-1flight {
    text-align: right;
}

.info-1flight a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

.info-2flight {
    text-align: right;
    margin-top: 10px;
    font-size: 16px;
}

.info-2flight a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

.more-info {
    float: left;
    padding-top: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.rute-info {
    border-bottom: 2px solid #979797;
}

.more-info .fasilitas {
    float: left;
    width: 300px;
    padding-left: 160px;
}

.more-info .passenger-list {
    float: left;
    width: 315px;
    padding-left: 20px;
}

.more-info .price {
    float: right;
    border: 2px solid #158b83;
    padding: 20px;
    font-weight: bold;
    color: #158b83;
    font-size: 24px;
    margin-right: 14px
}

.more-info .price-pp {
    float: right;
    border: 2px solid #158b83;
    padding: 10px;
    font-weight: bold;
    color: #158b83;
    font-size: 18px;
    margin-right: 14px
}

.more-info .fasilitas-pp {
    float: left;
    width: 300px;
    padding-left: 14px;
}

.panel-info-detail {
    width: 100%;
}

.panel-info-detail-pp {
    border-top: 2px solid #979797;
    width: 100%;
    margin-top: 10px;
}

.line-flight {
    margin: 0px 100px 20px 100px;
    position: relative;
    background-image: url(../images/dot-black-1px.jpg);
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    color: #333;
}

.line-flight span {
    padding: 0 20px;
    font-size: 35px;
    background-color: #f4f4f4;
    font-family: neosans-bolder;
}

.line-flight .dot-l {
    float: left;
    position: absolute;
    left: -40px;
    margin-top: 13px
}

.line-flight .dot-r {
    float: right;
    position: absolute;
    right: -40px;
    margin-top: 13px
}

.line-flight-pp {
    margin: 0px 100px 20px 100px;
    position: relative;
    background-image: url(../images/dot-black-1px.jpg);
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    color: #333;
}

.line-flight-pp span {
    padding: 0 20px;
    font-size: 35px;
    background-color: #f4f4f4;
    font-family: neosans-bolder;
}

.line-flight-pp .dot-l {
    float: left;
    position: absolute;
    left: -40px;
    margin-top: 13px
}

.line-flight-pp .dot-r {
    float: right;
    position: absolute;
    right: -40px;
    margin-top: 13px
}

.line-flight-pp .timer-pp {
    position: absolute;
    top: -15px;
    left: 145px;
    font-weight: bold;
}

.from {
    margin-left: 55px;
    position: relative;
}

.to {
    text-align: right;
    margin-right: 55px;
}

.timer {
    position: absolute;
    top: -15px;
    left: 430px;
    font-weight: bold;
}

.pin-up {
    position: absolute;
    top: -25px;
    left: 530px;
    color: #333;
}

.pin-up-kereta {
    position: absolute;
    top: 58px;
    left: 560px;
    color: #333;
}

.payment-flight-info {
    border: 1px solid #979797;
    width: 100%;
    float: left;
}

.payment-flight-side {
    padding: 20px;
    border-right: 1px solid #979797;
    padding-bottom: 0;
}

.payment-flight-side-right td {
    padding: 20px;
    vertical-align: top;
    text-align: left;
}

.payment-flight-side-right {
    padding: 20px;
    padding-bottom: 0;
}

.payment-flight-side td {
    padding: 20px;
    vertical-align: top;
    text-align: left;
}

.payment-flight-list-price {
    background-color: #f4f4f4;
    padding: 20px;
    float: left;
    width: 100%;
    border: 1px solid #979797;
    padding-right: 40px
}

.payment-flight-total {
    padding: 20px;
    float: left;
    border: 1px solid #979797;
    margin-top: -1px;
}

.payment-flight-total span button,
.payment-flight-total input {
    border-radius: 0 !important;
}

.cc-radio input,
.cc-radio label {
    cursor: pointer;
}

.cc-radio input[type="radio"] {
    width: 20px;
    height: 20px;
    border-color: #333;
    margin: 4px 10px 0 0;
}

.cc-radio label span {
    min-height: 20px;
    vertical-align: middle;
    font-size: 16px;
    margin-top: 5px;
    position: absolute;
    font-weight: normal;
}

.panel-body {
    padding-left: 40px;
}

.payment-tnc ul {
    padding: 0px;
    margin-top: 10px;
}

.masking-hotel {
    position: relative;
    background-color: rgba(0, 0, 0, 0.5);
    margin: -300px 0 0 0;
    color: #fff;
    height: 300px;
    font-family: neosans;
    padding: 10px;
    font-weight: bold;
    font-size: 12px;
}

.masking-hotel p {
    font-family: neosans-Bolder;
    font-size: 36px;
    margin-top: 50px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
}

.masking-hotel h4 {
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
    width: 100%;
    font-family: neosans;
}

.product-hotel-home a {
    text-decoration: none;
}

.product-hotel-home img {
    display: block;
    min-height: 300px;
}

.nav-tabs-member {
    border: 1px solid #EE8033;
    border-bottom: 5px solid #EE8033;
}

.nav-tabs-member>li {
    float: left;
    margin-bottom: 0;
    width: 16.666%;
}

.nav-tabs-member>li>a {
    padding: 15px 10px;
    margin-right: 0;
    line-height: normal;
    border: none;
    border-radius: 0;
    font-size: 14px;
    text-align: center;
    color: #9F9F9F;
}

.nav-tabs-member>li:last-child {
    float: right;
}

.nav-tabs-member>li.active>a,
.nav-tabs-member>li.active>a:hover,
.nav-tabs-member>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: #EE8033;
    border: none;
}

.tab-content-member {
    padding: 30px 0;
    border: 1px solid #EE8033;
    background-image: url(../images/pattern-referral-page.jpg);
    background-size: cover;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.tab-content-member hr {
    padding: 0px;
}

.tab-content-member input {
    width: 420px;
    text-align: center;
    margin: 10px auto;
}

.table-content-member input[placeholder] {
    color: #fff !important;
}

.member-input-email ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #979797 !important;
    font-family: neosans;
    font-weight: normal !important;
    font-size: 14px;
    padding-top: 5px;
}

.member-rule {
    text-align: left;
    list-style-type: decimal;
    padding-right: 20px;
}

.member-rule li {
    padding-top: 10px;
}

.member-pointnrank {
    text-align: left;
}

.member-pointnrank div {
    width: 350px;
    text-align: left;
    margin: 0 auto;
}

.member-winner {
    list-style-type: none;
    padding: 10px;
}

.member-winner li {
    display: table;
    width: 100%;
    padding-top: 10px;
}

.member-winner-rank,
.member-winner-name,
.member-winner-email,
.member-winner-price {
    display: table-cell;
}

.member-winner-rank {
    width: 50px;
}

.member-winner-name {
    width: 300px;
}

.member-winner-email {
    width: 300px;
}

.member-reward {
    text-align: left;
    padding: 20px;
}

.member-reward ul {
    padding-left: 20px;
}

.member-report {
    padding-left: 100px;
}

.member-report li {
    display: table;
}

.member-report div {
    display: table-cell;
}

.member-report-temail,
.member-report-tinvited,
.member-report-tmember {
    text-align: center;
}

.member-report-temail,
.member-report-email {
    text-align: left;
    width: 250px !important;
}

.member-report-tinvited,
.member-report-invited {
    width: 120px !important;
}

.member-report-tmember,
.member-report-member {
    width: 120px !important;
}

.member-report-invited,
.member-report-member {
    vertical-align: middle;
}

.member-report-btn {
    width: 500px;
    margin: 0 auto;
}

.member-report-tbtn {
    width: 200px;
}

.member-report-tbtn button {
    width: 120px;
}

.member-report-list li {
    padding-top: 10px;
}

.filter-train-pp {
    display: table;
    width: 100%;
    border: 1px solid #999;
    height: 40px;
    font-size: 16px;
    padding: 6px;
}

.filter-train-pp-trains,
.filter-train-pp-arriv,
.filter-train-pp-depart,
.filter-train-pp-price {
    display: table-cell;
    text-align: center;
    cursor: pointer;
}

.filter-train-pp-trains {
    width: 250px;
}

.filter-train-pp-trains a {
    color: #333333;
    text-decoration: none;
}

.filter-train-pp-arriv,
.filter-train-pp-depart {
    width: 95px;
}

.filter-train-pp-arriv {
    text-align: left;
    padding-left: 13px;
}

.filter-train-pp-price {
    text-align: right;
}

.dropdown-price {
    padding: 15px;
    width: 250px;
    left: -160px;
    overflow: visible;
    margin-top: 5px
}

.dropdown-price-1way {
    padding: 15px;
    width: 250px;
    left: -35px;
    overflow: visible;
    margin-top: 5px
}

.dropdown-time {
    padding: 15px;
    width: 300px;
}

.login-background {
    background: url(../images/vietnam-bay.jpg) no-repeat center center fixed;
    height: 1000px;
    z-index: -100;
    width: 100%;
    position: absolute;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.regis-background {
    background: url(../images/vietnam-bay2.jpg) no-repeat center center fixed;
    height: 1000px;
    z-index: -100;
    width: 100%;
    position: absolute;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login,
.login a,
.login a:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.another {
    margin: 10px 0 10px 0;
    position: relative;
    background-image: url(../images/dot-black.jpg);
    background-repeat: repeat-x;
    background-position: center;
    text-align: center;
    color: #333;
}

.another span {
    padding: 0 20px;
    background-color: #fff;
    font-size: 16px;
    font-family: neosans-bolder;
}


/*
.total-people{
    width: 160px;
}
*/


/*update box-action*/

.box-action {
    display: inline-block;
    width: 100%;
    padding: 10px;
    clear: both;
}

.box-action:last-child {
    text-align: right;
}

.box-action input,
select {
    cursor: pointer;
}

.name-select-flight,
.name-select,
.swap-select,
.dep-select,
.return-select,
.people-select,
.class-select,
.where-hotel-select,
.tour-category,
.where-tour-select,
.radio-select,
.cekin-select,
.cekout-select,
.period-select,
.yearperiod-select,
.room-select {
    float: left;
    padding-right: 10px;
    cursor: pointer;
}

.tour-category {
    width: 200px;
}

.where-tour-select {
    width: 340px !important;
}

.where-hotel-select {
    width: 390px;
}

.dep-select,
.return-select,
.people-select,
.class-select {
    width: 130px !important;
}

.name-select-flight {
    width: 197px !important;
}

.cekin-select,
.cekout-select {
    width: 140px !important;
}

.period-select,
.yearperiod-select {
    width: 200px !important;
}

.box-action-btn {
    float: right;
}

.box-action-btn button {
    width: 139px !important;
}

.radio-select label,
.radio-select span {
    font-size: 20px !important
}

.radio-select label {
    margin: 0 !important;
    padding: 0 !important;
    padding-right: 10px !important;
}


/*end box-action*/

.top-desti-hotel {
    height: 60px;
    font-family: neosans-medium;
    font-size: 18px;
    vertical-align: middle;
    padding: auto;
    display: table-cell;
}

.top-desti-hotel img {
    /*margin-left: 10px;*/
}

.choose-seat-detail {
    border: 1px solid #979797;
}

.choose-seat-1col,
.choose-seat-2col {
    display: table-cell;
    vertical-align: top;
}

.choose-seat-table {
    display: table;
    width: 100%;
    padding: 20px;
}

.choose-seat-1col {
    width: 300px;
}

.choose-seat-2col {
    font-size: 18px;
    margin-top: 100px;
    padding-top: 30px;
    line-height: 2
}

.choose-seat-location {
    line-height: 2
}

.choose-seat-total {
    font-size: 20px;
    margin-top: 20px;
    background-color: #f4f4f4;
}

.choose-seat-total table td {
    padding: 20px;
}

.choose-seat-detail1 {
    width: 400px;
}

.choose-seat-detail1 td {
    vertical-align: top;
}

.choose-seat-detail-data td {
    padding-right: 10px;
}


/*choose seat sendiri*/

.seat-part-train {
    background-color: #979797;
    width: 835px;
    height: auto;
}

.seat-part-train table {
    margin: 0 auto;
    width: 100%;
}

.seat-selector-container {}

.wagon-slider {
    width: 100%;
    padding: 5px;
    background-color: #ebebeb;
    display: inline-block;
    margin: 0;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.wagon-slider ul {
    width: 2000px;
}

.prev-wagon {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.prev-wagon,
.next-wagon {
    position: absolute;
    border: 1px solid #DDDDDD;
    color: #fc6902;
    background-color: #fff;
    background-image: url(../images/panah.png);
    background-repeat: no-repeat;
    background-position: 10px 4px;
    width: 50px;
    height: 62px;
    top: 0px;
    left: 0;
    display: inline-block;
    z-index: 1;
    cursor: pointer;
    line-height: 60px;
    text-align: center;
    font-size: 20pt;
}

.next-wagon {
    /* left: 685px; */
    left: auto;
    right: 0px;
    background-position: 10px -69px;
    -moz-border-radius-topright: 4px!important;
    -webkit-border-top-right-radius: 4px!important;
    border-top-right-radius: 4px!important;
    -moz-border-radius-bottomright: 4px!important;
    -webkit-border-bottom-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
}

.wagon-small {
    width: 185px;
    padding: 5px;
    list-style: none;
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    background-color: #fff;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

.wagon-small.active {
    background-color: #158B83;
    border: 1px solid #DDDDDD;
}

.wagon-no {
    float: left;
    color: #158B83;
    font-size: 26px;
    padding-left: 5px;
    margin-right: 5px;
}

.wagon-name {
    color: #158B83;
    font-weight: bold;
}

.wagon-info,
.number-empty-seat {
    color: #158B83;
}

.number-empty-seat {
    display: inline-block;
    font-weight: bold;
    width: auto;
}

.wagon-small.active .wagon-no {
    float: left;
    color: #FFFFFF;
    font-size: 26px;
    padding-left: 5px;
    margin-right: 5px;
}

.wagon-small.active .wagon-name {
    color: #FFFFFF;
    font-weight: bold;
}

.wagon-small.active .wagon-info,
.wagon-small.active .number-empty-seat {
    color: #FFFFFF;
}

.wagon-part {
    padding: 5px;
    height: 100%;
    margin: 10px auto;
    border-radius: 10px;
    -moz-box-shadow: 0 0 3px 2px rgba(153, 153, 153, 0.2);
    -webkit-box-shadow: 0 0 2px rgba(153, 153, 153, 0.2);
    box-shadow: 0 0 3px 2px rgba(153, 153, 153, 0.2);
}

.wagon-part table {
    width: 100%
}

.wagon-part table td {
    padding: 5px;
    width: 50px;
}

.seat.occupied {
    background-color: #f34747;
}

.seat {
    /* border-radius: 2px; */
    display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    background-color: #c9c9c9;
    font-size: 12px;
    line-height: 25px;
}

.seat.selected {
    background-color: #168b83;
}

.train-name {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #168b83;
    padding: 15px;
}

.email-member {
    overflow: hidden;
}

.hotel-form-describe {
    font-size: 18px;
    vertical-align: middle;
}

.icon-tanya {
    background-image: url(../images/tanda-tanya.png);
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    display: inline-block;
}

.hotel-conta-form-bar {
    height: 50px;
    font-size: 24px;
    background-color: #333;
    color: #fff;
    padding: 10px;
}

.form-contact-info-hotel {
    width: 100%;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #979797;
}

.spesial-request .checkbox input {
    width: 20px;
    height: 20px;
    font-size: 15px
}

.spesial-request label {
    font-size: 15px;
}

.spesial-request label span {
    margin-left: 5px;
}

.hotel-choice {
    display: inline-block;
    /*background-image: url(../images/hotel-choice.png);*/
    background-repeat: no-repeat;
    width: 400px;
    min-height: 280px;
    margin-top: 10px;
}

.br-top {
    border-top: 2px solid #979797;
}


/*update logo pesawat*/

.airlines-partner {
    width: 100%;
    text-align: center;
    margin: 20px auto
}

.airlines-row {
    margin: 20px auto;
    display: block;
}

.airline-logo {
    display: inline;
    float: left;
    border: 1px solid #979797;
    text-align: center;
    margin: 0 auto;
    margin: 0 5px 0 0;
}


/*.logo-garuda,
.logo-singapore ,
.logo-chatay ,
.logo-air-asia ,
.logo-china-airlines ,
.logo-phillipine-airlines ,
.logo-emirates ,
.logo-etihad ,
.logo-qatar-airways ,
.logo-qantas ,
.logo-malaysia-airlines ,
.logo-asiana-airlines ,
.logo-thai ,
.logo-china-southern ,
.logo-air-china ,
.logo-lufthansa ,
.logo-turkish-airlines ,
.logo-royal-brunei ,
.logo-vietnam-airlines ,
.logo-japan-airlines ,
.logo-korean-air ,
.logo-jetstar ,
.logo-lion ,
.logo-citilink ,
.logo-sriwijaya ,
.logo-nam-air ,
.logo-ana-air ,
.logo-air-france ,
.logo-eva-air ,
.logo-british-airways
 {
    float: left;
    display: block;
    margin: 0 auto;
    background-image: url(../images/logo-airline.png);
    background-repeat: no-repeat;
    width: 88px;
    height: 50px
}
.logo-singapore{background-position: -90px 0;}
.logo-chatay{background-position:  -185px 0;}
.logo-air-asia{background-position: -280px 0;}
.logo-china-airlines{background-position:-370px 0 ;}
.logo-phillipine-airlines{background-position: -465px 0;}
.logo-emirates{background-position: -560px 0;}
.logo-etihad{background-position: -650px 0;}
.logo-qatar-airways {background-position: -744px 0;}
.logo-qantas {background-position: -837px 0;}

.logo-thai {background-position: 0 -55px;}
.logo-china-southern {background-position: -90px -55px;}
.logo-air-china {background-position: -185px -55px;}
.logo-lufthansa {background-position: -280px -50px;}
.logo-turkish-airlines {background-position: -370px -55px;}
.logo-royal-brunei {background-position: -465px -55px;}
.logo-vietnam-airlines {background-position: -557px -55px;}
.logo-japan-airlines {background-position: -650px -55px;}
.logo-jetstar {background-position: -743px -55px;}
.logo-lion {background-position: -836px -55px;}

.logo-asiana-airlines {background-position: 0px -110px;}
.logo-malaysia-airlines {background-position:-90px -110px}
.logo-korean-air {background-position:-185px -110px}
.logo-sriwijaya {background-position:-278px -110px}
.logo-nam-air {background-position:-373px -110px}
.logo-ana-air {background-position:-465px -110px}
.logo-air-france {background-position:-560px -110px}
.logo-eva-air {background-position:-650px -110px}
.logo-british-airways {background-position:-745px -110px}
.logo-citilink {background-position:-837px -110px}*/

.logo-garuda,
.logo-singapore-airlines,
.logo-chatay,
.logo-air-asia,
.logo-china-airlines,
.logo-phillipine-airlines,
.logo-emirates,
.logo-etihad,
.logo-qatar-airways,
.logo-qantas,
.logo-malaysia-airlines,
.logo-asiana-airlines,
.logo-thai,
.logo-china-southern,
.logo-air-china,
.logo-lufthansa,
.logo-turkish-airlines,
.logo-royal-brunei,
.logo-vietnam-airlines,
.logo-japan-airlines,
.logo-korean-air,
.logo-jetstar,
.logo-lion,
.logo-citilink,
.logo-sriwijaya,
.logo-nam-air,
.logo-ana-air,
.logo-all-nippon,
.logo-air-france,
.logo-eva-air,
.logo-british-airways,
.logo-batik,
.logo-wings,
.logo-klm,
.logo-kalstar,
.logo-trigana,
.logo-dragon-air,
.logo-air-india,
.logo-aviastar,
.logo-kuwait,
.logo-silk,
.logo-south-afrika,
.logo-srilanka,
.logo-kenya,
.logo-transnusa {
    float: left;
    display: block;
    margin: 0 auto;
    background-image: url(../images/logo-airlines-sprite2.png?v=2);
    background-repeat: no-repeat;
    width: 88px;
    height: 50px
}

.logo-malindo {
    display: block;
    margin: 0 auto;
    background-image: url(../images/malindo-air-logo.png);
    background-repeat: no-repeat;
    width: 88px;
    height: 50px;
}

.logo-xiamen {
    display: block;
    margin: 0 auto;
    background-image: url(../images/xiamen-air-logo.png);
    background-repeat: no-repeat;
    width: 88px;
    height: 50px;
}

.logo-shenzhen {
    display: block;
    margin: 0 auto;
    background-image: url(../images/shenzhen-logo.png);
    background-repeat: no-repeat;
    width: 88px;
    height: 50px;
}

.logo-oman {
    display: block;
    margin: 0 auto;
    background-image: url(../images/oman-logo.png);
    background-repeat: no-repeat;
    width: 88px;
    height: 50px;
}

.logo-singapore-airlines {
    background-position: -90px -8px;
}

.logo-chatay {
    background-position: -185px -8px;
}

.logo-air-asia {
    background-position: -280px -8px;
}

.logo-china-airlines {
    background-position: -370px -10px;
}

.logo-phillipine-airlines {
    background-position: -465px -10px;
}

.logo-emirates {
    background-position: -560px -10px;
}

.logo-etihad {
    background-position: -650px -7px;
}

.logo-qatar-airways {
    background-position: -744px -9px;
}

.logo-qantas {
    background-position: -837px -9px;
}

.logo-thai {
    background-position: 0 -55px;
}

.logo-china-southern {
    background-position: -90px -55px;
}

.logo-air-china {
    background-position: -185px -55px;
}

.logo-lufthansa {
    background-position: -280px -50px;
}

.logo-turkish-airlines {
    background-position: -370px -55px;
}

.logo-royal-brunei {
    background-position: -465px -55px;
}

.logo-vietnam-airlines {
    background-position: -557px -55px;
}

.logo-japan-airlines {
    background-position: -650px -55px;
}

.logo-jetstar {
    background-position: -743px -55px;
}

.logo-lion {
    background-position: -836px -55px;
}

.logo-asiana-airlines {
    background-position: 0px -110px;
}

.logo-malaysia-airlines {
    background-position: -90px -110px
}

.logo-korean-air {
    background-position: -185px -110px
}

.logo-sriwijaya {
    background-position: -278px -110px
}

.logo-nam-air {
    background-position: -373px -110px
}

.logo-ana-air {
    background-position: -465px -110px
}

.logo-all-nippon {
    background-position: -465px -110px
}

.logo-air-france {
    background-position: -560px -110px
}

.logo-eva-air {
    background-position: -650px -110px
}

.logo-british-airways {
    background-position: -745px -110px
}

.logo-citilink {
    background-position: -837px -110px
}

.logo-batik {
    background-position: -929px -63px
}

.logo-wings {
    background-position: -929px -7px
}

.logo-klm {
    background-position: -929px -108px
}

.logo-kalstar {
    background-position: -90px -165px;
}

.logo-trigana {
    background-position: 0 -165px;
}

.logo-dragon-air {
    background-position: -185px -170px;
}

.logo-air-india {
    background-position: -280px -170px
}

.logo-aviastar {
    background-position: -380px -170px
}

.logo-kuwait {
    background-position: -470px -170px
}

.logo-silk {
    background-position: -559px -170px
}

.logo-south-afrika {
    background-position: -653px -170px
}

.logo-srilanka {
    background-position: -746px -170px
}

.logo-kenya {
    background-position: -839px -170px
}

.logo-transnusa {
    background-position: -926px -169px
}

.logo-garuda-icon,
.logo-singapore-icon,
.logo-chatay-icon,
.logo-air-asia-icon,
.logo-china-airlines-icon,
.logo-phillipine-airlines-icon,
.logo-emirates-icon,
.logo-etihad-icon,
.logo-qatar-airways-icon,
.logo-qantas-icon,
.logo-malaysia-airlines-icon,
.logo-malaysia-icon,
.logo-asiana-airlines-icon,
.logo-thai-icon,
.logo-china-southern-icon,
.logo-air-china-icon,
.logo-lufthansa-icon,
.logo-turkish-airlines-icon,
.logo-royal-brunei-icon,
.logo-vietnam-airlines-icon,
.logo-japan-airlines-icon,
.logo-korean-air-icon,
.logo-jetstar-icon,
.logo-lion-icon,
.logo-citilink-icon,
.logo-sriwijaya-icon,
.logo-nam-air-icon,
.logo-ana-air-icon,
.logo-all-nippon-icon,
.logo-air-france-icon,
.logo-eva-air-icon,
.logo-british-airways-icon,
.logo-batik-icon,
.logo-wings-icon,
.logo-klm-icon,
.logo-trigana-icon,
.logo-kalstar-icon,
.logo-dragon-icon,
.logo-air-india-icon,
.logo-aviastar-icon,
.logo-kuwait-icon,
.logo-silk-icon,
.logo-south-afrika-icon,
.logo-srilanka-icon,
.logo-kenya-icon {
    display: block;
    margin: 0 auto;
    background-image: url(../images/logo-airlines-sprite-kecil.png);
    background-repeat: no-repeat;
    width: 45px;
    height: 45px
}

.logo-singapore-icon {
    background-position: -98px 0
}

.logo-chatay-icon {
    background-position: -50px 0;
}

.logo-air-asia-icon {
    background-position: -150px 0
}

.logo-china-airlines-icon {
    background-position: -98px -103px
}

.logo-phillipine-airlines-icon {
    background-position: -300px 0
}

.logo-emirates-icon {
    background-position: -250px -47px
}

.logo-etihad-icon {
    background-position: -150px -100px
}

.logo-qatar-airways-icon {
    background-position: -198px -100px
}

.logo-qantas-icon {
    background-position: -300px -50px
}

.logo-malaysia-airlines-icon {
    background-position: -50px -53px
}

.logo-malaysia-icon {
    background-position: -50px -53px
}

.logo-asiana-airlines-icon {
    background-position: -98px -50px;
}

.logo-thai-icon {
    background-position: -350px 0
}

.logo-china-southern-icon {
    background-position: -50px -103px
}

.logo-air-china-icon {
    background-position: -300px -100px
}

.logo-lufthansa-icon {
    background-position: -250px -100px
}

.logo-turkish-airlines-icon {
    background-position: -450px 0
}

.logo-royal-brunei-icon {
    background-position: -350px -100px
}

.logo-vietnam-airlines-icon {
    background-position: -350px -50px
}

.logo-japan-airlines-icon {
    background-position: 0px -50px
}

.logo-korean-air-icon {
    background-position: -400px -100px
}

.logo-jetstar-icon {
    background-position: -200px 0
}

.logo-lion-icon {
    background-position: -400px 0
}

.logo-citilink-icon {
    background-position: -450px -50px
}

.logo-sriwijaya-icon {
    background-position: -250px 0
}

.logo-nam-air-icon {
    background-position: -150px -50px
}

.logo-ana-air-icon {
    background-position: -448px -103px
}

.logo-air-france-icon {
    background-position: -200px -54px
}

.logo-eva-air-icon {
    background-position: -400px -50px
}

.logo-british-airways-icon {
    background-position: 0 -100px
}

.logo-batik-icon {
    background-position: -500px 0
}

.logo-wings-icon {
    background-position: -500px -50px;
}

.logo-trigana-icon {
    background-position: 0px -150px;
}

.logo-kalstar-icon {
    background-position: -50px -150px;
}

.logo-klm-icon {
    background-position: -500px -100px;
}

.logo-dragon-icon {
    background-position: -100px -150px;
}

.logo-air-india-icon {
    background-position: -150px -150px
}

.logo-aviastar-icon {
    background-position: -200px -150px
}

.logo-kuwait-icon {
    background-position: -250px -150px
}

.logo-silk-icon {
    background-position: -300px -150px
}

.logo-south-afrika-icon {
    background-position: -350px -150px
}

.logo-srilanka-icon {
    background-position: -400px -150px
}

.logo-kenya-icon {
    background-position: -450px -150px
}

.loading2 {
    width: 25px;
    height: 25px;
    background: url('../images/loading_25x25.gif') no-repeat center center;
}

.confirm-page-total {
    padding: 20px;
    float: left;
    border: 1px solid #979797;
    width: 100%;
    font-size: 18px;
    font-family: neosans-bolder;
}

.panel-compare {
    padding: 0px !important;
}

.compare-name-hotel {
    padding: 15px;
}

.compare-img img {
    width: 100%;
}

.compare-room {
    padding: 15px;
}

.compare-room td:last-child {
    text-align: right;
    padding-bottom: 15px;
}

.compare-close {
    position: absolute;
    right: 10px;
    top: -10px;
}

.compare-btn button,
.compare-btn button:hover {
    border-radius: 0px;
    padding: 15px;
}

.compare-close a {
    text-decoration: none;
    color: #000000;
}

.compare-close a:hover,
.compare-close a:active,
.compare-close a:focus {
    color: red;
}

.room-arrangement {
    border: 1px solid #979797;
    padding: 20px;
    overflow: hidden;
    cursor: pointer;
}

.room-guest {
    text-align: center;
    list-style-type: none;
    display: table;
    width: 100%;
}

.room-row {
    display: table-row;
    overflow: hidden;
}

.room {
    display: table-cell;
    padding: 20px;
    vertical-align: top;
}

.room-guest-empty,
.room-guest-fill {
    vertical-align: top;
    background-color: #ffffff;
}

.room-guest-empty {
    padding: 10px;
    padding-top: 30px;
    color: #989898;
    border: 2px dashed #979797;
    width: 250px;
    height: 150px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
}

.room-guest-fill {
    padding: 10px;
    color: #989898;
    border: 2px solid #979797;
    border-radius: 4px;
    width: 250px;
    height: 150px;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.room-guest-fill a,
.room-guest-empty a {
    display: block;
    text-decoration: none;
    color: #989898;
}

.room-guest-fill a {
    font-size: 18px;
}

.room-guest-fill a div {
    margin-bottom: 5px;
}

.status-data-room {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.modal-data-room {
    overflow: hidden;
}

.flight-info-tour {
    border: 1px solid #979797;
    padding: 20px;
}

.add-room {
    margin-top: 10px;
}

.add-room a {
    text-decoration: none;
}

.nobed {
    position: absolute;
    right: 50px
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-datepicker .ui-widget-header {
    border: none !important;
    background: #eb892f !important;
    color: #ffffff;
    font-weight: bold;
}

.ui-datepicker .ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png") !important;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
    border: none;
    background: none;
    font-weight: normal;
    color: #454545;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
    border: 0.5px solid #247971;
    background: #ffffff;
    color: #454545;
    border-radius: 100%;
}

.ui-datepicker .ui-state-highlight a,
.ui-datepicker .ui-widget-content .ui-state-highlight a,
.ui-datepicker .ui-widget-header .ui-state-highlight a {
    color: #ffffff;
    text-align: center;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-state-default {
    text-align: center !important;
}

.ui-datepicker {
    text-align: center;
}

.datepickerjquery .ui-widget-header {
    background-color: #eb892f !important;
}

.ui-datepicker .ui-state-active {
    border: none;
    background: #247971;
    color: #ffffff;
    border-radius: 100%;
}

.list-numeric {
    list-style-type: decimal;
}

.city-destination .col-xs-2 {
    margin-top: 20px;
}

.city-airline p {
    color: #ee8033;
    font-family: neosans-bolder;
    text-transform: uppercase;
}

.city-airline ul {
    list-style-type: none;
    padding: 0px;
}

.tour-no-result {
    /* margin-top: 40px; */
    min-height: 430px;
    min-width: 825px;
}

.tour-no-result img {
    display: block;
}

.inner-addon {
    position: relative;
}


/* style icon */

.inner-addon .fa {
    position: absolute;
    padding: 10px;
    /*pointer-events: none;*/
}


/* align icon */

.left-addon .fa {
    left: 0px;
}

.right-addon .fa {
    right: 0px;
}


/* add padding  */

.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}


/*UPDATE FLIGHT 3.1*/

.search-info {
    height: 130px;
    padding: 20px 25px 20px 25px;
    background-color: #7f7f7f;
    color: #ffffff;
    font-size: 23px;
    overflow: hidden;
    border-radius: 8px 8px 0px 0px;
    margin-top: 40px;
    cursor: pointer;
}

.search-info-changedate {
    margin-top: 30px;
    text-align: right;
    color: #ffffff;
}

.search-info-changedate a {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 10px;
    text-decoration: none;
    color: #7f7f7f;
    cursor: pointer;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}

.search-info-changedate a:hover,
.search-info-changedate a:active,
.search-info-changedate a:focus {
    border: 1px solid #ffffff;
    color: #ffffff;
    background-color: #7f7f7f;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}

.other-date {
    width: 215px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    padding: 20px;
}

.other-date-rt {
    width: 124px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    padding: 20px;
}

.info-date .active {
    background-color: #ee8033;
    color: #ffffff;
}

.search-info-filter {
    padding: 20px;
    display: inline-block;
}

.search-info-filter span {
    font-family: neosans-bolder;
    font-size: 20px;
}

.search-info-filter a {
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    background-color: #3b8b83;
    border-radius: 8px;
    color: #ffffff;
    margin-left: 20px;
    width: 110px !important;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.border-info {
    border-bottom: 1px solid #979797;
}

.search-info-asc-filter {
    padding: 20px;
    display: inline-block;
    font-size: 18px;
    float: right;
    width: 100%;
    text-align: right;
}

.search-info-asc-filter a {
    display: inline-block;
    text-decoration: none;
    color: #333333;
}

.search-info-asc-filter span {
    min-width: 200px;
    display: inline-block;
}

.search-info-asc-filter-rt {
    padding: 20px;
    display: inline-block;
    font-size: 18px;
    float: left;
    width: 100%;
    text-align: left;
}

.search-info-asc-filter-rt a {
    display: inline-block;
    text-decoration: none;
    color: #333333;
}

.search-info-asc-filter-rt span {
    min-width: 100px;
    display: inline-block;
}

.icon-caret-asc,
.icon-caret,
.icon-caret-des {
    float: right;
    display: block;
    margin: 0 10px 0 10px;
    background-image: url(../images/caret-combo.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 19px;
}

.icon-caret {
    background-position: -13px 0px;
}

.icon-caret-des {
    background-position: -26px 0px;
}

.filter1way-keberangkatan {}

.filter1way-kedatangan {}

.filter1way-durasi {}

.filter1way-harga {}

.filter2way-keberangkatan,
.filter2way-kedatangan {
    width: 170px;
}

.filter2way-durasi {
    width: 100px;
}

.filter2way-harga {
    text-align: right;
    float: right;
}

.flight1way-container {
    border: 1px solid #979797;
    border-radius: 8px;
    min-height: 120px;
    margin-top: 20px;
    padding: 20px;
}

.flight2way-container {
    border: 1px solid #979797;
    border-radius: 8px;
    min-height: 190px;
    margin-top: 20px;
    padding: 20px;
}

.flight1way-spare {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 40px;
    background: #dedede;
    margin: 0 20px;
    float: left;
}

.flight1way-airline {
    float: left;
    min-width: 250px;
    margin: 0 0 0 20px;
}

.flight1way-airline img {
    margin-right: 15px;
    display: inline-block;
}

.flight1way-code {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.flight1way-code div:first-child {
    font-weight: bold;
    font-size: 20px;
}

.flight1way-depart {
    float: left;
    display: inline-block;
    text-align: center;
    min-width: 150px;
}

.flight1way-depart div:first-child {
    font-size: 20px;
    font-weight: bold;
}

.flight1way-arrive {
    float: left;
    display: inline-block;
    text-align: center;
    min-width: 150px;
}

.flight1way-arrive div:first-child {
    font-size: 20px;
    font-weight: bold;
}

.flight1way-duration {
    float: left;
    display: inline-block;
    text-align: center;
    min-width: 150px;
}

.flight1way-duration div:first-child {
    font-size: 20px;
    font-weight: bold;
}

.flight1way-price {
    float: right;
    min-width: 150px;
    text-align: right;
    display: inline-block;
}

.flight1way-price strike {
    font-size: 12px;
    color: #bcbcbc
}

.flight1way-price .flight1way-normalprice {
    font-size: 22px;
    font-weight: bold;
}

.flight1way-price .flight1way-apps {
    font-size: 12px;
    color: #bcbcbc;
}

.flight1way-price .flight1way-apps span {
    font-size: 12px;
    color: #f80202;
}

.flight1way-price .flight1way-btn {
    margin: 10px 0 0 0;
}

.flight1way-price .flight1way-btn button {
    width: 150px;
}

.flight1way-detail {
    float: left;
    display: inline-block;
    position: relative;
    margin: -30px 0 0 20px;
    color: #3b8b83;
    font-size: 11px;
    cursor: pointer;
}

.flight1way-bottom {
    margin-top: 20px;
    border-top: 1px solid #979797;
    overflow: hidden;
}

.detail-flight1way-airline {
    margin: 20px auto auto 50px;
    float: left;
    width: 200px;
    font-weight: bold;
}

.detail-flight1way-airline span {
    font-weight: normal;
}


/*A*/

.flight2way-1row,
.flight2way-2row {
    float: left;
    width: 100%;
}

.flight2way-2row {
    margin-top: 10px;
}

.flight2way-spare {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 40px;
    background: #dedede;
    margin: 0 15px;
    float: left;
}

.flight2way-airline {
    float: left;
    min-width: 250px;
    margin: 0;
}

.flight2way-airline img {
    margin-right: 15px;
    display: inline-block;
}

.flight2way-code {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.flight2way-code div:first-child {
    font-weight: bold;
    font-size: 18px;
}

.flight2way-depart {
    float: left;
    display: inline-block;
    text-align: left;
    min-width: 130px;
}

.flight2way-depart div:first-child {
    font-size: 20px;
    font-weight: bold;
}

.flight2way-arrive {
    float: left;
    display: inline-block;
    text-align: left;
    min-width: 130px;
}

.flight2way-arrive div:first-child {
    font-size: 20px;
    font-weight: bold;
}

.flight2way-duration {
    float: left;
    display: inline-block;
    text-align: left;
    min-width: 80px;
}

.flight2way-duration div:first-child {
    font-size: 20px;
    font-weight: bold;
}

.flight2way-price {
    float: right;
    min-width: 150px;
    text-align: right;
    display: inline-block;
}

.flight2way-price strike {
    font-size: 12px;
    color: #bcbcbc
}

.flight2way-price .flight1way-normalprice {
    font-size: 22px;
    font-weight: bold;
}

.flight2way-price .flight1way-apps {
    font-size: 12px;
    color: #bcbcbc;
}

.flight2way-price .flight1way-apps span {
    font-size: 12px;
    color: #f80202;
}

.flight2way-price .flight1way-btn {
    margin: 10px 0 0 0;
}

.flight2way-price .flight1way-btn button {
    width: 150px;
}

.flight2way-detail {
    float: left;
    display: inline-block;
    position: relative;
    margin: 30px 0 0 0;
    color: #3b8b83;
    font-size: 11px;
    cursor: pointer;
}

.flight2way-bottom {
    margin-top: 20px;
    border-top: 1px solid #979797;
    overflow: hidden;
}

.flight2way-btn {
    float: right;
    text-align: right;
}

.flight2way-btn button {
    width: 150px;
    font-size: 17px;
    height: 46px;
}


}
.detail-flight2way-airline {
    margin: 20px auto auto 50px;
    float: left;
    width: 200px;
    font-weight: bold;
}
.detail-flight2way-airline span {
    font-weight: normal;
}

/*rapihin*/
.FlightItinerary {
    float: left;
    text-align: left;
    margin: 20px auto;
    min-width: 800px;
}
.FlightItinerary-rt {
    float: left;
    text-align: left;
    margin: 20px auto auto 5px;
    min-width: 500px;
}
.FlightItineraryBlock {
    float: left;
    min-width: 350px;
}
.FlightItineraryBlock-rt {
    float: left;
    min-width: 200px;
}
.FlightSegment {
    clear: both;
    float: left;
}
.FlightDots {
    display: inline-block;
    position: relative;
    float: left;
    width: 1px;
    min-height: 56px;
    background: #3b8b83;
    margin: 0 15px 0 0;
}
.FlightDots-rt {
    display: inline-block;
    position: relative;
    float: left;
    width: 1px;
    min-height: 56px;
    background: #3b8b83;
    margin: 0 15px 0 5px;
}
.DotBorder {
    position: relative;
    background: #fff;
    padding: 5px 0 5px 0;
}
.DotBorder-rt {
    position: relative;
    background: #fff;
    padding: 5px 0 5px 0;
}
.DotFullCircle {
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    background: #3b8b83;
    margin-left: -5px;
    box-sizing: border-box;
}
.FlightTime {
    display: inline-block;
    position: relative;
    float: left;
    width: 80px;
}
.FlightTimeHour {
    font-size: 16px;
    margin-bottom: 2px;
}
.FlightDate {
    font-size: 13px;
    line-height: 18px;
    color: #838383;
}
.FlightRoute {
    display: inline-block;
    position: relative;
    float: left;
    width: 225px;
    margin-left: 5px;
}
.FlightRoute-rt {
    display: inline-block;
    position: relative;
    float: left;
    width: 190px;
    margin-left: 5px;
}
.FlightCity {
    font-size: 14px;
    margin-bottom: 4px;
}
.FlightAirport {
    font-size: 13px;
    line-height: 18px;
    color: #838383;
    width: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.FlightSegment.HiddenTransitSegment {
    display: inline-block;
    border-left: 1px solid #b5b5b5;
}
.FlightDurationTime {
    display: inline-block;
    float: left;
    width: 80px;
    margin-top: 15px;
    margin-left: -80px;
    padding-right: 3px;
    font-size: 12px;
}
.FlightDurationTime p {
    vertical-align: middle;
    display: inline-block;
    width: 54px;
}
.FlightDotsTransit {
    display: inline-block;
    position: relative;
    float: left;
    min-height: 50px;
    margin: 0 15px 0 0;
}
.HiddenTransitPlace {
    display: block;
}
.FlightFacility {
    display: inline-block;
    float: right;
    margin-left: 15px;
    padding-left: 30px;
    font-size: 13px;
    color: #727272;
    line-height: 1.3;
}
.FlightFacility span {
    float: left;
    margin-top: 4px;
}
.FlightFacility-bagage,
.FlightFacility-tax,
.FlightFacility-meal {
    margin-bottom: 5px;
}
.DotsNone {
    background: none;
}
.FacilityAirportMeal,
.FacilityAirportTax,
.FacilityAirportBagage,
.FacilityAirportMeal-in,
.FacilityAirportTax-in,
.FacilityAirportBagage-in {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    background-image: url(../images/fasilitas-new.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
}
.FacilityAirportBagage-in {
    background-position: -23px 0;
}
.FacilityAirportTax-in {
    background-position: -46px 0;
}
.FacilityAirportMeal {
    background-position: 0 -23px;
}
.FacilityAirportTax {
    background-position: -46px -23px;
}
.FacilityAirportBagage {
    background-position: -23px -23px;
}
.detailedflight1way-row {
    float: left;
    clear: both;
}
.detaliedflight1way-warningtext {
    margin-left: 240px;
    background-color: #e0e0e0;
    padding: 7px 6px 5px 5px;
}
.detaliedflight1way-warningtext,
.detaliedflight1way-warningtext i,
.detaliedflight1way-warningtext span {
    float: left;
}
.detaliedflight1way-warningtext i {
    color: #ee8033;
    margin-right: 15px;
}
.detaliedflight2way-warningtext {
    background-color: #e0e0e0;
    padding: 7px 6px 5px 5px;
}
.detaliedflight2way-warningtext,
.detaliedflight2way-warningtext i,
.detaliedflight2way-warningtext span {
    float: left;
}
.detaliedflight2way-warningtext i {
    color: #ee8033;
    margin-right: 15px;
}
.filter-maskapai,
.filter-transit {
    padding: 20px 20px 20px 95px;
}
.filter-harga,
.filter-waktu {
    padding: 20px 20px 20px 95px;
    width: 650px;
}
.filter-maskapai .row {
    margin-bottom: 10px;
}
.filter-maskapai label,
.filter-transit label {
    width: 130px;
}
.filter-maskapai input[type="checkbox"],
.filter-transit input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border-color: #3b8b83;
    background-color: #3b8b83;
    margin-top: 0px;
    margin-left: -25px;
}
.filter-maskapai-rt,
.filter-transit-rt {
    padding: 20px;
}
.filter-harga-rt,
.filter-waktu-rt {
    padding: 20px;
    width: 500px;
}
.filter-maskapai-rt .row {
    margin-bottom: 10px;
}
.filter-maskapai-rt label,
.filter-transit-rt label {
    width: 130px;
}
.filter-maskapai-rt input[type="checkbox"],
.filter-transit-rt input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border-color: #3b8b83;
    background-color: #3b8b83;
    margin-top: 0px;
    margin-left: -25px;
}
.stickyslide {
    z-index: 2 !important;
    background-color: white;
}
.flight-container-active {
    float: left;
    width: 665px;
    cursor: pointer;
}
.flight-container-inactive {
    float: right;
    width: 475px;
    opacity: 0.5;
    cursor: pointer;
}
.flight-inactive-depart {
    float: left;
    width: 475px;
    opacity: 0.5;
    cursor: pointer;
}
.flight-active-return {
    float: right;
    width: 665px;
    cursor: pointer;
}
.container-roundtrip {
    clear: both;
}
.flight2way-inactive-container:hover,
.flight2way-container-active:hover {
    border-color: #ee8033;
}

/*endtes*/

/*END UPDATE FLIGHT*/

/*multiple carousel*/
.multi-item-carousel .carousel-inner>.item {
    -webkit-transition: 1000ms ease-in-out left;
    transition: 1000ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
    left: -25%;
}
.multi-item-carousel .carousel-inner .active.right {
    left: 25%;
}
.multi-item-carousel .carousel-inner .next {
    left: 25%;
}
.multi-item-carousel .carousel-inner .prev {
    left: -25%;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .multi-item-carousel .carousel-inner>.item {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: none!important;
        transform: none!important;
    }
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
    background-image: none;
}
.carousel-control {
    width: 0% !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
.multi-item-carousel img {
    width: 100%;
}

/*table tour update*/
.table-list-other-tour {}
.table-list-other-tour th {
    width: 142px;
    padding: 10px;
}
.table-list-other-tour td {
    width: 142px;
    padding: 10px;
}
.table-list-other-tour tr {
    border-bottom: 1px solid #979797;
}

/*sidebar  hotel*/
.mt20 .offers img {
    display: block;
    min-height: 300px;
    background-color: rgba(0, 0, 0, 0.1);
}

/*update hotel compare list display*/
.list-compare-detail {}
.panel-body-compare {
    float: left;
    width: 100%
}
.panel-body-compare-row {
    clear: both;
}
.panel-body-compare-left {
    float: left;
    width: 80%
}
.panel-body-compare-right {
    float: right;
    width: 20%;
    text-align: left;
}
.panel-body-compare a {
    text-decoration: none;
    color: #ffffff
}
.compare-hotel-icon {
    float: left;
    width: 5%;
}
.compare-hotel-name {
    float: left;
    width: 70%;
}
.compare-hotel-price {
    float: left;
    width: 20%;
    text-align: left;
}
.compare-panel {
    position: relative;
    bottom: 0;
    margin-left: -1px;
    z-index: 9999;
    width: 827px;
    background-color: #303030;
    color: #ffffff
}

/*update itinerary image galery*/
.casenya {
    height: 170px;
    width: 645px;
    overflow: auto;
    overflow-y: hidden;
    margin: 0 auto;
    white-space: nowrap;
}
.casenya .isinya {
    display: inline;
    height: 170px;
    width: 250px;
    background-color: rgba(0, 0, 0, 0.2);
}
.casenya .isinya img {
    display: inline;
    height: 160px;
    width: 250px;
}

/* select2 for box action */
.select2-container .select2-selection--single {
    height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
    text-align: left;
}
.select2-container--default .select2-selection--single {
    border-radius: 0px;
}

/* end select2 for box action */

/*update 1train yg aneh2nya*/
.kelas-lainnya-1train {
    list-style-type: none;
    padding-left: 50px;
    padding-top: 5px;
    clear: both;
    padding-right: 20px;
    padding-bottom: 10px;
}
.kelas-lainnya-1train li {
    float: left;
    width: 100%;
    padding-top: 10px;
}
.another-class-1train {
    float: left;
    width: 737px;
    font-size: 18px;
    font-family: neosans-bolder;
    padding-top: 5px;
}
.another-price-1train {
    float: left;
    width: 173px;
    font-size: 18px;
    color: #168b83;
    font-family: neosans-bolder;
    padding-top: 5px;
    text-align: left
}
.another-btn-1train {
    float: right;
    width: 120px;
    font-size: 18px;
}
.kelas-lainnya-2train {
    list-style-type: none;
    padding-top: 5px;
    clear: both;
    padding-left: 0px;
    padding-bottom: 10px;
}
.kelas-lainnya-2train li {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding: 0 !important;
}
.another-check-2train {
    float: left;
    padding-right: 10px;
}
.another-class-2train {
    float: left;
    font-size: 16px;
    font-family: neosans-bolder;
    padding-top: 5px;
}
.another-price-2train {
    float: right;
    font-size: 18px;
    color: #168b83;
    font-family: neosans-bolder;
    padding-top: 5px;
}

/*end update train nya yg aneh2*/

/*update kereta sama pesawat 1 way*/
.filter-bar-white {
    width: 100%;
    padding: 7px;
    text-align: left;
    background-color: #fff;
    font-size: 16px;
    color: #333;
    border: 1px solid #979797;
}
.filter-bar-white span a {
    color: #ee8033;
    text-decoration: none;
}
.train-left-seat {
    color: #979797;
    font-size: 16px;
}
.train-left-seat-pp {
    color: #979797;
    font-size: 16px;
}

/*end nya*/

/*update badge spesial offer*/
.badge-spesial-offer {
    background-image: url(../images/special-offer.jpg);
    background-repeat: no-repeat;
    height: 34px;
    width: 120px;
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
}
.btn-special-offer {
    background-color: #347dee;
    color: #ffffff;
    border-color: #347dee;
    border-radius: 4px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-special-offer:hover,
.btn-special-offer:active,
.btn-special-offer:focus,
{
    background-color: #347dee !important;
    color: #ffffff !important;
    border-color: #347dee !important;
    border-radius: 4px;
}

/*update form flight*/
.ff-date {
    padding-left: 20px;
    font-size: 16px;
    font-family: neosans-bolder
}

/*update home train*/
.train-page {
    border: none;
    font-size: 20px;
    margin: 0;
}
.train-page>li>a {
    background-color: #eaeaea;
    color: #333;
    width: 150px;
    margin-bottom: 1px;
    border-radius: 0px;
    text-align: center;
}
.train-page>li.active>a,
.train-page>li.active>a:hover {
    color: #fff !important;
    background-color: #ee8033 !important;
    cursor: pointer;
}
.table-train {
    padding: 0px;
    list-style-type: none;
    overflow: hidden;
}
.table-train li {
    display: block;
    width: 100%;
    clear: both;
    float: left;
    padding: 5px;
}
.table-train-route,
.table-train-promo,
.table-train-price,
.table-train-btn,
.table-train-spare {
    display: block;
    cursor: pointer;
    float: left;
    font-size: 16px;
    padding-top: 10px;
}
.table-train-route {
    width: 290px;
    padding-left: 5px;
}
.table-train-promo {
    width: 200px;
}
.table-train-price {
    width: 115px;
}
.table-train-btn {
    float: right;
    padding-top: 3px;
}
.table-train-spare {
    color: #ee8033;
    font-size: 26px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
}

/*update badge hotdeal best price*/
.badge-hotdeal {
    background-image: url(../images/hot-deal.jpg);
    background-repeat: no-repeat;
    height: 34px;
    width: 120px;
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
}
.badge-bestprice {
    background-image: url(../images/best-price.jpg);
    background-repeat: no-repeat;
    height: 34px;
    width: 120px;
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
}

/*loader*/
.loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loading7.gif?v=2) center no-repeat #fff;
    background-color: rgba(0, 0, 0, 0.5);
}

/* train confirm */
.list-1train-cnfrm {
    width: 100%;
    padding-top: 0px;
    border: 1px solid #979797;
    overflow: hidden;
    clear: both;
}
.tr-train-cnfrm {
    float: left;
    padding: 20px;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}
.tr-train-cnfrm-abu {
    float: left;
    background-color: #ededed;
    padding: 20px;
    width: 100%;
}
.train-name-cnfrm,
.train-class-cnfrm,
.train-depart-cnfrm,
.train-arrive-cnfrm,
.train-duration-cnfrm {
    font-size: 18px;
    float: left;
    font-family: neosans-medium;
}
.train-name-cnfrm {
    /*margin-top: 10px;*/
    
    width: 320px;
    text-align: center;
}
.train-class-cnfrm {
    width: 120px;
    text-align: center;
}
.train-depart-cnfrm,
.train-arrive-cnfrm,
.train-duration-cnfrm {
    width: 130px;
    text-align: center;
}
.train-price-cnfrm {
    font-size: 18px;
    float: right;
    width: 200px;
    text-align: center;
    font-family: neosans-medium;
}
.train-total-cnfrm {
    font-size: 24px;
    float: left;
}
.train-tprice-cnfrm {
    font-size: 24px;
    float: right;
    color: #168b83;
}
.train-breakdown-cnfrm {
    float: left;
    width: 100%;
    padding: 0px 20px;
}
.train-breakdown-detail-cnfrm {
    width: 100%;
    padding: 20px 0px;
    border-top: 2px solid #979797;
    font-size: 18px;
}
.train-breakdown-pp-cnfrm {
    float: left;
    width: 100%;
    padding: 0px 15px;
}
.train-breakdown-detail-pp-cnfrm {
    width: 100%;
    padding: 20px 0px;
    border-top: 2px solid #979797;
    font-size: 16px;
}

/* end train confirm */
#displayBox {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loading7.gif?v=2) center no-repeat #fff;
    background-color: rgba(0, 0, 0, 0.5);
}
.wrp-compare {
    position: fixed;
    bottom: 0px;
    z-index: 2;
}
.info-hotel-part1 {
    padding: 10px 15px 0px 15px
}
.hotel-info-harga {
    padding: 10px 0px 10px 0px;
    background-color: #ededed;
    overflow: hidden;
}
.form-contact-info-hotel-sum {
    width: 100%;
    overflow: hidden;
    border: 1px solid #979797;
}
.wrp-banner {
    position: relative;
    z-index: -99;
    width: 100%;
    bottom: 0;
}
.container-video {
    min-width: 1170px !important;
    position: relative;
}
.container-video video {
    display: block;
}
.hotel-detail-bannertext {
    position: absolute;
    top: 20px;
    font-size: 50px;
    color: #fff;
}
div.disabled {
    pointer-events: none;
    opacity: .3;
    -moz-opacity: .3;
    -webkit-opacity: .3;
    -o-opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30);
    background-color: #999999;
}
.select-countrycode button {
    height: 50px !important;
    border-radius: 0px !important;
}
.wrp-banner-video {
    background-image: url(../images/1280.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 417px;
    background-position: center;
}
.form-group input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    box-sizing: border-box !important;
}
.orange_ {
    background-color: #ed8033;
    padding: 10px;
    color: #ffffff;
}
.red_ {
    background-color: #f34747;
    padding: 10px;
    color: #ffffff
}
.green_ {
    background-color: #158b83;
    padding: 10px;
    color: #ffffff
}

/* update cicilan */
.nav-tabs-cicilan {
    border: 1px solid #F37E42;
    width: 100%;
}
.nav-tabs-cicilan li {
    width: 50%;
}
.nav-tabs-cicilan>li.active>a,
.nav-tabs-cicilan>li.active>a:hover,
.nav-tabs-cicilan>li.active>a:focus {
    border: none;
    border-radius: 0;
    background-color: #F37E42;
    color: #fff;
    text-align: center;
}
.nav-tabs-cicilan>li>a {
    margin-right: 0;
    border: none;
    border-radius: 0;
    font-size: 22px;
    color: #F37E42;
    text-align: center;
}
.tab-cicilan {
    border-bottom: none;
}
.tab-content-cicilan {
    margin-top: -1px;
    border: 1px solid #F37E42;
}
.tab-cicilan li {
    width: 11%
}
.list-nmbr {
    list-style-type: decimal;
}

/*end update cicilan*/

/* update flight smart combo */
.combo-flight {
    background-color: #f8f8f8;
    padding: 20px;
    margin-top: 20px;
    border: 1px solid #979797;
}
.combo-left {
    width: 70%;
}
.combo-right {
    width: 30%;
}

/*update icon hotel*/
.icon-wifi {
    background-image: url(../images/hotel-icon/wifi-icon.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    float: left;
    margin: 5px;
    cursor: pointer;
}
.icon-rs {
    background-image: url(../images/hotel-icon/room-service-icon.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    float: left;
    margin: 5px;
    cursor: pointer;
}
.icon-laundry {
    background-image: url(../images/hotel-icon/ic_local_laundry_service.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    float: left;
    margin: 5px;
    cursor: pointer;
}
.icon-transport {
    background-image: url(../images/hotel-icon/ic_airport_shuttle.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    float: left;
    margin: 5px;
    cursor: pointer;
}
.icon-swim {
    background-image: url(../images/hotel-icon/swim-icon.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    float: left;
    margin: 5px;
    cursor: pointer;
}
.icon-freeparking {
    background-image: url(../images/hotel-icon/freeparking-icon.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: block;
    float: left;
    margin: 5px;
    cursor: pointer;
}
.icon-adult-only {
    background-image: url(../images/hotel-icon/adult-only-icon.png);
    background-repeat: no-repeat;
    height: 37px;
    width: 37px;
    display: block;
    float: left;
    margin: 5px;
    cursor: pointer;
}
.icon-pet {
    background-image: url(../images/hotel-icon/pet-allowed-icon.png);
    background-repeat: no-repeat;
    height: 37px;
    width: 37px;
    display: block;
    float: left;
    margin: 5px;
    cursor: pointer;
}
.icon-near-transport {
    background-image: url(../images/hotel-icon/public-transportation-icon.png);
    background-repeat: no-repeat;
    height: 37px;
    width: 37px;
    display: block;
    float: left;
    margin: 5px;
    cursor: pointer;
}
.icon5,
.icon10,
.icon15,
.icon20,
.icon25,
.icon30,
.icon35,
.icon40,
.icon45,
.icon50,
.icon55,
.icon60,
.icon65 {
    background-image: url(../images/hotel-icon/diskon.png);
    height: 42px;
    width: 42px;
    display: block;
    float: left;
    cursor: pointer;
}
.icon10 {
    background-position: -52px 0;
}
.icon15 {
    background-position: -104px 0
}
.icon20 {
    background-position: -156px 0
}
.icon25 {
    background-position: -208px 0
}
.icon30 {
    background-position: -260px 0
}
.icon35 {
    background-position: -312px 0
}
.icon40 {
    background-position: -364px 0
}
.icon45 {
    background-position: -416px 0
}
.icon50 {
    background-position: -468px 0
}
.icon55 {
    background-position: -520px 0
}
.icon60 {
    background-position: -572px 0
}
.icon65 {
    background-position: -624px 0
}
.tooltip.tooltip-danger .tooltip-inner {
    background-color: #d9534f
}
.tooltip.tooltip-danger.top .tooltip-arrow {
    border-top-color: #d9534f
}

/*----------------------------
  slider
----------------------------*/
.slider1,
.slider2,
.slider3,
.slider4,
.banner-fbo {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 400px;
}
.bx-viewport {
    border: none !important;
}
div.rotator {
    position: relative;
    width: 100%;
    height: 400px;
    display: none;
    overflow: hidden;
}
div.rotator ul {
    margin: 0;
    padding: 0;
}
div.rotator ul li {
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    list-style: none;
    width: 100%;
}
div.rotator ul li img {
    display: block;
    margin: auto;
    height: 400px;
    overflow: hidden;
}
div.rotator ul li.show {
    z-index: 10
}

/* related product */
.wrp-sidebar-relatedproduct {
    border: 1px solid #979797;
    padding: 20px 0;
    padding-bottom: 0;
    margin-top: 87px;
}
.wrp-sidebar-top {
    margin-top: 93px;
}
.wrp-sidebar-relatedproduct .wrp-sidebar-head-tittle {
    font-size: 20px;
    font-family: neosans-bolder;
}
.wrp-sidebar-relatedproduct .wrp-relatedproduct-list {
    margin: 10px 0;
}
.wrp-sidebar-relatedproduct .wrp-relatedproduct-list .wrp-relatedproduct-img img {
    width: 100%;
}
.wrp-sidebar-relatedproduct .wrp-relatedproduct-list .wrp-relatedproduct-detail>.tittle {
    font-family: neosans-bolder;
}
.wrp-sidebar-relatedproduct .wrp-relatedproduct-list .wrp-relatedproduct-detail>.price {
    font-family: neosans-bolder;
    color: #ee8033;
}
.wrp-sidebar-relatedproduct .wrp-seemore {
    padding: 20px 0;
    text-align: right;
}
.wrp-sidebar-relatedproduct .wrp-seemore a {
    text-decoration: none;
    color: #005785;
    font-size: 16px;
    font-family: neosans-bolder;
}
.partner-airline {
    margin-top: 30px;
    float: left;
}
.partner-airline .rest-airline {
    margin-left: 505px;
    width: 100%;
}
.partner-airline>ul {
    width: 100%;
    list-style-type: none;
    padding: 0;
    float: left;
    text-align: center;
}
.partner-airline>ul>li {
    display: inline-block;
    width: 10%;
    padding: 0;
    margin: 0 auto;
    float: left;
}

/* end related product */

/* carousel promotion */
.carousel-multiple {
    margin: 40px 0 10px 0;
}
@media all and (min-width: 768px) {
    .carousel-inner>.next {
        left: 25%;
    }
    
    .carousel-inner>.prev {
        left: -25%;
    }
    
    .carousel-inner>.active.left {
        left: -25%;
    }
    
    .carousel-inner>.active.right {
        left: 25%;
    }
}
@media all and (min-width: 768px) and (-webkit-transform-3d) {
    .carousel-inner>.item.next,
    .carousel-inner>.item.active.right {
        left: 0;
        transform: translate3d(25%, 0, 0);
        -webkit-transform: translate3d(25%, 0, 0);
    }
    
    .carousel-inner>.item.prev,
    .carousel-inner>.item.active.left {
        left: 0;
        transform: translate3d(-25%, 0, 0);
        -webkit-transform: translate3d(-25%, 0, 0);
    }
}
#myCarousel .carousel-inner>.item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
#myCarousel .carousel-inner>.item.next,
#myCarousel .carousel-inner>.item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
#myCarousel .carousel-inner>.item.prev,
#myCarousel .carousel-inner>.item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
#myCarousel .carousel-inner>.item.next.left,
#myCarousel .carousel-inner>.item.prev.right,
#myCarousel .carousel-inner>.item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* end carousel promotion */

/* member */
.modal-memberarea .modal-dialog {
    width: 800px;
}
.modal-memberarea .modal-header {
    border-bottom: 1px solid #ee8033;
}
.modal-memberarea .modal-body {
    line-height: 2;
}
.modal-memberarea .modal-body .menu-rincian {
    color: #168b83;
    font-size: 16px;
}
.modal-memberarea .modal-body .isi-rincian {
    margin-bottom: 30px;
    color: #333333;
    font-size: 16px;
}
.modal-memberarea .modal-body .isi-rincian p {
    font-family: neosans-medium;
}
.modal-memberarea .modal-body .isi-rincian .pulang {
    margin-top: 30px;
}
.modal-memberarea .modal-body .isi-rincian .email {
    color: #ee8033;
}
.modal-memberarea .modal-body .isi-rincian .list-orang {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
    font-family: neosans-medium;
}
.modal-memberarea .modal-body .booking-code {
    font-family: neosans-medium;
    text-align: center;
    margin-bottom: 30px;
}
.modal-memberarea .modal-body .booking-code .status {
    margin-top: 15px;
    background-color: #f0f0f0;
    padding: 10px;
}
.modal-memberarea .modal-body .tur-penerbangan {
    padding-top: 30px;
    border-top: 1px solid #ee8033;
    text-align: center;
    font-size: 14px;
    font-family: neosans-medium;
}
.modal-memberarea .modal-body .tur-penerbangan .col-xs-2,
.modal-memberarea .modal-body .tur-penerbangan .col-xs-3,
.modal-memberarea .modal-body .tur-penerbangan .col-xs-4 {
    padding-left: 10px;
    padding-right: 10px;
}
.modal-memberarea .modal-body .tur-penerbangan-list {
    text-align: center;
    font-size: 14px;
    font-family: neosans-medium;
}
.modal-memberarea .modal-body .tur-penerbangan-list .col-xs-2,
.modal-memberarea .modal-body .tur-penerbangan-list .col-xs-3,
.modal-memberarea .modal-body .tur-penerbangan-list .col-xs-4 {
    padding-left: 10px;
    padding-right: 10px;
}
.modal-memberarea .modal-body .contact-info {
    padding-top: 30px;
    border-top: 1px solid #ee8033;
}
.modal-memberarea .modal-body .hotel-info {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ee8033;
}
.modal-memberarea .modal-body .field {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #ee8033;
}

/* member */

/* main banner product */
.container-mainbanner {
    position: relative;
    display: block;
    width: 100%;
    z-index: -10;
    height: 500px;
    max-height: 500px;
}
.container-mainbanner .wrp-container-banner {
    position: absolute;
    top: 0;
    height: 500px;
    max-height: 500px;
    width: 100%;
}
.container-mainbanner .wrp-container-banner img,
.container-mainbanner .wrp-container-banner>div {
    width: 100%;
    min-width: 1170px !important;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    background-size: cover;
    min-height: 500px;
    background-position: center center;
}
.container-mainbanner .wrp-banner-text {
    position: absolute;
    bottom: 0px;
    font-size: 30px;
    color: #ffffff;
    width: 100%;
    height: 500px;
    background-color: rgba(0, 0, 0, 0.5);
}
.container-mainbanner .wrp-banner-text .text-banner {
    width: 1140px;
    position: absolute;
    bottom: 30px;
}
.container-mainbanner .wrp-banner-text .text-banner p {
    font-size: 36px;
}
.wrp-offers {
    margin-top: 30px;
}
.wrp-promo-slider {
    position: relative;
}
.wrp-discover {
    margin-top: 30px;
}
.container-banner-text {
    position: relative;
}
.container-banner-text .wrp-container-banner {
    position: relative;
}
.container-banner-text .wrp-container-banner>div {
    z-index: -99;
    position: relative;
}
.container-banner-text .wrp-banner-text {
    position: absolute;
    bottom: 40px;
}
.container-banner-text .wrp-banner-text p {
    font-size: 48px;
    font-weight: bold;
    color: #ffffff;
}

/* end main banner product */

/* pagination hotel*/
.pagination>li a:hover,
.pagination>li a:focus,
.pagination>li a:active,
.pagination>li a.active {
    background-color: #ee8033;
    color: #ffffff;
}

/* end pagination hotel*/
.icon-map-marker {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    background-image: url(../images/t-pin.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.icon-t-plan {
    float: left;
    display: block;
    margin: 0 10px 0 0;
    background-image: url(../images/t-pesawat.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}