.sub-pages .sub-header {
  padding: 5rem 0rem;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll; }
  .sub-pages .sub-header .sub-header-text {
    font-size: 3rem;
    color: #fff;
    font-family: 'Playfair Display SC', serif; }
  .sub-pages .sub-header nav {
    font-size: 13px;
    color: #fff;
    display: inline-block; }
    .sub-pages .sub-header nav .breadcrumb .breadcrumb-item {
      color: #fff; }
      .sub-pages .sub-header nav .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
        color: #fff; }
      .sub-pages .sub-header nav .breadcrumb .breadcrumb-item a {
        color: #fff; }
.sub-pages .page-gallery {
  padding: 25px 0px; }
  .sub-pages .page-gallery figure {
    border: 5px solid #383b42;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; }
.sub-pages .page-rates {
  padding: 25px 0px; }
  .sub-pages .page-rates .rates-item {
    border: 5px solid #383b42;
    text-align: center;
    background-color: #472D2D;
    color: #FFD39A;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; }
    .sub-pages .page-rates .rates-item .item-title {
      font-family: 'Playfair Display SC', serif;
      font-size: 1.4rem;
      font-weight: bold;
      margin-top: 2rem; }
    .sub-pages .page-rates .rates-item ul {
      margin: 2rem 0rem;
      padding: 0px 15px; }
      .sub-pages .page-rates .rates-item ul li + li {
        padding-top: 15px;
        margin-top: 15px;
        border-top: 1px dashed #FFD39A; }
      .sub-pages .page-rates .rates-item ul li span {
        display: inline-block;
        width: 100%; }
        .sub-pages .page-rates .rates-item ul li span:first-child {
          font-weight: bold; }
.sub-pages .page-localities, .sub-pages .page-hotels {
  padding-top: 25px;
  padding-bottom: 20px; }
  .sub-pages .page-localities ul, .sub-pages .page-hotels ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-bottom: 10px;
    text-align: justify;
    list-style: none; }
  .sub-pages .page-localities ul > li, .sub-pages .page-hotels ul > li {
    position: relative;
    margin: 5px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; }
  .sub-pages .page-localities ul > li > a, .sub-pages .page-hotels ul > li > a {
    background-color: #660000;
    color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 5px 15px;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: 2px solid #fff;
    border-radius: 2px; }
  .sub-pages .page-localities ul li:nth-child(n+1), .sub-pages .page-hotels ul li:nth-child(n+1) {
    flex-grow: 1; }
.sub-pages .page-blogs {
  padding-top: 25px;
  padding-bottom: 20px; }
  .sub-pages .page-blogs .blog-items {
    border: 5px solid #BBAB8C;
    display: inline-block;
    height: 100%;
    width: 100%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    transition: all 300ms ease-in-out; }
    .sub-pages .page-blogs .blog-items figure {
      position: relative; }
      .sub-pages .page-blogs .blog-items figure figcaption {
        text-align: left;
        position: absolute;
        bottom: 25px;
        left: 0px;
        right: 0px;
        text-transform: uppercase;
        color: #fff;
        padding: 0px 15px; }
        .sub-pages .page-blogs .blog-items figure figcaption:after {
          content: '\276D\276D\276D';
          right: 15px;
          position: absolute;
          bottom: 0px; }
    .sub-pages .page-blogs .blog-items:hover {
      box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; }
.sub-pages .page-contactus {
  padding: 1.5rem 0rem; }
  .sub-pages .page-contactus .contactus-box {
    border: 2px solid #FFD39A;
    padding: 25px;
    background-color: #064635;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }
    .sub-pages .page-contactus .contactus-box ul li + li {
      padding-top: 10px; }
    .sub-pages .page-contactus .contactus-box .title {
      font-weight: bold; }
    .sub-pages .page-contactus .contactus-box a {
      color: #fff;
      text-decoration: underline; }
    .sub-pages .page-contactus .contactus-box .maps {
      margin-top: 25px; }
.sub-pages .page-sub-section .feature-image {
  margin-bottom: 1rem; }
.sub-pages .page-sub-section aside {
  border-left: 2px solid #4c4c4c; }
  .sub-pages .page-sub-section aside .title {
    color: #FFD39A;
    font-size: 1.4rem;
    font-family: 'Playfair Display SC', serif;
    font-weight: bold;
    border-bottom: 2px solid #4c4c4c;
    padding-left: 15px;
    padding-bottom: 10px; }
  .sub-pages .page-sub-section aside ul {
    margin-top: 10px;
    padding-left: 15px; }
    .sub-pages .page-sub-section aside ul li + li {
      padding-top: 12px;
      margin-top: 12px;
      border-top: 1px dashed #4c4c4c; }
    .sub-pages .page-sub-section aside ul li a {
      color: #fff;
      font-size: 16px; }
      .sub-pages .page-sub-section aside ul li a:hover {
        text-decoration: underline; }
.sub-pages .page-sitemap {
  padding: 2rem 0rem; }
  .sub-pages .page-sitemap h1, .sub-pages .page-sitemap h2, .sub-pages .page-sitemap h3, .sub-pages .page-sitemap h4 {
    font-size: 1.5rem;
    font-family: 'Playfair Display SC', serif;
    margin-bottom: 15px;
    color: #fff; }
  .sub-pages .page-sitemap ul {
    margin-bottom: 15px; }
    .sub-pages .page-sitemap ul li {
      border-left: 1px solid #9F9F9F;
      padding: 8px 5px; }
      .sub-pages .page-sitemap ul li:before {
        content: "\27B2";
        color: #fff;
        padding-right: 5px; }
      .sub-pages .page-sitemap ul li + li {
        border-top: 1px solid #9F9F9F; }
      .sub-pages .page-sitemap ul li a {
        color: #fff; }
        .sub-pages .page-sitemap ul li a:hover {
          text-decoration: underline; }

@media (max-width: 576px) {
  .sub-pages .sub-header {
    padding: 5rem 0rem; }
    .sub-pages .sub-header .sub-header-text {
      font-size: 2rem; } }