body, p, h1, h2, h3, h4, h5, h6, li, ul, span {
  font-family: 'Roboto', sans-serif; }

body {
  font-size: 14px;
  padding-top: 110px; }

hr {
  width: 100%;
  color: #E7E7E7;
  height: 1px;
  background-color: #E7E7E7; }

/**************************************
              Bootstrap hacks
**************************************/
/* Radius */
.btn, input[type='text'], select, input[type='button'] {
  border-radius: 1px; }

/* Radius */
/**************************************
              Bootstrap hacks
**************************************/
#header {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 100; }
  #header nav {
    background-color: #2356A8;
    color: #fff;
    border: 0px;
    border-radius: 0px;
    margin-bottom: 0px; }
    #header nav .navbar-brand img {
      max-height: 60px;
      position: relative;
      top: -15px; }
    #header nav .navbar-collapse {
      padding-top: 5px; }
      #header nav .navbar-collapse ul li a {
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 300; }
      #header nav .navbar-collapse ul li a.active::after, #header nav .navbar-collapse ul li a:hover::after, #header nav .navbar-collapse ul li a:focus::after {
        content: "";
        display: block;
        background-color: #DD1E2F;
        width: 50px;
        height: 2px;
        margin-top: 5px;
        margin: auto; }
  #header #subnav {
    box-shadow: 0 0 3px #999;
    margin-bottom: 30px;
    background-color: #fff; }
    #header #subnav ul {
      font-size: 13px;
      margin: 0px;
      padding-top: 5px;
      padding-bottom: 5px;
      text-align: right; }
      #header #subnav ul li {
        display: inline-block;
        margin-left: 15px; }
        #header #subnav ul li i {
          color: #444; }
  @media screen and (min-width: 992px) {
    #header nav {
      min-height: 60px; } }

#right {
  min-height: 600px;
  padding-bottom: 50px; }

/*************************************
             Defined classes
**************************************/
.box {
  box-shadow: 0px 0px 3px #999; }
  .box h4:first-child {
    background-color: #2356A8;
    color: #fff;
    padding: 10px;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    margin-top: 0px; }
    .box h4:first-child i {
      font-weight: 300; }
  .box .box-body {
    padding: 10px; }

/*************************************
             Defined classes
**************************************/
/*************************************
            Search box
**************************************/
#search_box {
  margin-bottom: 20px; }
  #search_box .form-group {
    margin-bottom: 10px; }
    #search_box .form-group .control-label {
      font-weight: normal;
      padding-right: 2px; }
    #search_box .form-group .input-group {
      margin-bottom: 0px; }
  @media screen and (min-width: 481px) and (max-width: 767px) {
    #search_box .form-group {
      width: 48%;
      display: inline-block;
      margin-left: 0px;
      margin-right: 0px;
      vertical-align: top; }
      #search_box .form-group .control-label {
        font-size: 13px; }
    #search_box .buttondiv {
      text-align: center;
      width: 200%; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    #search_box .form-group {
      margin-bottom: 0px; }
      #search_box .form-group label.control-label, #search_box .form-group label.control-label + div {
        width: 100%;
        text-align: left;
        font-size: 13px; }
      #search_box .form-group .buttondiv {
        padding-top: 10px; } }

/*************************************
            Search box
**************************************/
/*************************************
            Top Destinations
**************************************/
.topdestibox .grid {
  position: relative;
  margin: 0 auto 10px;
  padding: 1em 0 4em;
  max-width: 1000px;
  list-style: none;
  text-align: center;
  display: block;
  /* Roxy */
  /* Roxy */ }
  .topdestibox .grid figure {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 10px;
    min-width: 100px;
    max-width: 480px;
    max-height: 360px;
    width: 95%;
    background: #3085a3;
    text-align: center;
    cursor: pointer; }
    .topdestibox .grid figure img {
      position: relative;
      display: block;
      min-height: 100%;
      max-width: 100%;
      opacity: 0.8; }
    .topdestibox .grid figure figcaption {
      padding: 2em;
      color: #fff;
      text-transform: uppercase;
      font-size: 1.25em;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .topdestibox .grid figure figcaption::before, .topdestibox .grid figure figcaption::after {
      pointer-events: none; }
    .topdestibox .grid figure figcaption, .topdestibox .grid figure figcaption > a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .topdestibox .grid figure figcaption > a {
      z-index: 1000;
      text-indent: 200%;
      white-space: nowrap;
      font-size: 0;
      opacity: 0; }
    .topdestibox .grid figure h2 {
      word-spacing: -0.15em;
      font-weight: 300;
      font-size: 24px;
      text-align: center; }
    .topdestibox .grid figure span {
      font-weight: 800; }
    .topdestibox .grid figure h2, .topdestibox .grid figure p {
      margin: 0; }
    .topdestibox .grid figure p {
      letter-spacing: 1px;
      font-size: 14px;
      text-align: center; }
  .topdestibox .grid figure.effect-roxy {
    background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
    background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); }
    .topdestibox .grid figure.effect-roxy img {
      max-width: none;
      width: -webkit-calc(100% + 60px);
      width: calc(100% + 60px);
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
      -webkit-transform: translate3d(-50px, 0, 0);
      transform: translate3d(-50px, 0, 0); }
    .topdestibox .grid figure.effect-roxy figcaption::before {
      position: absolute;
      top: 15px;
      right: 15px;
      bottom: 15px;
      left: 15px;
      border: 1px solid #fff;
      content: '';
      opacity: 0;
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0); }
    .topdestibox .grid figure.effect-roxy figcaption {
      padding: 3em;
      text-align: left; }
    .topdestibox .grid figure.effect-roxy h2 {
      padding: 10px 0 10px 0; }
    .topdestibox .grid figure.effect-roxy p {
      opacity: 0;
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0);
      font-size: 10px; }
  .topdestibox .grid figure.effect-roxy:hover img {
    opacity: 0.7;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .topdestibox .grid figure.effect-roxy:hover figcaption::before, .topdestibox .grid figure.effect-roxy:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  @media screen and (max-width: 1199px) {
    .topdestibox .grid figure figcaption p {
      display: none; } }
  @media screen and (min-width: 481px) and (max-width: 767px) {
    .topdestibox .grid figure {
      width: 45%;
      display: inline-block;
      vertical-align: top;
      margin: 5px; }
      .topdestibox .grid figure figcaption p {
        display: none; } }
  @media screen and (max-width: 370px) {
    .topdestibox .grid figure figcaption p {
      display: none; } }

/*************************************
            Top Destinations
**************************************/
/*************************************
            Image Preview
**************************************/
#PreviewDiv {
  z-index: 999;
  border: none;
  background: #333 url(../img/loading.gif) no-repeat center;
  padding: 5px;
  max-width: 500px;
  height: auto; }
  #PreviewDiv img {
    width: 100%;
    height: auto; }

/* Text below image */
#PreviewDiv span {
  color: white;
  text-align: center;
  display: block;
  padding: 10px 0 3px 0; }

/*************************************
            Image Preview
**************************************/
/*************************************
            hotel box
**************************************/
.hotelbox {
  margin-bottom: 15px; }
  .hotelbox .hotelbox-body {
    padding: 10px;
    border-radius: 1px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 3px #ddd; }
    .hotelbox .hotelbox-body h4 {
      color: #2EA7CF;
      font-weight: 300;
      margin-bottom: 0px; }
    .hotelbox .hotelbox-body .hb_imgs {
      display: none; }
    .hotelbox .hotelbox-body .hb_imgs:nth-child(-n+6) {
      display: inline-block; }
    .hotelbox .hotelbox-body .hotelbox-top {
      font-size: 12px;
      color: #666; }
    .hotelbox .hotelbox-body .hotelbox-addr {
      font-size: 12px;
      color: #333;
      font-weight: 300;
      padding-top: 5px;
      padding-bottom: 8px; }
    .hotelbox .hotelbox-body .hotelbox-costdiv {
      padding-top: 20px; }
      .hotelbox .hotelbox-body .hotelbox-costdiv .actual-rate {
        color: #CC0000;
        text-align: center; }
      .hotelbox .hotelbox-body .hotelbox-costdiv .selling-rate {
        font-size: 20px;
        margin-bottom: 5px;
        color: #009900;
        text-align: center; }
      .hotelbox .hotelbox-body .hotelbox-costdiv .buynowdiv {
        text-align: center; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .hotelbox .hotelbox-body .hb_imgs {
    display: none !important; }
  .hotelbox .hotelbox-body .hb_imgs:nth-child(-n+4) {
    display: inline-block !important; } }
@media screen and (min-width: 481px) and (max-width: 617px) {
  .hotelbox .hotelbox-body .hb_imgs {
    display: none !important; }
  .hotelbox .hotelbox-body .hb_imgs:nth-child(-n+4) {
    display: inline-block !important; } }
@media screen and (min-width: 481px) and (max-width: 991px) {
  .hotelbox .hotelbox-body .hotelbox-img {
    width: 29%;
    display: inline-block;
    vertical-align: top; }
  .hotelbox .hotelbox-body .hotelbox-cont {
    width: 69%;
    display: inline-block;
    vertical-align: top; }
  .hotelbox .hotelbox-body .hotelbox-costdiv div {
    display: inline-block;
    margin-left: 10px; } }
@media screen and (min-width: 321px) and (max-width: 480px) {
  .hotelbox {
    width: 49%;
    display: inline-block;
    padding: 10px;
    margin-bottom: 0px; }
    .hotelbox .hotelbox-body .hotelbox-img {
      display: block;
      width: 100%; }
      .hotelbox .hotelbox-body .hotelbox-img img {
        margin: auto; }
    .hotelbox .hotelbox-body .hotelbox-top {
      padding-top: 5px; }
      .hotelbox .hotelbox-body .hotelbox-top .hotelbox-star {
        width: 100%;
        display: block; }
    .hotelbox .hotelbox-body .hotelbox-imgs {
      display: none; }
    .hotelbox .hotelbox-body .hotelbox-costdiv {
      width: 100%;
      padding-top: 0px;
      padding-left: 15px;
      padding-right: 15px; }
      .hotelbox .hotelbox-body .hotelbox-costdiv div {
        text-align: left !important; } }
@media screen and (max-width: 370px) {
  .hotelbox {
    width: 100%;
    display: inline-block;
    padding: 10px;
    margin-bottom: 0px; }
    .hotelbox .hotelbox-body .hotelbox-img {
      display: block;
      width: 100%; }
      .hotelbox .hotelbox-body .hotelbox-img img {
        margin: auto; }
    .hotelbox .hotelbox-body .hotelbox-top {
      padding-top: 5px;
      display: block; }
    .hotelbox .hotelbox-body .hotelbox-imgs {
      display: none; }
    .hotelbox .hotelbox-body .hotelbox-costdiv {
      width: 100%;
      padding-top: 0px;
      padding-left: 15px;
      padding-right: 15px; }
      .hotelbox .hotelbox-body .hotelbox-costdiv div {
        text-align: left !important; } }
/*************************************
            hotel box
**************************************/
/************************************************************
                 Pre-Footer style
************************************************************/
#prefooter {
  background-color: #2356A8;
  color: #fff;
  font-weight: 300;
  padding-top: 20px;
  padding-bottom: 20px; }
  #prefooter .pf-quickmenu ul, #prefooter .pf-topcities ul, #prefooter .pf-sociallinks ul {
    margin: 0px;
    padding: 0px; }
    #prefooter .pf-quickmenu ul li, #prefooter .pf-topcities ul li, #prefooter .pf-sociallinks ul li {
      list-style: none;
      font-size: 13px; }
  #prefooter .pf-quickmenu ul li a {
    color: #fff; }
  #prefooter .pf-topcities ul li {
    width: 32%;
    display: inline-block;
    margin: 0px; }
  #prefooter .pf-sociallinks ul li {
    padding-bottom: 5px; }
    #prefooter .pf-sociallinks ul li a {
      color: #fff; }
    #prefooter .pf-sociallinks ul li img {
      max-width: 25px; }
  #prefooter #pf_weaccept {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px; }
    #prefooter #pf_weaccept img {
      max-height: 50px;
      width: auto; }
  #prefooter #pf_weaccept::after {
    content: "";
    max-width: 600px;
    min-width: 100px;
    display: block;
    border-bottom: 1px solid #71a5fa;
    margin: auto;
    margin-top: 20px;
    height: 1px; }
  #prefooter #pf_sitelist {
    text-align: center;
    margin-top: 0px; }
    #prefooter #pf_sitelist ul {
      margin: 5px;
      padding: 0px; }
      #prefooter #pf_sitelist ul li {
        list-style: none;
        display: inline-block;
        width: 24%; }
        #prefooter #pf_sitelist ul li a {
          color: #fff;
          font-size: 12px; }
  @media screen and (min-width: 481px) and (max-width: 991px) {
    #prefooter .pf-quickmenu {
      padding-bottom: 10px; }
      #prefooter .pf-quickmenu ul li {
        width: 19%;
        display: inline-block;
        text-align: center; }
      #prefooter .pf-quickmenu ul li::after {
        content: "";
        display: block;
        width: 1px;
        height: 15px;
        border-right: 1px solid #ccc;
        vertical-align: middle;
        float: right;
        margin-top: 2px; }
      #prefooter .pf-quickmenu ul li:last-child::after {
        border-right: 0px; }
    #prefooter .pf-topcities {
      padding-bottom: 10px; }
      #prefooter .pf-topcities ul li {
        width: 24.5%; }
    #prefooter .pf-sociallinks ul li {
      width: 32%;
      display: inline-block;
      text-align: left; }
      #prefooter .pf-sociallinks ul li a {
        color: #fff; }
      #prefooter .pf-sociallinks ul li img {
        max-width: 25px; }
    #prefooter #pf_weaccept img {
      max-height: 40px; }
    #prefooter #pf_sitelist ul li {
      width: 49%;
      display: inline-block;
      text-align: left; } }
  @media screen and (min-width: 321px) and (max-width: 480px) {
    #prefooter .pf-quickmenu {
      padding-bottom: 10px; }
      #prefooter .pf-quickmenu ul li {
        width: 48%;
        display: inline-block; }
    #prefooter .pf-topcities {
      padding-bottom: 10px; }
      #prefooter .pf-topcities ul li {
        width: 49%; }
    #prefooter .pf-sociallinks ul li {
      width: 49%;
      display: inline-block; }
    #prefooter #pf_weaccept img {
      max-height: 40px;
      width: auto;
      margin-bottom: 5px; }
    #prefooter #pf_sitelist ul li {
      width: 49%;
      display: inline-block;
      text-align: left; } }
  @media screen and (max-width: 320px) {
    #prefooter .pf-quickmenu {
      padding-bottom: 10px; }
      #prefooter .pf-quickmenu ul li {
        width: 48%;
        display: inline-block; }
    #prefooter .pf-topcities {
      padding-bottom: 10px; }
      #prefooter .pf-topcities ul li {
        width: 49%; }
    #prefooter .pf-sociallinks ul li {
      width: 49%;
      display: inline-block; }
      #prefooter .pf-sociallinks ul li img {
        max-width: 20px; }
    #prefooter #pf_weaccept {
      padding: 10px; }
      #prefooter #pf_weaccept img {
        max-height: 40px;
        width: auto;
        margin-bottom: 5px; }
    #prefooter #pf_sitelist {
      padding: 10px; }
      #prefooter #pf_sitelist ul li {
        display: block;
        text-align: left; } }

/************************************************************
                 Pre-Footer style
************************************************************/
/************************************************************
                 Footer style
************************************************************/
#footer {
  background-color: #333;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px; }
  #footer a {
    color: #ccc; }
  @media screen and (min-width: 481px) {
    #footer div.col-sm-6 {
      width: 49%;
      display: inline-block; } }
  @media screen and (max-width: 480px) {
    #footer div.col-sm-6 {
      text-align: left; } }

/************************************************************
                 Footer style
************************************************************/

/*# sourceMappingURL=common.css.map */