.tour-detail-wrapper {
  margin-top: 40px; }
  .tour-detail-wrapper .card-wrapper {
    padding: 15px;
    float: right;
    width: 100%; }
    .tour-detail-wrapper .card-wrapper hr {
      color: #414f68; }
  .tour-detail-wrapper .flight-route-detail .route-detail .flight-detail .details.flight-pin i.fa-bus {
    transform: none !important; }
  .tour-detail-wrapper .gallery-wrapper {
    margin: auto;
    width: 96%; }
  .tour-detail-wrapper .passengers-info .submit-wrapper {
    padding-right: 0 !important; }
  .tour-detail-wrapper .col-md-9 {
    padding-left: 0 !important; }
  .tour-detail-wrapper .tour-top-detail {
    float: right;
    width: 100%;
    text-align: center;
    display: block;
    padding: 10px 0px 20px; }
    .tour-detail-wrapper .tour-top-detail .tour-name {
      color: #2d3749;
      font-weight: bold;
      display: block !important;
      margin-bottom: 15px; }
    .tour-detail-wrapper .tour-top-detail > span:first-child {
      margin-left: 10px; }
    .tour-detail-wrapper .tour-top-detail span.top-address {
      width: 100%;
      display: block;
      padding: 10px 0px 0; }
  .tour-detail-wrapper .tour-bottom-detail {
    margin-top: 26px; }
    .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content {
      margin-bottom: 16px;
      border-radius: 5px;
      /* border: 1px dotted #37c5c2; */
      padding: 15px;
      float: right;
      width: 100%;
      background: linear-gradient(to bottom, #e5f7fe, transparent); }
      .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content i.fa-train-left, .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content fa-bus {
        transform: rotate(0) scale(-1, 1) !important; }
      .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content h5 {
        background-color: #cceffd;
        padding: 10px;
        padding-bottom: 15px;
        position: relative;
        float: right;
        margin-top: 0 !important;
        /* font-weight: bold; */
        margin: 0 -15px 15px;
        width: 103.7%;
        position: relative;
        top: -15px;
        border-radius: 5px 5px 0 0;
        border-bottom: 1px dotted #37c5c2; }
        .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content h5 .hotel-degree i {
          color: orange;
          font-size: 14px !important;
          top: 3px;
          position: relative; }
        .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content h5:after {
          content: '';
          float: right;
          height: 1px;
          position: absolute;
          right: 0;
          border-bottom: 1px solid red;
          top: 35px; }
        .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content h5 i {
          font-size: 18px !important;
          padding-left: 3px;
          color: #0aaff3; }
      .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content.facilities h5 {
        margin-bottom: 20px; }
      .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content.facilities .facilities-content {
        float: right;
        width: 100%;
        border-bottom: 1px dotted lightgray;
        padding: 5px 13px;
        border-radius: 5px;
        background-color: whitesmoke;
        margin-bottom: 6px; }
        .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content.facilities .facilities-content h6 {
          font-size: 13px !important;
          font-family: 'Estedad';
          width: 30% !important;
          float: right; }
        .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content.facilities .facilities-content .facilities-box {
          width: 70%;
          display: inline-block; }
        .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content.facilities .facilities-content span.facilities-content-item {
          display: inline-block;
          line-height: 2.8;
          margin-right: 10px; }
          .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content.facilities .facilities-content span.facilities-content-item span {
            float: right;
            white-space: nowrap;
            direction: rtl; }
          .tour-detail-wrapper .tour-bottom-detail .bottom-detail-content.facilities .facilities-content span.facilities-content-item i {
            color: #36c5c2;
            margin-left: 3px; }
    .tour-detail-wrapper .tour-bottom-detail .flight-route-detail {
      float: right;
      width: 100%;
      /*.route {
                margin-top: 0 !important;

                &:first-child {
                    position: relative;
                    top: 100px;
                }

                &:nth-of-type(2) {
                    position: relative;
                    top: -100px;
                }
            }*/ }
  .tour-detail-wrapper .tour-reserve {
    background: #fff;
    float: right;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px; }
    .tour-detail-wrapper .tour-reserve .title {
      background: #f5f5f5;
      text-align: center;
      padding: 10px;
      font-weight: bold;
      border-radius: 10px 10px 0 0;
      color: #333; }
    .tour-detail-wrapper .tour-reserve .tour-multiple-room {
      float: right;
      width: 100%; }
      .tour-detail-wrapper .tour-reserve .tour-multiple-room .tour-class {
        border-bottom: 1px solid lightgray;
        float: right;
        padding: 10px 20px;
        width: 100%; }
        .tour-detail-wrapper .tour-reserve .tour-multiple-room .tour-class > div {
          height: 45px;
          padding-top: 10px !important; }
          .tour-detail-wrapper .tour-reserve .tour-multiple-room .tour-class > div .room-name, .tour-detail-wrapper .tour-reserve .tour-multiple-room .tour-class > div .counter-detail {
            font-weight: bold; }
            .tour-detail-wrapper .tour-reserve .tour-multiple-room .tour-class > div .room-name .col-xs-6, .tour-detail-wrapper .tour-reserve .tour-multiple-room .tour-class > div .counter-detail .col-xs-6 {
              padding: 0 8px !important; }
              .tour-detail-wrapper .tour-reserve .tour-multiple-room .tour-class > div .room-name .col-xs-6 .form-control, .tour-detail-wrapper .tour-reserve .tour-multiple-room .tour-class > div .counter-detail .col-xs-6 .form-control {
                height: 25px;
                padding: 0;
                text-align: center; }
            .tour-detail-wrapper .tour-reserve .tour-multiple-room .tour-class > div .room-name button, .tour-detail-wrapper .tour-reserve .tour-multiple-room .tour-class > div .counter-detail button {
              width: 25px;
              height: 25px;
              font-size: 18px;
              margin: 0; }
              .tour-detail-wrapper .tour-reserve .tour-multiple-room .tour-class > div .room-name button.decrease, .tour-detail-wrapper .tour-reserve .tour-multiple-room .tour-class > div .counter-detail button.decrease {
                float: left; }
      .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour {
        padding: 10px; }
        .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger {
          float: right;
          padding: 10px 10px 0;
          border: 1px dotted #d3d3d3;
          margin: 8px 0; }
          .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger > div {
            float: right;
            margin-bottom: 5%;
            width: 100%; }
            .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger > div.search-field-wrapper.age-child {
              margin-top: 10px; }
              .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger > div.search-field-wrapper.age-child .select-room select.field {
                height: 25px; }
          .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .room-name {
            color: #0aaff3; }
          .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .title-room {
            width: 60% !important; }
            .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .title-room .search-label.active {
              display: inline-block;
              padding-right: 5px; }
          .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .title-room, .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .select-room {
            float: right;
            width: 40%;
            font-weight: bold; }
            .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .title-room .col-xs-6, .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .select-room .col-xs-6 {
              padding: 0 8px !important; }
            .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .title-room small, .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .select-room small {
              display: block;
              text-align: center;
              font-size: 9px;
              padding-top: 5px; }
            .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .title-room i, .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .select-room i {
              display: inline-block; }
              .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .title-room i.fa.fa-user, .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .select-room i.fa.fa-user {
                position: relative;
                top: -18px; }
            .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .title-room .form-control, .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .select-room .form-control {
              height: 25px;
              padding: 0;
              text-align: center; }
            .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .title-room button, .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .select-room button {
              width: 25px;
              height: 25px;
              font-size: 18px;
              margin: 0; }
              .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .title-room button.decrease, .tour-detail-wrapper .tour-reserve .tour-multiple-room .passenegrs-tour .tour-passenger .select-room button.decrease {
                float: left; }
      .tour-detail-wrapper .tour-reserve .tour-multiple-room .price {
        background: #f5f5f5;
        font-weight: bold;
        border-radius: 0 0 10px 10px;
        width: 100%;
        border-top: 1px solid lightgray;
        float: right;
        padding: 10px 20px; }
        .tour-detail-wrapper .tour-reserve .tour-multiple-room .price span {
          color: #333;
          font-weight: bold;
          display: inline-block;
          float: left; }
          .tour-detail-wrapper .tour-reserve .tour-multiple-room .price span.title-price {
            float: right; }
  .tour-detail-wrapper .flight-route-detail .route-detail .flight-detail .details.flight-pin > span.down-detail {
    bottom: 35px !important; }
  .tour-detail-wrapper .logo-content {
    /* float: right; */
    text-align: center;
    margin: auto !important;
    float: initial !important; }
    .tour-detail-wrapper .logo-content img {
      width: 100%;
      margin-bottom: 15px; }
    .tour-detail-wrapper .logo-content .name {
      display: block;
      text-align: center;
      padding: 5px; }
      .tour-detail-wrapper .logo-content .name b {
        min-width: 66px !important;
        display: inline-block;
        text-align: right; }
      .tour-detail-wrapper .logo-content .name i {
        position: absolute;
        right: 50px;
        color: #37c5c2; }
    .tour-detail-wrapper .logo-content > span {
      font-weight: bold;
      font-size: 14px;
      margin-bottom: 20px;
      display: inline-block;
      color: #45536e; }
      .tour-detail-wrapper .logo-content > span i {
        color: #0aaff3;
        font-size: 25px !important;
        position: absolute;
        right: 40px; }

.field-wrapper {
  /*----preparation----*/ }
  .field-wrapper .search-field {
    padding: 5px 10px;
    height: 35px;
    max-width: initial;
    border: 0;
    border-left: 1px solid lightgray;
    width: 100%;
    background-color: white;
    display: block;
    border-bottom: 3px solid transparent;
    outline: none !important;
    font-size: 14px;
    color: #333;
    text-align: right; }
  .field-wrapper .preparation-wrapper {
    width: 120px;
    margin: auto; }
    .field-wrapper .preparation-wrapper img {
      width: 120px; }
    .field-wrapper .preparation-wrapper h2 {
      font-size: 16px;
      color: #ffffff;
      font-weight: bold;
      margin-bottom: 2px;
      text-align: center; }
  .field-wrapper .field.padding-first-calender, .field-wrapper .field.padding-second-calender {
    padding-right: 70px !important; }
  .field-wrapper.advanced-items {
    position: relative; }
    .field-wrapper.advanced-items > ul {
      position: relative;
      z-index: 9;
      max-height: inherit;
      width: 104%;
      overflow: initial !important;
      max-height: initial !important; }
    .field-wrapper.advanced-items li.flight-class {
      border: 0; }
    .field-wrapper.advanced-items > i {
      right: initial !important;
      left: 10px;
      position: absolute;
      left: 24px;
      top: 21px; }
    .field-wrapper.advanced-items > ul > li {
      display: block;
      width: 100%;
      padding-bottom: 10px;
      color: black;
      margin-bottom: 10px; }
  .field-wrapper .advanced-items-label {
    margin-left: 0;
    float: right; }
    .field-wrapper .advanced-items-label label {
      white-space: nowrap;
      font-size: 14px;
      margin-top: 7px; }
  .field-wrapper .counter {
    float: left;
    position: relative;
    width: 90px; }
    .field-wrapper .counter input {
      width: 100%;
      text-align: center;
      height: 30px;
      border: 1px solid lightgray;
      pointer-events: none;
      font-size: 15px; }
    .field-wrapper .counter span:hover {
      opacity: 0.6; }
  .field-wrapper span.increase, .field-wrapper span.decrease {
    display: block;
    width: 24px;
    background-color: #0aaff3;
    height: 24px;
    position: absolute;
    text-align: center;
    line-height: 1.4;
    font-size: 19px;
    color: white;
    border: 1px solid white;
    left: 3px;
    top: 3px;
    cursor: pointer; }
  .field-wrapper span.increase {
    right: 3px;
    left: initial;
    line-height: 1.6; }
  .field-wrapper .choice-class {
    float: left;
    width: 150px;
    position: relative; }
    .field-wrapper .choice-class ul {
      position: absolute !important;
      top: 30px;
      border: 1px solid lightgray;
      right: 0;
      width: 100%;
      background-color: whitesmoke; }
    .field-wrapper .choice-class li {
      font-size: 14px;
      padding: 5px 5px;
      border-bottom: 1px solid lightgray;
      width: 100%;
      text-align: center;
      cursor: pointer; }
      .field-wrapper .choice-class li:hover {
        background-color: white; }
    .field-wrapper .choice-class input {
      border: 1px solid lightgray;
      padding: 5px 10px;
      height: 30px;
      width: 100%;
      font-size: 14px;
      cursor: pointer; }
      .field-wrapper .choice-class input:hover {
        opacity: 0.7; }
    .field-wrapper .choice-class i {
      position: absolute;
      left: 10px;
      top: 8px;
      font-size: 15px !important;
      pointer-events: none; }
  .field-wrapper .advanced-itemses-label small {
    color: gray;
    font-size: 10px; }
  .field-wrapper .search-form-popup {
    -moz-box-shadow: 1px 1px 7px 0px rgba(37, 53, 50, 0.37);
    -webkit-box-shadow: 1px 1px 7px 0px rgba(37, 53, 50, 0.37);
    box-shadow: 1px 1px 7px 0px rgba(37, 53, 50, 0.37);
    background-color: white;
    width: 380px;
    position: absolute;
    /*top: 505px;
    left: 290px;*/
    padding: 10px 10px;
    margin-left: -190px;
    z-index: 9999; }
    .field-wrapper .search-form-popup li {
      width: 100%;
      background-color: white;
      padding: 5px 0 8px 8px;
      text-align: center;
      border-bottom: 1px solid #eee;
      cursor: pointer; }
      .field-wrapper .search-form-popup li:last-child {
        border-bottom: 0 !important; }
      .field-wrapper .search-form-popup li.on-other-field-selected {
        background-color: #eee !important;
        color: darkgray; }
    .field-wrapper .search-form-popup:not(.advanced-items) li:not(.no-data):hover {
      background-color: whitesmoke !important; }
    .field-wrapper .search-form-popup ul {
      max-height: 180px;
      float: right;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 0 !important;
      width: 100%;
      z-index: 99;
      position: relative; }
      .field-wrapper .search-form-popup ul::-webkit-scrollbar {
        width: 3px; }
      .field-wrapper .search-form-popup ul::-webkit-scrollbar-thumb {
        background-color: gray;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
      .field-wrapper .search-form-popup ul::-webkit-scrollbar-track {
        background-color: #eee;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
      .field-wrapper .search-form-popup ul::-webkit-scrollbar-track:start {
        background-color: transparent; }
      .field-wrapper .search-form-popup ul body {
        scrollbar-face-color: gray;
        scrollbar-track-color: #eee; }
    .field-wrapper .search-form-popup .city-name {
      float: right;
      width: 310px;
      /*direction: ltr;*/
      font-size: 15px;
      overflow: hidden;
      text-align: right; }
    .field-wrapper .search-form-popup .iata-code {
      float: left;
      width: 30px;
      text-align: left; }
    .field-wrapper .search-form-popup li.no-data {
      font-size: 15px;
      border: 0;
      cursor: default; }
    .field-wrapper .search-form-popup:before {
      content: "";
      display: block;
      top: -24px;
      width: 12px;
      border: 12px solid transparent;
      border-bottom-color: white;
      position: absolute !important;
      right: 0;
      left: 0;
      margin: auto !important; }