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

  .exotic-vacation-top .inlinePlayButton {
    font-family: ytpregular;
    font-size: 45px;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    width: 80px;
    height: 80px;
    line-height: 80px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    opacity: .8;
    transition: all .4s;
    transform: scale(1.3);
    display: block!important;
}
.exotic-vacation-top .inlinePlayButton:hover {
    background-color: rgba(0, 0, 0, 1);
    transform: scale(1.3) !important;
}

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

.exotic-vacation-top {
  float: left;
  width: 100%; }
  .exotic-vacation-top p {
    margin-bottom: 10px; 
    font-family: "verdanaN";
    font-size: 1.188em;
  }
    .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:"Verdana",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; 
      color: #606161;
       font-family:"Verdana",sans-serif;
    }
      .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:"Verdana",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:"Verdana",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:"Verdana",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:"Verdana",sans-serif;
          width: 100%;
          float: left;
          font-weight: 600; 
          color: #606161;
        }
        .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:"Verdana",sans-serif;
            margin-top: 20px;
            font-weight: 300; 
            color: #606161;
          }
            .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%; 
              color: #606161;
            }
            .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%; 
              color: #606161;
            }
      .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:"Verdana",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%; }
  .price-wrapp{
    font-family: 'Verdana';
    color: #606161;
    font-weight: 400;
  }
  .date-box-heading select{
    font-family: 'Verdana';
    color: #606161;
    font-weight: 400;
  }

    @media screen and (max-width: 1599px){
      .exotic-vacation-top p{
            font-size: 0.937em;
      }
    }

@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 */