@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300&display=swap");
.orange-overlay {
  background: radial-gradient(at top left, rgba(245, 181, 66, 0.55), rgba(227, 122, 66, 0.55)), url("../images/river-site-img.jpg");
  background-size: cover;
  z-index: 1; }

.green-overlay {
  background: radial-gradient(at top left, rgba(86, 163, 126, 0.55), rgba(145, 207, 127, 0.55)), url("../images/forest-site-img.jpg");
  background-size: cover;
  z-index: 1; }

.blue-overlay {
  background: radial-gradient(at top left, rgba(80, 148, 250, 0.55), rgba(69, 64, 202, 0.55)), url("../images/sunset-site-img.jpg");
  background-size: cover;
  z-index: 1; }

.white-overlay {
  background: radial-gradient(at top left, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url("../images/river-site-img.jpg");
  background-size: cover;
  z-index: 1; }

ul {
  list-style-type: none;
  padding: 0rem 3rem; }

.card-content li:nth-child(1):not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.card-content li:nth-child(1) {
  padding: 0.5rem; }

.card-content li:nth-child(2):not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.card-content li:nth-child(2) {
  padding: 0.5rem; }

.card-content li:nth-child(3):not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.card-content li:nth-child(3) {
  padding: 0.5rem; }

.card-content li:nth-child(4):not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.card-content li:nth-child(4) {
  padding: 0.5rem; }

.card-content li:nth-child(5):not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.card-content li:nth-child(5) {
  padding: 0.5rem; }

.btn-container.white:hover .btn {
  cursor: pointer;
  -webkit-animation: pulse-white 1s ease infinite;
  animation: pulse-white 1s ease infinite; }

@keyframes pulse-white {
  1% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
  70% {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0); } }

.btn-container.green:hover .btn {
  cursor: pointer;
  -webkit-animation: pulse-green 1s ease infinite;
  animation: pulse-green 1s ease infinite; }

@keyframes pulse-green {
  1% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(86, 163, 126, 0.7);
    box-shadow: 0 0 0 0 rgba(86, 163, 126, 0.7); }
  70% {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-box-shadow: 0 0 0 10px rgba(86, 163, 126, 0);
    box-shadow: 0 0 0 10px rgba(86, 163, 126, 0); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 0px rgba(86, 163, 126, 0);
    box-shadow: 0 0 0 0px rgba(86, 163, 126, 0); } }

.m-t-0 {
  margin-top: 0px; }

.m-t-5 {
  margin-top: 5px; }

.m-t-10 {
  margin-top: 10px; }

.m-t-15 {
  margin-top: 15px; }

.m-t-20 {
  margin-top: 20px; }

.m-t-25 {
  margin-top: 25px; }

.m-t-30 {
  margin-top: 30px; }

.m-t-35 {
  margin-top: 35px; }

.m-t-40 {
  margin-top: 40px; }

.m-t-45 {
  margin-top: 45px; }

.m-t-50 {
  margin-top: 50px; }

.m-t-55 {
  margin-top: 55px; }

.m-t-60 {
  margin-top: 60px; }

.m-t-65 {
  margin-top: 65px; }

.m-t-70 {
  margin-top: 70px; }

.m-t-75 {
  margin-top: 75px; }

.m-t-80 {
  margin-top: 80px; }

.m-t-85 {
  margin-top: 85px; }

.m-t-90 {
  margin-top: 90px; }

.m-t-95 {
  margin-top: 95px; }

.m-t-100 {
  margin-top: 100px; }

.m-r-0 {
  margin-right: 0px; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

.m-r-55 {
  margin-right: 55px; }

.m-r-60 {
  margin-right: 60px; }

.m-r-65 {
  margin-right: 65px; }

.m-r-70 {
  margin-right: 70px; }

.m-r-75 {
  margin-right: 75px; }

.m-r-80 {
  margin-right: 80px; }

.m-r-85 {
  margin-right: 85px; }

.m-r-90 {
  margin-right: 90px; }

.m-r-95 {
  margin-right: 95px; }

.m-r-100 {
  margin-right: 100px; }

.m-b-0 {
  margin-bottom: 0px; }

.m-b-5 {
  margin-bottom: 5px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-b-15 {
  margin-bottom: 15px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-b-25 {
  margin-bottom: 25px; }

.m-b-30 {
  margin-bottom: 30px; }

.m-b-35 {
  margin-bottom: 35px; }

.m-b-40 {
  margin-bottom: 40px; }

.m-b-45 {
  margin-bottom: 45px; }

.m-b-50 {
  margin-bottom: 50px; }

.m-b-55 {
  margin-bottom: 55px; }

.m-b-60 {
  margin-bottom: 60px; }

.m-b-65 {
  margin-bottom: 65px; }

.m-b-70 {
  margin-bottom: 70px; }

.m-b-75 {
  margin-bottom: 75px; }

.m-b-80 {
  margin-bottom: 80px; }

.m-b-85 {
  margin-bottom: 85px; }

.m-b-90 {
  margin-bottom: 90px; }

.m-b-95 {
  margin-bottom: 95px; }

.m-b-100 {
  margin-bottom: 100px; }

.m-l-0 {
  margin-left: 0px; }

.m-l-5 {
  margin-left: 5px; }

.m-l-10 {
  margin-left: 10px; }

.m-l-15 {
  margin-left: 15px; }

.m-l-20 {
  margin-left: 20px; }

.m-l-25 {
  margin-left: 25px; }

.m-l-30 {
  margin-left: 30px; }

.m-l-35 {
  margin-left: 35px; }

.m-l-40 {
  margin-left: 40px; }

.m-l-45 {
  margin-left: 45px; }

.m-l-50 {
  margin-left: 50px; }

.m-l-55 {
  margin-left: 55px; }

.m-l-60 {
  margin-left: 60px; }

.m-l-65 {
  margin-left: 65px; }

.m-l-70 {
  margin-left: 70px; }

.m-l-75 {
  margin-left: 75px; }

.m-l-80 {
  margin-left: 80px; }

.m-l-85 {
  margin-left: 85px; }

.m-l-90 {
  margin-left: 90px; }

.m-l-95 {
  margin-left: 95px; }

.m-l-100 {
  margin-left: 100px; }

.m-x-0 {
  margin: 0px; }

.m-x-5 {
  margin: 5px; }

.m-x-10 {
  margin: 10px; }

.m-x-15 {
  margin: 15px; }

.m-x-20 {
  margin: 20px; }

.m-x-25 {
  margin: 25px; }

.m-x-30 {
  margin: 30px; }

.m-x-35 {
  margin: 35px; }

.m-x-40 {
  margin: 40px; }

.m-x-45 {
  margin: 45px; }

.m-x-50 {
  margin: 50px; }

.m-x-55 {
  margin: 55px; }

.m-x-60 {
  margin: 60px; }

.m-x-65 {
  margin: 65px; }

.m-x-70 {
  margin: 70px; }

.m-x-75 {
  margin: 75px; }

.m-x-80 {
  margin: 80px; }

.m-x-85 {
  margin: 85px; }

.m-x-90 {
  margin: 90px; }

.m-x-95 {
  margin: 95px; }

.m-x-100 {
  margin: 100px; }

.p-t-0 {
  padding-top: 0px; }

.p-t-5 {
  padding-top: 5px; }

.p-t-10 {
  padding-top: 10px; }

.p-t-15 {
  padding-top: 15px; }

.p-t-20 {
  padding-top: 20px; }

.p-t-25 {
  padding-top: 25px; }

.p-t-30 {
  padding-top: 30px; }

.p-t-35 {
  padding-top: 35px; }

.p-t-40 {
  padding-top: 40px; }

.p-t-45 {
  padding-top: 45px; }

.p-t-50 {
  padding-top: 50px; }

.p-t-55 {
  padding-top: 55px; }

.p-t-60 {
  padding-top: 60px; }

.p-t-65 {
  padding-top: 65px; }

.p-t-70 {
  padding-top: 70px; }

.p-t-75 {
  padding-top: 75px; }

.p-t-80 {
  padding-top: 80px; }

.p-t-85 {
  padding-top: 85px; }

.p-t-90 {
  padding-top: 90px; }

.p-t-95 {
  padding-top: 95px; }

.p-t-100 {
  padding-top: 100px; }

.p-r-0 {
  padding-right: 0px; }

.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

.p-r-50 {
  padding-right: 50px; }

.p-r-55 {
  padding-right: 55px; }

.p-r-60 {
  padding-right: 60px; }

.p-r-65 {
  padding-right: 65px; }

.p-r-70 {
  padding-right: 70px; }

.p-r-75 {
  padding-right: 75px; }

.p-r-80 {
  padding-right: 80px; }

.p-r-85 {
  padding-right: 85px; }

.p-r-90 {
  padding-right: 90px; }

.p-r-95 {
  padding-right: 95px; }

.p-r-100 {
  padding-right: 100px; }

.p-b-0 {
  padding-bottom: 0px; }

.p-b-5 {
  padding-bottom: 5px; }

.p-b-10 {
  padding-bottom: 10px; }

.p-b-15 {
  padding-bottom: 15px; }

.p-b-20 {
  padding-bottom: 20px; }

.p-b-25 {
  padding-bottom: 25px; }

.p-b-30 {
  padding-bottom: 30px; }

.p-b-35 {
  padding-bottom: 35px; }

.p-b-40 {
  padding-bottom: 40px; }

.p-b-45 {
  padding-bottom: 45px; }

.p-b-50 {
  padding-bottom: 50px; }

.p-b-55 {
  padding-bottom: 55px; }

.p-b-60 {
  padding-bottom: 60px; }

.p-b-65 {
  padding-bottom: 65px; }

.p-b-70 {
  padding-bottom: 70px; }

.p-b-75 {
  padding-bottom: 75px; }

.p-b-80 {
  padding-bottom: 80px; }

.p-b-85 {
  padding-bottom: 85px; }

.p-b-90 {
  padding-bottom: 90px; }

.p-b-95 {
  padding-bottom: 95px; }

.p-b-100 {
  padding-bottom: 100px; }

.p-l-0 {
  padding-left: 0px; }

.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

.p-l-55 {
  padding-left: 55px; }

.p-l-60 {
  padding-left: 60px; }

.p-l-65 {
  padding-left: 65px; }

.p-l-70 {
  padding-left: 70px; }

.p-l-75 {
  padding-left: 75px; }

.p-l-80 {
  padding-left: 80px; }

.p-l-85 {
  padding-left: 85px; }

.p-l-90 {
  padding-left: 90px; }

.p-l-95 {
  padding-left: 95px; }

.p-l-100 {
  padding-left: 100px; }

.p-x-0 {
  padding: 0px; }

.p-x-5 {
  padding: 5px; }

.p-x-10 {
  padding: 10px; }

.p-x-15 {
  padding: 15px; }

.p-x-20 {
  padding: 20px; }

.p-x-25 {
  padding: 25px; }

.p-x-30 {
  padding: 30px; }

.p-x-35 {
  padding: 35px; }

.p-x-40 {
  padding: 40px; }

.p-x-45 {
  padding: 45px; }

.p-x-50 {
  padding: 50px; }

.p-x-55 {
  padding: 55px; }

.p-x-60 {
  padding: 60px; }

.p-x-65 {
  padding: 65px; }

.p-x-70 {
  padding: 70px; }

.p-x-75 {
  padding: 75px; }

.p-x-80 {
  padding: 80px; }

.p-x-85 {
  padding: 85px; }

.p-x-90 {
  padding: 90px; }

.p-x-95 {
  padding: 95px; }

.p-x-100 {
  padding: 100px; }

.container {
  padding: 1rem 2rem; }
  @media only screen and (min-width: 595px) {
    .container {
      padding: 1rem 3rem; } }
  @media only screen and (min-width: 1224px) {
    .container {
      padding: 1rem 5rem; } }
  @media only screen and (min-width: 1400px) {
    .container {
      max-width: 80%;
      margin: auto; } }

.bg-primary {
  background: -o-radial-gradient(at top left, #56a37e, #91cf7f);
  background: radial-gradient(at top left, #56a37e, #91cf7f); }
  .bg-primary-transparent {
    background: -o-radial-gradient(at top left, rgba(86, 163, 126, 0.7), rgba(145, 207, 127, 0.7));
    background: radial-gradient(at top left, rgba(86, 163, 126, 0.7), rgba(145, 207, 127, 0.7)); }

.bg-orange {
  background: -o-radial-gradient(at top left, #f5b542, #e37a42);
  background: radial-gradient(at top left, #f5b542, #e37a42); }

.bg-blue {
  background: -o-radial-gradient(at top left, #5094fa, #4540ca);
  background: radial-gradient(at top left, #5094fa, #4540ca); }

.bg-dark {
  background: #5c5a5a;
  color: #fff; }

.bg-white {
  background: #fff;
  color: #5c5a5a; }

.overlay, .img-fluid {
  width: 100%;
  height: 100%; }

.text-primary {
  background: -o-radial-gradient(at top left, #56a37e, #91cf7f);
  background: radial-gradient(at top left, #56a37e, #91cf7f);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent; }

.text-dark {
  color: #5c5a5a; }

.text-white {
  color: #fff; }

.btn-container {
  display: inline-block;
  border-radius: 25px;
  margin-top: 4rem; }
  .btn-container .btn {
    border: none;
    outline: none;
    padding: 1rem 2rem;
    text-transform: uppercase;
    border-radius: 25px; }
    @media only screen and (max-width: 307px) {
      .btn-container .btn {
        padding: 1rem 1.5rem; } }
    .btn-container .btn-primary {
      background: -o-radial-gradient(at top left, #56a37e, #91cf7f);
      background: radial-gradient(at top left, #56a37e, #91cf7f);
      color: #fff; }

.flex.vertical-center-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: initial;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.flex.horizontal-center-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  align-items: initial;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.link {
  text-decoration: none;
  color: #56a37e;
  border-bottom: 1px solid #91cf7f; }
  .link:hover {
    background: #56a37e;
    color: #fff; }

.clip-path, .popular-sites .card-front .card-img {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%); }

.title {
  font-size: 1rem;
  font-weight: 600; }

.site-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%; }

.brand {
  display: block;
  width: 80px; }
  .brand img {
    filter: brightness(0) invert(1);
    display: block;
    height: 70px; }

.nav-list {
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 99;
  -webkit-clip-path: circle(0% at 92% 10%);
  clip-path: circle(0% at 92% 10%);
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .nav-list .nav-item {
    padding: 0.8rem 0;
    margin-bottom: 1rem;
    overflow: hidden;
    text-align: center;
    position: relative; }
    .nav-list .nav-item:hover .nav-link::after {
      width: 140%; }
    .nav-list .nav-item:hover .nav-link {
      color: #56a37e; }
    .nav-list .nav-item .nav-link {
      pointer-events: none;
      text-decoration: none;
      font-size: 1.5rem;
      font-weight: 300;
      color: #fff;
      position: relative;
      padding: 0 0.2rem;
      z-index: 3;
      color: #fff;
      -webkit-transition: color 0.5s ease-in;
      -o-transition: color 0.5s ease-in;
      transition: color 0.5s ease-in; }
      @media only screen and (max-width: 320px) {
        .nav-list .nav-item .nav-link {
          font-size: 1.2rem;
          font-weight: 300; } }
      .nav-list .nav-item .nav-link::after {
        content: '';
        position: absolute;
        top: 0%;
        right: -20%;
        width: 0%;
        height: 700%;
        -webkit-transform: translateY(-30%) rotate(40deg);
        -ms-transform: translateY(-30%) rotate(40deg);
        transform: translateY(-30%) rotate(40deg);
        background-color: white;
        z-index: -1;
        -webkit-transition: width 0.5s ease-in;
        -o-transition: width 0.5s ease-in;
        transition: width 0.5s ease-in; }
  .nav-list.open {
    -webkit-clip-path: circle(100% at 92% 10%);
    clip-path: circle(100% at 92% 10%); }
    .nav-list.open .nav-link {
      pointer-events: all; }

.header {
  width: 100vw;
  height: 100vh;
  min-height: 550px;
  overflow: hidden;
  background: url("../images/one.jpg") 10% 90% no-repeat;
  background-size: cover;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
  position: relative; }
  .header-content {
    text-align: center;
    position: relative;
    top: 25%; }
    .header-content h1 {
      letter-spacing: 15px;
      margin-right: -15px;
      font-size: 2rem;
      font-weight: 700; }
      @media only screen and (min-width: 690px) {
        .header-content h1 {
          font-size: 4rem;
          font-weight: 700; } }
    .header-content p {
      letter-spacing: 7px;
      margin-right: -7px;
      padding: 0 2rem;
      font-size: 0.8rem;
      font-weight: 700; }
      @media only screen and (min-width: 690px) {
        .header-content p {
          font-size: 1rem;
          font-weight: 700; } }

.nav {
  position: absolute;
  top: 3%;
  padding: 0 2rem; }
  .nav .hamburger-menu {
    background-color: white;
    min-width: 60px;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 50%;
    position: fixed;
    right: 5%;
    z-index: 100;
    -webkit-box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.04), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.09), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.04), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.09), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); }
    .nav .hamburger-menu .bar {
      width: 50%;
      height: 2px;
      background-color: #5c5a5a;
      -webkit-transition: all 800ms;
      -o-transition: all 800ms;
      transition: all 800ms; }
      .nav .hamburger-menu .bar-one.change {
        -webkit-transform: rotate(-45deg) translate(-4px, 5px);
        -ms-transform: rotate(-45deg) translate(-4px, 5px);
        transform: rotate(-45deg) translate(-4px, 5px); }
      .nav .hamburger-menu .bar-two {
        margin: 5px 0; }
        .nav .hamburger-menu .bar-two.change {
          opacity: 0; }
      .nav .hamburger-menu .bar-three.change {
        -webkit-transform: rotate(45deg) translate(-5px, -5px);
        -ms-transform: rotate(45deg) translate(-5px, -5px);
        transform: rotate(45deg) translate(-5px, -5px); }
    .nav .hamburger-menu:hover {
      cursor: pointer; }

.site-details-heading {
  letter-spacing: 5px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: fit-content; }

@-webkit-keyframes text-shadow-effect {
  1% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    text-shadow: 0 0 0 #56a37e, 0 0 0 #2cfcfd, 0 0 0 #91cf7f, 0 0 0 #5c5a5a; }
  20% {
    -webkit-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    transform: translateY(-1em);
    text-shadow: 0 0.125em 0 #56a37e, 0 0.25em 0 #2cfcfd, 0 -0.125em 0 #91cf7f, 0 -0.25em 0 #5c5a5a; }
  40% {
    -webkit-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    transform: translateY(0.5em);
    text-shadow: 0 -0.0625em 0 #56a37e, 0 -0.125em 0 #2cfcfd, 0 0.0625em 0 #91cf7f, 0 0.125em 0 #5c5a5a; }
  60% {
    -webkit-transform: translateY(-0.25em);
    -ms-transform: translateY(-0.25em);
    transform: translateY(-0.25em);
    text-shadow: 0 0.03125em 0 #56a37e, 0 0.0625em 0 #2cfcfd, 0 -0.03125em 0 #91cf7f, 0 -0.0625em 0 #5c5a5a; }
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    text-shadow: 0 0 0 #56a37e, 0 0 0 #2cfcfd, 0 0 0 #91cf7f, 0 0 0 #5c5a5a; }
  100% {
    display: block !important;
    opacity: 1 !important; } }

@-moz-keyframes text-shadow-effect {
  1% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    text-shadow: 0 0 0 #56a37e, 0 0 0 #2cfcfd, 0 0 0 #91cf7f, 0 0 0 #5c5a5a; }
  20% {
    -webkit-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    transform: translateY(-1em);
    text-shadow: 0 0.125em 0 #56a37e, 0 0.25em 0 #2cfcfd, 0 -0.125em 0 #91cf7f, 0 -0.25em 0 #5c5a5a; }
  40% {
    -webkit-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    transform: translateY(0.5em);
    text-shadow: 0 -0.0625em 0 #56a37e, 0 -0.125em 0 #2cfcfd, 0 0.0625em 0 #91cf7f, 0 0.125em 0 #5c5a5a; }
  60% {
    -webkit-transform: translateY(-0.25em);
    -ms-transform: translateY(-0.25em);
    transform: translateY(-0.25em);
    text-shadow: 0 0.03125em 0 #56a37e, 0 0.0625em 0 #2cfcfd, 0 -0.03125em 0 #91cf7f, 0 -0.0625em 0 #5c5a5a; }
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    text-shadow: 0 0 0 #56a37e, 0 0 0 #2cfcfd, 0 0 0 #91cf7f, 0 0 0 #5c5a5a; }
  100% {
    display: block !important;
    opacity: 1 !important; } }

@keyframes text-shadow-effect {
  1% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    text-shadow: 0 0 0 #56a37e, 0 0 0 #2cfcfd, 0 0 0 #91cf7f, 0 0 0 #5c5a5a; }
  20% {
    -webkit-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    transform: translateY(-1em);
    text-shadow: 0 0.125em 0 #56a37e, 0 0.25em 0 #2cfcfd, 0 -0.125em 0 #91cf7f, 0 -0.25em 0 #5c5a5a; }
  40% {
    -webkit-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    transform: translateY(0.5em);
    text-shadow: 0 -0.0625em 0 #56a37e, 0 -0.125em 0 #2cfcfd, 0 0.0625em 0 #91cf7f, 0 0.125em 0 #5c5a5a; }
  60% {
    -webkit-transform: translateY(-0.25em);
    -ms-transform: translateY(-0.25em);
    transform: translateY(-0.25em);
    text-shadow: 0 0.03125em 0 #56a37e, 0 0.0625em 0 #2cfcfd, 0 -0.03125em 0 #91cf7f, 0 -0.0625em 0 #5c5a5a; }
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    text-shadow: 0 0 0 #56a37e, 0 0 0 #2cfcfd, 0 0 0 #91cf7f, 0 0 0 #5c5a5a; }
  100% {
    display: block !important;
    opacity: 1 !important; } }
  .site-details-heading:hover {
    -webkit-animation-name: text-shadow-effect;
    animation-name: text-shadow-effect;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
    @media (prefers-reduced-motion: reduce) {
      .site-details-heading:hover * {
        -webkit-animation: none !important;
        animation: none !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important; } }

.site-details-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media only screen and (min-width: 1080px) {
    .site-details-content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      max-width: 100%; } }
  .site-details-content .desc {
    order: 2; }
    @media only screen and (min-width: 1080px) {
      .site-details-content .desc {
        -webkit-box-flex: 45%;
        -ms-flex: 45%;
        flex: 45%;
        order: 1;
        padding-right: 50px; } }
  .site-details-content .images {
    order: 1;
    position: relative;
    margin: 0 auto;
    min-height: 400px;
    width: 100%; }
    @media only screen and (min-width: 375px) {
      .site-details-content .images {
        width: 315px; } }
    @media only screen and (min-width: 480px) {
      .site-details-content .images {
        width: 415px;
        min-height: 350px; } }
    @media only screen and (min-width: 1080px) {
      .site-details-content .images {
        order: 2;
        width: 550px;
        height: initial;
        margin: none;
        padding-left: 20px; } }

.site-details .img-container {
  display: block;
  -webkit-box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.5);
  max-width: 100%;
  height: 160px;
  margin-bottom: 2rem;
  -webkit-transition: outline-offset 0.3s ease;
  -o-transition: outline-offset 0.3s ease;
  transition: outline-offset 0.3s ease; }
  @media only screen and (min-width: 375px) {
    .site-details .img-container {
      position: absolute;
      max-width: 240px;
      height: 160px; } }
  @media only screen and (min-width: 480px) {
    .site-details .img-container {
      position: absolute;
      max-width: 250px;
      height: 160px; } }
  @media only screen and (min-width: 1080px) {
    .site-details .img-container {
      position: absolute;
      width: 280px;
      max-width: 280px;
      height: 180px; } }
  @media only screen and (min-width: 375px) {
    .site-details .img-container.image-two {
      margin: 100px 0 0 70px; } }
  @media only screen and (min-width: 480px) {
    .site-details .img-container.image-two {
      margin: 40px 0 0 160px; } }
  @media only screen and (min-width: 1080px) {
    .site-details .img-container.image-two {
      margin: 25px 0 0 230px; } }
  .site-details .img-container.image-three {
    margin-bottom: 4rem; }
    @media only screen and (min-width: 375px) {
      .site-details .img-container.image-three {
        margin: 200px 0 0 35px; } }
    @media only screen and (min-width: 480px) {
      .site-details .img-container.image-three {
        margin: 100px 0 0 80px; } }
    @media only screen and (min-width: 1080px) {
      .site-details .img-container.image-three {
        margin: 100px 0 0 100px; } }
  .site-details .img-container:hover {
    outline: 15px solid #91cf7f;
    outline-offset: 15px;
    z-index: 10; }

.location-details {
  background: url("../images/home-bg-4.jpg");
  background-size: cover;
  height: 100%;
  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%); }
  @media only screen and (min-width: 595px) {
    .location-details {
      -webkit-clip-path: polygon(0 15%, 100% 0, 100% 85%, 0 100%);
      clip-path: polygon(0 15%, 100% 0, 100% 85%, 0 100%); } }
  @media only screen and (min-width: 970px) {
    .location-details {
      -webkit-clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
      clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%); } }
  .location-details .overlay, .location-details .img-fluid {
    padding: 16rem 0; }
  .location-details .card-container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 1.5rem; }
    @media only screen and (min-width: 595px) {
      .location-details .card-container {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%; } }
    @media only screen and (min-width: 970px) {
      .location-details .card-container {
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%; } }
    .location-details .card-container .card {
      background: rgba(255, 255, 255, 0.7);
      color: #5c5a5a;
      text-align: center;
      padding: 1rem;
      -webkit-transition: -webkit-transform 0.3s ease-in;
      -o-transition: transform 0.3s ease-in;
      transition: transform 0.3s ease-in; }
      .location-details .card-container .card i {
        font-size: 4rem;
        font-weight: 300;
        padding: 2rem 0; }
      .location-details .card-container .card-content {
        line-height: 2rem; }
    .location-details .card-container:hover .card {
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px);
      cursor: pointer; }

.popular-sites {
  text-align: center; }
  .popular-sites .site-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media only screen and (min-width: 970px) {
      .popular-sites .site-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
  .popular-sites .card-container {
    text-align: center;
    width: 100%;
    height: 400px;
    min-height: 400px;
    margin-bottom: 2rem;
    display: inline-block; }
    .popular-sites .card-container:hover .card {
      -webkit-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      transform: rotateY(180deg);
      cursor: pointer; }
    @media only screen and (min-width: 480px) {
      .popular-sites .card-container {
        width: 70%;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%; } }
    @media only screen and (min-width: 970px) {
      .popular-sites .card-container {
        margin-bottom: initial;
        -ms-flex-preferred-size: 28%;
        flex-basis: 28%; } }
  .popular-sites .card {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 100%;
    min-height: 100%;
    width: 100%;
    -webkit-transition: -webkit-transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
    -webkit-box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 10px 20px 5px rgba(0, 0, 0, 0.5); }
    .popular-sites .card-front {
      position: absolute;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      min-height: 100%;
      width: 100%; }
      .popular-sites .card-front .card-img {
        height: 200px;
        min-height: 200px;
        width: 100%; }
      .popular-sites .card-front .title {
        position: absolute;
        top: 20%;
        right: 0;
        color: #fff;
        font-size: 1.5rem;
        font-weight: 300;
        padding: 1rem; }
        .popular-sites .card-front .title .align-right {
          float: right;
          margin-top: -0.3rem;
          padding: 0.4rem; }
        .popular-sites .card-front .title .river-title {
          background: -o-radial-gradient(at top left, rgba(245, 181, 66, 0.7), rgba(227, 122, 66, 0.7));
          background: radial-gradient(at top left, rgba(245, 181, 66, 0.7), rgba(227, 122, 66, 0.7)); }
        .popular-sites .card-front .title .forest-title {
          background: -o-radial-gradient(at top left, rgba(86, 163, 126, 0.7), rgba(145, 207, 127, 0.7));
          background: radial-gradient(at top left, rgba(86, 163, 126, 0.7), rgba(145, 207, 127, 0.7)); }
        .popular-sites .card-front .title .sunset-title {
          background: -o-radial-gradient(at top left, rgba(80, 148, 250, 0.7), rgba(69, 64, 202, 0.7));
          background: radial-gradient(at top left, rgba(80, 148, 250, 0.7), rgba(69, 64, 202, 0.7)); }
      @media only screen and (max-width: 307px) {
        .popular-sites .card-front ul {
          padding: 0 1rem; } }
    .popular-sites .card-back {
      position: absolute;
      text-align: center;
      color: #fff;
      padding: 7rem 0;
      -webkit-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      transform: rotateY(180deg);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      height: 100%;
      width: 100.1%; }
      .popular-sites .card-back p {
        font-size: 1rem;
        font-weight: 500; }
      .popular-sites .card-back .price-title {
        font-size: 4rem;
        font-weight: 300; }

.feedback {
  padding-top: 4rem; }
  .feedback .container {
    max-width: 100%; }
  .feedback .comment-container {
    background: rgba(255, 255, 255, 0.7);
    color: #5c5a5a;
    padding: 2rem 3rem;
    width: 100%;
    margin: 0 auto 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg); }
    @media only screen and (min-width: 480px) {
      .feedback .comment-container {
        max-width: 80%; } }
    @media only screen and (min-width: 768px) {
      .feedback .comment-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
        transform: skewX(-10deg); } }
    .feedback .comment-container .profile-container {
      position: relative;
      padding-bottom: 2rem; }
      .feedback .comment-container .profile-container:hover .profile {
        filter: blur(3px);
        -webkit-filter: blur(3px);
        cursor: pointer; }
      .feedback .comment-container .profile-container:hover .profile-title {
        display: block; }
    .feedback .comment-container .profile-title {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
      font-size: 1rem;
      font-weight: 300;
      display: none; }
    .feedback .comment-container .profile {
      width: 180px;
      height: 180px;
      border-radius: 50%;
      -webkit-transform: skewX(5deg);
      -ms-transform: skewX(5deg);
      transform: skewX(5deg); }
      @media only screen and (min-width: 768px) {
        .feedback .comment-container .profile {
          -webkit-transform: skewX(10deg);
          -ms-transform: skewX(10deg);
          transform: skewX(10deg); } }
      .feedback .comment-container .profile.one {
        background: url("../images/profile-one.jpeg");
        background-size: cover;
        background-position: center center; }
      .feedback .comment-container .profile.two {
        background: url("../images/profile-two.jpeg");
        background-size: cover;
        background-position: center center; }
    .feedback .comment-container .comment-content {
      -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
      padding: 0 0;
      -webkit-transform: skewX(5deg);
      -ms-transform: skewX(5deg);
      transform: skewX(5deg);
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .feedback .comment-container .comment-content {
          -webkit-transform: skewX(10deg);
          -ms-transform: skewX(10deg);
          transform: skewX(10deg); } }
      @media only screen and (min-width: 768px) {
        .feedback .comment-container .comment-content {
          padding-left: 50px; } }
      @media only screen and (min-width: 970px) {
        .feedback .comment-container .comment-content {
          text-align: initial; } }
      .feedback .comment-container .comment-content .desc {
        line-height: 2rem;
        display: none; }
        @media only screen and (min-width: 480px) {
          .feedback .comment-container .comment-content .desc {
            display: block; } }
  .feedback .link {
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 7rem; }

.booking {
  padding: 5rem 0; }
  .booking .registration-container {
    background: url("../images/home-bg.jpg");
    background-size: cover; }
    .booking .registration-container .overlay, .booking .registration-container .img-fluid {
      background: rgba(255, 255, 255, 0.8); }
      @media only screen and (min-width: 970px) {
        .booking .registration-container .overlay, .booking .registration-container .img-fluid {
          -webkit-clip-path: polygon(0 0, 60% 0, 50% 100%, 0 100%);
          clip-path: polygon(0 0, 60% 0, 50% 100%, 0 100%); } }
    .booking .registration-container .personal-details {
      padding: 2rem;
      text-align: center; }
      @media only screen and (min-width: 480px) {
        .booking .registration-container .personal-details {
          padding: 3rem;
          text-align: initial; } }
      @media only screen and (min-width: 970px) {
        .booking .registration-container .personal-details {
          max-width: 55%; } }
    .booking .registration-container .form-group {
      padding: 1rem 0; }
    .booking .registration-container .form-control {
      outline: none;
      border: none;
      padding: 1rem;
      width: 100%; }
    .booking .registration-container input[type=checkbox] {
      appearance: none;
      outline: none;
      width: 25px;
      height: 25px;
      border: 4px solid #56a37e;
      background: rgba(255, 255, 255, 0.5);
      border-radius: 50%; }
    @media only screen and (min-width: 595px) {
      .booking .registration-container .checkbox-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-around;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: initial;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }

.footer .container {
  padding: 1rem; }

.footer-link {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  margin-right: 10px; }

.footer .service-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .footer .service-container .service-list, .footer .service-container .copyright {
    border-top: 1px solid #fff;
    padding-top: 1rem;
    margin: 3rem;
    font-size: 1rem;
    font-weight: 300; }
    @media only screen and (min-width: 1080px) {
      .footer .service-container .service-list, .footer .service-container .copyright {
        margin: 0;
        -ms-flex-item-align: end;
        align-self: flex-end; } }
  .footer .service-container ul {
    text-align: center;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media only screen and (min-width: 768px) {
      .footer .service-container ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
  .footer .service-container li {
    margin-right: 1rem; }
  @media only screen and (min-width: 1080px) {
    .footer .service-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      align-items: initial;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      min-height: 200px; } }

@media only screen and (min-width: 1080px) {
  .footer {
    padding: 5rem 0; }
    .footer .container {
      padding: 1rem 5rem; } }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: 'Open Sans', sans-serif;
  width: 100%;
  height: 100%;
  background: whitesmoke;
  color: #5c5a5a;
  overflow-x: hidden; }

img {
  height: 100%;
  width: 100%; }