/* Scss Document */
/**/
/* screen resolutio*/
/* mixin start*/
.YTPOverlay {
  background: transparent; }

.exotic-vacation-row {
  float: left;
  width: 100%;
  margin: 40px 0; }

.exotic-vacation-top {
  float: left;
  width: 100%; }
  .exotic-vacation-top p {
    margin-bottom: 10px; }
    .exotic-vacation-top p a {
      color: #66b6d8; }
  .exotic-vacation-top .box-col-12 {
    float: left;
    width: 100%; }
  .exotic-vacation-top .grey-box-with-dropdown-with-slide-down {
    font-family: "Roboto", sans-serif;
    font-size: 0.938em;
    float: left;
    width: 57%;
    margin-right: 4%; }
    .exotic-vacation-top .grey-box-with-dropdown-with-slide-down.offerInclusions {
      width: 39%;
      margin-right: 0; }
    .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-heading {
      line-height: 100%;
      padding: 10px 15px;
      background: #ebebeb; }
      .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-heading span {
        font-weight: 300; }
    .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls {
      position: relative; }
      .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls.offer-detail-box {
        padding-bottom: 0px;
        border-bottom: none;
        margin-bottom: 40px; }
      .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading {
        padding: 6px 0px 0px 15px;
        font-size: 15px;
        font-family: "Roboto", sans-serif; }
        .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading select {
          font-size: 14px;
          font-weight: 300;
          border: none;
          padding: 5px 10px;
          color: #000;
          font-weight: 300;
          font-family: "Roboto", sans-serif;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          background: url(/images/OberoiHotels/contact-us-form/select-arrow.png) right 10px center no-repeat #fff;
          width: 280px; }
        .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading span {
          padding: 0px 30px 0px 15px;
          position: relative;
          cursor: pointer; }
          .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading span:after {
            content: " ";
            border-bottom: 2px solid #737373;
            border-right: 2px solid #737373;
            top: 50%;
            margin-top: -6px;
            height: 7px;
            right: 0px;
            position: absolute;
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 7px;
            z-index: 2; }
        .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading.active span:after {
          -moz-transform: rotate(224deg);
          -webkit-transform: rotate(224deg);
          -ms-transform: rotate(224deg);
          -o-transform: rotate(224deg);
          transform: rotate(224deg);
          margin-top: -2px; }
      .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-content-dtls {
        width: 100%;
        float: left;
        min-height: 280px;
        max-height: none;
        -moz-transition: max-height 1s ease-out;
        -webkit-transition: max-height 1s ease-out;
        -o-transition: max-height 1s ease-out;
        transition: max-height 1s ease-out;
        position: relative; }
        .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-content-dtls.active {
          max-height: 800px;
          -moz-transition: max-height 1s ease-in;
          -webkit-transition: max-height 1s ease-in;
          -o-transition: max-height 1s ease-in;
          transition: max-height 1s ease-in; }
      .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .down-arrow {
        content: " ";
        border-bottom: 2px solid #d97720;
        border-right: 2px solid #d97720;
        bottom: 10px;
        height: 10px;
        left: 50%;
        position: absolute;
        -moz-transform: rotate(45deg) translateX(-50%);
        -webkit-transform: rotate(45deg) translateX(-50%);
        -ms-transform: rotate(45deg) translateX(-50%);
        -o-transform: rotate(45deg) translateX(-50%);
        transform: rotate(45deg) translateX(-50%);
        width: 10px;
        z-index: 2;
        cursor: pointer; }
        .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .down-arrow.active {
          -moz-transform: rotate(224deg);
          -webkit-transform: rotate(224deg);
          -ms-transform: rotate(224deg);
          -o-transform: rotate(224deg);
          transform: rotate(224deg); }
      .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls ul {
        padding-left: 30px;
        margin-bottom: 35px; }
        .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls ul li {
          font-size: 15px;
          font-family: "Roboto", sans-serif;
          margin-top: 10px;
          font-weight: 300; }
      .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap {
        width: 100%;
        float: left;
        padding-left: 15px; }
        .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .box {
          padding-bottom: 25px; }
        .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-heading {
          font-size: 15px;
          font-family: "Roboto", sans-serif;
          width: 100%;
          float: left;
          font-weight: 600; }
        .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec {
          width: 100%;
          float: left; }
          .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col {
            font-size: 15px;
            font-family: "Roboto", sans-serif;
            margin-top: 20px;
            font-weight: 300; }
            .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col span {
              display: block;
              font-weight: 300;
              font-size: 12px; }
            .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col.col-big {
              float: left;
              width: 50%; }
            .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col.col-small {
              float: left;
              width: 25%; }
      .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table {
        width: 100%;
        margin-top: 22px; }
        .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr th,
        .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr td {
          text-align: left;
          padding: 10px 15px;
          font-size: 0.938em;
          vertical-align: top; }
        .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr th {
          font-weight: 500; }
          .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr th span {
            font-weight: 300;
            font-size: 80%; }
      .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .tnc-txt {
        margin: 15px 0px 5px 0px;
        text-align: right;
        font-size: 11px;
        font-weight: 300;
        font-family: "Roboto", sans-serif;
        float: left;
        width: 100%;
        position: absolute;
        bottom: 5px;
        right: 0px;
        padding: 10px 0;
        border-bottom: 1px solid #ebebeb; }
  .exotic-vacation-top .box-col12 {
    float: left;
    width: 100%; }
  .exotic-vacation-top .box-col2 {
    float: left;
    width: 39%; }

@media only screen and (max-width: 991px) {
  .box-col2 {
    display: none; }

  .box-col1,
  .box-col2 {
    width: 100%;
    margin-right: 0px; } }
@media only screen and (max-width: 767px) {
  .exotic-vacation-row {
    margin: 20px 0; }

  .exotic-vacation-top .grey-box-with-dropdown-with-slide-down {
    width: 100%;
    margin: 0;
    font-size: 0.8rem; }
    .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls.offer-detail-box {
      padding: 0; }
    .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .tnc-txt {
      position: relative; }
    .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col {
      font-size: 0.8rem; }
    .exotic-vacation-top .grey-box-with-dropdown-with-slide-down.offerInclusions {
      width: 100%; }
      .exotic-vacation-top .grey-box-with-dropdown-with-slide-down.offerInclusions .grey-box-info-dtls ul li {
        font-size: 0.8rem; }
  .exotic-vacation-top .grey-box-main-wrap {
    margin-bottom: 15px; }
  .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-heading {
    padding: 10px 5px; }
  .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table {
    margin-top: 22px; }
    .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr th,
    .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls table tr td {
      padding: 10px 5px;
      font-size: 13px; }
  .exotic-vacation-top .box-col2 {
    text-align: center; }
  .exotic-vacation-top .booking-engine {
    margin-top: 20px; }
  .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading select {
    font-size: 13px;
    padding: 5px 10% 5px 5px; }
  .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading {
    font-size: 13px;
    padding: 6px 0px 0px 6px; }
  .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .info-box-heading span {
    font-size: 13px;
    padding: 0px 15px 0px 5px;
    display: inline-block; }
  .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls ul {
    padding-left: 22px; }
  .exotic-vacation-top .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap {
    padding-left: 6px; } }
@media only screen and (max-width: 359px) {
  .grey-box-with-dropdown-with-slide-down .grey-box-info-dtls .grey-box-col-wrap .grey-box-col-sec .grey-box-col span {
    font-size: 11px; } }

/*# sourceMappingURL=exotic-vacation-top.css.map */