.bg-kathin {
    /* background-color: #e39e42  !important; */
    background-image: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C );
  }
  
  a.bg-kathin:focus, a.bg-inverse:hover {
    /* background-color: #e39e42  !important; */
    background-image: linear-gradient(180deg,#f4d49b , #e39e42 );
  }

  .navbar-inverse .navbar-nav .nav-link {
    color: rgb(99 55 21);
    font-weight: bold;
}
.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
  color: #f9e9bf;
  /* font-weight: inherit; */
}
.navbar-inverse .navbar-nav .active>.nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open>.nav-link {
  color: #ffffff;
  /* font-weight: inherit; */
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #e4a147;
}

  /* Carousel base class */
  .carousel {
    margin-bottom: 4rem;
  }
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
    z-index: 10;
    bottom: 3rem;
  }
  #mapplace{
    height: 800px;
    width: 100%;
  }
  /* Declare heights because of positioning of img element */
  .carousel-item {
    height: 400px;
    background-color: #777;
  }
  .carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 400px;
  }
  
  
  /* MARKETING CONTENT
  -------------------------------------------------- */
  
  /* Center align the text within the three columns below the carousel */
  .marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
  }
  .marketing h2 {
    font-weight: normal;
  }
  .marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
  }
  
  
  /* Featurettes
  ------------------------- */
  
  .featurette-divider {
    margin: 5rem 0; /* Space out the Bootstrap <hr> more */
  }
  
  /* Thin out the marketing headings */
  .featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
  }
  
  
  /* RESPONSIVE CSS
  -------------------------------------------------- */
  
  @media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p {
      margin-bottom: 1.25rem;
      font-size: 1.25rem;
      line-height: 1.4;
    }
  
    .featurette-heading {
      font-size: 50px;
    }
  }
  
  @media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
    }
  }
  #card {
      background: #fff;
      position: relative;
  
      -webkit-box-shadow: 0px 1px 10px 0px rgba(207,207,207,1);
      -moz-box-shadow: 0px 1px 10px 0px rgba(207,207,207,1);
      box-shadow: 0px 1px 10px 0px rgba(207,207,207,1);
  
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
  }
  
  .city-selected {
      position: relative;
      overflow: hidden;
      min-height: 200px;
      background: #3D6AA2;
  }
  
  article {
      position: relative;
      z-index: 2;
      color: #fff;
      padding: 20px;
  
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
  }
  
  .info .city,
  .night {
      font-size: 22px;
      font-weight: 200;
      position: relative;
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      -webkit-align-self: auto;
      -ms-flex-item-align: auto;
      align-self: auto;
  }
  
  .info .city:after {
      content: '';
      width: 15px;
      height: 2px;
      background: #fff;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px;
  }
  
  .city span {
      color: #fff;
      font-size: 13px;
      font-weight: bold;
  
      text-transform: lowercase;
      text-align: left;
  }
  
  .night {
      font-size: 15px;
      text-transform: uppercase;
  }
  
  .icon {
      width: 90px;
      height: 90px;
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
      overflow: visible;
  
  }
  
  
  .temp {
      font-size: 73px;
      display: block;
      position: relative;
      font-weight: bold;
  }
  
  svg {
      color: #fff;
      fill: currentColor;
  }
  
  
  .wind svg {
      width: 18px;
      height: 18px;
      margin-top: 20px;
      margin-right: 10px;
      vertical-align: bottom;
  }
  
  .wind span {
      font-size: 13px;
      text-transform: uppercase;
  }
  
  .city-selected:hover figure {
      opacity: 0.4;
  }
  .calendar{
    margin: 20px auto;
    min-width: 150px;
    max-width: 240px;
  }
  
  .ui-datepicker-header {
      color: #333;
      font-weight: bold;
      line-height: 30px;
  }
  
  .ui-datepicker {
    text-align: center;
    font-family: "Helvetica";
    color: #666;
    position: relative;
  }
  
  .date-block{
    text-align: center;
    background: #D32;
    font-family: "Helvetica";
    color: #F4F4F4;
    font-size: 18pt;
    padding: 10px;
  
  }
  
  .date-day{
    font-size: 24pt;
  }
  .date-date{
    font-size: 48pt;
  }
  
  .ui-datepicker-prev, .ui-datepicker-next {
      display: inline-block;
      font-family: FontAwesome;
      width: 52px;
      height: 30px;
      text-align: center;
      cursor: pointer;
      background-color:none;
      background-repeat: no-repeat;
      overflow: hidden;
      position: absolute;
      color: #D54;
  }
  .ui-datepicker-prev {
      left: 0;
      border-radius:0 0 30px 0;
  }
  .ui-datepicker-next {
      right: 0;
      border-radius:0 0 0 30px;
  }
  
  .ui-datepicker-prev:before {
    content: "\f053";
    display: block;
  }
  
  .ui-datepicker-next:before {
    content: "\f054";
    display: block;
  
  }
  
  .ui-datepicker-year{
    font-weight: normal;
    color: #999;
  }
  
  
  .ui-datepicker-month{
    font-weight: bold;
    background: #EEE;
    font-size: 12pt;
    border: none;
  }
  
  .ui-datepicker-calendar {
    border-collapse:collapse;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    font-family: "Helvetica";
  }
  
  .ui-datepicker td a, .ui-datepicker td span{
    text-decoration: none;
    display: block;
    width: 100%;
    font-size: 12px;
    padding: 10px 0;
    color: #333;
    border-radius: 50%;
    transition:all .1s ease;
  }
  
  .ui-datepicker td span{
    color: #BBB;
  }
  
  .ui-datepicker .ui-state-active {
    background: #BBB;
  }
  .ui-datepicker .ui-state-highlight {
    background: #FFF;
    color: #D32;
  }
  
  
  .ui-datepicker a:hover {
    background: #d32;
    color: #FAFAFA;
  }
  .result-item{position:relative;background-color:#fff;border-radius:2px;font-size:14px;margin-bottom:40px;border-bottom:2px solid #dedede;}
      .result-item-all{margin-bottom:15px;}
      .result-item .label-ss{color:#fff;background-color:#3598db;padding:2px 12px;}
      .result-item .item-body+.item-body+.item-body+.item-body+.item-body{display:none;}
      .result-item .item-hidden{display:none;}
      .result-item-open .item-body+.item-body+.item-body+.item-body+.item-body{display:block;}
      .result-item-open .item-hidden{display:block;}
      .result-item .item-hd{margin-bottom:-1px;position:relative;padding:20px 10px 15px 60px;border-bottom:1px solid #e2e2e2;box-shadow:0 2px 4px #dbdbdb;}
      .result-item .item-hd .airline-logo{position:absolute;left:15px;top:15px;}
      .result-item .item-hd .airline{float:left;width:29%;line-height:1.28;font-size:12px;}
      .result-item .item-hd .airline .name{font-size:14px;}
      .result-item .item-hd .airline .name .other{cursor:help;}
      .result-item .item-hd .airline .model{margin-top:2px;cursor:pointer;}
      .result-item .item-hd .airline .model:hover .icon-flight-model{background-position:-152px -224px;}
      .result-item .item-hd .airline .model .icon-flight-model{cursor:pointer;}
      .result-item .item-hd .airline .model .icon-flight-model:hover{background-position:-152px -224px;}
      .result-item .item-hd .airline .weaken{color:#999;}
      .result-item .item-hd .flight-time{float:left;width:40%;}
      .result-item .item-hd .time-cell{display:inline-block;vertical-align:top;text-align:center;width:30%;*display:inline;*zoom:1;}
      .result-item .item-hd .time-cell .stopover{color:#999;font-size:12px;}
      .result-item .item-hd .time-cell .stopover .nonstop{margin-top:5px;font-size:12px;display:inline-block;background-color:#55af32;color:#fff;padding:0 5px;*display:inline;*zoom:1;}
      .result-item .item-hd .time-cell .time{font-size:24px;line-height:1.2;}
      .result-item .item-hd .time-cell .code{font-size:16px;}
      .result-item .item-hd .time-cell .code .c{color:#1171b7;cursor:help;}
      .result-item .item-hd .arrive-cell{position:relative;}
      .result-item .item-hd .arrive-cell .day-plus{position:absolute;top:-1.2em;right:12px;}
      .result-item .item-hd .arrive-cell .icon-night-moon{position:absolute;right:-10px;top:8px;}
      .result-item .item-hd .line-cell{width:36%;}
      .result-item .item-hd .line-cell .line{border-bottom:2px solid #999;padding-top:12px;position:relative;margin-bottom:6px;*height:0;*line-height:0;}
      .result-item .item-hd .line-cell .line .icon-right-arrow-gray{position:absolute;right:0;top:5px;}
      .result-item .item-hd .line-cell .line .trans-cirle{position:absolute;width:16px;height:8px;border:2px solid #999;background:#fff;border-radius:12px;bottom:-7px;left:50%;margin-left:-10px;}
      .result-item .item-hd .line-cell .line .stop-dot{position:absolute;width:12px;height:12px;border:2px solid #fff;background:#999;border-radius:12px;bottom:-9px;left:50%;margin-left:-8px;}
      .result-item .item-hd .duration-stop{float:left;width:10%;padding-left:35px;}
      .result-item .item-hd .duration-stop .duration{margin-bottom:10px;}
      .result-item .item-hd .duration-stop .stop{line-height:1.1;}
      .result-item .item-hd .duration-stop .stop .city{display:inline-block;}
      .result-item .item-hd .duration-stop .icon-duration-clock{margin-right:4px;}
      .result-item .item-hd .details{float:left;width:15%;text-align:right;}
      .result-item .item-hd .details .flight-num,
      .result-item .item-hd .details .detail-trigger{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
      .result-item .item-hd .details .detail-trigger .icon-info{margin-right:3px;position:relative;top:-1px;}
      .result-item .item-hd .details .flight-num{margin-bottom:8px;font-size:12px;cursor:pointer;}
      .result-item .item-hd .details .detail-trigger{color:#1171b7;cursor:pointer;}
      .result-item .item-hd .details .detail-trigger:hover{text-decoration:underline;}
      .result-item .item-body{padding-left:20px;padding-right:10px;}
      .result-item .item-body:hover{background-color:#f5f5f5;}
      .result-item .item-body .tbl{width:100%;}
      .result-item .item-body .row{border-top:1px solid #ddd;*border-top:1px solid #ddd;}
      .result-item .item-body .row:before,
      .result-item .item-body .row:after{content:"";display:table;}
      .result-item .item-body .row:after{clear:both;}
      .result-item .item-body .row{*zoom:1;}
      .result-item .item-body .cell{float:left;vertical-align:top;padding-top:15px;box-sizing:border-box;padding-bottom:15px;*float:left;*border-top:0 none;}
      .result-item .item-body .cell-class{line-height:1.2;padding-top:19px;width:13%;position:relative;padding-left:3px;}
      .result-item .item-body .cell-class .icon-recommanded{position:absolute;left:-15px;}
      .result-item .item-body .cell-ticket{width:21%;padding-right:10px;}
      .result-item .item-body .cell-ticket .label{background-color:#fff;max-width:100%;box-sizing:border-box;cursor:help;border-radius:30px;padding:0 10px;display:inline-block;height:30px;border:1px solid #ddd;line-height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
      .result-item .item-body .cell-ticket .label .f-icon{margin-right:5px;}
      .result-item .item-body .cell-ticket .hotel-coupon{padding-left:4px;color:#55af32;cursor:help;}
      .result-item .item-body .cell-ticket .hotel-coupon .icon-gift-green{margin-right:5px;}
      .result-item .item-body .cell-baggage{padding-top:20px;width:15%;color:#e74c3c;*width:14%;}
      .result-item .item-body .cell-baggage .non-free{padding-left:22px;position:relative;/*cursor:pointer;*/display:block;color:#e74c3c;/*cursor:help;*/}
      .result-item .item-body .cell-baggage .limit{position:relative;padding-left:22px;display:block;color:#ffa000;font-size:12px;cursor:help;}
      .result-item .item-body .cell-baggage .limit .icon-warning-triangle{position:absolute;left:0;top:1px;}
      .result-item .item-body .cell-baggage .deal{font-size:12px;color:#1171b7;}
      .result-item .item-body .cell-baggage .deal .c-icon{margin-left:3px;margin-right:7px;position:relative;top:-1px;}
      .result-item .item-body .cell-baggage .icon-non-free{position:absolute;left:0;top:3px;}
      .result-item .item-body .cell-policy{width:20%;padding-top:21px;line-height:1.4;*width:21%;}
      .result-item .item-body .cell-policy .policy{cursor:pointer;color:#1171b7;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
      .result-item .item-body .cell-policy .policy:hover{text-decoration:underline;}
      .result-item .item-body .cell-policy .no-amanable{color:#e74c3c;}
      .result-item .item-body .cell-policy .high-amendament{color:#ffa000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
      .result-item .item-body .cell-price{width:19%;line-height:1;padding-right:5px;text-align:right;*width:16%;}
      .result-item .item-body .cell-price .price-currency{color:#666;}
      .result-item .item-body .cell-price .price-num{font-size:22px;line-height:1.2;}
      .result-item .item-body .lowest .price-currency,
      .result-item .item-body .lowest .price-num{color:#f60;}
      .result-item .item-body .multi-type .c-price{padding-bottom:1px;cursor:help;border-bottom:1px solid #1171b7;}
      .result-item .item-body .multi-type .price-currency,
      .result-item .item-body .multi-type .price-num{color:#1171b7;}
      .result-item .item-body .lowest .c-price{border-color:#f60;}
      .result-item .item-body .lowest .price-currency,
      .result-item .item-body .lowest .price-num{color:#f60;}
      .result-item .item-body .cell-price .taxes{color:#999;margin-top: 2px;}
      .result-item .item-body .cell-price .taxes .price-brick{display:inline-block;*display:inline;*zoom:1;}
      .result-item .item-body .cell-action{padding-top:17px;width:12%;text-align:right;}
      .result-item .more-fares{color:#1171b7;cursor:pointer;right:80px;position:absolute;background:#fff url(//pic.english.c-ctrip.com/common_v3/bg-btm-lbl-r.png) no-repeat 0 0;padding-left:22px;height:30px;line-height:30px;}
      .result-item .more-fares .inner{padding-right:22px;background:#fff url(//pic.english.c-ctrip.com/common_v3/bg-btm-lbl-r.png) no-repeat 100% 0;}
      .result-item .more-fares .dropdown-arrow{border-top-color:#1171b7;vertical-align:0px;}
      .result-item-open .more-fares .dropdown-arrow{border:5px solid transparent;border-bottom-color:#1171b7;vertical-align:5px;}