body {
  margin: 0;
  padding: 0;
  background-color: #fff !important; }
  body * {
    margin: 0;
    padding: 0;
    font-family: 'Roboto Slab', serif; }
  body section {
    padding: 50px 0; }
    body section h2 {
      font-size: 50px;
      margin-bottom: 50px; }
  body button, body input {
    outline: none; }
  body a:hover {
    text-decoration: none; }
  body ul {
    list-style: none; }

/* Start Search */
.login {
  padding: 0 !important;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(30, 30, 30, 0.6);
  z-index: 3; }
  .login form {
    width: 30%;
    margin: 0 auto;
    background-color: #fff;
    padding: 30px 15px 60px;
    color: #068fcf; }
    .login form h2 {
      margin-bottom: 30px; }
    .login form .input-control {
      position: relative;
      width: 100%;
      margin: 20px 0 0; }
      .login form .input-control label {
        display: block;
        margin-left: 5%; }
      .login form .input-control input {
        width: 90%;
        display: block;
        height: 28px;
        margin: 0 auto;
        padding: 3px 10px;
        border: 1px solid #068fcf;
        border-radius: 3px;
        cursor: pointer; }
    .login form .submit-control {
      clear: both;
      width: 100%;
      margin: 20px 0 0; }
      .login form .submit-control input {
        margin-right: 5%;
        float: right;
        background-color: #659a41;
        color: #fff;
        padding: 5px 20px;
        border: none;
        border-radius: 3px; }

.search {
  padding: 0 !important;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(30, 30, 30, 0.6);
  z-index: 3; }
  .search button {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #068fcf;
    padding: 5px 20px;
    margin: 0 -2px 20px;
    border-radius: 3px 3px 0 0; }
    .search button.active {
      border: 2px solid #068fcf;
      border-bottom: none;
      padding: 5px 20px 7px; }
  .search .search-hotels {
    display: none; }
  .search form {
    width: 50%;
    margin: 0 auto;
    background-color: #fff;
    padding: 30px 15px 60px;
    color: #068fcf; }
    .search form h2 {
      margin-bottom: 30px; }
    .search form .input-control {
      position: relative;
      width: 49%;
      display: inline-grid;
      margin: 20px 0 0; }
      .search form .input-control label {
        display: block;
        margin-left: 5%; }
      .search form .input-control input, .search form .input-control .input {
        width: 90%;
        display: block;
        height: 28px;
        margin: 0 auto;
        padding: 3px 10px;
        border: 1px solid #068fcf;
        border-radius: 3px;
        cursor: pointer; }
      .search form .input-control .select {
        display: none;
        position: absolute;
        background: #fff;
        box-shadow: 0 0 10px #068fcf;
        width: 90%;
        right: 5%;
        z-index: 2;
        max-height: 100px;
        overflow-y: auto;
        top: 50px; }
        .search form .input-control .select li {
          padding: 5px 10px;
          cursor: pointer; }
          .search form .input-control .select li:hover {
            background-color: #068fcf;
            color: #fff; }
    .search form .submit-control {
      clear: both;
      width: 100%;
      margin: 20px 0 0; }
      .search form .submit-control input {
        margin-right: 4%;
        float: right;
        background-color: #659a41;
        color: #fff;
        padding: 5px 20px;
        border: none;
        border-radius: 3px; }

/* End Search */
/* Start NavBar */
.mobile {
  display: none; }

nav {
  padding: 10px 0;
  border-bottom: 5px solid #068fcf; }
  nav .logo {
    display: inline-block;
    width: 200px; }
    nav .logo img {
      width: 100%; }
  nav .button {
    display: none; }
  nav .menu {
    display: inline-block;
    width: calc(100% - 205px);
    float: right; }
    nav .menu .info {
      overflow: hidden; }
      nav .menu .info span, nav .menu .info a {
        float: right;
        margin-left: 40px;
        color: #659a41; }
        nav .menu .info span i, nav .menu .info a i {
          margin-right: 5px; }
      nav .menu .info a:first-of-type {
        border: 1px solid #659a41;
        padding: 2px 15px;
        border-radius: 3px;
        margin-left: 20px; }
      nav .menu .info button {
        padding: 3px 15px;
        background-color: #659a41;
        color: #fff;
        border: none;
        border-radius: 3px; }
    nav .menu ul {
      float: right; }
      nav .menu ul li {
        display: inline-block;
        margin-left: 40px;
        margin-top: 23px; }
        nav .menu ul li a {
          font-size: 20px;
          font-weight: bold;
          color: #068fcf; }

/* End NavBar */
/* Start Header */
header {
  background: url("../images/pexels-photo-1166011.jpeg") center center no-repeat fixed;
  background-size: cover; }
  header .opacity {
    background-color: rgba(4, 145, 200, 0.5);
    padding: 200px 0; }
  header h2 {
    color: #fff;
    font-size: 50px;
    margin-bottom: 20px; }
  header button {
    font-size: 24px;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 5px 20px;
    transition: 1s all ease; }
    header button:hover {
      background-color: #fff;
      color: #068fcf; }

/* End Header */
/* Start Packages */
.packages {
  padding-bottom: 20px !important; }
  .packages .cont {
    padding: 5px;
    border: 1px solid #ddd;
    margin-bottom: 30px; }
    .packages .cont .bg {
      position: relative;
      background-position: center center !important;
      width: 100%;
      height: 300px;
      background-size: 100% 300px !important;
      transition: 1s all ease; }
      .packages .cont .bg:hover {
        background-size: 120% 120% !important; }
      .packages .cont .bg h3 {
        position: absolute;
        top: calc(150px - 13.2px);
        width: 100%; }
      .packages .cont .bg h4, .packages .cont .bg .stars {
        position: absolute;
        bottom: 10px;
        right: 10px;
        font-size: 28px; }
      .packages .cont .bg button {
        position: absolute;
        bottom: 10px;
        left: 10px;
        background-color: #659a41;
        border: none;
        padding: 5px 20px;
        font-size: 18px;
        border-radius: 3px;
        color: #fff; }
    .packages .cont .opacity {
      width: 100%;
      height: 300px;
      background-color: rgba(30, 30, 30, 0.4);
      color: #fff; }
  .packages .tour-search {
    border: 2px solid #068fcf;
    padding: 10px 30px 30px;
    margin-bottom: 30px; }
    .packages .tour-search form {
      display: flex;
      flex-wrap: nowrap; }
      .packages .tour-search form .input-control {
        position: relative;
        margin: 20px 0 0;
        width: 100%; }
        .packages .tour-search form .input-control label {
          display: block;
          margin-left: 5%; }
        .packages .tour-search form .input-control input, .packages .tour-search form .input-control .input {
          width: 90%;
          display: block;
          height: 28px;
          margin: 0 auto;
          padding: 3px 10px;
          border: 1px solid #068fcf;
          border-radius: 3px;
          cursor: pointer; }
        .packages .tour-search form .input-control .select {
          display: none;
          position: absolute;
          background: #fff;
          box-shadow: 0 0 10px #068fcf;
          width: 90%;
          right: 5%;
          z-index: 2;
          max-height: 100px;
          overflow-y: auto;
          top: 50px; }
          .packages .tour-search form .input-control .select li {
            padding: 5px 10px;
            cursor: pointer; }
            .packages .tour-search form .input-control .select li:hover {
              background-color: #068fcf;
              color: #fff; }
      .packages .tour-search form .submit-control {
        clear: both;
        width: 100%;
        margin: 20px 0 0; }
        .packages .tour-search form .submit-control input {
          margin-right: 4%;
          float: right;
          background-color: #659a41;
          color: #fff;
          padding: 5px 20px;
          border: none;
          border-radius: 3px;
          margin-top: 18px; }

/* End Packages */
/* Start Features */
.features .cont {
  overflow: hidden;
  margin-bottom: 20px; }
  .features .cont .circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #068fcf;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 50px;
    float: left; }
  .features .cont .fea {
    float: right;
    width: calc(100% - 70px); }
    .features .cont .fea h3 {
      color: #068fcf;
      margin-bottom: 15px; }

/* End Features */
/* Start Contact */
.contact .map-wrapper iframe {
  width: 100%;
  height: 400px; }
.contact form {
  color: #068fcf; }
  .contact form .input-control {
    position: relative;
    width: 50%;
    float: left;
    margin: 20px 0 0; }
    .contact form .input-control.textarea {
      width: 100%;
      margin-bottom: 20px; }
      .contact form .input-control.textarea label {
        margin-left: 2.5%; }
    .contact form .input-control label {
      display: block;
      margin-left: 5%; }
    .contact form .input-control input {
      width: 90%;
      display: block;
      height: 28px;
      margin: 0 auto;
      padding: 3px 10px;
      border: 1px solid #068fcf;
      border-radius: 3px; }
    .contact form .input-control textarea {
      width: 95%;
      display: block;
      height: 150px;
      margin: 0 auto;
      padding: 3px 10px;
      border: 1px solid #068fcf;
      border-radius: 3px; }
  .contact form .submit-control {
    clear: both;
    width: 100%;
    margin: 20px 0 0; }
    .contact form .submit-control input {
      margin-right: 2.5%;
      float: right;
      background-color: #659a41;
      color: #fff;
      padding: 5px 20px;
      border: none;
      border-radius: 3px; }

/* End Contact */
/* Start Footer */
footer {
  padding: 30px 0 10px;
  text-align: center;
  background-color: #068fcf;
  color: #fff; }
  footer ul {
    margin-bottom: 20px; }
    footer ul li {
      display: inline-block;
      margin: 0 10px; }
      footer ul li a {
        color: #fff; }
    footer ul.social li {
      width: 50px;
      height: 50px;
      background-color: #056d9d;
      text-align: center;
      line-height: 50px;
      margin: 0 2px;
      font-size: 24px; }

/* End Footer */
.about p {
  margin-bottom: 20px;
  font-size: 16px; }

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