/*
Template Name: Hotelina - Luxury Hotel and Suits Booking HTML Template.
*//*================================================
1. Global CSS
2. Mixins Css
3. preloader start
4. Home One Header
5. Hero Style One
6. Home One About
7. Home One Service
8. Home One Sponser
9. Home One Works
10. Home One Testimonial
11. Home One Contact
12. Home One Pricing Plan
13. Home One Blog
14. Home One Footer
15. Home Two Header
16. Hero Style Two
17. Home Two Solution
18. Home Two Appontment
19. Home Two Choose
20. Home Two Solutions
21. Home Two Testimonial
22. Home Two Fresh Tooth
23. Home Two Blog 
24. Home Two Footer
25. Home Three Header
26. Home Three Banner
27. Home Three Services
28. Home Three About
29. Home Three Work
30. Home Three Case
31. Home Three Testimonial 
32. Home Three Contact
33. Home Three Choose
34. Home Three Blog
35. Home Three Footer
36. Inner Page Header
37. Inner Page banner
38. About Page
39. Servive Pages
40. Blog Pages
41. Projects Pages
42. Error Pages
43. Gallery Page
44. Contact Page

================================================*/:root {
  /*color Variable*/
  --primary-color1: #d2e25e;
  --title-color: #1C171D;
  --text-color1: #666666;
  --white: #fff;
  --font-jost: "Jost", sans-serif;
  --font-yeseva: "Yeseva One", cursive;
  --font-island: "Island Moments", cursive; }h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-yeseva); }body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth; }p {
  font-family: var(--font-jost);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: var(--text-color1); }a {
  color: unset;
  text-decoration: none; }a:focus {
    outline: 0 solid; }a:hover {
    text-decoration: none;
    color: unset; }::selection {
  background-color: var(--primary-color1);
  color: white; }input:focus,
textarea:focus,
button:focus {
  outline: none; }ul {
  list-style: none; }i.bx {
  vertical-align: middle; }/*================================================
2. Mixins Css
=================================================*/.pt-120 {
  padding-top: 120px; }@media (min-width: 992px) and (max-width: 1199px) {
    .pt-120 {
      padding-top: 90px; } }@media (max-width: 991px) {
    .pt-120 {
      padding-top: 80px; } }.mr-40 {
  margin-right: 40px; }.ml-40 {
  margin-left: 40px; }.mb-120 {
  margin-bottom: 120px; }@media (min-width: 992px) and (max-width: 1199px) {
    .mb-120 {
      margin-bottom: 90px; } }@media (max-width: 991px) {
    .mb-120 {
      margin-bottom: 80px; } }.mb-100 {
  margin-bottom: 100px; }@media (min-width: 992px) and (max-width: 1199px) {
    .mb-100 {
      margin-bottom: 70px; } }@media (max-width: 991px) {
    .mb-100 {
      margin-bottom: 60px; } }.pb-120 {
  padding-bottom: 120px; }@media (min-width: 992px) and (max-width: 1199px) {
    .pb-120 {
      padding-bottom: 90px; } }@media (max-width: 991px) {
    .pb-120 {
      padding-bottom: 80px; } }.ml--230 {
  margin-left: -230px; }@media (max-width: 1399px) {
    .ml--230 {
      margin-left: unset; } }.pt-80 {
  padding-top: 80px; }.pt-30 {
  padding-top: 30px; }.pt-60 {
  padding-top: 60px; }@media (max-width: 576px) {
    .pt-60 {
      padding-top: 40px; } }.pt-20 {
  padding-top: 20px; }.pb-80 {
  padding-bottom: 80px; }.pb-70 {
  padding-bottom: 70px; }.pb-60 {
  padding-bottom: 60px; }.mb-60 {
  margin-bottom: 60px; }.mb-70 {
  margin-bottom: 70px; }.mb-75 {
  margin-bottom: 75px; }.mb-50 {
  margin-bottom: 50px; }.mb-45 {
  margin-bottom: 45px; }.mb-40 {
  margin-bottom: 40px !important; }.pt-45 {
  padding-top: 45px; }.pt-40 {
  padding-top: 40px; }.pt-70 {
  padding-top: 70px; }.mb-30 {
  margin-bottom: 30px !important; }.mb-25 {
  margin-bottom: 25px !important; }.mb-20 {
  margin-bottom: 20px !important; }.mb-10 {
  margin-bottom: 10px !important; }.pt-50 {
  padding-top: 50px !important; }.pt-25 {
  padding-top: 25px !important; }.swiper-fix {
  margin: -12px;
  padding: 12px; }.btn--primary {
  background: var(--primary-color1);
  color: var(--white);
  position: relative;
  z-index: 1;
  padding: 12px 41px;
  transition: all .45s ease-in-out; }.btn--primary:hover {
    color: #fff;
    background: unset; }.btn--primary:hover::after {
      transform: scale(1); }.btn--primary::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--title-color);
    width: 100%;
    height: 100%;
    transition: .5s;
    z-index: -1;
    transform: scale(0);
    transition: all .45s ease-in-out; }.btn--primary3 {
  background: transparent;
  color: var(--title-color);
  position: relative;
  z-index: 1;
  padding: 12px 41px;
  transition: all .45s ease-in-out; }.btn--primary3:hover {
    color: #fff; }.btn--primary3:hover::after {
      transform: scale(1); }.btn--primary3::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--title-color);
    width: 100%;
    height: 100%;
    transition: .5s;
    z-index: -1;
    transform: scale(0);
    border-radius: 0;
    transition: all .45s ease-in-out; }.eg-btn1 {
  text-align: center;
  display: inline-block;
  text-decoration: none;
  transition: all .45s ease-in-out;
  color: var(--title-color);
  cursor: pointer;
  overflow: hidden; }.eg-btn2 {
  text-align: center;
  display: inline-block;
  text-decoration: none;
  transition: all .45s ease-in-out;
  color: var(--white);
  cursor: pointer;
  overflow: hidden; }.btn--primary2 {
  background: transparent;
  color: var(--white);
  position: relative;
  z-index: 1;
  padding: 12px 41px;
  transition: all .45s ease-in-out; }.btn--primary2:hover {
    color: var(--primary-color1); }.btn--primary2:hover::after {
      transform: scale(1); }.btn--primary2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--white);
    width: 100%;
    height: 100%;
    transition: .5s;
    z-index: -1;
    transform: scale(0);
    border-radius: 0;
    transition: all .45s ease-in-out; }.btn--primary4 {
  background: var(--primary-color1);
  color: var(--white);
  position: relative;
  z-index: 1;
  padding: 12px 41px;
  transition: all .45s ease-in-out; }.btn--primary4:hover {
    color: #fff;
    background-color: transparent; }.btn--primary4:hover::after {
      transform: scale(1); }.btn--primary4::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--title-color);
    width: 100%;
    height: 100%;
    transition: .5s;
    z-index: -1;
    transform: scale(0);
    border-radius: 130px;
    transition: all .45s ease-in-out; }.btn--primary5 {
  background: transparent;
  color: var(--white);
  position: relative;
  z-index: 1;
  padding: 12px 41px;
  transition: all .45s ease-in-out; }.btn--primary5:hover {
    color: var(--primary-color1); }.btn--primary5:hover::after {
      transform: scale(1); }.btn--primary5::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--white);
    width: 100%;
    height: 100%;
    transition: .5s;
    z-index: -1;
    transform: scale(0);
    border-radius: 100px;
    transition: all .45s ease-in-out; }.btn--primary6 {
  background: transparent;
  position: relative;
  z-index: 1;
  padding: 12px 41px;
  transition: all .45s ease-in-out; }.btn--primary6:hover {
    color: #fff; }.btn--primary6:hover::after {
      transform: scale(1); }.btn--primary6::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--title-color);
    width: 100%;
    height: 100%;
    transition: .5s;
    z-index: -1;
    transform: scale(0);
    border-radius: 0;
    transition: all .45s ease-in-out; }/*=======================================
 3. preloader start
=======================================*/.egns-preloader {
  min-width: 100%;
  min-height: 100%;
  position: fixed !important;
  z-index: 999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff; }.egns-preloader::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: -1; }.circle-border {
  width: 100%;
  max-width: 140px;
  height: 100%;
  max-height: 140px;
  border: 0px solid var(--primary-color1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  border-radius: 50%;
  box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.1); }.circle-border svg {
    fill: var(--primary-color1); }.circle-border svg path {
      stroke: var(--primary-color1); }.circle-border .moving-circle {
    width: 10px;
    height: 10px;
    background: var(--primary-color1);
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: circle 2s linear infinite; }.circle-border .moving-circle:nth-child(2) {
      width: 10px;
      height: 10px;
      background: var(--primary-color1);
      border-radius: 50%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      overflow: hidden;
      margin: auto;
      animation: circle 2.25s linear infinite; }.circle-border .moving-circle:nth-child(3) {
      width: 10px;
      height: 10px;
      background: var(--primary-color1);
      border-radius: 50%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      overflow: hidden;
      margin: auto;
      animation: circle 2.5s linear infinite; }@keyframes circle {
  0% {
    transform: rotate(0deg) translate(-70px) rotate(0deg); }
  100% {
    transform: rotate(360deg) translate(-70px) rotate(-360deg); } }#outline {
  stroke-dasharray: 2.427766571px, 242.7766571045px;
  stroke-dashoffset: 0;
  animation: anim 1.6s linear infinite; }@keyframes anim {
  12.5% {
    stroke-dasharray: 33.9887319946px, 242.7766571045px;
    stroke-dashoffset: -26.7054322815px; }
  43.75% {
    stroke-dasharray: 84.9718299866px, 242.7766571045px;
    stroke-dashoffset: -84.9718299866px; }
  100% {
    stroke-dasharray: 2.427766571px, 242.7766571045px;
    stroke-dashoffset: -240.3488905334px; } }.mobile-search {
  background: rgba(0, 0, 0, 0.85);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
  width: 100%;
  height: 100%;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  align-items: center;
  position: fixed;
  cursor: pointer;
  transform: scale(0);
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .65s ease;
  padding: 35px 100px; }@media (max-width: 767px) {
  .mobile-search {
    padding: 20px; } }.mobile-search label {
  color: #fff;
  margin-bottom: 20px;
  font-family: saira, sans-serif; }.mobile-search.slide {
  transform: scale(1);
  opacity: 1;
  visibility: visible; }.mobile-search input {
  border: none;
  border-radius: unset;
  border-bottom: 1px solid #eee;
  padding-left: 0;
  padding-bottom: 5px;
  width: 100%;
  background: 0 0;
  transition: .3s ease-in-out;
  color: #fff;
  margin-bottom: 20px; }.mobile-search input:focus {
  border-bottom: 1px solid #fff; }.mobile-search input::placeholder {
  font-family: saira, sans-serif;
  color: #696969; }.mobile-search .search-cross-btn {
  color: #fff;
  cursor: pointer;
  background: rgba(60, 170, 159, 0.6);
  border-radius: 50%;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  line-height: 41px;
  transition: 0.5s ease; }.mobile-search .search-cross-btn:hover {
  background: var(--primary-color1);
  color: #fff; }.mobile-search .search-cross-btn.style-2 {
  background-color: transparent;
  border: 1px solid #f9395f; }.mobile-search .search-cross-btn.style-2:hover {
  background: #f9395f;
  color: #fff; }.mobile-search .search-cross-btn.style-3 {
  background-color: transparent;
  border: 1px solid var(--primary-color1); }.mobile-search .search-cross-btn.style-3:hover {
  background: var(--primary-color1);
  color: #fff; }.mobile-search .search-cross-btn i {
  font-size: 25px;
  cursor: pointer; }/*=======================================
 4. Home One Top Bar
=======================================*/.top-bar {
  background-color: var(--white);
  padding: 10px 4%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #EEEEEE; }@media (max-width: 991px) {
    .top-bar {
      display: none; } }.top-bar .top-bar-items {
    display: flex;
    justify-content: space-between;
    align-items: center; }@media (max-width: 991px) {
      .top-bar .top-bar-items {
        justify-content: center; } }.top-bar .hotline, .top-bar .email {
    display: flex;
    align-items: center;
    justify-content: center; }.top-bar .hotline .hotline-icon svg, .top-bar .hotline .email-icon svg, .top-bar .email .hotline-icon svg, .top-bar .email .email-icon svg {
      vertical-align: -webkit-baseline-middle;
      fill: var(--primary-color1); }.top-bar .hotline .hotline-info, .top-bar .hotline .email-info, .top-bar .email .hotline-info, .top-bar .email .email-info {
      margin-left: 10px; }.top-bar .hotline .hotline-info span, .top-bar .hotline .email-info span, .top-bar .email .hotline-info span, .top-bar .email .email-info span {
        font-size: 12px;
        font-weight: 400;
        font-family: var(--font-jost);
        color: var(--primary-color1); }.top-bar .hotline .hotline-info h6, .top-bar .hotline .email-info h6, .top-bar .email .hotline-info h6, .top-bar .email .email-info h6 {
        font-size: 15px;
        font-weight: 400;
        font-family: var(--font-yeseva);
        color: var(--title-color);
        white-space: nowrap;
        margin-bottom: 0; }@media (max-width: 991px) {
      .top-bar .hotline, .top-bar .email {
        display: none !important;
        visibility: hidden; } }@media (max-width: 991px) {
    .top-bar .social-icon {
      display: flex;
      justify-content: center; } }.top-bar .social-icon ul {
    margin: 0;
    padding: 0;
    gap: 40px; }@media (max-width: 1199px) {
      .top-bar .social-icon ul {
        gap: 30px; } }.top-bar .social-icon ul li {
      position: relative; }.top-bar .social-icon ul li a {
        color: var(--title-color);
        transition: 0.35s; }.top-bar .social-icon ul li a:hover {
          color: var(--primary-color1); }.top-bar .social-icon ul li a i {
          font-size: 22px; }.top-bar .social-icon ul li::after {
        content: "";
        width: 3px;
        height: 3px;
        background: rgba(28, 23, 29, 0.2);
        position: absolute;
        left: -22px;
        top: 13px; }@media (max-width: 1199px) {
          .top-bar .social-icon ul li::after {
            left: -18px; } }.top-bar .social-icon ul li:first-child::after {
        display: none; }/*=======================================
 5. Home One Header
=======================================*/header.style-1 {
  background: var(--white);
  width: 100%;
  position: relative;
  top: 0;
  z-index: 9999;
  padding: 0 4%;
  display: flex;
  justify-content: space-between;
  align-items: center; }@media (max-width: 991px) {
    header.style-1 {
      padding: 10px 4%; } }header.style-1.sticky {
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 99;
    background: var(--white);
    box-shadow: 0px 10px 30px -1px rgba(82, 82, 82, 0.15);
    animation: smooth-header 0.65s linear; }@keyframes smooth-header {
  0% {
    transform: translateY(-30px); }
  100% {
    transform: translateY(0px); } }header.style-1.sticky .header-logo {
      position: relative; }header.style-1.sticky .header-logo .logo-inner {
        position: relative;
        top: 0; }header.style-1.sticky .header-logo .logo-inner img {
          height: 75px;
          width: 75px; }@media (max-width: 991px) {
            header.style-1.sticky .header-logo .logo-inner img {
              height: 60px;
              width: 60px; } }header.style-1.sticky .header-logo .logo-inner::after {
          display: none;
          visibility: hidden; }header.style-1.sticky .header-logo .logo-inner::before {
          display: none;
          visibility: hidden; }header.style-1 .header-logo {
    position: relative; }header.style-1 .header-logo .logo-inner {
      position: absolute;
      top: -102px;
      left: 50%;
      transform: translateX(-50%);
      background-color: var(--white); }header.style-1 .header-logo .logo-inner::before {
        content: url("https://www.penzioncity.cz/template/default/assets/images/icons/header-shap-left.svg");
        position: absolute;
        left: -41px;
        top: 50%;
        transform: translateY(-56%);
        background-color: var(--white); }@media (max-width: 991px) {
          header.style-1 .header-logo .logo-inner::before {
            display: none;
            visibility: hidden; } }header.style-1 .header-logo .logo-inner::after {
        content: url("https://www.penzioncity.cz/template/default/assets/images/icons/header-shap-right.svg");
        position: absolute;
        right: -33px;
        top: 50%;
        transform: translateY(-54%);
        background-color: var(--white);
        z-index: -1; }@media (max-width: 991px) {
          header.style-1 .header-logo .logo-inner::after {
            display: none;
            visibility: hidden; } }header.style-1 .header-logo .logo-inner img {
        position: relative; }@media (max-width: 991px) {
        header.style-1 .header-logo .logo-inner {
          position: relative;
          left: 0;
          top: 0;
          transform: unset;
          background-color: unset; }
          header.style-1 .header-logo .logo-inner img {
            height: 60px;
            width: 60px; } }header.style-1 .nav-right {
    gap: 100px; }@media (max-width: 1500px) {
      header.style-1 .nav-right {
        gap: 50px; } }@media (max-width: 1399px) {
      header.style-1 .nav-right {
        gap: 20px; } }header.style-1 .nav-right .header-btn {
      display: inline-flex; }header.style-1 .nav-right .header-btn a {
        font-family: var(--font-jost);
        font-size: 18px;
        font-weight: 700;
        display: inline-block;
        cursor: pointer;
        white-space: nowrap;
        color: var(--white); }@media (max-width: 991px) {
          header.style-1 .nav-right .header-btn a {
            display: none;
            visibility: hidden; } }header.style-1 .nav-right .bookmark-icon {
      position: relative; }header.style-1 .nav-right .bookmark-icon > a i {
        color: var(--primary-color1);
        font-size: 25px;
        line-height: 25px; }header.style-1 .nav-right .bookmark-icon .batch {
        color: var(--white);
        height: 18px;
        width: 18px;
        line-height: 17px;
        background-color: var(--primary-color1);
        border-radius: 50%;
        font-size: 10px;
        position: absolute;
        right: -3px;
        top: -3px; }header.style-1 .nav-right .bookmark-icon .batch a {
          display: flex;
          justify-content: center;
          align-self: center;
          font-size: 10px; }@media (max-width: 576px) {
        header.style-1 .nav-right .bookmark-icon {
          display: none; } }header.style-1 .main-menu .menu-list {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    padding: 0; }@media (max-width: 991px) {
      header.style-1 .main-menu .menu-list {
        flex-direction: column;
        justify-content: start; } }header.style-1 .main-menu .menu-list > li {
      position: relative;
      margin: 0px 17px;
      display: inline-block; }@media (max-width: 1199px) {
        header.style-1 .main-menu .menu-list > li {
          margin: 0px 10px; } }@media (max-width: 991px) {
        header.style-1 .main-menu .menu-list > li {
          margin: 0;
          width: 100%; } }header.style-1 .main-menu .menu-list > li .dropdown-icon {
        color: var(--title-color);
        font-size: 25px;
        transition: 0.4s ease-in;
        opacity: 0;
        visibility: hidden; }@media (max-width: 991px) {
          header.style-1 .main-menu .menu-list > li .dropdown-icon {
            opacity: 1;
            visibility: visible; } }header.style-1 .main-menu .menu-list > li .dropdown-icon.active {
          color: var(--primary-color1); }header.style-1 .main-menu .menu-list > li a {
        font-size: 20px;
        line-height: 20px;
        font-weight: 400;
        color: var(--title-color);
        padding: 32px 0px;
        display: inline-block;
        white-space: nowrap;
        transition: 0.4s;
        display: flex;
        align-items: center;
        font-family: var(--font-jost); }header.style-1 .main-menu .menu-list > li a.active {
          color: var(--primary-color1); }header.style-1 .main-menu .menu-list > li a.active::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 22px;
            width: 100%;
            height: 1px;
            background-color: var(--primary-color1); }@media (max-width: 991px) {
              header.style-1 .main-menu .menu-list > li a.active::before {
                display: none;
                visibility: hidden; } }header.style-1 .main-menu .menu-list > li a:hover {
          color: var(--primary-color1); }header.style-1 .main-menu .menu-list > li a:hover::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 22px;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background-color: var(--primary-color1);
            transform: translateX(-50%); }@media (max-width: 991px) {
              header.style-1 .main-menu .menu-list > li a:hover::before {
                display: none;
                visibility: hidden; } }@media (max-width: 991px) {
          header.style-1 .main-menu .menu-list > li a {
            padding: 12px 0px;
            display: block;
            position: relative;
            border-bottom: 1px solid rgba(60, 170, 159, 0.098); } }header.style-1 .main-menu .menu-list > li .submenu {
        padding: 0;
        position: absolute;
        top: 84px;
        left: 0px;
        max-width: 230px;
        min-width: 230px;
        background-color: var(--white);
        text-align: left;
        transform: translateY(25px);
        opacity: 0;
        visibility: hidden;
        transition: all 0.55s ease-in-out;
        box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1); }@media (max-width: 991px) {
          header.style-1 .main-menu .menu-list > li .submenu {
            opacity: 1;
            position: relative;
            left: 0;
            top: 0;
            width: 100%;
            border: unset;
            display: none;
            transition: unset;
            box-shadow: unset;
            transform: translateY(0px);
            visibility: unset; } }header.style-1 .main-menu .menu-list > li .submenu > li a {
          display: block;
          padding: 15px 30px;
          border-bottom: 1px solid rgba(60, 170, 159, 0.1);
          position: relative;
          z-index: 1;
          font-size: 18px;
          color: var(--title-color); }@media (max-width: 991px) {
            header.style-1 .main-menu .menu-list > li .submenu > li a {
              border-bottom: unset;
              padding: 12px 15px; } }header.style-1 .main-menu .menu-list > li .submenu > li a::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            background: #3caa9f;
            width: 100%;
            height: 1px;
            transform: scaleX(0);
            transform-origin: left;
            transition: 0.4s ease-in;
            z-index: -1; }header.style-1 .main-menu .menu-list > li .submenu > li a:hover {
            color: var(--primary-color1); }header.style-1 .main-menu .menu-list > li .submenu > li a:hover::before {
              transform: scale(1); }header.style-1 .main-menu .menu-list > li .submenu > li a:last-child {
            border-bottom: unset; }header.style-1 .main-menu .menu-list > li.menu-item-has-children {
        position: relative;
        z-index: 1;
        padding-right: 20px; }@media (max-width: 991px) {
          header.style-1 .main-menu .menu-list > li.menu-item-has-children {
            padding-right: unset; } }header.style-1 .main-menu .menu-list > li.menu-item-has-children::after {
          content: "";
          font-family: "bootstrap-icons";
          font-weight: 600;
          position: absolute;
          top: 35px;
          right: 0px;
          font-size: 13px;
          color: var(--title-color);
          transition: all 0.42s ease-in-out; }@media (max-width: 991px) {
            header.style-1 .main-menu .menu-list > li.menu-item-has-children::after {
              display: none;
              visibility: hidden; } }header.style-1 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon {
          position: absolute;
          top: 12px;
          right: 0;
          font-size: 20px; }header.style-1 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon.active {
            color: var(--primary-color1); }header.style-1 .main-menu .menu-list > li.menu-item-has-children:hover .submenu {
          opacity: 1;
          transform: translateY(0);
          visibility: visible; }header.style-1 .main-menu .menu-list > li.menu-item-has-children:hover::after {
          color: var(--primary-color1);
          transform: rotate(180deg); }@media (max-width: 991px) {
    header.style-1 .main-menu {
      position: fixed;
      top: 0%;
      left: -100%;
      width: 280px;
      height: 100%;
      overflow-y: auto;
      background-color: var(--white);
      border-right: 1px solid rgba(238, 238, 238, 0.1);
      padding: 40px 20px;
      z-index: 999;
      transition: 0.7s ease-in-out;
      border-right: 1px solid #eeeeee; }
      header.style-1 .main-menu.show-menu {
        left: 0; } }header.style-1 .main-menu .mobile-logo-area {
    margin-bottom: 25px; }header.style-1 .main-menu .mobile-logo-area .menu-close-btn {
      cursor: pointer; }header.style-1 .main-menu .mobile-logo-area .menu-close-btn .bi {
        color: var(--title-color);
        font-size: 18px; }header.style-1 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
          color: var(--primary-color1); }header.style-1 .main-menu .mobile-logo-wrap {
    padding: 10px;
    padding-left: 0; }header.style-1 .main-menu .mobile-logo-wrap img {
      height: 60px;
      width: 60px; }header.style-1 .mobile-menu-btn {
    margin-left: 25px; }header.style-1 .mobile-menu-btn .bx {
      color: var(--title-color);
      font-size: 28px; }header.style-1 .hotline, header.style-1 .email {
    display: flex;
    align-items: center; }header.style-1 .hotline .hotline-icon svg, header.style-1 .hotline .email-icon svg, header.style-1 .email .hotline-icon svg, header.style-1 .email .email-icon svg {
      fill: var(--primary-color1);
      vertical-align: -webkit-baseline-middle; }header.style-1 .hotline .hotline-info, header.style-1 .hotline .email-info, header.style-1 .email .hotline-info, header.style-1 .email .email-info {
      margin-left: 10px; }header.style-1 .hotline .hotline-info span, header.style-1 .hotline .email-info span, header.style-1 .email .hotline-info span, header.style-1 .email .email-info span {
        font-size: 12px;
        font-weight: 400;
        font-family: var(--font-jost);
        color: var(--primary-color1); }header.style-1 .hotline .hotline-info h6, header.style-1 .hotline .email-info h6, header.style-1 .email .hotline-info h6, header.style-1 .email .email-info h6 {
        font-size: 15px;
        font-weight: 400;
        font-family: var(--font-yeseva);
        color: var(--title-color);
        white-space: nowrap;
        margin-bottom: 0; }/*=======================================
 6. Home One Hero
=======================================*/.nice-select {
  position: relative; }.hero-style1 .hero-video {
  position: relative; }.hero-style1 .hero-video video {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    max-height: 900px;
    position: relative; }@media (min-width: 768px) and (max-width: 1799px) {
      .hero-style1 .hero-video video {
        max-height: 700px; } }@media (max-width: 1500px) {
      .hero-style1 .hero-video video {
        min-height: 600px; } }@media (max-width: 576px) {
      .hero-style1 .hero-video video {
        min-height: 400px; } }.hero-style1 .hero-video video::after {
      content: "";
      background-color: rgba(34, 34, 34, 0.5);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 9; }.hero-style1 .hero-video .hero-content {
    position: absolute;
    bottom: 130px;
    left: 140px; }@media (max-width: 1500px) {
      .hero-style1 .hero-video .hero-content {
        bottom: 60px; } }@media (max-width: 991px) {
      .hero-style1 .hero-video .hero-content {
        left: 5%; } }@media (max-width: 767px) {
      .hero-style1 .hero-video .hero-content {
        bottom: 30px; } }@media (max-width: 576px) {
      .hero-style1 .hero-video .hero-content {
        left: 0;
        padding: 20px; } }.hero-style1 .hero-video .hero-content h4 {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 25px;
      line-height: 35px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      margin-bottom: 30px; }@media (max-width: 1500px) {
        .hero-style1 .hero-video .hero-content h4 {
          margin-bottom: 10px; } }.hero-style1 .hero-video .hero-content h1 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 80px;
      line-height: 100px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      margin-bottom: 0; }@media (max-width: 1199px) {
        .hero-style1 .hero-video .hero-content h1 {
          font-size: 70px;
          line-height: 85px; } }@media (max-width: 991px) {
        .hero-style1 .hero-video .hero-content h1 {
          font-size: 60px;
          line-height: 75px; } }@media (max-width: 991px) {
        .hero-style1 .hero-video .hero-content h1 {
          font-size: 50px;
          line-height: 60px; } }@media (max-width: 576px) {
        .hero-style1 .hero-video .hero-content h1 {
          font-size: 40px;
          line-height: 50px; } }.hero-style1 .hero-video .scroll-dowm {
    position: absolute;
    right: 140px;
    bottom: 130px;
    animation: up-down 2s linear infinite alternate; }@media (max-width: 991px) {
      .hero-style1 .hero-video .scroll-dowm {
        right: 5%; } }@media (max-width: 767px) {
      .hero-style1 .hero-video .scroll-dowm {
        display: none;
        visibility: hidden; } }@keyframes up-down {
  0% {
    bottom: 130px; }
  50% {
    bottom: 110px; }
  100% {
    bottom: 130px; } }@media (max-width: 1500px) {
    @keyframes up-down {
      0% {
        bottom: 60px; }
      50% {
        bottom: 80px; }
      100% {
        bottom: 60px; } } }.hero-style1 .multi-main-searchber {
  background-color: #fff;
  width: 100%;
  padding: 0px 0px 0px 50px;
  position: relative; }@media (max-width: 1199px) {
    .hero-style1 .multi-main-searchber {
      padding: 20px 20px 0px; } }.hero-style1 .multi-main-searchber .searchbox-input {
    width: 100%;
    position: relative; }.hero-style1 .multi-main-searchber .searchbox-input::after {
      content: "";
      width: 2px;
      height: 36px;
      background: var(--primary-color1);
      opacity: 0.4;
      border-radius: 10px;
      margin-top: 5px; }@media (max-width: 1199px) {
        .hero-style1 .multi-main-searchber .searchbox-input::after {
          display: none; } }.hero-style1 .multi-main-searchber .searchbox-input.date-picker-input {
      display: flex; }.hero-style1 .multi-main-searchber .searchbox-input::before {
      position: absolute;
      content: "";
      font-family: "bootstrap-icons" !important;
      right: 50px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--primary-color1); }@media (max-width: 1199px) {
        .hero-style1 .multi-main-searchber .searchbox-input::before {
          right: 18px; } }.hero-style1 .multi-main-searchber .searchbox-input input {
      padding: 10px 15px;
      display: block;
      width: 100%;
      background: #fff;
      border-radius: 5px;
      height: 45px;
      border: none;
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      color: var(--title-color) !important; }.hero-style1 .multi-main-searchber .searchbox-input input::placeholder {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 16px;
        color: var(--title-color) !important; }.hero-style1 .multi-main-searchber .searchbox-input.two::before {
    display: none; }.hero-style1 .nice-select {
  width: 100%;
  border: none;
  padding-top: 5px; }.hero-style1 .nice-select span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: #666666  !important;
    z-index: 9; }.hero-style1 .nice-select .list {
    top: 51px;
    width: 100%;
    border-radius: unset;
    z-index: 9999; }.hero-style1 .nice-select .option {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: var(--title-color); }.hero-style1 .nice-select::after {
    height: 8px;
    width: 8px;
    right: 50px;
    border-color: var(--primary-color1); }@media (max-width: 1199px) {
      .hero-style1 .nice-select::after {
        right: 22px; } }.hero-style1 .main-form-submit a {
  background: var(--primary-color1);
  width: 100%;
  padding: 20px;
  border: none;
  font-family: var(--font-jost);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--white);
  white-space: nowrap;
  display: inline-block;
  text-align: center; }@media (max-width: 1199px) {
    .hero-style1 .main-form-submit a {
      width: unset;
      padding: 20px 70px;
      margin-top: 24px; } }.hero-style1 .main-form-submit button {
  background: var(--primary-color1);
  width: 100%;
  padding: 20px;
  border: none;
  font-family: var(--font-jost);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--white);
  white-space: nowrap;
  display: inline-block;
  text-align: center; }@media (max-width: 1199px) {
    .hero-style1 .main-form-submit button {
      width: unset;
      padding: 20px 70px;
      margin-top: 24px; } }@media (max-width: 1199px) {
  .hero-style1 .main-form-submit {
    display: flex;
    justify-content: center; } }.ui-datepicker {
  width: 17em;
  padding: 0.5em 0.5em 0;
  display: none;
  z-index: 99; }.ui-datepicker td {
  border: 0;
  padding: 2px; }.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  background: var(--primary-color1);
  border: 1px solid var(--primary-color1);
  color: #fff;
  border-radius: 0px; }div#ui-datepicker-div {
  border: 1px solid transparent;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.07);
  border-radius: 0px;
  margin-top: 8px;
  margin-left: -15px; }.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid rgba(238, 238, 238, 0.5);
  background: var(--white);
  font-weight: normal;
  padding: 4px;
  transition: all 0.45s ease;
  color: var(--text-color1); }.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover, .ui-button:hover, html .ui-button.ui-state-disabled:hover:hover, html .ui-button.ui-state-disabled:active:hover {
    border: 1px solid var(--primary-color1);
    color: var(--primary-color1); }.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid var(--primary-color1) !important;
  color: var(--primary-color1) !important; }.ui-widget-header .ui-icon {
  background-image: unset;
  position: relative; }.ui-widget-header .ui-icon::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    font-family: "bootstrap-icons";
    color: var(--white);
    z-index: 9; }.ui-datepicker-prev {
  border: 1px solid var(--primary-color1); }.ui-datepicker-prev:hover {
    border: 1px solid var(--primary-color1);
    background-color: inherit; }.ui-datepicker-prev::after {
    content: "";
    font-family: "bootstrap-icons";
    font-weight: 400;
    position: absolute;
    top: -1px;
    left: 5px;
    z-index: 9;
    margin: auto;
    font-size: 22px;
    color: var(--white);
    transition: all 0.35s ease; }.ui-datepicker-prev span.ui-icon {
    display: none !important;
    visibility: hidden; }.ui-datepicker-next {
  border: 1px solid var(--primary-color1); }.ui-datepicker-next:hover {
    border: 1px solid var(--primary-color1);
    background-color: inherit; }.ui-datepicker-next::after {
    content: "";
    font-family: "bootstrap-icons";
    font-weight: 400;
    position: absolute;
    top: -1px;
    left: 5px;
    z-index: 9;
    margin: auto;
    font-size: 22px;
    color: var(--white);
    transition: all 0.35s ease; }.ui-datepicker-next span.ui-icon {
    display: none !important;
    visibility: hidden; }/*=======================================
 7. Home One About
=======================================*/.section-title1 {
  padding-top: 5px; }.section-title1 span {
    font-family: var(--font-island);
    font-weight: 400;
    font-size: 40px;
    line-height: 0;
    letter-spacing: 0.03em;
    color: var(--primary-color1); }@media (max-width: 991px) {
      .section-title1 span {
        font-size: 30px;
        line-height: 35px; } }.section-title1 h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    line-height: 68px;
    color: var(--title-color);
    margin-bottom: 20px;
    margin-top: 10px; }@media (max-width: 576px) {
      .section-title1 h2 {
        font-size: 35px;
        line-height: 50px; } }.home-one-about {
  position: relative; }.home-one-about .about-vector {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1; }.home-one-about .about-content {
    padding: 0px 20px 0px 0px; }@media (max-width: 991px) {
      .home-one-about .about-content {
        margin-bottom: 100px;
        padding: unset; } }.home-one-about .about-content p {
      letter-spacing: 0.03em;
      margin-bottom: 28px; }.home-one-about .about-content .author-area {
      padding-top: 5px; }.home-one-about .about-content .author-area .author-img {
        margin-right: 20px; }.home-one-about .about-content .author-area .author-details h5 {
        font-family: var(--font-yeseva);
        font-weight: 400;
        font-size: 20px;
        color: var(--primary-color1); }.home-one-about .about-img {
    position: relative; }.home-one-about .about-img img {
      border-radius: 285px; }.home-one-about .about-img::after {
      content: url("https://www.penzioncity.cz/template/default/assets/images/bg/about-vec-top.png");
      position: absolute;
      left: 0;
      top: -40px;
      z-index: -1; }.home-one-about .about-img::before {
      content: url("https://www.penzioncity.cz/template/default/assets/images/bg/about-vec-btm.png");
      position: absolute;
      right: 0;
      bottom: -40px;
      z-index: -1; }.home-one-about .about-img .reviews {
      background: var(--white);
      border: 1px solid rgba(28, 23, 29, 0.1);
      box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
      border-radius: 20px;
      max-width: 240px;
      width: 100%;
      padding: 20px;
      position: absolute;
      top: -40px;
      right: 0; }@media (max-width: 767px) {
        .home-one-about .about-img .reviews {
          max-width: 175px; } }.home-one-about .about-img .reviews h2 {
        font-family: var(--font-yeseva);
        font-weight: 400;
        font-size: 50px;
        letter-spacing: 0.03em;
        color: var(--title-color);
        text-align: center;
        margin-bottom: 5px; }@media (max-width: 991px) {
          .home-one-about .about-img .reviews h2 {
            font-size: 35px; } }.home-one-about .about-img .reviews .stars {
        margin: 0;
        padding: 0;
        justify-content: center;
        gap: 10px;
        margin-bottom: 10px; }.home-one-about .about-img .reviews .stars li i {
          color: var(--primary-color1); }.home-one-about .about-img .reviews span {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 0.03em;
        color: var(--title-color);
        display: flex;
        justify-content: center; }/*=======================================
 8 Home One Room
=======================================*/.our-room-section .section-title1 {
  margin-bottom: 50px; }.our-room-section .single-room {
  position: relative;
  overflow: hidden; }.our-room-section .single-room > img {
    min-height: 320px; }.our-room-section .single-room .background {
    opacity: 0;
    background: linear-gradient(180.75deg, rgba(28, 23, 29, 0) 32.54%, rgba(28, 23, 29, 0.86) 64.35%, #1C171D 99.35%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: 0.35s; }.our-room-section .single-room .room-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -125px;
    padding: 40px 35px;
    transition: 0.35s; }@media (max-width: 576px) {
      .our-room-section .single-room .room-content {
        padding: 40px 25px; } }.our-room-section .single-room .room-content .price-tag {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 18px;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: var(--white); }.our-room-section .single-room .room-content .price-tag span {
        font-size: 25px;
        font-weight: 500; }.our-room-section .single-room .room-content h3 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 30px;
      line-height: 35px;
      color: var(--white);
      margin-bottom: 15px;
      padding-top: 2px;
      transition: 0.35s; }.our-room-section .single-room .room-content h3:hover {
        color: var(--primary-color1); }.our-room-section .single-room .room-content .bed-and-person {
      gap: 40px; }@media (max-width: 576px) {
        .our-room-section .single-room .room-content .bed-and-person {
          gap: 20px;
          flex-wrap: wrap; } }.our-room-section .single-room .room-content .bed-and-person .bed-qty p {
        margin-bottom: 0;
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 0.03em;
        color: var(--white);
        display: flex;
        align-items: baseline; }.our-room-section .single-room .room-content .bed-and-person .bed-qty p img {
          margin-right: 10px; }.our-room-section .single-room .room-content .bed-and-person .persons p {
        margin-bottom: 0;
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 0.03em;
        color: var(--white);
        display: flex;
        align-items: baseline; }.our-room-section .single-room .room-content .bed-and-person .persons p img {
          margin-right: 10px; }.our-room-section .single-room .room-content .book-btn {
      padding-top: 60px;
      transition: 0.35s; }.our-room-section .single-room .room-content .book-btn a {
        font-family: var(--font-island);
        font-weight: 400;
        font-size: 30px;
        letter-spacing: 0.03em;
        border: 0.5px solid #FFFFFF;
        padding: 5px 35px; }.our-room-section .single-room:hover .background {
    opacity: 1; }.our-room-section .single-room:hover .room-content {
    bottom: 0; }.our-room-section .single-room:hover .room-content .book-btn {
      padding-top: 30px; }.our-room-section .room-btn {
  font-family: var(--font-jost);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.03em;
  background: var(--primary-color1);
  padding: 14px 45px; }/*=======================================
 9. Home One Room
=======================================*/.home-one-features {
  background-image: url("https://www.penzioncity.cz/template/default/assets/images/bg/h1-features-img.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }.home-one-features .nav-pills .nav-link.active, .home-one-features .nav-pills .show > .nav-link {
    color: unset;
    background-color: unset; }.home-one-features .swiper {
    padding: unset; }.home-one-features .feature-content {
    padding: 80px 50px; }@media (min-width: 1200px) and (max-width: 1399px) {
      .home-one-features .feature-content {
        padding: 80px 30px; } }@media (min-width: 1400px) and (max-width: 1599px) {
      .home-one-features .feature-content {
        padding: 80px 25px 80px 50px; } }@media (max-width: 576px) {
      .home-one-features .feature-content {
        padding: 80px 20px; } }.home-one-features .feature-content .section-title1 {
      margin-bottom: 40px; }@media (max-width: 991px) {
        .home-one-features .feature-content .section-title1 {
          text-align: center; } }.home-one-features .feature-content .feature-items {
      background-color: var(--white);
      padding: 45px 15px;
      width: 100%;
      position: relative;
      text-align: center;
      font-family: var(--font-jost);
      font-weight: 500;
      font-size: 23px;
      color: var(--title-color);
      text-align: center;
      margin-bottom: 0;
      line-height: 13px; }.home-one-features .feature-content .feature-items::after {
        content: url("https://www.penzioncity.cz/template/default/assets/images/bg/f-icon-bg.png");
        position: absolute;
        left: 45px;
        top: 30px; }@media (max-width: 1399px) {
          .home-one-features .feature-content .feature-items::after {
            left: 30%; } }@media (max-width: 576px) {
          .home-one-features .feature-content .feature-items::after {
            left: 30%;
            top: 15px; } }@media (min-width: 1400px) and (max-width: 1599px) {
        .home-one-features .feature-content .feature-items {
          padding: 30px 8px;
          width: 145px; } }@media (max-width: 1399px) {
        .home-one-features .feature-content .feature-items {
          padding: 30px 8px; } }@media (max-width: 576px) {
        .home-one-features .feature-content .feature-items {
          padding: 20px 8px 17px; } }.home-one-features .feature-content .feature-items svg {
        fill: var(--title-color);
        transition: 0.35s;
        margin-bottom: 35px;
        display: block;
        margin-left: auto;
        margin-right: auto; }@media (min-width: 1200px) and (max-width: 1399px) {
        .home-one-features .feature-content .feature-items {
          padding: 12px 15px;
          font-size: 16px; } }@media (max-width: 576px) {
        .home-one-features .feature-content .feature-items {
          font-size: 18px;
          line-height: 22px; } }.home-one-features .feature-content .feature-items:hover svg {
        fill: var(--primary-color1);
        transition: 0.35s; }.home-one-features .feature-content .feature-items.active {
        background-color: var(--title-color);
        color: var(--white); }.home-one-features .feature-content .feature-items.active svg {
          fill: var(--white); }.home-one-features .tab-content .feature-slider img {
    width: 100%; }.home-one-features .tab-content .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 25px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 90px;
    background: var(--primary-color1);
    width: 25px;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1); }.home-one-features .tab-content .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--white); }.home-one-features .nav-link {
    padding: 0.3rem 0.3rem; }@media (max-width: 1199px) {
      .home-one-features .nav-link {
        padding: 1rem 1rem; } }@media (max-width: 1199px) {
      .home-one-features .nav-link {
        padding: .5rem .5rem; } }.home-one-features .nav-tabs {
    border-bottom: unset; }.home-one-features .nav-tabs .nav-link:focus, .home-one-features .nav-tabs .nav-link:hover {
    border-color: transparent; }.swiper-pagination .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 25px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 90px;
  background: var(--primary-color1);
  width: 25px; }.swiper-pagination .swiper-pagination-bullet-active {
  background: var(--white); }/*=======================================
 10. Home One Offer
=======================================*/.home-one-offers .section-title1 {
  margin-bottom: 50px; }.home-one-offers .scroll-offer {
  height: 1170px;
  overflow-y: scroll; }.home-one-offers .scroll-offer::-webkit-scrollbar {
    width: 0px; }@media (max-width: 1399px) {
    .home-one-offers .scroll-offer {
      height: 1175px; } }@media (max-width: 1199px) {
    .home-one-offers .scroll-offer {
      height: 1230px; } }@media (max-width: 991px) {
    .home-one-offers .scroll-offer {
      height: 897px; } }.home-one-offers .scroll-offer .single-offer {
    position: relative;
    overflow: hidden;
    z-index: 1; }.home-one-offers .scroll-offer .single-offer > img {
      height: 330px;
      width: 100% !important; }.home-one-offers .scroll-offer .single-offer::after {
      content: "";
      background: linear-gradient(357.71deg, #1C171D 9.06%, rgba(28, 23, 29, 0.3) 49.66%, rgba(28, 23, 29, 0) 101.76%, rgba(28, 23, 29, 0) 139.43%);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0;
      z-index: -1; }.home-one-offers .scroll-offer .single-offer .offer-card {
      position: absolute;
      top: 15px;
      right: 20px; }.home-one-offers .scroll-offer .single-offer .offer-card .offer {
        position: relative;
        margin-right: -50px; }.home-one-offers .scroll-offer .single-offer .offer-card .offer svg {
          fill: var(--primary-color1); }.home-one-offers .scroll-offer .single-offer .offer-card .offer .content {
          position: absolute;
          left: 10px;
          top: 19px; }.home-one-offers .scroll-offer .single-offer .offer-card .offer .content h4 {
            font-family: var(--font-yeseva);
            font-weight: 400;
            font-size: 23px;
            letter-spacing: 0.03em;
            color: var(--white);
            transform: rotate(-4.16deg);
            margin-bottom: 0;
            line-height: 15px; }.home-one-offers .scroll-offer .single-offer .offer-card .offer .content span {
            font-family: var(--font-jost);
            font-weight: 400;
            font-size: 13px;
            letter-spacing: 0.03em;
            color: var(--white);
            transform: rotate(-6.1deg);
            margin-left: 7px; }.home-one-offers .scroll-offer .single-offer .offer-card .day span {
        font-family: var(--font-jost);
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.04em;
        color: var(--white);
        background: rgba(32, 32, 32, 0.4);
        border: 1px solid #3CAA9F;
        border-radius: 170px;
        padding: 13px 15px 13px 63px; }.home-one-offers .scroll-offer .single-offer > .content {
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 15px 30px 30px;
      width: 100%;
      gap: 10px; }@media (max-width: 576px) {
        .home-one-offers .scroll-offer .single-offer > .content {
          flex-wrap: wrap; } }.home-one-offers .scroll-offer .single-offer > .content .left-content .price-tag {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 18px;
        color: var(--white); }.home-one-offers .scroll-offer .single-offer > .content .left-content .price-tag span {
          font-size: 25px;
          font-weight: 500; }.home-one-offers .scroll-offer .single-offer > .content .left-content h3 a {
        font-family: var(--font-yeseva);
        font-weight: 400;
        font-size: 30px;
        color: var(--white);
        margin-bottom: 0; }.home-one-offers .scroll-offer .single-offer > .content .left-content .stars {
        margin: 0;
        padding: 0;
        gap: 9px; }.home-one-offers .scroll-offer .single-offer > .content .left-content .stars li i {
          color: var(--primary-color1); }.home-one-offers .scroll-offer .single-offer > .content .book-btn {
        opacity: 0;
        transform: scale(0.4);
        transition: 0.35s; }.home-one-offers .scroll-offer .single-offer > .content .book-btn a {
          font-family: var(--font-island);
          font-weight: 400;
          font-size: 30px;
          letter-spacing: 0.03em;
          border: 0.5px solid #FFFFFF;
          padding: 5px 35px;
          white-space: nowrap; }.home-one-offers .scroll-offer .single-offer:hover::after {
      opacity: 1; }.home-one-offers .scroll-offer .single-offer:hover .content .book-btn {
      opacity: 1;
      transform: scale(1);
      transition: 0.35s; }.home-one-offers .single-offer2 {
  position: relative;
  overflow: hidden; }.home-one-offers .single-offer2 .offer-img {
    position: relative; }.home-one-offers .single-offer2 .offer-img img {
      height: 300px; }.home-one-offers .single-offer2 .background {
    background: linear-gradient(214.35deg, rgba(217, 217, 217, 0) 32.25%, #000 76.56%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: 0.35s; }.home-one-offers .single-offer2 .offer-batch {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 9; }.home-one-offers .single-offer2 .offer-batch .offer {
      position: relative; }.home-one-offers .single-offer2 .offer-batch .offer .content {
        position: absolute;
        left: 10px;
        top: 19px; }.home-one-offers .single-offer2 .offer-batch .offer .content h4 {
          font-family: var(--font-yeseva);
          font-weight: 400;
          font-size: 23px;
          letter-spacing: 0.03em;
          color: var(--title-color);
          transform: rotate(-4.16deg);
          margin-bottom: 0;
          line-height: 15px; }.home-one-offers .single-offer2 .offer-batch .offer .content span {
          font-family: var(--font-jost);
          font-weight: 400;
          font-size: 13px;
          letter-spacing: 0.03em;
          color: var(--title-color);
          transform: rotate(-6.1deg);
          margin-left: 7px; }.home-one-offers .single-offer2 .offer-content {
    position: absolute;
    left: 0;
    bottom: -117px;
    padding: 40px 35px;
    transition: 0.35s; }.home-one-offers .single-offer2 .offer-content .price-tag {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 18px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white); }.home-one-offers .single-offer2 .offer-content .price-tag span {
        font-size: 25px;
        font-weight: 500; }.home-one-offers .single-offer2 .offer-content h3 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 30px;
      line-height: 35px;
      color: var(--white);
      margin-bottom: 45px;
      padding-top: 2px; }.home-one-offers .single-offer2 .offer-content .bed-and-person {
      gap: 40px; }@media (max-width: 576px) {
        .home-one-offers .single-offer2 .offer-content .bed-and-person {
          gap: 20px;
          flex-wrap: wrap; } }.home-one-offers .single-offer2 .offer-content .bed-and-person .bed-qty p {
        margin-bottom: 0;
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 0.03em;
        color: var(--white);
        display: flex;
        align-items: baseline; }.home-one-offers .single-offer2 .offer-content .bed-and-person .bed-qty p img {
          margin-right: 10px; }.home-one-offers .single-offer2 .offer-content .bed-and-person .persons p {
        margin-bottom: 0;
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 0.03em;
        color: var(--white);
        display: flex;
        align-items: baseline; }.home-one-offers .single-offer2 .offer-content .bed-and-person .persons p img {
          margin-right: 10px; }.home-one-offers .single-offer2 .offer-content .book-btn {
      transition: 0.35s; }.home-one-offers .single-offer2 .offer-content .book-btn a {
        font-family: var(--font-island);
        font-weight: 400;
        font-size: 30px;
        letter-spacing: 0.03em;
        color: var(--primary-color1);
        border: 0.5px solid #3CAA9F;
        padding: 5px 35px; }.home-one-offers .single-offer2:hover .offer-content {
    bottom: 0px; }.home-one-offers .single-offer2:hover .offer-content span {
      color: var(--white); }.home-one-offers .single-offer2:hover .offer-content h3 {
      color: var(--white);
      margin-bottom: 15px; }.home-one-offers .single-offer2:hover .offer-content .book-btn {
      padding-top: 27px; }.home-one-offers .offer-banner {
  padding-bottom: 9px; }@media (max-width: 576px) {
    .home-one-offers .offer-banner {
      flex-wrap: wrap;
      justify-content: center; } }.home-one-offers .offer-banner .left-banner {
    background: #FFFFFF;
    border: 1px solid #3CAA9F;
    border-radius: 10px;
    padding: 30px;
    max-width: 192px;
    width: 100%;
    position: relative; }.home-one-offers .offer-banner .left-banner::after {
      content: "";
      width: 177px;
      height: 180px;
      background: var(--primary-color1);
      opacity: 0.5;
      border-radius: 10px;
      transform: rotate(-3.68deg);
      position: absolute;
      left: 8px;
      top: -2px;
      z-index: -1; }.home-one-offers .offer-banner .left-banner .vector {
      content: url("https://www.penzioncity.cz/template/default/assets/images/icons/offer-vec-2.svg");
      position: absolute;
      z-index: 99;
      left: 0;
      top: 0; }.home-one-offers .offer-banner .left-banner::before {
      content: "";
      width: 12.5px;
      height: 25px;
      background: var(--white);
      border-bottom-right-radius: 90px;
      border-top-right-radius: 90px;
      border: 1px solid #3CAA9F;
      border-left: 0;
      position: absolute;
      bottom: 45px;
      left: -1px;
      z-index: 6; }@media (max-width: 576px) {
        .home-one-offers .offer-banner .left-banner::before {
          bottom: -9px;
          left: 50%;
          transform: translateX(-50%);
          transform: rotate(-90deg); } }.home-one-offers .offer-banner .left-banner h5 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 20px;
      line-height: 23px;
      letter-spacing: 0.03em;
      color: var(--title-color);
      margin-bottom: 0; }.home-one-offers .offer-banner .left-banner span {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 10px;
      line-height: 10px;
      color: var(--text-color1); }.home-one-offers .offer-banner .left-banner p {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 15px;
      line-height: 15px;
      margin-bottom: 0;
      padding-top: 33px; }.home-one-offers .offer-banner .right-banner {
    background: #FFFFFF;
    border: 1px solid #3CAA9F;
    border-radius: 10px;
    padding: 23px 38px;
    max-width: 280px;
    width: 100%;
    margin-left: -1px;
    position: relative; }.home-one-offers .offer-banner .right-banner::before {
      content: "";
      width: 13.5px;
      height: 25px;
      background: var(--white);
      border-bottom-left-radius: 90px;
      border-top-left-radius: 90px;
      border: 1px solid #3CAA9F;
      border-right: 0;
      position: absolute;
      bottom: 45px;
      left: -14px;
      z-index: 6; }.home-one-offers .offer-banner .right-banner h3 {
      margin-bottom: 0;
      font-family: var(--font-yeseva);
      font-style: normal;
      font-weight: 400;
      font-size: 30px;
      line-height: 35px;
      color: var(--dark); }.home-one-offers .offer-banner .right-banner .sammer {
      text-align: center;
      font-size: 60px;
      font-family: var(--font-island);
      color: var(--primary-color1);
      padding-top: 12px;
      margin-bottom: 10px; }.home-one-offers .offer-banner .right-banner .offer {
      text-align: end; }/*=======================================
 11. Home One Testimonial
=======================================*/.home-one-testimonial .section-title1 {
  margin-bottom: 55px; }.home-one-testimonial .swiper {
  padding: 25px;
  margin: -25px; }.home-one-testimonial .testimonial-wrrap {
  border: 1px solid #EEEEEE;
  padding: 45px 30px;
  position: relative;
  transition: 0.35s; }@media (min-width: 992px) and (max-width: 1199px) {
    .home-one-testimonial .testimonial-wrrap {
      padding: 45px 20px; } }@media (max-width: 991px) {
    .home-one-testimonial .testimonial-wrrap {
      padding: 35px 20px; } }.home-one-testimonial .testimonial-wrrap > img {
    background-color: var(--white);
    position: absolute;
    top: -12px;
    left: -26px; }.home-one-testimonial .testimonial-wrrap .content {
    margin-bottom: 30px; }.home-one-testimonial .testimonial-wrrap .content p {
      margin-bottom: 0;
      letter-spacing: 0.03em;
      font-size: 22px;
      font-weight: 300; }.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-img {
    border-radius: 50%;
    margin-right: 15px; }.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg h4 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 22px;
    color: var(--title-color);
    margin-bottom: 0;
    white-space: nowrap; }@media (max-width: 576px) {
      .home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg h4 {
        font-size: 20px; } }@media (min-width: 992px) and (max-width: 1199px) {
      .home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg h4 {
        font-size: 20px; } }.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg p {
    margin-bottom: 0; }.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg .review {
    display: none; }@media (max-width: 576px) {
      .home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg .review {
        display: block; } }.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg .review ul {
      margin: 0;
      padding: 0;
      gap: 8px; }.home-one-testimonial .testimonial-wrrap .author-review-area .authot-area .author-name-deg .review ul li i {
        color: var(--primary-color1); }@media (max-width: 576px) {
    .home-one-testimonial .testimonial-wrrap .author-review-area .review {
      display: none; } }.home-one-testimonial .testimonial-wrrap .author-review-area .review ul {
    margin: 0;
    padding: 0;
    gap: 8px; }.home-one-testimonial .testimonial-wrrap .author-review-area .review ul li i {
      color: var(--primary-color1); }.home-one-testimonial .testimonial-wrrap:hover {
    border-color: var(--primary-color1); }.home-one-testimonial .swiper-btn-left {
  position: relative; }.home-one-testimonial .swiper-btn-left::after {
    content: "";
    width: 90%;
    border: 1px dashed #3CAA9F;
    position: absolute;
    left: 60px;
    top: 50%; }@media (max-width: 576px) {
      .home-one-testimonial .swiper-btn-left::after {
        width: 65%; } }.home-one-testimonial .swiper-btn-left .btns {
    height: 40px;
    width: 40px;
    border: 1px solid #3CAA9F;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.35s; }.home-one-testimonial .swiper-btn-left .btns svg {
      fill: var(--primary-color1);
      transition: 0.35s; }.home-one-testimonial .swiper-btn-left .btns:hover {
      border-color: var(--title-color); }.home-one-testimonial .swiper-btn-left .btns:hover svg {
        fill: var(--title-color); }.home-one-testimonial .swiper-btn-right {
  position: relative; }.home-one-testimonial .swiper-btn-right::after {
    content: "";
    width: 90% !important;
    border: 1px dashed #3CAA9F;
    position: absolute;
    right: 60px;
    top: 21px; }@media (max-width: 576px) {
      .home-one-testimonial .swiper-btn-right::after {
        width: 65% !important; } }.home-one-testimonial .swiper-btn-right .btns {
    height: 40px;
    width: 40px;
    border: 1px solid #3CAA9F;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    transition: 0.35s; }.home-one-testimonial .swiper-btn-right .btns svg {
      fill: var(--primary-color1);
      transition: 0.35s; }.home-one-testimonial .swiper-btn-right .btns:hover {
      border-color: var(--title-color); }.home-one-testimonial .swiper-btn-right .btns:hover svg {
        fill: var(--title-color); }.home-one-testimonial .contents p {
  font-family: var(--font-jost);
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 0.03em;
  line-height: 26px;
  color: var(--text-color1);
  margin-bottom: 0; }@media (max-width: 1199px) {
    .home-one-testimonial .contents p {
      font-size: 18px; } }@media (max-width: 576px) {
    .home-one-testimonial .contents p {
      padding: 10px 0; } }/*=======================================
 12. Home One Video
=======================================*/.home-one-video .video-area {
  position: relative; }.home-one-video .video-area video {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    max-height: 700px;
    position: relative; }.home-one-video .video-area video::after {
      content: "";
      background-color: rgba(34, 34, 34, 0.5);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 9; }.home-one-video .video-area .our-activitys {
    max-width: 1100px;
    margin: 0px 0px 0px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #1C171D;
    height: 126px;
    padding: 10px 65px;
    position: absolute;
    right: 0;
    bottom: 6px;
    gap: 10px; }@media (max-width: 1399px) {
      .home-one-video .video-area .our-activitys {
        gap: 30px; } }@media (max-width: 767px) {
      .home-one-video .video-area .our-activitys {
        gap: 10px; } }@media (max-width: 991px) {
      .home-one-video .video-area .our-activitys {
        position: relative;
        height: unset;
        padding: 10px 25px; } }@media (max-width: 767px) {
      .home-one-video .video-area .our-activitys {
        flex-wrap: wrap; } }@media (max-width: 991px) {
      .home-one-video .video-area .our-activitys .booking, .home-one-video .video-area .our-activitys .visitors, .home-one-video .video-area .our-activitys .satisfied-gest {
        flex-wrap: wrap; } }.home-one-video .video-area .our-activitys .booking .number, .home-one-video .video-area .our-activitys .visitors .number, .home-one-video .video-area .our-activitys .satisfied-gest .number {
      padding-top: 20px; }.home-one-video .video-area .our-activitys .booking .number h2, .home-one-video .video-area .our-activitys .visitors .number h2, .home-one-video .video-area .our-activitys .satisfied-gest .number h2 {
        font-family: var(--font-jost);
        font-weight: 700;
        font-size: 110px;
        -webkit-text-stroke: 2px rgba(255, 255, 255, 0.2);
        color: transparent;
        margin-bottom: 0;
        letter-spacing: 0.07em; }@media (max-width: 991px) {
          .home-one-video .video-area .our-activitys .booking .number h2, .home-one-video .video-area .our-activitys .visitors .number h2, .home-one-video .video-area .our-activitys .satisfied-gest .number h2 {
            font-size: 70px; } }.home-one-video .video-area .our-activitys .booking .number span, .home-one-video .video-area .our-activitys .visitors .number span, .home-one-video .video-area .our-activitys .satisfied-gest .number span {
        font-family: var(--font-jost);
        font-weight: 700;
        font-size: 110px;
        -webkit-text-stroke: 2px rgba(255, 255, 255, 0.2);
        color: transparent; }@media (max-width: 991px) {
          .home-one-video .video-area .our-activitys .booking .number span, .home-one-video .video-area .our-activitys .visitors .number span, .home-one-video .video-area .our-activitys .satisfied-gest .number span {
            font-size: 70px; } }.home-one-video .video-area .our-activitys .booking .contents, .home-one-video .video-area .our-activitys .visitors .contents, .home-one-video .video-area .our-activitys .satisfied-gest .contents {
      margin-left: -25px; }@media (max-width: 991px) {
        .home-one-video .video-area .our-activitys .booking .contents, .home-one-video .video-area .our-activitys .visitors .contents, .home-one-video .video-area .our-activitys .satisfied-gest .contents {
          margin-left: -20px; } }@media (max-width: 991px) {
        .home-one-video .video-area .our-activitys .booking .contents, .home-one-video .video-area .our-activitys .visitors .contents, .home-one-video .video-area .our-activitys .satisfied-gest .contents {
          margin-left: 20px; } }.home-one-video .video-area .our-activitys .booking .contents p, .home-one-video .video-area .our-activitys .visitors .contents p, .home-one-video .video-area .our-activitys .satisfied-gest .contents p {
        margin-bottom: 0;
        font-family: var(--font-yeseva);
        font-weight: 400;
        font-size: 20px;
        line-height: 25px;
        color: var(--white); }.home-one-video .video-area .video-batch {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }@media (max-width: 767px) {
      .home-one-video .video-area .video-batch {
        width: 100%; } }.home-one-video .video-area .video-batch img {
      width: 75px; }.home-one-video .video-area .video-batch h2 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 50px;
      line-height: 60px;
      color: var(--white);
      margin-bottom: 0;
      padding-top: 40px; }@media (max-width: 576px) {
        .home-one-video .video-area .video-batch h2 {
          font-size: 25px;
          line-height: unset;
          padding-top: 15px; } }/*=======================================
 13. Home One Video
=======================================*/.home-one-gallery .section-title1 {
  margin-bottom: 50px; }.home-one-gallery .gallery-item {
  position: relative; }.home-one-gallery .gallery-item a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(34, 34, 34, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: scale(0.4);
    transition: 0.5s; }.home-one-gallery .gallery-item a i {
      color: #fff;
      font-size: 30px; }.home-one-gallery .gallery-item.four {
    margin-top: -247px; }@media (max-width: 1399px) {
      .home-one-gallery .gallery-item.four {
        margin-top: -212px; } }@media (max-width: 1199px) {
      .home-one-gallery .gallery-item.four {
        margin-top: -177px; } }@media (max-width: 991px) {
      .home-one-gallery .gallery-item.four {
        margin-top: unset; } }.home-one-gallery .gallery-item.five {
    margin-top: -247px; }@media (max-width: 1399px) {
      .home-one-gallery .gallery-item.five {
        margin-top: -212px; } }@media (max-width: 1199px) {
      .home-one-gallery .gallery-item.five {
        margin-top: -178px; } }@media (max-width: 991px) {
      .home-one-gallery .gallery-item.five {
        margin-top: unset; } }.home-one-gallery .gallery-item.six {
    margin-top: -250px; }@media (max-width: 1399px) {
      .home-one-gallery .gallery-item.six {
        margin-top: -214px; } }@media (max-width: 1199px) {
      .home-one-gallery .gallery-item.six {
        margin-top: -178px; } }@media (max-width: 991px) {
      .home-one-gallery .gallery-item.six {
        margin-top: -204px; } }@media (max-width: 767px) {
      .home-one-gallery .gallery-item.six {
        margin-top: unset; } }.home-one-gallery .gallery-item.seven {
    margin-top: -501px; }@media (max-width: 1399px) {
      .home-one-gallery .gallery-item.seven {
        margin-top: -430px; } }@media (max-width: 1199px) {
      .home-one-gallery .gallery-item.seven {
        margin-top: -360px; } }@media (max-width: 991px) {
      .home-one-gallery .gallery-item.seven {
        margin-top: unset;
        margin-right: 10px; } }@media (max-width: 767px) {
      .home-one-gallery .gallery-item.seven {
        margin-top: unset;
        margin-right: unset; } }.home-one-gallery .gallery-item.eight {
    margin-top: 10px; }@media (max-width: 991px) {
      .home-one-gallery .gallery-item.eight {
        margin-top: unset; } }@media (max-width: 767px) {
      .home-one-gallery .gallery-item.eight {
        margin-top: 10px; } }.home-one-gallery .gallery-item:hover a {
    opacity: 1;
    transform: scale(1); }/*=======================================
 14. Home One Blog
=======================================*/.home-one-blog .section-title1 {
  margin-bottom: 50px; }.home-one-blog .blog-wrrap {
  background: #FAFAFA; }.home-one-blog .blog-wrrap .blog-img {
    position: relative;
    overflow: hidden; }.home-one-blog .blog-wrrap .blog-img img {
      width: 100%;
      transition: 0.4s; }.home-one-blog .blog-wrrap .blog-img .batch {
      position: absolute;
      left: 0;
      top: 0; }.home-one-blog .blog-wrrap .blog-img .batch a {
        font-family: var(--font-jost);
        font-weight: 600;
        font-size: 16px;
        color: var(--white);
        background-color: var(--title-color);
        padding: 7px 20px;
        display: block; }.home-one-blog .blog-wrrap .blog-content {
    padding: 25px 20px 20px; }.home-one-blog .blog-wrrap .blog-content .blog-meta {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      margin-bottom: 5px;
      margin-bottom: 10px; }.home-one-blog .blog-wrrap .blog-content .blog-meta a {
        transition: 0.35s;
        color: #5e5e5e; }.home-one-blog .blog-wrrap .blog-content .blog-meta a:hover {
          color: var(--primary-color1); }.home-one-blog .blog-wrrap .blog-content .blog-title h4 {
      margin-bottom: 20px; }.home-one-blog .blog-wrrap .blog-content .blog-title h4 > a {
        font-family: var(--font-yeseva);
        font-weight: 400;
        font-size: 24px;
        line-height: 35px;
        color: var(--title-color);
        text-transform: capitalize;
        transition: 0.35s; }.home-one-blog .blog-wrrap .blog-content .blog-title h4 > a:hover {
          color: var(--primary-color1); }.home-one-blog .blog-wrrap .blog-content .read-more-btn > a {
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 18px;
      color: var(--primary-color1);
      display: flex;
      align-items: center;
      transition: 0.35s; }.home-one-blog .blog-wrrap .blog-content .read-more-btn > a svg {
        margin-right: 10px;
        stroke: var(--primary-color1);
        fill: none;
        transition: 0.35s; }.home-one-blog .blog-wrrap .blog-content .read-more-btn > a:hover {
        color: var(--title-color); }.home-one-blog .blog-wrrap .blog-content .read-more-btn > a:hover svg {
          stroke: var(--title-color); }.home-one-blog .blog-wrrap:hover .blog-img img {
    transform: scale(1.1); }/*=======================================
 15. Home One Footer
=======================================*/footer {
  background-color: var(--title-color);
  background-size: cover;
  background-repeat: no-repeat; }footer .footer-top {
    padding: 100px 0px 40px 0;
    border-bottom: 1px solid rgba(52, 48, 53, 0.5); }footer .footer-top .footer-about {
      padding-right: 100px; }@media (max-width: 991px) {
        footer .footer-top .footer-about {
          padding: 0 50px;
          text-align: center; }
          footer .footer-top .footer-about .footer-btn {
            justify-content: center; } }@media (max-width: 576px) {
        footer .footer-top .footer-about {
          padding: 0 10px; } }@media (max-width: 576px) {
      footer .footer-top .contact {
        text-align: center; } }footer .footer-top .social-area {
      max-width: 300px;
      margin: 0 auto;
      border: 1px solid;
      border-color: rgba(52, 48, 53, 0.5);
      border-radius: 0px 0px 200px 200px;
      padding: 40px 20px 60px;
      position: relative; }footer .footer-top .social-area .dot1 {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #d2e25e;
        background: #343035;
        display: inline-block;
        position: absolute;
        left: 50px;
        top: -11px; }footer .footer-top .social-area .dot1::before {
          content: url("https://www.penzioncity.cz/template/default/assets/images/icons/footer-dash.svg");
          position: absolute;
          bottom: 12px;
          left: 4px;
          z-index: 9; }footer .footer-top .social-area .dot2 {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #d2e25e;
        background: #343035;
        display: inline-block;
        position: absolute;
        right: 50px;
        top: -11px; }footer .footer-top .social-area .dot2::before {
          content: url("https://www.penzioncity.cz/template/default/assets/images/icons/footer-dash.svg");
          position: absolute;
          bottom: 12px;
          left: 4px;
          z-index: 9; }footer .footer-top .social-area .footer-logo img {
        margin-bottom: 20px; }footer .footer-top .social-area .footer-logo p {
        font-family: var(--font-jost);
        font-size: 20px;
        font-weight: 300px;
        line-height: 35px;
        color: #d6d6d6; }footer .footer-top .social-area .footer-logo span {
        width: 5.66px;
        height: 5.66px;
        background: var(--primary-color1);
        transform: rotate(-45deg);
        display: inline-block;
        position: relative; }footer .footer-top .social-area .footer-logo span::before {
          content: "";
          width: 84px;
          height: 1px;
          background-color: var(--primary-color1);
          position: absolute;
          left: -77px;
          top: -34px;
          transform: rotate(45deg); }footer .footer-top .social-area .footer-logo span::after {
          content: "";
          width: 84px;
          height: 1px;
          background-color: var(--primary-color1);
          position: absolute;
          right: -75px;
          top: 39px;
          transform: rotate(45deg); }footer .footer-top .footer-items .footer-btn {
      display: flex;
      flex-wrap: wrap;
      gap: 20px; }footer .footer-top .footer-items .footer-btn a {
        font-family: var(--font-jost);
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: #d6d6d6;
        border: 1px solid #343035;
        border-color: rgba(52, 48, 53, 0.5);
        padding: 15px 25px; }footer .footer-top .footer-items .footer-btn a i {
          font-size: 10px; }footer .footer-top .footer-items h4 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 25px;
      line-height: 32px;
      text-transform: capitalize;
      letter-spacing: 0.03em;
      color: var(--primary-color1);
      margin-bottom: 20px; }footer .footer-top .footer-items p {
      color: #d6d6d6;
      margin-bottom: 18px;
      letter-spacing: 0.03em; }@media (max-width: 767px) {
        footer .footer-top .footer-items p {
          margin-bottom: 30px; } }footer .footer-top .footer-items ul {
      margin: 0;
      padding: 0; }footer .footer-top .footer-items ul li {
        margin-bottom: 10px; }footer .footer-top .footer-items ul li a {
          font-family: var(--font-jost);
          font-weight: 500;
          font-size: 16px;
          line-height: 30px;
          color: #EFEFEF;
          transition: 0.35s; }footer .footer-top .footer-items ul li a:hover {
            color: var(--primary-color1); }footer .footer-top .footer-items ul li:last-child {
          margin-bottom: 0; }footer .footer-top .footer-items .hotline, footer .footer-top .footer-items .email {
      display: flex;
      align-items: center; }@media (max-width: 576px) {
        footer .footer-top .footer-items .hotline, footer .footer-top .footer-items .email {
          justify-content: center; } }footer .footer-top .footer-items .hotline .hotline-icon img, footer .footer-top .footer-items .hotline .email-icon img, footer .footer-top .footer-items .email .hotline-icon img, footer .footer-top .footer-items .email .email-icon img {
        margin-right: 12px; }footer .footer-top .footer-items .hotline .hotline-info h6, footer .footer-top .footer-items .hotline .email-info h6, footer .footer-top .footer-items .email .hotline-info h6, footer .footer-top .footer-items .email .email-info h6 {
        margin-bottom: 0; }footer .footer-top .footer-items .hotline .hotline-info h6 a, footer .footer-top .footer-items .hotline .email-info h6 a, footer .footer-top .footer-items .email .hotline-info h6 a, footer .footer-top .footer-items .email .email-info h6 a {
          font-size: 16px;
          font-weight: 500;
          font-family: var(--font-jost);
          color: #d6d6d6;
          transition: 0.35s; }footer .footer-top .footer-items .hotline .hotline-info h6 a:hover, footer .footer-top .footer-items .hotline .email-info h6 a:hover, footer .footer-top .footer-items .email .hotline-info h6 a:hover, footer .footer-top .footer-items .email .email-info h6 a:hover {
            color: var(--primary-color1); }footer .footer-top .footer-items .footer-titel {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 28px;
      letter-spacing: 0.03em;
      color: var(--white);
      position: relative; }@media (max-width: 767px) {
        footer .footer-top .footer-items .footer-titel {
          margin-bottom: 20px; } }footer .footer-top .footer-items .footer-titel::after {
        content: "";
        width: 145px;
        height: 2px;
        background: linear-gradient(90.02deg, #FFFFFF 0.02%, rgba(255, 255, 255, 0) 91.04%);
        border-radius: 20px;
        position: absolute;
        left: 0;
        bottom: -5px; }footer .footer-top .footer-items .social-link {
      margin: 0;
      padding: 0;
      gap: 20px;
      padding-top: 15px; }footer .footer-top .footer-items .social-link li {
        margin-bottom: 0; }footer .footer-top .footer-items .social-link li a {
          height: 34px;
          width: 34px;
          line-height: 35px;
          background: rgba(28, 23, 29, 0.8);
          border: 1px solid #d2e25e;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          transition: 0.35s; }footer .footer-top .footer-items .social-link li a i {
            font-size: 20px;
            transition: 0.35s; }footer .footer-top .footer-items .social-link li a:hover {
            background-color: var(--primary-color1); }footer .footer-top .footer-items .social-link li a:hover i {
              color: var(--white); }footer .footer-mdl {
    border-bottom: 1px solid rgba(52, 48, 53, 0.5); }footer .footer-mdl .quick-menu ul {
      display: flex;
      align-content: center;
      justify-content: center;
      margin: 0;
      padding: 0; }@media (max-width: 991px) {
        footer .footer-mdl .quick-menu ul {
          flex-wrap: wrap;
          padding: 20px 0; } }footer .footer-mdl .quick-menu ul li {
        padding: 25px 20px; }@media (max-width: 991px) {
          footer .footer-mdl .quick-menu ul li {
            padding: 5px 20px; } }footer .footer-mdl .quick-menu ul li a {
          font-family: var(--font-jost);
          font-weight: 500;
          font-size: 16px;
          color: #EFEFEF;
          transition: 0.35s; }footer .footer-mdl .quick-menu ul li a:hover {
            color: var(--primary-color1); }footer .footer-btm {
    padding: 30px 0px; }footer .footer-btm .payment-mathort ul {
      margin: 0;
      padding: 0;
      gap: 40px;
      display: flex; }@media (max-width: 576px) {
        footer .footer-btm .payment-mathort ul {
          gap: 20px; } }footer .footer-btm .payment-mathort ul li {
        font-family: var(--font-jost);
        font-weight: 300;
        font-size: 20px;
        letter-spacing: 0.03em;
        color: var(--white); }@media (max-width: 576px) {
          footer .footer-btm .payment-mathort ul li:first-child {
            display: none;
            visibility: hidden; } }footer .footer-btm .payment-mathort ul li a img {
          max-width: 100%; }@media (max-width: 1199px) {
      footer .footer-btm .devlopar-area {
        display: flex;
        justify-content: center; } }footer .footer-btm .devlopar-area p {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 14px;
      color: #FFFFFF;
      margin-bottom: 0;
      line-height: 27px; }footer .footer-btm .devlopar-area p a {
        font-weight: 700;
        transition: 0.35s;
        color: var(--primary-color1); }footer .footer-btm .devlopar-area p a:hover {
          color: var(--white); }@media (max-width: 991px) {
        footer .footer-btm .devlopar-area p {
          padding: 10px 0 0; } }/*=======================================
 16. Home Two Top Bar
=======================================*/.top-bar2 {
  background-color: var(--white);
  padding: 12px 0px 15px;
  border-bottom: 1px solid #EEEEEE; }@media (max-width: 991px) {
    .top-bar2 {
      display: none; } }.top-bar2 .top-bar-items {
    display: flex;
    justify-content: space-between;
    align-items: center; }.top-bar2 .top-bar-icon a img {
    max-width: 280px; }.top-bar2 .hotline, .top-bar2 .email {
    display: flex;
    align-items: center;
    justify-content: center; }.top-bar2 .hotline .hotline-icon svg, .top-bar2 .hotline .email-icon svg, .top-bar2 .email .hotline-icon svg, .top-bar2 .email .email-icon svg {
      vertical-align: -webkit-baseline-middle; }.top-bar2 .hotline .hotline-info, .top-bar2 .hotline .email-info, .top-bar2 .email .hotline-info, .top-bar2 .email .email-info {
      margin-left: 10px; }.top-bar2 .hotline .hotline-info span, .top-bar2 .hotline .email-info span, .top-bar2 .email .hotline-info span, .top-bar2 .email .email-info span {
        font-size: 12px;
        font-weight: 400;
        font-family: var(--font-jost);
        color: var(--title-color); }.top-bar2 .hotline .hotline-info h6, .top-bar2 .hotline .email-info h6, .top-bar2 .email .hotline-info h6, .top-bar2 .email .email-info h6 {
        font-size: 15px;
        font-weight: 400;
        font-family: var(--font-yeseva);
        color: var(--title-color);
        white-space: nowrap;
        margin-bottom: 0; }@media (max-width: 991px) {
      .top-bar2 .hotline, .top-bar2 .email {
        display: none !important;
        visibility: hidden; } }.top-bar2 .mobile-menu-btn {
    margin-left: 25px; }.top-bar2 .mobile-menu-btn .bx {
      color: var(--title-color);
      font-size: 28px; }/*=======================================
 17. Home Two Header
=======================================*/header.style-2 {
  background: var(--white);
  width: 100%;
  position: relative;
  top: 0;
  z-index: 9999; }@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-2 {
      padding: 0px 30px 0px 30px; } }@media (min-width: 992px) and (max-width: 1199px) {
    header.style-2 {
      padding: 0px 30px 0px 30px; } }@media (max-width: 991px) {
    header.style-2 {
      padding: 0px 30px 0px 30px;
      top: 0; } }@media (max-width: 576px) {
    header.style-2 {
      padding: 0px 20px 0px 20px;
      top: 0; } }header.style-2.sticky {
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 999;
    background: #FFFFFF;
    box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
    animation: smooth-header 0.65s linear; }@keyframes smooth-header {
  0% {
    transform: translateY(-30px); }
  100% {
    transform: translateY(0px); } }header.style-2 .header-logo {
    height: 100%;
    display: none; }@media (max-width: 991px) {
      header.style-2 .header-logo {
        padding: 20px 0px;
        display: block; } }header.style-2 .header-logo img {
      min-width: 120px;
      max-width: 70%; }header.style-2 .nav-right {
    gap: 100px; }@media (max-width: 1399px) {
      header.style-2 .nav-right {
        gap: 50px; } }@media (max-width: 1199px) {
      header.style-2 .nav-right {
        gap: 20px; } }header.style-2 .nav-right .header-btn a {
      font-family: var(--font-jost);
      font-size: 18px;
      font-weight: 700;
      display: inline-block;
      transition: 0.35s ease-in;
      cursor: pointer;
      white-space: nowrap;
      padding: 14px 41px; }@media (max-width: 991px) {
      header.style-2 .nav-right .header-btn {
        display: none;
        visibility: hidden; } }header.style-2 .nav-right .bookmark-icon {
      position: relative; }@media (max-width: 991px) {
        header.style-2 .nav-right .bookmark-icon {
          display: none;
          visibility: hidden; } }header.style-2 .nav-right .bookmark-icon > a i {
        color: var(--title-color);
        font-size: 25px;
        line-height: 25px; }header.style-2 .nav-right .bookmark-icon .batch {
        color: var(--white);
        height: 18px;
        width: 18px;
        line-height: 17px;
        background-color: var(--primary-color1);
        border-radius: 50%;
        font-size: 10px;
        position: absolute;
        right: -3px;
        top: -3px; }header.style-2 .nav-right .bookmark-icon .batch a {
          display: flex;
          justify-content: center;
          align-self: center;
          font-size: 10px; }header.style-2 .main-menu .menu-list {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    padding: 0; }@media (max-width: 991px) {
      header.style-2 .main-menu .menu-list {
        flex-direction: column;
        justify-content: start; } }header.style-2 .main-menu .menu-list > li {
      position: relative;
      margin: 0px 17px;
      display: inline-block; }@media (max-width: 1199px) {
        header.style-2 .main-menu .menu-list > li {
          margin: 0px 15px; } }@media (max-width: 991px) {
        header.style-2 .main-menu .menu-list > li {
          margin: 0;
          width: 100%; } }header.style-2 .main-menu .menu-list > li .dropdown-icon {
        color: var(--title-color);
        font-size: 25px;
        transition: 0.4s ease-in;
        opacity: 0;
        visibility: hidden; }@media (max-width: 991px) {
          header.style-2 .main-menu .menu-list > li .dropdown-icon {
            opacity: 1;
            visibility: visible; } }header.style-2 .main-menu .menu-list > li .dropdown-icon.active {
          color: var(--primary-color1); }header.style-2 .main-menu .menu-list > li a {
        font-size: 20px;
        line-height: 1;
        font-weight: 400;
        color: var(--title-color);
        padding: 32px 0px;
        display: inline-block;
        white-space: nowrap;
        transition: 0.4s;
        display: flex;
        align-items: center;
        font-family: var(--font-jost); }header.style-2 .main-menu .menu-list > li a.active {
          color: var(--primary-color1); }header.style-2 .main-menu .menu-list > li a.active::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 22px;
            width: 100%;
            height: 1px;
            background-color: var(--primary-color1); }@media (max-width: 991px) {
              header.style-2 .main-menu .menu-list > li a.active::before {
                display: none;
                visibility: hidden; } }header.style-2 .main-menu .menu-list > li a:hover {
          color: var(--primary-color1);
          position: relative; }header.style-2 .main-menu .menu-list > li a:hover::before {
            content: "";
            width: 100%;
            height: 2px;
            background: linear-gradient(90.05deg, #d2e25e 0.06%, rgba(219, 167, 101, 0) 102.94%);
            border-radius: 20px;
            position: absolute;
            left: 0;
            bottom: 20px; }@media (max-width: 991px) {
              header.style-2 .main-menu .menu-list > li a:hover::before {
                bottom: 0;
                display: none; } }@media (max-width: 991px) {
          header.style-2 .main-menu .menu-list > li a {
            padding: 12px 0px;
            display: block;
            position: relative;
            border-bottom: 1px solid rgba(210, 226, 94, 0.098); }
            header.style-2 .main-menu .menu-list > li a:hover {
              color: unset; } }header.style-2 .main-menu .menu-list > li .submenu {
        padding: 0;
        position: absolute;
        top: 82px;
        left: 0px;
        max-width: 230px;
        min-width: 230px;
        background-color: #FFFFFF;
        text-align: left;
        transform: translateY(25px);
        opacity: 0;
        visibility: hidden;
        transition: all 0.55s ease-in-out;
        box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1); }@media (max-width: 991px) {
          header.style-2 .main-menu .menu-list > li .submenu {
            opacity: 1;
            position: relative;
            left: 0;
            top: 0;
            width: 100%;
            border: unset;
            display: none;
            transition: unset;
            box-shadow: unset;
            transform: translateY(0px);
            visibility: unset; } }header.style-2 .main-menu .menu-list > li .submenu > li a {
          display: block;
          padding: 12px 25px;
          border-bottom: 1px solid rgba(60, 170, 159, 0.1);
          position: relative;
          z-index: 1;
          font-size: 18px;
          color: var(--title-color); }@media (max-width: 991px) {
            header.style-2 .main-menu .menu-list > li .submenu > li a {
              border-bottom: unset;
              padding: 12px 15px; } }header.style-2 .main-menu .menu-list > li .submenu > li a::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            background: #3caa9f;
            width: 100%;
            height: 1px;
            transform: scaleX(0);
            transform-origin: left;
            transition: 0.4s ease-in;
            z-index: -1; }header.style-2 .main-menu .menu-list > li .submenu > li a:hover {
            color: var(--primary-color1); }header.style-2 .main-menu .menu-list > li .submenu > li a:hover::before {
              transform: scale(1); }header.style-2 .main-menu .menu-list > li .submenu > li a:last-child {
            border-bottom: unset; }header.style-2 .main-menu .menu-list > li.menu-item-has-children {
        position: relative;
        z-index: 1;
        padding-right: 20px; }@media (max-width: 991px) {
          header.style-2 .main-menu .menu-list > li.menu-item-has-children {
            padding-right: unset; } }header.style-2 .main-menu .menu-list > li.menu-item-has-children::after {
          content: "";
          font-family: "bootstrap-icons";
          font-weight: 600;
          position: absolute;
          top: 35px;
          right: 0px;
          font-size: 12px;
          color: var(--title-color);
          transition: all 0.42s ease-in-out; }@media (max-width: 991px) {
            header.style-2 .main-menu .menu-list > li.menu-item-has-children::after {
              display: none;
              visibility: hidden; } }header.style-2 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon {
          position: absolute;
          top: 8px;
          right: 0;
          font-size: 20px; }header.style-2 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon.active {
            color: var(--primary-color1); }header.style-2 .main-menu .menu-list > li.menu-item-has-children:hover .submenu {
          opacity: 1;
          transform: translateY(0);
          visibility: visible; }header.style-2 .main-menu .menu-list > li.menu-item-has-children:hover::after {
          color: var(--primary-color1);
          transform: rotate(180deg); }@media (max-width: 991px) {
    header.style-2 .main-menu {
      position: fixed;
      top: 0%;
      left: -100%;
      width: 280px;
      height: 100%;
      overflow-y: auto;
      background-color: var(--white);
      border-right: 1px solid rgba(238, 238, 238, 0.1);
      padding: 40px 20px;
      z-index: 999;
      transition: 0.7s ease-in-out;
      border-right: 1px solid #eeeeee; }
      header.style-2 .main-menu.show-menu {
        left: 0; } }header.style-2 .main-menu .mobile-logo-area {
    margin-bottom: 25px; }header.style-2 .main-menu .mobile-logo-area .menu-close-btn {
      cursor: pointer; }header.style-2 .main-menu .mobile-logo-area .menu-close-btn .bi {
        color: var(--title-color);
        font-size: 18px; }header.style-2 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
          color: red; }header.style-2 .main-menu .mobile-logo-wrap {
    padding: 10px; }header.style-2 .mobile-menu-btn {
    margin-left: 25px; }header.style-2 .mobile-menu-btn .bx {
      color: var(--title-color);
      font-size: 28px;
      line-height: 0; }header.style-2 .hotline-icon svg, header.style-2 .email-icon svg {
    vertical-align: -webkit-baseline-middle;
    fill: var(--primary-color1); }header.style-2 .hotline, header.style-2 .email {
    display: flex;
    align-items: center; }header.style-2 .hotline .hotline-icon svg, header.style-2 .hotline .email-icon svg, header.style-2 .email .hotline-icon svg, header.style-2 .email .email-icon svg {
      fill: var(--primary-color1); }header.style-2 .hotline .hotline-info, header.style-2 .hotline .email-info, header.style-2 .email .hotline-info, header.style-2 .email .email-info {
      margin-left: 10px; }header.style-2 .hotline .hotline-info span, header.style-2 .hotline .email-info span, header.style-2 .email .hotline-info span, header.style-2 .email .email-info span {
        font-size: 12px;
        font-weight: 400;
        font-family: var(--font-jost);
        color: var(--primary-color1); }@media (max-width: 991px) {
          header.style-2 .hotline .hotline-info span, header.style-2 .hotline .email-info span, header.style-2 .email .hotline-info span, header.style-2 .email .email-info span {
            color: var(--title-color); } }header.style-2 .hotline .hotline-info h6, header.style-2 .hotline .email-info h6, header.style-2 .email .hotline-info h6, header.style-2 .email .email-info h6 {
        font-size: 15px;
        font-weight: 400;
        font-family: var(--font-yeseva);
        color: var(--white);
        white-space: nowrap;
        margin-bottom: 0; }@media (max-width: 991px) {
          header.style-2 .hotline .hotline-info h6, header.style-2 .hotline .email-info h6, header.style-2 .email .hotline-info h6, header.style-2 .email .email-info h6 {
            color: var(--title-color); } }/*=======================================
 18. Home Two Banner
=======================================*/.hero-style2 {
  background-image: linear-gradient(rgba(28, 23, 29, 0.5), rgba(28, 23, 29, 0.5)), url("https://www.penzioncity.cz/template/default/assets/images/bg/h2-banner-img.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 150px 0;
  display: flex;
  align-items: center;
  position: relative; }@media (max-width: 991px) {
    .hero-style2 {
      padding: 100px 0px;
      height: unset; } }.hero-style2 .social-link {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%); }@media (max-width: 1399px) {
      .hero-style2 .social-link {
        right: 30px; } }@media (max-width: 991px) {
      .hero-style2 .social-link {
        display: none; } }.hero-style2 .social-link li {
      padding: 20px;
      color: var(--white);
      position: relative;
      transition: 0.35s; }.hero-style2 .social-link li a i {
        font-size: 25px; }.hero-style2 .social-link li::after {
        content: "";
        height: 3px;
        width: 3px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.2);
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%); }.hero-style2 .social-link li:last-child::after {
        display: none; }.hero-style2 .social-link li:hover {
        color: var(--primary-color1); }.hero-style2 .hero-content {
    max-width: 980px;
    width: 100%;
    margin-bottom: 90px; }@media (max-width: 991px) {
      .hero-style2 .hero-content {
        margin-bottom: 70px; } }.hero-style2 .hero-content h4 {
      font-family: var(--font-jost);
      font-weight: 300;
      font-size: 17px;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
      margin-bottom: 25px;
      background-color: rgba(210, 226, 94, 0.25);
      display: inline-block;
      padding: 15px 20px;
      text-align: center; }@media (max-width: 991px) {
        .hero-style2 .hero-content h4 {
          margin-bottom: 10px; } }@media (max-width: 576px) {
        .hero-style2 .hero-content h4 {
          line-height: 35px;
          padding: 10px 12px;
          font-size: 16px; } }.hero-style2 .hero-content h1 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 85px;
      line-height: 105px;
      letter-spacing: 0.03em;
      color: var(--white); }@media (max-width: 1399px) {
        .hero-style2 .hero-content h1 {
          font-size: 70px;
          line-height: 90px; } }@media (max-width: 991px) {
        .hero-style2 .hero-content h1 {
          font-size: 60px;
          line-height: 75px;
          margin-bottom: 30px; } }@media (max-width: 991px) {
        .hero-style2 .hero-content h1 {
          font-size: 50px;
          line-height: 60px; } }.hero-style2 .hero-content p {
      letter-spacing: 0.03em;
      color: var(--white);
      margin-bottom: 50px; }.hero-style2 .hero-content a {
      font-family: var(--font-jost);
      font-weight: 700;
      font-size: 18px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      padding: 12px 25px;
      display: inline-block; }.hero-style2 .multi-main-searchber {
    background-color: #fff;
    width: 100%;
    padding: 20px 0px 20px 25px;
    position: relative; }@media (max-width: 991px) {
      .hero-style2 .multi-main-searchber {
        padding: 25px 50px; } }@media (max-width: 576px) {
      .hero-style2 .multi-main-searchber {
        padding: 25px 35px; } }.hero-style2 .multi-main-searchber .searchbox-input {
      width: 100%;
      position: relative;
      border: 1px solid #E2E2E2;
      height: 60px; }.hero-style2 .multi-main-searchber .searchbox-input::after {
        content: "";
        width: 2px;
        height: 36px;
        background: var(--primary-color1);
        opacity: 0.2;
        border-radius: 10px; }.hero-style2 .multi-main-searchber .searchbox-input::before {
        position: absolute;
        content: url("https://www.penzioncity.cz/template/default/assets/images/icons/date.svg");
        left: 22px;
        line-height: 0;
        top: 50%;
        transform: translateY(-50%); }.hero-style2 .multi-main-searchber .searchbox-input label {
        font-family: var(--font-jost);
        font-weight: 600;
        font-size: 18px;
        color: var(--title-color);
        padding: 5px 20px 0 65px;
        white-space: nowrap; }.hero-style2 .multi-main-searchber .searchbox-input input {
        padding: 0 20px 5px 65px;
        display: block;
        width: 100%;
        background: #fff;
        border-radius: 5px;
        border: none;
        font-family: var(--font-jost);
        font-weight: 500;
        font-size: 12px;
        color: #666666 !important; }.hero-style2 .multi-main-searchber .searchbox-input input::placeholder {
          font-family: var(--font-jost);
          font-weight: 400;
          font-size: 16px;
          color: #666666 !important; }.hero-style2 .multi-main-searchber .searchbox-input .calendar {
        background: #fff;
        border-radius: 4px;
        font-size: 14px !important;
        border: none;
        position: relative; }.hero-style2 .multi-main-searchber .searchbox-input.two {
      height: 60px; }.hero-style2 .multi-main-searchber .searchbox-input.two::before {
        content: url("https://www.penzioncity.cz/template/default/assets/images/icons/user.svg");
        z-index: 99; }.hero-style2 .multi-main-searchber .searchbox-input.three::before {
      content: url("https://www.penzioncity.cz/template/default/assets/images/icons/hotel.svg"); }.hero-style2 .nice-select {
    width: 100%;
    border: none;
    padding: 0px 30px 0px 65px;
    line-height: 1;
    height: 25px; }.hero-style2 .nice-select span {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      color: #666666  !important;
      z-index: 9; }.hero-style2 .nice-select .list {
      top: 30px;
      width: 100%;
      border-radius: unset;
      z-index: 9999; }.hero-style2 .nice-select .option {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--title-color); }.hero-style2 .nice-select::after {
      height: 8px;
      width: 8px;
      right: 15px;
      border-color: var(--primary-color1);
      top: -15%; }.hero-style2 .main-form-submit a {
    padding: 17px 35px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    white-space: nowrap;
    text-align: center;
    height: 60px;
    color: var(--white);
    background-color: var(--primary-color1); }.hero-style2 .main-form-submit a:hover {
      background-color: transparent; }@media (min-width: 992px) and (max-width: 1199px) {
      .hero-style2 .main-form-submit a {
        padding: 15px 18px; } }@media (max-width: 991px) {
      .hero-style2 .main-form-submit a {
        width: unset;
        padding: 20px 70px;
        margin-top: 24px; } }.hero-style2 .main-form-submit button {
    padding: 17px 35px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    white-space: nowrap;
    text-align: center;
    height: 60px;
    color: var(--white);
    background-color: var(--primary-color1); }.hero-style2 .main-form-submit button:hover {
      background-color: transparent; }@media (min-width: 992px) and (max-width: 1199px) {
      .hero-style2 .main-form-submit button {
        padding: 15px 18px; } }@media (max-width: 991px) {
      .hero-style2 .main-form-submit button {
        width: unset;
        padding: 20px 70px;
        margin-top: 24px; } }@media (max-width: 991px) {
    .hero-style2 .main-form-submit {
      display: flex;
      justify-content: center; } }/*=======================================
 18. Home Two Feature
=======================================*/.section-title2 {
  margin-top: -8px; }.section-title2 span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--primary-color1); }.section-title2 h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    text-align: center;
    color: var(--title-color);
    margin-bottom: -3px;
    padding-top: 10px; }@media (max-width: 1199px) {
      .section-title2 h2 {
        font-size: 45px; } }@media (max-width: 576px) {
      .section-title2 h2 {
        font-size: 40px; } }.home-two-feature .mt--30 {
  margin-top: -30px !important; }@media (max-width: 991px) {
    .home-two-feature .mt--30 {
      margin-top: 24px !important; } }.home-two-feature .section-title2 {
  margin-bottom: 120px; }@media (max-width: 991px) {
    .home-two-feature .section-title2 {
      margin-bottom: 60px; } }.home-two-feature .feature-card .featura-img {
  position: relative;
  overflow: hidden; }.home-two-feature .feature-card .featura-img::after {
    content: "";
    background-image: linear-gradient(180deg, rgba(28, 23, 29, 0) 53.78%, #1C171D 91.67%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1; }.home-two-feature .feature-card .featura-img > img {
    width: 100%; }.home-two-feature .feature-card .featura-img .feature-content {
    padding: 25px 40px;
    position: absolute;
    bottom: -47px;
    left: 0;
    right: 0;
    z-index: 2;
    transition: 0.35s; }.home-two-feature .feature-card .featura-img .feature-content h4 {
      margin-bottom: 15px; }.home-two-feature .feature-card .featura-img .feature-content h4 a {
        font-family: var(--font-yeseva);
        font-weight: 500;
        font-size: 27px;
        letter-spacing: 0.03em;
        color: var(--white); }.home-two-feature .feature-card .featura-img .feature-content > a {
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 16px;
      letter-spacing: 0.03em;
      color: var(--primary-color1);
      transition: 0.35s; }.home-two-feature .feature-card .featura-img .feature-content > a svg {
        stroke: var(--primary-color1);
        fill: none;
        transition: 0.35s; }.home-two-feature .feature-card .featura-img .feature-content > a:hover {
        color: var(--white); }.home-two-feature .feature-card .featura-img .feature-content > a:hover svg {
          stroke: var(--white); }.home-two-feature .feature-card .featura-img:hover .feature-content {
    bottom: 0px; }/*=======================================
 19. Home Two Room & Suits
=======================================*/.home-two-room-suits {
  background-image: url("https://www.penzioncity.cz/template/default/assets/images/bg/room-suits-bg.png");
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0; }.home-two-room-suits .room-suits-slider {
    padding: 0px 10px; }.home-two-room-suits .room-wrrap {
    position: relative; }.home-two-room-suits .room-wrrap .room-img {
      overflow: hidden; }.home-two-room-suits .room-wrrap .room-img img {
        width: 100%;
        transition: 0.35s; }.home-two-room-suits .room-wrrap .room-content {
      background: #FFFFFF;
      box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, 0.08);
      padding: 30px 35px 30px; }.home-two-room-suits .room-wrrap .room-content .room-features {
        margin-top: -20px;
        position: relative;
        z-index: 9;
        margin-bottom: 30px; }.home-two-room-suits .room-wrrap .room-content .room-features ul {
          gap: 25px;
          justify-content: center;
          background: #1C171D;
          box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, 0.08);
          border-radius: 36px;
          display: flex;
          align-items: center;
          max-width: 300px;
          width: 100%;
          margin: 0 auto; }.home-two-room-suits .room-wrrap .room-content .room-features ul li {
            padding: 10px 3px; }.home-two-room-suits .room-wrrap .room-content .room-features ul li svg {
              fill: white; }.home-two-room-suits .room-wrrap .room-content .price-area {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 18px;
        letter-spacing: 0.03em;
        color: var(--title-color); }.home-two-room-suits .room-wrrap .room-content .price-area span {
          font-size: 22px;
          font-weight: 600;
          color: var(--primary-color1); }.home-two-room-suits .room-wrrap .room-content h3 {
        padding-top: 5px;
        margin-bottom: 15px; }.home-two-room-suits .room-wrrap .room-content h3 a {
          font-family: var(--font-yeseva);
          font-weight: 400;
          font-size: 28px;
          letter-spacing: 0.03em;
          color: var(--title-color);
          transition: 0.35s; }.home-two-room-suits .room-wrrap .room-content h3 a:hover {
            color: var(--primary-color1); }.home-two-room-suits .room-wrrap .room-content .stars {
        gap: 10px;
        margin-bottom: 0; }.home-two-room-suits .room-wrrap .room-content .stars li i {
          color: var(--primary-color1); }.home-two-room-suits .room-wrrap .room-content .book-btn {
        transform: rotate(-90deg);
        position: absolute;
        right: -37px;
        bottom: 55px; }.home-two-room-suits .room-wrrap .room-content .book-btn a {
          font-family: var(--font-island);
          font-weight: 400;
          font-size: 24px;
          color: var(--primary-color1);
          padding: 7px 20px;
          transition: 0.35s;
          border: 0.2px solid #d2e25e;
          border-bottom: none;
          background-color: transparent; }.home-two-room-suits .room-wrrap .room-content .book-btn a:hover {
            background-color: var(--primary-color1);
            color: var(--white); }.home-two-room-suits .room-wrrap:hover .room-img img {
      transform: scale(1.1); }.home-two-room-suits .slider-bottom {
    margin-top: 60px;
    position: relative; }.home-two-room-suits .slider-bottom .swiper-pagination {
      bottom: -10px;
      left: 0;
      width: 100%;
      align-items: center;
      display: flex; }.home-two-room-suits .slider-bottom .swiper-pagination .swiper-pagination-bullet {
        height: 13px;
        width: 13px;
        background: #1C171D;
        opacity: 0.1; }.home-two-room-suits .slider-bottom .swiper-pagination .swiper-pagination-bullet-active {
        background: var(--primary-color1);
        opacity: 1;
        height: 15px;
        width: 15px; }/*=======================================
 20. Home Two About Section
=======================================*/.home-two-about .section-title2 h2 {
  text-align: start; }.home-two-about .about-content {
  padding-top: 12px; }.home-two-about .about-content p {
    margin-bottom: 0; }.home-two-about .about-content blockquote {
    position: relative;
    margin-left: 20px;
    padding-top: 25px;
    margin-bottom: 60px; }.home-two-about .about-content blockquote p {
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 20px;
      line-height: 35px;
      color: var(--title-color);
      margin-bottom: 20px; }.home-two-about .about-content blockquote h5 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 20px;
      color: var(--primary-color1);
      margin-bottom: 5px; }.home-two-about .about-content blockquote::after {
      content: "";
      position: absolute;
      width: 1px;
      height: 105px;
      left: -19px;
      top: 25px;
      background: var(--primary-color1); }.home-two-about .about-content a {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 16px;
    color: var(--primary-color1);
    border: 1px solid #3CAA9F;
    padding: 20px 45px;
    display: inline-flex; }.home-two-about .about-img .about-img-1 {
  margin-bottom: 40px; }.home-two-about .about-img .about-img-1 img {
    width: 100%; }.home-two-about .about-img .reating {
  background: rgba(60, 170, 159, 0.2);
  border: 1px solid rgba(28, 23, 29, 0.05);
  box-shadow: 0px 0px 15px rgba(252, 240, 234, 0.05);
  border-radius: 10px;
  padding: 20px; }.home-two-about .about-img .reating h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    letter-spacing: 0.03em;
    color: var(--title-color);
    margin-bottom: 5px;
    padding-top: 20px; }.home-two-about .about-img .reating .stars {
    gap: 10px;
    margin-bottom: 5px; }.home-two-about .about-img .reating .stars li i {
      color: var(--primary-color1); }.home-two-about .about-img .reating span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.03em;
    color: var(--title-color); }.home-two-about .about-img .about-img-2 img {
  width: 100%; }/*=======================================
 21. Home Two Offer Section
=======================================*/.home-two-offer {
  background-image: linear-gradient(rgba(60, 170, 159, 0.1), rgba(60, 170, 159, 0.1)), url("https://www.penzioncity.cz/template/default/assets/images/bg/h2-offer-bg.png");
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0; }@media (max-width: 991px) {
    .home-two-offer {
      padding: 80px 0; } }.home-two-offer .offer-wraper {
    position: relative;
    overflow: hidden;
    z-index: 9; }.home-two-offer .offer-wraper .offer-img {
      position: relative;
      z-index: 1; }.home-two-offer .offer-wraper .offer-img::after {
        content: "";
        position: absolute;
        background-image: linear-gradient(75.11deg, #1C171D 0%, rgba(28, 23, 29, 0.3) 34.51%, rgba(28, 23, 29, 0.1) 75.64%, #1C171D 104.71%);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: 0.35s; }.home-two-offer .offer-wraper .offer-img::before {
        content: "";
        position: absolute;
        background-image: linear-gradient(353.69deg, #1C171D 22.97%, rgba(28, 23, 29, 0) 65.09%, rgba(28, 23, 29, 0) 89.59%, rgba(28, 23, 29, 0) 119.2%);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        transition: 0.35s; }.home-two-offer .offer-wraper .offer-img img {
        min-height: 330px; }@media (max-width: 1399px) {
          .home-two-offer .offer-wraper .offer-img img {
            min-height: 250px; } }.home-two-offer .offer-wraper .offer-card {
      position: absolute;
      top: 25px;
      right: 20px;
      z-index: 9; }.home-two-offer .offer-wraper .offer-card .offer {
        position: relative; }.home-two-offer .offer-wraper .offer-card .offer .content {
          position: absolute;
          left: 15px;
          top: 8px;
          z-index: 999; }.home-two-offer .offer-wraper .offer-card .offer .content h4 {
            font-family: var(--font-yeseva);
            font-weight: 400;
            font-size: 23px;
            letter-spacing: 0.03em;
            color: var(--white);
            transform: rotate(-4.16deg);
            margin-bottom: 0;
            line-height: 15px; }.home-two-offer .offer-wraper .offer-card .offer .content span {
            font-family: var(--font-jost);
            font-weight: 400;
            font-size: 14px;
            letter-spacing: 0.03em;
            color: var(--white);
            transform: rotate(-6.1deg);
            margin-left: 25px; }.home-two-offer .offer-wraper .offer-card .day span {
        font-family: var(--font-jost);
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.04em;
        color: var(--white);
        background: rgba(32, 32, 32, 0.4);
        border: 1px solid #3CAA9F;
        border-radius: 170px;
        padding: 13px 15px 13px 63px; }.home-two-offer .offer-wraper > .content {
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 15px 30px 30px;
      width: 100%;
      align-items: end;
      z-index: 9; }@media (max-width: 576px) {
        .home-two-offer .offer-wraper > .content {
          flex-wrap: wrap; } }.home-two-offer .offer-wraper > .content .left-content .price-area {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 18px;
        color: var(--white);
        margin-bottom: 5px; }.home-two-offer .offer-wraper > .content .left-content .price-area span {
          font-weight: 600;
          font-size: 22px;
          color: var(--white); }.home-two-offer .offer-wraper > .content .left-content .price-area span del {
            color: var(--primary-color1);
            margin-right: 3px; }.home-two-offer .offer-wraper > .content .left-content h3 {
        margin-bottom: 15px; }.home-two-offer .offer-wraper > .content .left-content h3 a {
          font-family: var(--font-yeseva);
          font-weight: 400;
          font-size: 30px;
          color: var(--white);
          margin-bottom: 0;
          transition: 0.35s; }.home-two-offer .offer-wraper > .content .left-content h3 a:hover {
            color: var(--primary-color1); }.home-two-offer .offer-wraper > .content .left-content .stars {
        margin: 0;
        padding: 0;
        gap: 9px; }.home-two-offer .offer-wraper > .content .left-content .stars li {
          font-family: var(--font-yeseva);
          font-weight: 400;
          font-size: 18px;
          letter-spacing: 0.03em;
          color: #FFFFFF; }.home-two-offer .offer-wraper > .content .left-content .stars li i {
            color: var(--primary-color1); }.home-two-offer .offer-wraper > .content .left-content .stars li:last-child {
            margin-bottom: -5px; }.home-two-offer .offer-wraper > .content .room-features {
        opacity: 0;
        transform: scale(0.4);
        transition: 0.35s; }.home-two-offer .offer-wraper > .content .room-features ul {
          display: flex;
          align-items: center;
          gap: 20px;
          margin-bottom: 0; }@media (max-width: 1399px) {
            .home-two-offer .offer-wraper > .content .room-features ul {
              gap: 12px; } }@media (max-width: 576px) {
            .home-two-offer .offer-wraper > .content .room-features ul {
              margin-top: 10px; } }.home-two-offer .offer-wraper > .content .room-features ul li svg {
            fill: var(--white); }@media (max-width: 991px) {
          .home-two-offer .offer-wraper > .content .room-features {
            display: none; } }.home-two-offer .swiper-container {
    overflow: hidden;
    width: 96%;
    padding: 30px 0 80px; }@media (max-width: 1500px) {
      .home-two-offer .swiper-container {
        padding: 30px 0 50px; } }@media (max-width: 1399px) {
      .home-two-offer .swiper-container {
        padding: 30px 0 20px; } }@media (max-width: 991px) {
      .home-two-offer .swiper-container {
        width: unset; } }@media (max-width: 576px) {
      .home-two-offer .swiper-container {
        padding: 30px 0 0px; } }.home-two-offer .swiper-container .swiper-slide {
      height: 300px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 200ms linear; }.home-two-offer .swiper-container .swiper-slide.swiper-slide-active {
        margin-top: -10px; }.home-two-offer .swiper-container .swiper-slide.swiper-slide-active .offer-wraper .offer-img {
          position: relative;
          z-index: 1; }.home-two-offer .swiper-container .swiper-slide.swiper-slide-active .offer-wraper .offer-img::after {
            content: "";
            position: absolute;
            background-image: linear-gradient(75.11deg, #1C171D 0%, rgba(28, 23, 29, 0.3) 34.51%, rgba(28, 23, 29, 0.1) 75.64%, #1C171D 104.71%);
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            transition: 0.35s; }.home-two-offer .swiper-container .swiper-slide.swiper-slide-active .offer-wraper .offer-img::before {
            content: "";
            position: absolute;
            background-image: linear-gradient(353.69deg, #1C171D 22.97%, rgba(28, 23, 29, 0) 65.09%, rgba(28, 23, 29, 0) 89.59%, rgba(28, 23, 29, 0) 119.2%);
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 1;
            transition: 0.35s; }.home-two-offer .swiper-container .swiper-slide.swiper-slide-active .offer-wraper .content .room-features {
          opacity: 1;
          transform: scale(1); }.home-two-offer .view-all-btn a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.03em;
    color: var(--primary-color1);
    border: 1px solid rgba(60, 170, 159, 0.2);
    padding: 17px 16px 12px;
    display: inline-flex; }.home-two-offer .view-all-btn a:hover {
      color: var(--white); }.home-two-offer .swiper-btn {
    gap: 60px; }.home-two-offer .swiper-btn .btns {
      height: 40px;
      width: 40px;
      border: 1px solid #3CAA9F;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      float: right;
      transition: 0.35s; }.home-two-offer .swiper-btn .btns svg {
        fill: var(--primary-color1);
        transition: 0.35s; }.home-two-offer .swiper-btn .btns:hover {
        border-color: var(--title-color); }.home-two-offer .swiper-btn .btns:hover svg {
          fill: var(--title-color); }/*=======================================
 21. Home Two choose Section
=======================================*/.home-two-choose .choose-left {
  position: relative; }.home-two-choose .choose-left .choose-img img {
    width: 100%; }.home-two-choose .choose-left .choose-img.one {
    margin-bottom: 30px; }.home-two-choose .choose-left .choose-img.three {
    margin-bottom: 30px; }.home-two-choose .choose-left .tripadvisor-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }.home-two-choose .section-title2 h2 {
  text-align: start; }.home-two-choose .section-title2 p {
  padding-top: 35px;
  margin-bottom: 0;
  letter-spacing: 0.03em; }.home-two-choose .choose-feature {
  padding-top: 50px; }.home-two-choose .choose-feature ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 65px; }.home-two-choose .choose-feature ul li {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 20px;
      letter-spacing: 0.03em;
      color: var(--text-color1); }.home-two-choose .choose-feature ul li img {
        margin-right: 5px; }.home-two-choose .choose-feature a {
    font-family: var(--font-jost);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: var(--primary-color1);
    border: 1px solid #3CAA9F;
    display: inline-flex;
    padding: 26px 70px; }.home-two-choose .choose-feature a:hover {
      color: var(--white); }/*=======================================
 22. Home Two Testmonial Section
=======================================*/.home-two-testimonial {
  background-color: rgba(60, 170, 159, 0.1);
  padding: 100px 0; }@media (max-width: 991px) {
    .home-two-testimonial {
      padding: 80px 0; } }.home-two-testimonial .testimonial-wrrap {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 10px; }.home-two-testimonial .testimonial-wrrap .author-name-deg {
      margin-bottom: 25px; }.home-two-testimonial .testimonial-wrrap .author-name-deg h4 {
        font-family: var(--font-yeseva);
        font-weight: 500;
        font-size: 24px;
        letter-spacing: 0.03em;
        color: #213321;
        margin-bottom: 3px; }.home-two-testimonial .testimonial-wrrap .author-name-deg span {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 20px;
        letter-spacing: 0.05em;
        text-transform: capitalize;
        color: var(--primary-color1); }.home-two-testimonial .testimonial-wrrap p {
      font-family: var(--font-jost);
      font-weight: 300;
      font-size: 24px;
      line-height: 45px;
      letter-spacing: 0.03em;
      margin-bottom: 35px; }.home-two-testimonial .testimonial-wrrap .author-img-rating img {
      border-radius: 50%;
      margin-bottom: 25px; }.home-two-testimonial .testimonial-wrrap .author-img-rating .stars {
      margin: 0;
      padding: 0;
      gap: 10px; }.home-two-testimonial .testimonial-wrrap .author-img-rating .stars li i {
        color: var(--primary-color1); }.home-two-testimonial .swiper-btn {
    position: absolute;
    bottom: 65px;
    z-index: 9; }.home-two-testimonial .swiper-btn .btns {
      height: 40px;
      width: 40px;
      border: 1px solid #3CAA9F;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      float: right; }.home-two-testimonial .swiper-btn .btns svg {
        fill: var(--primary-color1); }.home-two-testimonial .swiper-btn .btns:hover {
        border-color: var(--title-color); }.home-two-testimonial .swiper-btn .btns:hover svg {
          fill: var(--title-color); }/*=======================================
 23. Home Two Contact Section
=======================================*/.home-two-contact .contact-wrrap {
  padding: 101px 65px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); }@media (max-width: 1399px) {
    .home-two-contact .contact-wrrap {
      padding: 50px 65px; } }@media (max-width: 576px) {
    .home-two-contact .contact-wrrap {
      padding: 50px 15px; } }.home-two-contact .contact-wrrap form .form-inner input {
    width: 100%;
    border: 1px solid #ddd;
    height: 50px;
    padding: 12px 25px;
    margin-bottom: 32px;
    font-family: var(--font-jost);
    font-weight: 300;
    font-size: 16px;
    color: #575757; }.home-two-contact .contact-wrrap form .form-inner input::placeholder {
      font-family: var(--font-jost);
      font-weight: 300;
      font-size: 16px;
      color: #575757; }.home-two-contact .contact-wrrap form .form-inner textarea {
    width: 100%;
    border: 1px solid #ddd;
    height: 50px;
    padding: 10px 25px;
    min-height: 150px;
    font-family: var(--font-jost);
    font-weight: 300;
    font-size: 16px;
    color: #575757; }.home-two-contact .contact-wrrap form .form-inner textarea::placeholder {
      font-family: var(--font-jost);
      font-weight: 300;
      font-size: 16px;
      color: #575757; }.home-two-contact .contact-wrrap form .form-inner .send-btn {
    width: unset;
    height: unset;
    background-color: transparent;
    border: 1px solid #3CAA9F;
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.03em;
    color: var(--primary-color1);
    padding: 20px 78px;
    margin-bottom: 0; }.home-two-contact .contact-wrrap form .form-inner .send-btn:hover {
      background-color: var(--primary-color1);
      color: var(--white); }.home-two-contact .contact-img {
  height: 100%; }.home-two-contact .contact-img img {
    width: 100%;
    height: 100%; }/*=======================================
 24. Home Two Contact Section
=======================================*/.home-two-counter .our-activitys {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  max-height: 80px; }@media (max-width: 991px) {
    .home-two-counter .our-activitys {
      position: relative;
      height: unset;
      padding: 10px 25px;
      max-height: unset;
      flex-wrap: wrap; } }.home-two-counter .our-activitys .counter-item {
    max-height: 80px; }@media (max-width: 991px) {
      .home-two-counter .our-activitys .counter-item {
        max-height: unset; } }@media (max-width: 576px) {
      .home-two-counter .our-activitys .counter-item {
        max-height: 80px; } }@media (max-width: 991px) {
    .home-two-counter .our-activitys .booking, .home-two-counter .our-activitys .visitors, .home-two-counter .our-activitys .satisfied-gest {
      flex-wrap: wrap; } }.home-two-counter .our-activitys .booking .number, .home-two-counter .our-activitys .visitors .number, .home-two-counter .our-activitys .satisfied-gest .number {
    padding-top: 20px; }@media (max-width: 991px) {
      .home-two-counter .our-activitys .booking .number, .home-two-counter .our-activitys .visitors .number, .home-two-counter .our-activitys .satisfied-gest .number {
        padding-top: unset; } }.home-two-counter .our-activitys .booking .number h2, .home-two-counter .our-activitys .visitors .number h2, .home-two-counter .our-activitys .satisfied-gest .number h2 {
      font-family: var(--font-jost);
      font-weight: 700;
      font-size: 110px;
      -webkit-text-stroke: 2px rgba(28, 23, 29, 0.2);
      color: transparent;
      margin-bottom: 0;
      letter-spacing: 0.07em; }@media (max-width: 991px) {
        .home-two-counter .our-activitys .booking .number h2, .home-two-counter .our-activitys .visitors .number h2, .home-two-counter .our-activitys .satisfied-gest .number h2 {
          line-height: 110px; } }@media (max-width: 991px) {
        .home-two-counter .our-activitys .booking .number h2, .home-two-counter .our-activitys .visitors .number h2, .home-two-counter .our-activitys .satisfied-gest .number h2 {
          font-size: 70px; } }.home-two-counter .our-activitys .booking .number span, .home-two-counter .our-activitys .visitors .number span, .home-two-counter .our-activitys .satisfied-gest .number span {
      font-family: var(--font-jost);
      font-weight: 700;
      font-size: 110px;
      -webkit-text-stroke: 2px rgba(28, 23, 29, 0.2);
      color: transparent; }@media (max-width: 767px) {
        .home-two-counter .our-activitys .booking .number span, .home-two-counter .our-activitys .visitors .number span, .home-two-counter .our-activitys .satisfied-gest .number span {
          font-size: 70px; } }.home-two-counter .our-activitys .booking .contents, .home-two-counter .our-activitys .visitors .contents, .home-two-counter .our-activitys .satisfied-gest .contents {
    margin-left: -25px; }@media (max-width: 991px) {
      .home-two-counter .our-activitys .booking .contents, .home-two-counter .our-activitys .visitors .contents, .home-two-counter .our-activitys .satisfied-gest .contents {
        margin-left: 0; } }@media (max-width: 576px) {
      .home-two-counter .our-activitys .booking .contents, .home-two-counter .our-activitys .visitors .contents, .home-two-counter .our-activitys .satisfied-gest .contents {
        margin-left: 40px; } }.home-two-counter .our-activitys .booking .contents p, .home-two-counter .our-activitys .visitors .contents p, .home-two-counter .our-activitys .satisfied-gest .contents p {
      margin-bottom: 0;
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 24px;
      line-height: 30px;
      color: var(--title-color); }@media (max-width: 576px) {
        .home-two-counter .our-activitys .booking .contents p, .home-two-counter .our-activitys .visitors .contents p, .home-two-counter .our-activitys .satisfied-gest .contents p {
          font-size: 18px;
          line-height: 22px;
          margin-left: -20px;
          margin-top: -11px; } }/*=======================================
 25. Home Two Blog Section
=======================================*/.home-two-blog .blog-slider1 {
  padding: 5px 10px; }.home-two-blog .blog-wrrap {
  justify-content: center; }@media (max-width: 576px) {
    .home-two-blog .blog-wrrap {
      flex-wrap: wrap; } }.home-two-blog .blog-wrrap .blog-img img {
    height: 90%; }@media (max-width: 576px) {
      .home-two-blog .blog-wrrap .blog-img img {
        height: 100%; } }.home-two-blog .blog-wrrap .blog-content {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(2, 2, 2, 0.1);
    padding: 40px;
    margin-top: 30px;
    margin-left: -30px;
    max-width: 480px;
    width: 100%; }@media (max-width: 576px) {
      .home-two-blog .blog-wrrap .blog-content {
        margin-left: 0;
        max-width: unset;
        margin-top: 0px; } }.home-two-blog .blog-wrrap .blog-content .category-date {
      margin-bottom: 15px; }.home-two-blog .blog-wrrap .blog-content .category-date a {
        font-family: var(--font-jost);
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        color: var(--primary-color1);
        margin-right: 10px; }.home-two-blog .blog-wrrap .blog-content .category-date span {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        color: #515151; }.home-two-blog .blog-wrrap .blog-content .blog-title h4 {
      margin-bottom: 10px; }.home-two-blog .blog-wrrap .blog-content .blog-title h4 a {
        font-family: var(--font-yeseva);
        font-weight: 300;
        font-size: 25px;
        line-height: 1.45;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        color: var(--title-color);
        transition: 0.35s; }.home-two-blog .blog-wrrap .blog-content .blog-title h4 a:hover {
          color: var(--primary-color1); }.home-two-blog .blog-wrrap .blog-content .read-more-btn > a {
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 18px;
      letter-spacing: 0.03em;
      color: var(--primary-color1);
      transition: 0.35s; }.home-two-blog .blog-wrrap .blog-content .read-more-btn > a svg {
        fill: none;
        stroke: var(--primary-color1);
        transition: 0.35s; }.home-two-blog .blog-wrrap .blog-content .read-more-btn > a:hover {
        color: var(--title-color); }.home-two-blog .blog-wrrap .blog-content .read-more-btn > a:hover svg {
          stroke: var(--title-color); }/*=======================================
 26. Home Three Header
=======================================*/header.style-3 {
  background: var(--white);
  width: 100%;
  position: relative;
  top: 0;
  z-index: 9999;
  padding: 0px 110px 0px 110px;
  display: flex;
  justify-content: space-between;
  align-items: center; }@media (min-width: 1200px) and (max-width: 1399px) {
    header.style-3 {
      padding: 0px 30px 0px 30px; } }@media (min-width: 992px) and (max-width: 1199px) {
    header.style-3 {
      padding: 0px 30px 0px 30px; } }@media (max-width: 991px) {
    header.style-3 {
      padding: 0px 30px 0px 30px;
      top: 0; } }header.style-3.sticky {
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 99;
    background: var(--white);
    box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
    animation: smooth-header 0.65s linear; }@keyframes smooth-header {
  0% {
    transform: translateY(-30px); }
  100% {
    transform: translateY(0px); } }header.style-3 .header-logo {
    height: 100%; }@media (max-width: 991px) {
      header.style-3 .header-logo {
        padding: 20px 0px; } }header.style-3 .header-logo img {
      min-width: 120px;
      max-width: 100%; }header.style-3 .nav-right {
    gap: 100px; }@media (max-width: 1399px) {
      header.style-3 .nav-right {
        gap: 50px; } }@media (max-width: 1199px) {
      header.style-3 .nav-right {
        gap: 20px; } }header.style-3 .nav-right .header-btn a {
      font-family: var(--font-jost);
      font-size: 18px;
      font-weight: 600;
      display: inline-block;
      transition: 0.35s ease-in;
      background: var(--primary-color1);
      cursor: pointer;
      white-space: nowrap;
      padding: 12px 41px;
      border-radius: 130px; }@media (max-width: 991px) {
        header.style-3 .nav-right .header-btn a {
          display: none;
          visibility: hidden; } }header.style-3 .nav-right .bookmark-icon {
      position: relative; }@media (max-width: 576px) {
        header.style-3 .nav-right .bookmark-icon {
          display: none; } }header.style-3 .nav-right .bookmark-icon > a i {
        color: var(--title-color);
        font-size: 25px;
        line-height: 25px; }header.style-3 .nav-right .bookmark-icon .batch {
        color: var(--white);
        height: 18px;
        width: 18px;
        line-height: 17px;
        background-color: var(--primary-color1);
        border-radius: 50%;
        font-size: 10px;
        position: absolute;
        right: -3px;
        top: -3px; }header.style-3 .nav-right .bookmark-icon .batch a {
          display: flex;
          justify-content: center;
          align-self: center;
          font-size: 10px; }header.style-3 .main-menu .menu-list {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    padding: 0; }@media (max-width: 991px) {
      header.style-3 .main-menu .menu-list {
        flex-direction: column;
        justify-content: start; } }header.style-3 .main-menu .menu-list > li {
      position: relative;
      margin: 0px 17px;
      display: inline-block; }header.style-3 .main-menu .menu-list > li::before {
        content: "";
        background: linear-gradient(90.05deg, #3CAA9F 0.06%, rgba(219, 167, 101, 0) 102.94%);
        position: absolute;
        left: 50%;
        width: 50%;
        height: 2px;
        bottom: 26px;
        transform: translateX(-50%);
        opacity: 0;
        transition: 0.4s; }@media (max-width: 991px) {
          header.style-3 .main-menu .menu-list > li::before {
            display: none;
            visibility: hidden; } }header.style-3 .main-menu .menu-list > li:hover::before {
        opacity: 1; }@media (max-width: 1199px) {
        header.style-3 .main-menu .menu-list > li {
          margin: 0px 15px; } }@media (max-width: 991px) {
        header.style-3 .main-menu .menu-list > li {
          margin: 0;
          width: 100%; } }header.style-3 .main-menu .menu-list > li .dropdown-icon {
        color: var(--title-color);
        font-size: 25px;
        transition: 0.4s ease-in;
        opacity: 0;
        visibility: hidden; }@media (max-width: 991px) {
          header.style-3 .main-menu .menu-list > li .dropdown-icon {
            opacity: 1;
            visibility: visible; } }header.style-3 .main-menu .menu-list > li .dropdown-icon.active {
          color: var(--primary-color1); }header.style-3 .main-menu .menu-list > li a {
        font-size: 20px;
        line-height: 1;
        font-weight: 400;
        color: var(--title-color);
        padding: 32px 0px;
        display: inline-block;
        white-space: nowrap;
        transition: 0.4s;
        display: flex;
        align-items: center;
        font-family: var(--font-jost);
        text-transform: capitalize;
        position: relative;
        z-index: 999; }header.style-3 .main-menu .menu-list > li a.active {
          color: var(--primary-color1); }@media (max-width: 991px) {
          header.style-3 .main-menu .menu-list > li a {
            padding: 15px 0px;
            display: block;
            position: relative;
            border-bottom: 1px solid rgba(60, 170, 159, 0.098); }
            header.style-3 .main-menu .menu-list > li a:hover {
              color: var(--primary-color1); } }header.style-3 .main-menu .menu-list > li .submenu {
        padding: 0;
        position: absolute;
        top: 82px;
        left: -9px;
        max-width: 230px;
        min-width: 230px;
        background-color: var(--white);
        text-align: left;
        transform: translateY(25px);
        opacity: 0;
        visibility: hidden;
        transition: all 0.55s ease-in-out;
        box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1); }@media (max-width: 991px) {
          header.style-3 .main-menu .menu-list > li .submenu {
            opacity: 1;
            position: relative;
            left: 0;
            top: 0;
            width: 100%;
            border: unset;
            display: none;
            transition: unset;
            box-shadow: unset;
            transform: translateY(0px);
            visibility: unset; } }header.style-3 .main-menu .menu-list > li .submenu > li a {
          display: block;
          padding: 12px 30px;
          border-bottom: 1px solid rgba(255, 0, 0, 0.1);
          position: relative;
          z-index: 1;
          font-size: 18px;
          color: var(--title-color); }@media (max-width: 991px) {
            header.style-3 .main-menu .menu-list > li .submenu > li a {
              border-bottom: unset;
              padding: 12px 15px; } }header.style-3 .main-menu .menu-list > li .submenu > li a::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            background: #3caa9f;
            width: 100%;
            height: 1px;
            transform: scaleX(0);
            transform-origin: left;
            transition: 0.4s ease-in;
            z-index: -1; }header.style-3 .main-menu .menu-list > li .submenu > li a:hover::before {
            transform: scale(1); }header.style-3 .main-menu .menu-list > li .submenu > li a:last-child {
            border-bottom: unset; }header.style-3 .main-menu .menu-list > li.menu-item-has-children {
        position: relative;
        z-index: 1;
        padding-right: 20px; }@media (max-width: 991px) {
          header.style-3 .main-menu .menu-list > li.menu-item-has-children {
            padding-right: unset; } }header.style-3 .main-menu .menu-list > li.menu-item-has-children::after {
          content: "";
          font-family: "bootstrap-icons";
          font-weight: 600;
          position: absolute;
          top: 34px;
          right: 0px;
          font-size: 12px;
          color: var(--title-color);
          transition: all 0.42s ease-in-out; }@media (max-width: 991px) {
            header.style-3 .main-menu .menu-list > li.menu-item-has-children::after {
              display: none;
              visibility: hidden; } }header.style-3 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon {
          position: absolute;
          top: 12px;
          right: 0;
          font-size: 20px;
          z-index: 9999; }header.style-3 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon.active {
            color: var(--primary-color1); }header.style-3 .main-menu .menu-list > li.menu-item-has-children:hover .submenu {
          opacity: 1;
          transform: translateY(0);
          visibility: visible; }header.style-3 .main-menu .menu-list > li.menu-item-has-children:hover::after {
          transform: rotate(180deg); }header.style-3 .main-menu .menu-list > li:hover a {
        color: var(--primary-color1); }header.style-3 .main-menu .menu-list > li:hover.menu-item-has-children::after {
        color: var(--primary-color1); }@media (max-width: 991px) {
    header.style-3 .main-menu {
      position: fixed;
      top: 0%;
      left: -100%;
      width: 280px;
      height: 100%;
      overflow-y: auto;
      background-color: var(--white);
      border-right: 1px solid rgba(238, 238, 238, 0.1);
      padding: 40px 20px;
      z-index: 999;
      transition: 0.7s ease-in-out;
      border-right: 1px solid #eeeeee; }
      header.style-3 .main-menu.show-menu {
        left: 0; } }header.style-3 .main-menu .mobile-logo-area {
    margin-bottom: 25px; }header.style-3 .main-menu .mobile-logo-area .menu-close-btn {
      cursor: pointer; }header.style-3 .main-menu .mobile-logo-area .menu-close-btn .bi {
        color: var(--title-color);
        font-size: 18px; }header.style-3 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
          color: var(--primary-color1); }header.style-3 .main-menu .mobile-logo-wrap {
    padding: 10px; }header.style-3 .mobile-menu-btn {
    margin-left: 25px; }header.style-3 .mobile-menu-btn .bx {
      color: var(--title-color);
      font-size: 28px; }header.style-3 .hotline, header.style-3 .email {
    display: flex;
    align-items: center; }header.style-3 .hotline .hotline-icon svg, header.style-3 .hotline .email-icon svg, header.style-3 .email .hotline-icon svg, header.style-3 .email .email-icon svg {
      fill: var(--primary-color1);
      vertical-align: -webkit-baseline-middle; }header.style-3 .hotline .hotline-info, header.style-3 .hotline .email-info, header.style-3 .email .hotline-info, header.style-3 .email .email-info {
      margin-left: 10px; }header.style-3 .hotline .hotline-info span, header.style-3 .hotline .email-info span, header.style-3 .email .hotline-info span, header.style-3 .email .email-info span {
        font-size: 12px;
        font-weight: 400;
        font-family: var(--font-jost);
        color: var(--primary-color1); }header.style-3 .hotline .hotline-info h6, header.style-3 .hotline .email-info h6, header.style-3 .email .hotline-info h6, header.style-3 .email .email-info h6 {
        font-size: 15px;
        font-weight: 400;
        font-family: var(--font-yeseva);
        color: var(--title-color);
        white-space: nowrap;
        margin-bottom: 0; }/*=======================================
 27. Home Three Banner
=======================================*/.hero-style3 {
  display: flex;
  align-items: center; }.hero-style3 .hero-left {
    background-image: url("https://www.penzioncity.cz/template/default/assets/images/bg/h3-banner-left-bg.png");
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0; }@media (max-width: 1399px) {
      .hero-style3 .hero-left {
        padding: 120px 0; } }.hero-style3 .hero-content {
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 90px; }@media (max-width: 1399px) {
      .hero-style3 .hero-content {
        margin-bottom: 50px; } }.hero-style3 .hero-content h4 {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 22px;
      line-height: 25px;
      letter-spacing: 5px;
      text-transform: capitalize;
      color: var(--title-color);
      margin-bottom: 30px; }@media (max-width: 991px) {
        .hero-style3 .hero-content h4 {
          margin-bottom: 10px; } }.hero-style3 .hero-content h1 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 80px;
      line-height: 110px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--title-color);
      margin-bottom: 40px; }@media (max-width: 1399px) {
        .hero-style3 .hero-content h1 {
          font-size: 60px;
          line-height: 75px; } }@media (max-width: 991px) {
        .hero-style3 .hero-content h1 {
          font-size: 55px;
          line-height: 70px;
          margin-bottom: 30px; } }@media (max-width: 991px) {
        .hero-style3 .hero-content h1 {
          font-size: 50px;
          line-height: 60px; } }.hero-style3 .hero-content .hero-facility {
      gap: 60px; }@media (max-width: 1199px) {
        .hero-style3 .hero-content .hero-facility {
          gap: 45px; } }@media (max-width: 576px) {
        .hero-style3 .hero-content .hero-facility {
          flex-wrap: wrap;
          gap: 40px;
          padding: 0px 40px; } }.hero-style3 .hero-content .hero-facility .single-facility .icon {
        margin-bottom: 15px;
        transition: 0.5s; }.hero-style3 .hero-content .hero-facility .single-facility .content h5 {
        margin-bottom: 0; }.hero-style3 .hero-content .hero-facility .single-facility .content h5 a {
          font-family: var(--font-jost);
          font-weight: 500;
          font-size: 20px;
          color: #4F4F4F;
          transition: 0.35s; }.hero-style3 .hero-content .hero-facility .single-facility .content h5 a:hover {
            color: var(--primary-color1); }.hero-style3 .hero-content .hero-facility .single-facility:hover .icon {
        transform: rotate(360deg); }.hero-style3 .multi-main-searchber {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
    border-radius: 220px;
    width: 125%;
    padding: 10px 10px 10px 50px;
    position: relative; }@media (max-width: 1199px) {
      .hero-style3 .multi-main-searchber {
        width: 145%; } }@media (max-width: 991px) {
      .hero-style3 .multi-main-searchber {
        padding: 40px 50px;
        width: 90%;
        border-radius: 20px;
        margin: 0px auto; } }.hero-style3 .multi-main-searchber .searchbox-input {
      min-width: 130px;
      width: 100%;
      position: relative; }.hero-style3 .multi-main-searchber .searchbox-input::after {
        content: "";
        width: 2px;
        height: 36px;
        background: var(--primary-color1);
        opacity: 0.2;
        border-radius: 10px;
        margin-top: 5px; }@media (max-width: 991px) {
          .hero-style3 .multi-main-searchber .searchbox-input::after {
            display: none; } }.hero-style3 .multi-main-searchber .searchbox-input.date-picker-input {
        display: flex; }.hero-style3 .multi-main-searchber .searchbox-input::before {
        position: absolute;
        content: "";
        font-family: "bootstrap-icons" !important;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--primary-color1); }.hero-style3 .multi-main-searchber .searchbox-input input {
        padding: 10px 15px;
        display: block;
        width: 100%;
        background: #fff;
        border-radius: 5px;
        height: 45px;
        border: none;
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 16px;
        color: var(--title-color) !important; }.hero-style3 .multi-main-searchber .searchbox-input input::placeholder {
          font-family: var(--font-jost);
          font-weight: 400;
          font-size: 16px;
          color: var(--title-color) !important; }.hero-style3 .multi-main-searchber .searchbox-input .calendar {
        background: #fff;
        border-radius: 4px;
        font-size: 14px !important;
        border: none;
        position: relative; }.hero-style3 .multi-main-searchber .searchbox-input.two::before {
      display: none; }.hero-style3 .multi-main-searchber .searchbox-input.rooms {
      margin-top: -5px; }.hero-style3 .multi-main-searchber .searchbox-input.rooms::after {
        display: block;
        margin-top: 5px; }@media (max-width: 991px) {
          .hero-style3 .multi-main-searchber .searchbox-input.rooms::after {
            display: none; } }.hero-style3 .nice-select {
    width: 100%;
    border: none;
    padding-top: 3px; }.hero-style3 .nice-select span {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      color: #666666  !important;
      z-index: 9; }.hero-style3 .nice-select .list {
      top: 52px;
      width: 100%;
      border-radius: unset;
      z-index: 9999; }.hero-style3 .nice-select .option {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--title-color); }.hero-style3 .nice-select::after {
      height: 8px;
      width: 8px;
      right: 15px;
      border-color: var(--primary-color1); }.hero-style3 .main-form-submit {
    margin-right: 5px; }.hero-style3 .main-form-submit a {
      width: 100%;
      padding: 18px 61px;
      border: none;
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 18px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      white-space: nowrap;
      box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
      border-radius: 220px; }@media (max-width: 1199px) {
        .hero-style3 .main-form-submit a {
          padding: 20px 33px 16px; } }@media (max-width: 991px) {
        .hero-style3 .main-form-submit a {
          width: unset;
          padding: 20px 70px 16px;
          margin-top: 24px; } }.hero-style3 .main-form-submit button {
      width: 100%;
      padding: 18px 61px;
      border: none;
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 18px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      white-space: nowrap;
      box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
      border-radius: 220px; }@media (max-width: 1199px) {
        .hero-style3 .main-form-submit button {
          padding: 20px 33px 16px; } }@media (max-width: 991px) {
        .hero-style3 .main-form-submit button {
          width: unset;
          padding: 20px 70px 16px;
          margin-top: 24px; } }@media (max-width: 991px) {
      .hero-style3 .main-form-submit {
        display: flex;
        justify-content: center; } }.hero-style3 .banner-img {
    height: 100%; }@media (max-width: 991px) {
      .hero-style3 .banner-img {
        display: none;
        visibility: hidden; } }.hero-style3 .banner-img img {
      height: 100%;
      width: 100%; }/*=======================================
 28. Home Three About
=======================================*/.section-title3 {
  margin-top: -15px; }.section-title3 h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 45px;
    line-height: 58px;
    text-transform: capitalize;
    color: var(--title-color);
    position: relative;
    display: -webkit-inline-box;
    margin-bottom: 0; }.section-title3 h2::after {
      content: url("https://www.penzioncity.cz/template/default/assets/images/icons/h3-section-vector.svg");
      position: absolute;
      bottom: -7px;
      left: 50%;
      transform: translateX(-50%); }.home-three-about .section-title3 h2 {
  margin-bottom: 13px; }.home-three-about .about-img img {
  border-radius: 10px; }.home-three-about .our-experience {
  padding-top: 10px; }@media (max-width: 576px) {
    .home-three-about .our-experience {
      flex-wrap: wrap;
      justify-content: center; } }.home-three-about .our-experience .icon {
    margin-right: 35px; }.home-three-about .our-experience .content h3 {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 32px;
    line-height: 45px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: var(--title-color); }.home-three-about .our-experience .content h3 span {
      color: var(--primary-color1); }@media (max-width: 576px) {
      .home-three-about .our-experience .content h3 {
        text-align: center;
        padding-top: 15px; } }.home-three-about .about-feature .icon {
  margin-bottom: 25px; }.home-three-about .about-feature .content h3 {
  margin-bottom: 10px;
  font-family: var(--font-yeseva);
  font-weight: 300;
  font-size: 30px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: #1C171D; }.home-three-about .about-feature .content p {
  margin-bottom: 0; }.home-three-about .about-feature-img img {
  border-radius: 10px; }@media (max-width: 576px) {
    .home-three-about .about-feature-img img {
      width: 100%; } }/*=======================================
 29. Home Three Room & Suits
=======================================*/.home-three-room-suits {
  background-image: linear-gradient(rgba(60, 170, 159, 0.1), rgba(60, 170, 159, 0.1)), url("https://www.penzioncity.cz/template/default/assets/images/bg/room-suits-bg2.png");
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 0; }@media (max-width: 576px) {
    .home-three-room-suits .section-title3 {
      margin-bottom: 20px; } }.home-three-room-suits .view-btn a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    border-radius: 130px;
    padding: 17px 30px;
    display: block; }.home-three-room-suits .room-suits-wrrap .room-suits-img {
    overflow: hidden;
    border-radius: 10px 10px 0px 0px; }.home-three-room-suits .room-suits-wrrap .room-suits-img img {
      width: 100%;
      border-radius: 10px 10px 0px 0px;
      transition: 0.35s; }.home-three-room-suits .room-suits-wrrap .room-suits-content {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, 0.08);
    border-radius: 0px 0px 10px 10px;
    margin-top: -15px;
    position: relative; }.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review {
      padding: 10px 0;
      border: 1px solid #F5F5F5;
      margin-bottom: 25px; }.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review .stars {
        padding: 0;
        margin: 0;
        gap: 10px; }.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review .stars li {
          font-family: var(--font-jost);
          font-weight: 600;
          font-size: 16px;
          letter-spacing: 0.03em;
          text-transform: uppercase;
          color: var(--primary-color1); }.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review .stars li i {
            color: var(--primary-color1); }.home-three-room-suits .room-suits-wrrap .room-suits-content .client-review .stars li:last-child {
            margin-bottom: -3px;
            color: var(--text-color1);
            font-weight: 400; }.home-three-room-suits .room-suits-wrrap .room-suits-content .price-tag {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 18px;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: var(--title-color); }.home-three-room-suits .room-suits-wrrap .room-suits-content .price-tag span {
        font-size: 22px;
        font-weight: 600;
        color: var(--primary-color1); }.home-three-room-suits .room-suits-wrrap .room-suits-content h3 {
      margin-bottom: 20px;
      padding-top: 5px; }.home-three-room-suits .room-suits-wrrap .room-suits-content h3 a {
        font-family: var(--font-yeseva);
        font-weight: 300;
        font-size: 30px;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        color: var(--title-color);
        transition: 0.35s; }.home-three-room-suits .room-suits-wrrap .room-suits-content h3 a:hover {
          color: var(--primary-color1); }.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person {
      gap: 60px;
      padding: 0px 10px;
      flex-wrap: wrap; }@media (max-width: 767px) {
        .home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person {
          gap: 10px; } }.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p, .home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .persons p {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        color: var(--text-color1);
        display: flex;
        align-items: baseline; }.home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p img, .home-three-room-suits .room-suits-wrrap .room-suits-content .bed-and-person .persons p img {
          margin-right: 10px; }.home-three-room-suits .room-suits-wrrap:hover .room-suits-img img {
    transform: scale(1.1); }.home-three-room-suits .swiper-btn {
    gap: 70px; }.home-three-room-suits .swiper-btn .btns svg {
      stroke: var(--primary-color1);
      fill: none;
      transition: 0.35s; }.home-three-room-suits .swiper-btn .btns svg:hover {
        stroke: var(--title-color); }/*=======================================
 30. Home Three Services
=======================================*/.home-three-service .service-img {
  border-radius: 185px; }.home-three-service .service-img img {
    border-radius: 185px; }@media (max-width: 991px) {
    .home-three-service .service-img {
      display: flex;
      justify-content: center; } }.home-three-service .service-content span {
  font-family: var(--font-jost);
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--primary-color1); }.home-three-service .service-content h3 {
  font-family: var(--font-yeseva);
  font-weight: 300;
  font-size: 44px;
  line-height: 1.4;
  text-transform: capitalize;
  color: var(--title-color);
  margin-bottom: 0;
  padding-top: 5px; }.home-three-service .service-content p {
  margin-bottom: 30px;
  padding-top: 17px; }.home-three-service .service-content a {
  font-family: var(--font-jost);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  padding: 12px 30px;
  border-radius: 130px;
  display: inline-block; }.home-three-service .service-content .services-feature {
  padding-top: 10px; }.home-three-service .service-content .services-feature ul {
    margin: 0;
    padding: 0; }.home-three-service .service-content .services-feature ul li {
      margin-right: 60px;
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 20px;
      line-height: 55px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--text-color1);
      display: flex;
      align-items: center; }.home-three-service .service-content .services-feature ul li img {
        margin-right: 10px; }/*=======================================
 31. Home Three Facilites
=======================================*/.home-three-facilites {
  background-image: url("https://www.penzioncity.cz/template/default/assets/images/bg/h3-facilites-bg.png");
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 0; }.home-three-facilites .section-title3 {
    margin-bottom: 40px; }.home-three-facilites .faciliti-wrrap {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 30px 25px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center; }@media (max-width: 576px) {
      .home-three-facilites .faciliti-wrrap {
        min-height: 360px; } }.home-three-facilites .faciliti-wrrap .icon {
      margin-bottom: 30px; }.home-three-facilites .faciliti-wrrap .content h3 {
      margin-bottom: 17px; }.home-three-facilites .faciliti-wrrap .content h3 a {
        font-family: var(--font-jost);
        font-weight: 500;
        font-size: 30px;
        line-height: 30px;
        text-transform: capitalize;
        color: var(--title-color); }.home-three-facilites .faciliti-wrrap .content p {
      letter-spacing: 0.03em;
      color: #5A5A5A;
      margin-bottom: 23px; }.home-three-facilites .faciliti-wrrap .content a {
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 16px;
      letter-spacing: 0.03em;
      color: var(--primary-color1);
      transition: 0.4s; }.home-three-facilites .faciliti-wrrap .content a svg {
        stroke: var(--primary-color1);
        fill: none;
        transition: 0.4s; }.home-three-facilites .faciliti-wrrap .content a:hover {
        color: var(--white); }@media (max-width: 576px) {
          .home-three-facilites .faciliti-wrrap .content a:hover {
            color: var(--title-color); } }.home-three-facilites .faciliti-wrrap .content a:hover svg {
          stroke: var(--white); }@media (max-width: 576px) {
            .home-three-facilites .faciliti-wrrap .content a:hover svg {
              stroke: var(--title-color); } }.home-three-facilites .faciliti-wrrap .facility-overlay {
      position: absolute;
      background: linear-gradient(180deg, rgba(28, 23, 29, 0) 58.07%, rgba(28, 23, 29, 0.92) 82.29%);
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
      transform: scale(0.4);
      transition: 0.4s; }@media (max-width: 576px) {
        .home-three-facilites .faciliti-wrrap .facility-overlay {
          display: none; } }.home-three-facilites .faciliti-wrrap .facility-overlay .backgraund {
        background: linear-gradient(180deg, rgba(28, 23, 29, 0) 58.07%, rgba(28, 23, 29, 0.92) 82.29%);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }.home-three-facilites .faciliti-wrrap .facility-overlay .facility-img > img {
        border-radius: 10px; }.home-three-facilites .faciliti-wrrap .facility-overlay .content {
        margin-top: -205px;
        text-align: center;
        z-index: 9;
        position: relative; }@media (max-width: 1399px) {
          .home-three-facilites .faciliti-wrrap .facility-overlay .content {
            margin-top: -100px; } }@media (max-width: 1199px) {
          .home-three-facilites .faciliti-wrrap .facility-overlay .content {
            margin-top: -190px; } }@media (max-width: 991px) {
          .home-three-facilites .faciliti-wrrap .facility-overlay .content {
            margin-top: -255px; } }@media (max-width: 767px) {
          .home-three-facilites .faciliti-wrrap .facility-overlay .content {
            margin-top: -90px; } }.home-three-facilites .faciliti-wrrap .facility-overlay .content h3 {
          margin-bottom: 12px; }.home-three-facilites .faciliti-wrrap .facility-overlay .content h3 > a {
            color: var(--white);
            transition: 0.35s; }.home-three-facilites .faciliti-wrrap .facility-overlay .content h3 > a:hover {
              color: var(--primary-color1); }.home-three-facilites .faciliti-wrrap:hover .facility-overlay {
      opacity: 1;
      transform: scale(1); }.home-three-facilites .facility-slider {
    padding: 10px 5px 35px; }.home-three-facilites .facility-slider .swiper-wrapper .swiper-slide:nth-child(even) {
      transform: translateY(30px); }@media (max-width: 576px) {
        .home-three-facilites .facility-slider .swiper-wrapper .swiper-slide:nth-child(even) {
          transform: translateY(0px); } }.home-three-facilites .swiper-horizontal > .swiper-pagination-bullets, .home-three-facilites .swiper-pagination-bullets.swiper-pagination-horizontal, .home-three-facilites .swiper-pagination-custom, .home-three-facilites .swiper-pagination-fraction {
    bottom: 0px;
    left: 0;
    width: 100%;
    align-items: center; }.home-three-facilites .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .home-three-facilites .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 15px;
    height: 10px;
    color: rgba(28, 23, 29, 0.1); }.home-three-facilites .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--primary-color1);
    opacity: 1;
    height: 13px !important;
    width: 19px !important; }/*=======================================
 31. Home Three Counter & Accrodian
=======================================*/.home-three-counter-accrodian .our-activitys .booking, .home-three-counter-accrodian .our-activitys .visitors, .home-three-counter-accrodian .our-activitys .satisfied-gest {
  background-color: rgba(60, 170, 159, 0.05);
  padding: 40px;
  border-bottom: 2px solid #FFFFFF; }.home-three-counter-accrodian .our-activitys .booking .number h2, .home-three-counter-accrodian .our-activitys .visitors .number h2, .home-three-counter-accrodian .our-activitys .satisfied-gest .number h2 {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 90px;
    -webkit-text-stroke: 2px #3CAA9F;
    color: transparent;
    letter-spacing: 0.07em;
    margin-bottom: 0;
    line-height: 90px; }.home-three-counter-accrodian .our-activitys .booking .contents h4, .home-three-counter-accrodian .our-activitys .visitors .contents h4, .home-three-counter-accrodian .our-activitys .satisfied-gest .contents h4 {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 25px;
    color: var(--title-color); }.home-three-counter-accrodian .faq-wrap .faq-item {
  border: none; }.home-three-counter-accrodian .faq-wrap .faq-item:last-child {
    margin-bottom: 0; }.home-three-counter-accrodian .faq-wrap .accordion-button {
  font-weight: 300;
  font-size: 20px;
  background: #FFFFFF;
  color: var(--title-color);
  cursor: pointer;
  font-family: var(--font-yeseva);
  transition: .4s ease-in-out;
  padding: 25px 50px 10px 0;
  margin-bottom: 0;
  border-bottom: 2px solid #EEEEEE;
  margin-bottom: 18px;
  text-transform: capitalize; }.home-three-counter-accrodian .faq-wrap .accordion-button::after {
    flex-shrink: 0;
    width: unset;
    height: unset;
    margin-left: auto;
    background-image: none;
    background-repeat: unset;
    background-size: unset;
    font-family: bootstrap-icons !important;
    position: absolute;
    right: 22px;
    content: "";
    -webkit-transition: unset;
    transition: unset;
    font-size: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }.home-three-counter-accrodian .faq-wrap .accordion-button:not(.collapsed)::after {
  background-image: none;
  -webkit-transform: unset;
  transform: unset;
  font-family: bootstrap-icons !important;
  content: "";
  color: var(--title-color); }.home-three-counter-accrodian .faq-wrap .accordion-button:hover::after {
  color: var(--title-color); }.home-three-counter-accrodian .faq-wrap .faq-body {
  font-weight: 300;
  font-size: 20px;
  font-family: var(--font-jost);
  background: #FFFFFF;
  color: var(--text-color1);
  border-top: none;
  padding: 15px 25px;
  line-height: 32px;
  text-align: left; }.home-three-counter-accrodian .faq-wrap .accordion-button:not(.collapsed) {
  color: var(--title-color);
  font-weight: 300;
  transition: .4s ease-in-out;
  margin-bottom: 0px; }/*=======================================
 32. Home Three Offers
=======================================*/.pagination-style1 {
  display: flex;
  justify-content: center;
  align-items: center; }.pagination-style1 .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
    display: inline-block;
    border-radius: 90px;
    background: rgba(28, 23, 29, 0.5); }.pagination-style1 .swiper-pagination-bullet-active {
    background: #3caa9f;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 13px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 13px)); }.pagination-style2 {
  display: flex;
  justify-content: center;
  align-items: center; }.pagination-style2 .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
    display: inline-block;
    border-radius: 90px;
    background: rgba(28, 23, 29, 0.5); }.pagination-style2 .swiper-pagination-bullet-active {
    background: #3caa9f;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 13px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 13px)); }.pagination-style3 {
  display: flex;
  justify-content: center;
  align-items: center; }.pagination-style3 .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
    display: inline-block;
    border-radius: 90px;
    background: rgba(28, 23, 29, 0.5); }.pagination-style3 .swiper-pagination-bullet-active {
    background: #3caa9f;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 13px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 13px)); }.home-three-offers .offer-left-bg {
  background-image: linear-gradient(rgba(60, 170, 159, 0.1), rgba(60, 170, 159, 0.1)), url("https://www.penzioncity.cz/template/default/assets/images/bg/h4-offer-bg22.png");
  width: 100%;
  background-size: cover;
  background-position: center center;
  padding: 90px; }@media (max-width: 767px) {
    .home-three-offers .offer-left-bg {
      padding: 90px 20px; } }.home-three-offers .offer-wrraper {
  background-color: #222222;
  border-radius: 10px;
  padding: 0px 0px 30px; }.home-three-offers .offer-wrraper .offer-img img {
    border-radius: 10px; }.home-three-offers .offer-wrraper .offer-content {
    padding-top: 10px;
    text-align: center;
    position: relative; }.home-three-offers .offer-wrraper .offer-content .price {
      position: absolute;
      left: 10px;
      top: 10px; }.home-three-offers .offer-wrraper .offer-content .price span {
        font-family: var(--font-yeseva);
        font-weight: 300;
        font-size: 18px;
        letter-spacing: 0.03em;
        color: var(--white);
        border: 0.7px solid rgba(60, 170, 159, 0.4);
        border-radius: 100%;
        padding: 7px 10px 3px; }.home-three-offers .offer-wrraper .offer-content span {
      font-family: var(--font-jost);
      font-weight: 500;
      font-size: 20px;
      letter-spacing: 0.03em;
      color: var(--white);
      padding-top: 30px;
      display: inline-block;
      padding-bottom: 8px; }.home-three-offers .offer-wrraper .offer-content h3 {
      font-family: var(--font-yeseva);
      font-weight: 300;
      font-size: 40px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--primary-color1);
      margin-bottom: 5px; }.home-three-offers .offer-wrraper .offer-content p {
      font-family: var(--font-jost);
      font-weight: 500;
      font-size: 25px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      margin-bottom: 30px; }.home-three-offers .offer-wrraper .offer-content a {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 20px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--primary-color1);
      border: 1px solid #3CAA9F;
      border-radius: 100px;
      padding: 6px 57px;
      display: inline-block; }.home-three-offers .slider-bottom {
  margin-top: 60px;
  position: relative; }.home-three-offers .slider-bottom .swiper-pagination {
    bottom: -10px;
    left: 0;
    width: 100%;
    align-items: center;
    display: flex; }.home-three-offers .slider-bottom .swiper-pagination .swiper-pagination-bullet {
      height: 13px;
      width: 13px;
      background: #1C171D;
      opacity: 0.1; }.home-three-offers .slider-bottom .swiper-pagination .swiper-pagination-bullet-active {
      background: var(--primary-color1);
      opacity: 1;
      height: 15px;
      width: 15px; }.home-three-offers .booking-area {
  background: rgba(60, 170, 159, 0.2);
  height: 100%;
  padding: 150px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center; }@media (max-width: 1500px) {
    .home-three-offers .booking-area {
      padding: 100px 50px; } }.home-three-offers .booking-area .section-title h3 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    line-height: 47px;
    text-transform: uppercase;
    color: var(--text-color); }.home-three-offers .booking-area .section-title p {
    color: var(--text-color); }@media (max-width: 991px) {
    .home-three-offers .booking-area form {
      max-width: 600px;
      width: 100%;
      margin: 0 auto; } }.home-three-offers .booking-area form .searchbox-input {
    width: 100%;
    margin-bottom: 24px;
    position: relative; }.home-three-offers .booking-area form .searchbox-input.date-picker-input {
      display: flex; }.home-three-offers .booking-area form .searchbox-input::before {
      position: absolute;
      content: "";
      font-family: "bootstrap-icons" !important;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--primary-color1); }.home-three-offers .booking-area form .searchbox-input input {
      padding: 10px 15px;
      display: block;
      width: 100%;
      background: transparent;
      border-radius: 150px;
      height: 58px;
      border: 1px solid #FFFFFF;
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      color: var(--title-color) !important; }.home-three-offers .booking-area form .searchbox-input input::placeholder {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 16px;
        color: var(--title-color) !important; }.home-three-offers .booking-area form .searchbox-input .calendar {
      background: #fff;
      border-radius: 4px;
      font-size: 14px !important;
      border: none;
      position: relative; }.home-three-offers .booking-area form .searchbox-input.two {
    display: flex; }.home-three-offers .booking-area form .searchbox-input.two::before {
      display: none; }.home-three-offers .booking-area form .nice-select {
    width: 100%;
    border: 1px solid #FFFFFF;
    background-color: transparent;
    border-radius: 150px;
    height: 58px;
    padding-top: 10px; }.home-three-offers .booking-area form .nice-select span {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      color: #666666  !important;
      z-index: 9; }.home-three-offers .booking-area form .nice-select .list {
      top: 54px;
      width: 100%;
      border-radius: 20px;
      z-index: 99; }.home-three-offers .booking-area form .nice-select .option {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--title-color); }.home-three-offers .booking-area form .nice-select::after {
      height: 8px;
      width: 8px;
      right: 20px;
      border-color: var(--primary-color1); }.home-three-offers .booking-area a {
    background: var(--primary-color1);
    border-radius: 150px;
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: var(--white);
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 10px 20px; }/*=======================================
 32. Home Three Offers
=======================================*/.home-three-guest-review .guest-review-wrap {
  border: 1px solid #E3E3E3;
  border-radius: 10px; }@media (max-width: 991px) {
    .home-three-guest-review .guest-review-wrap {
      display: block !important; } }.home-three-guest-review .guest-review-wrap .guest-img {
    margin-left: -100px; }@media (max-width: 991px) {
      .home-three-guest-review .guest-review-wrap .guest-img {
        margin-top: -100px;
        margin-left: unset;
        display: flex;
        justify-content: center; } }.home-three-guest-review .guest-review-wrap .guest-img img {
      border-radius: 50%;
      width: 180px;
      height: 180px; }.home-three-guest-review .guest-review-wrap .review {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    padding: 70px 75px; }@media (max-width: 991px) {
      .home-three-guest-review .guest-review-wrap .review {
        padding: 50px 40px; } }.home-three-guest-review .guest-review-wrap .review .stars {
      padding: 0;
      margin: 0;
      gap: 10px;
      margin-bottom: 30px; }@media (max-width: 767px) {
        .home-three-guest-review .guest-review-wrap .review .stars {
          margin-bottom: 20px; } }.home-three-guest-review .guest-review-wrap .review .stars li i {
        color: var(--primary-color1); }.home-three-guest-review .guest-review-wrap .review p {
      font-family: var(--font-jost);
      font-weight: 300;
      font-size: 24px;
      line-height: 45px;
      color: var(--text-color1);
      margin-bottom: 30px; }.home-three-guest-review .guest-review-wrap .review h3 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 28px;
      line-height: 30px;
      letter-spacing: 0.03em;
      color: #213321;
      margin-bottom: 5px; }.home-three-guest-review .guest-review-wrap .review span {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 20px;
      letter-spacing: 0.05em;
      color: var(--primary-color1); }.home-three-guest-review .gueest-review {
  padding: 0 0 5px 110px;
  position: relative; }@media (max-width: 991px) {
    .home-three-guest-review .gueest-review {
      padding: 110px 2px 0 2px; } }.home-three-guest-review .swiper-btn {
  position: absolute; }/*=======================================
 33. Home Three Latest Post
=======================================*/.home-three-latest-post .latest-post-wraper .post-img-publish-date {
  margin-right: 30px;
  display: flex;
  align-items: end; }.home-three-latest-post .latest-post-wraper .post-img-publish-date .publish-date {
    background-color: var(--title-color);
    padding: 10px 8px; }.home-three-latest-post .latest-post-wraper .post-img-publish-date .publish-date h4 {
      margin-bottom: 0;
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 25px;
      letter-spacing: 0.03em;
      color: var(--white); }.home-three-latest-post .latest-post-wraper .post-img-publish-date .publish-date span {
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 16px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white); }.home-three-latest-post .latest-post-wraper .content {
  background: #FFFFFF;
  box-shadow: 4px 4px 45px rgba(34, 34, 34, 0.08);
  padding: 30px 45px; }.home-three-latest-post .latest-post-wraper .content .blog-title h4 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 25px;
    line-height: 38px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: var(--title-color);
    transition: 0.35s; }@media (max-width: 1199px) {
      .home-three-latest-post .latest-post-wraper .content .blog-title h4 a {
        font-size: 22px; } }.home-three-latest-post .latest-post-wraper .content .blog-title h4 a:hover {
      color: var(--primary-color1); }.home-three-latest-post .latest-post-wraper .read-more-btn a {
  font-family: var(--font-jost);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.03em;
  color: var(--primary-color1);
  transition: 0.35s; }.home-three-latest-post .latest-post-wraper .read-more-btn a svg {
    stroke: var(--primary-color1);
    fill: none;
    transition: 0.35s; }.home-three-latest-post .latest-post-wraper .read-more-btn a:hover {
    color: var(--title-color); }.home-three-latest-post .latest-post-wraper .read-more-btn a:hover svg {
      stroke: var(--title-color); }.home-three-latest-post .view-all-btn {
  font-family: var(--font-jost);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.03em;
  background: var(--primary-color1);
  border-radius: 130px;
  padding: 17px 60px;
  display: inline-flex; }/*=======================================
 33. Home Four Header
=======================================*/header.style-4 {
  background: var(--white);
  width: 100%;
  position: relative;
  top: 0;
  z-index: 9999;
  padding: 0px 110px 0px 110px;
  display: flex;
  justify-content: space-between;
  align-items: center; }@media (min-width: 992px) and (max-width: 1199px) {
    header.style-4 {
      padding: 0px 30px 0px 30px; } }@media (max-width: 991px) {
    header.style-4 {
      padding: 0px 30px 0px 30px;
      top: 0; } }header.style-4.sticky {
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 9999;
    background: var(--white);
    box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
    animation: smooth-header 0.65s linear; }@keyframes smooth-header {
  0% {
    transform: translateY(-30px); }
  100% {
    transform: translateY(0px); } }header.style-4 .header-logo {
    height: 100%; }@media (max-width: 991px) {
      header.style-4 .header-logo {
        padding: 20px 0px; } }header.style-4 .header-logo img {
      min-width: 120px;
      max-width: 100%; }header.style-4 .nav-right {
    gap: 50px; }@media (max-width: 1199px) {
      header.style-4 .nav-right {
        gap: 20px; } }header.style-4 .nav-right .mobile-menu-form {
      margin-top: 50px; }header.style-4 .nav-right .header-btn a {
      font-family: var(--font-jost);
      font-size: 18px;
      font-weight: 600;
      display: inline-block;
      transition: 0.35s ease-in;
      cursor: pointer;
      white-space: nowrap;
      padding: 12px 41px;
      border-radius: 130px; }@media (max-width: 991px) {
        header.style-4 .nav-right .header-btn a {
          display: none;
          visibility: hidden; } }header.style-4 .nav-right .bookmark-icon {
      position: relative; }@media (max-width: 576px) {
        header.style-4 .nav-right .bookmark-icon {
          display: none; } }header.style-4 .nav-right .bookmark-icon > a i {
        color: var(--title-color);
        font-size: 25px;
        line-height: 25px; }header.style-4 .nav-right .bookmark-icon .batch {
        color: var(--white);
        height: 18px;
        width: 18px;
        line-height: 17px;
        background-color: var(--primary-color1);
        border-radius: 50%;
        font-size: 10px;
        position: absolute;
        right: -3px;
        top: -3px; }header.style-4 .nav-right .bookmark-icon .batch a {
          display: flex;
          justify-content: center;
          align-self: center;
          font-size: 10px; }header.style-4 .main-menu .menu-list {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    padding: 0; }@media (max-width: 991px) {
      header.style-4 .main-menu .menu-list {
        flex-direction: column;
        justify-content: start; } }header.style-4 .main-menu .menu-list > li {
      position: relative;
      margin: 0px 17px;
      display: inline-block; }@media (max-width: 1199px) {
        header.style-4 .main-menu .menu-list > li {
          margin: 0px 15px; } }@media (max-width: 991px) {
        header.style-4 .main-menu .menu-list > li {
          margin: 0;
          width: 100%; } }header.style-4 .main-menu .menu-list > li .dropdown-icon {
        color: var(--title-color);
        font-size: 25px;
        transition: 0.4s ease-in;
        opacity: 0;
        visibility: hidden; }@media (max-width: 991px) {
          header.style-4 .main-menu .menu-list > li .dropdown-icon {
            opacity: 1;
            visibility: visible;
            color: var(--title-color); } }header.style-4 .main-menu .menu-list > li .dropdown-icon.active {
          color: var(--primary-color1); }header.style-4 .main-menu .menu-list > li > a {
        font-size: 20px;
        line-height: 1;
        font-weight: 400;
        color: var(--title-color);
        padding: 32px 0px;
        display: inline-block;
        white-space: nowrap;
        transition: 0.4s;
        display: flex;
        align-items: center;
        font-family: var(--font-jost);
        text-transform: capitalize;
        position: relative;
        z-index: 999; }header.style-4 .main-menu .menu-list > li > a::before {
          content: "";
          position: absolute;
          left: 4px;
          top: 25px;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background-color: var(--primary-color1);
          transition: 0.4s;
          opacity: 0;
          visibility: hidden; }@media (max-width: 991px) {
            header.style-4 .main-menu .menu-list > li > a::before {
              display: none;
              visibility: hidden; } }header.style-4 .main-menu .menu-list > li > a:hover {
          color: var(--primary-color1); }header.style-4 .main-menu .menu-list > li > a:hover::before {
            opacity: 1;
            visibility: visible; }header.style-4 .main-menu .menu-list > li > a.active {
          color: var(--primary-color1); }@media (max-width: 991px) {
          header.style-4 .main-menu .menu-list > li > a {
            padding: 15px 0px;
            display: block;
            position: relative;
            border-bottom: 1px solid rgba(60, 170, 159, 0.098);
            color: var(--title-color); }
            header.style-4 .main-menu .menu-list > li > a:hover {
              color: var(--primary-color1); } }header.style-4 .main-menu .menu-list > li .submenu {
        padding: 0;
        position: absolute;
        top: 84px;
        left: 0;
        max-width: 230px;
        min-width: 230px;
        background-color: var(--white);
        text-align: left;
        transform: translateY(25px);
        opacity: 0;
        visibility: hidden;
        transition: all 0.55s ease-in-out;
        box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1); }@media (max-width: 991px) {
          header.style-4 .main-menu .menu-list > li .submenu {
            opacity: 1;
            position: relative;
            left: 0;
            top: 0;
            width: 100%;
            border: unset;
            display: none;
            transition: unset;
            box-shadow: unset;
            background-color: var(--white);
            transform: translateY(0px);
            visibility: unset; } }header.style-4 .main-menu .menu-list > li .submenu > li a {
          display: block;
          padding: 10px 30px;
          border-bottom: 1px solid rgba(60, 170, 159, 0.1);
          position: relative;
          z-index: 1;
          font-size: 18px;
          color: var(--title-color); }@media (max-width: 991px) {
            header.style-4 .main-menu .menu-list > li .submenu > li a {
              border-bottom: unset;
              padding: 12px 15px;
              color: var(--title-color); } }header.style-4 .main-menu .menu-list > li .submenu > li a::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            background: #3caa9f;
            width: 100%;
            height: 1px;
            transform: scaleX(0);
            transform-origin: left;
            transition: 0.4s ease-in;
            z-index: -1; }header.style-4 .main-menu .menu-list > li .submenu > li a:hover::before {
            transform: scale(1); }header.style-4 .main-menu .menu-list > li .submenu > li a:last-child {
            border-bottom: unset; }header.style-4 .main-menu .menu-list > li.menu-item-has-children {
        position: relative;
        z-index: 1;
        padding-right: 20px; }@media (max-width: 991px) {
          header.style-4 .main-menu .menu-list > li.menu-item-has-children {
            padding-right: unset; } }header.style-4 .main-menu .menu-list > li.menu-item-has-children::after {
          content: "";
          font-family: "bootstrap-icons";
          font-weight: 600;
          position: absolute;
          top: 34px;
          right: 0px;
          font-size: 14px;
          color: var(--title-color);
          transition: all 0.42s ease-in-out; }@media (max-width: 991px) {
            header.style-4 .main-menu .menu-list > li.menu-item-has-children::after {
              display: none;
              visibility: hidden; } }header.style-4 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon {
          position: absolute;
          top: 12px;
          right: 0;
          font-size: 20px;
          z-index: 9999; }header.style-4 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon.active {
            color: var(--primary-color1); }header.style-4 .main-menu .menu-list > li.menu-item-has-children:hover .submenu {
          opacity: 1;
          transform: translateY(0);
          visibility: visible; }header.style-4 .main-menu .menu-list > li.menu-item-has-children:hover::after {
          transform: rotate(180deg); }header.style-4 .main-menu .menu-list > li:hover a {
        color: var(--primary-color1); }header.style-4 .main-menu .menu-list > li:hover.menu-item-has-children::after {
        color: var(--primary-color1); }@media (max-width: 991px) {
    header.style-4 .main-menu {
      position: fixed;
      top: 0%;
      left: -100%;
      width: 280px;
      height: 100%;
      overflow-y: auto;
      background-color: var(--white);
      border-right: 1px solid rgba(238, 238, 238, 0.1);
      padding: 40px 20px;
      z-index: 999;
      transition: 0.7s ease-in-out;
      border-right: 1px solid #eeeeee; }
      header.style-4 .main-menu.show-menu {
        left: 0; } }header.style-4 .main-menu .mobile-logo-area {
    margin-bottom: 25px; }header.style-4 .main-menu .mobile-logo-area .menu-close-btn {
      cursor: pointer; }header.style-4 .main-menu .mobile-logo-area .menu-close-btn .bi {
        color: var(--primary-color1);
        font-size: 18px; }header.style-4 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
          color: var(--primary-color1); }header.style-4 .main-menu .mobile-logo-wrap {
    padding: 10px; }header.style-4 .mobile-menu-btn {
    margin-left: 25px; }header.style-4 .mobile-menu-btn .bx {
      color: var(--primary-color1);
      font-size: 28px; }header.style-4 .hotline, header.style-4 .email {
    display: flex;
    align-items: center; }header.style-4 .hotline .hotline-icon svg, header.style-4 .hotline .email-icon svg, header.style-4 .email .hotline-icon svg, header.style-4 .email .email-icon svg {
      fill: var(--primary-color1); }header.style-4 .hotline .hotline-info, header.style-4 .hotline .email-info, header.style-4 .email .hotline-info, header.style-4 .email .email-info {
      margin-left: 10px; }header.style-4 .hotline .hotline-info span, header.style-4 .hotline .email-info span, header.style-4 .email .hotline-info span, header.style-4 .email .email-info span {
        font-size: 12px;
        font-weight: 400;
        font-family: var(--font-jost);
        color: var(--primary-color1); }header.style-4 .hotline .hotline-info h6, header.style-4 .hotline .email-info h6, header.style-4 .email .hotline-info h6, header.style-4 .email .email-info h6 {
        font-size: 15px;
        font-weight: 400;
        font-family: var(--font-yeseva);
        color: var(--title-color);
        white-space: nowrap;
        margin-bottom: 0; }header.style-4 .mobile-menu-form input {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px 15px;
    background-color: #fff;
    margin-bottom: 15px;
    outline: none; }header.style-4 .mobile-menu-form input::placeholder {
    font-size: 14px; }header.style-4 .mobile-menu-form button {
    outline: none;
    border: none;
    padding: 10px; }header.style-4 .mobile-menu-form.style-2 input {
    border-radius: 30px; }header.style-4 .search-btn {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #EEEEEE;
    border-radius: 50%;
    margin-right: 15px;
    cursor: pointer; }header.style-4 .search-btn .bi {
      font-size: 18px;
      color: var(--primary-color1); }@media (max-width: 991px) {
      header.style-4 .search-btn {
        display: none;
        visibility: hidden; } }/*=======================================
 34. Home Four Banner
=======================================*/.hero-style4 {
  position: relative;
  overflow: hidden; }.hero-style4 .author-side-bar {
    background: #FFFFFF;
    box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1);
    padding: 40px;
    max-width: 450px;
    min-height: 100vh;
    position: absolute;
    top: 0;
    right: -500%;
    position: fixed;
    transition: 0.7s;
    z-index: 99999;
    overflow-y: scroll;
    height: 100%; }.hero-style4 .author-side-bar.slide {
      right: 0; }.hero-style4 .author-side-bar::-webkit-scrollbar {
      width: 0px; }.hero-style4 .author-side-bar .close-btn {
      height: 50px;
      width: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #3CAA9F;
      border-radius: 50%;
      position: absolute;
      right: 40px;
      top: 40px;
      cursor: pointer; }.hero-style4 .author-side-bar .close-btn i {
        font-size: 20px;
        color: var(--primary-color1); }.hero-style4 .author-side-bar .sidebar-logo {
      display: flex;
      justify-content: center;
      padding-top: 100px;
      margin-bottom: 50px; }.hero-style4 .author-side-bar > p {
      font-family: var(--font-jost);
      font-weight: 500;
      font-size: 28px;
      line-height: 42px;
      letter-spacing: 0.03em;
      color: var(--title-color);
      text-align: center;
      margin-bottom: 0; }.hero-style4 .author-side-bar > p a {
        font-size: 20px; }.hero-style4 .author-side-bar .athor-slider-wrrap {
      padding-top: 100px; }.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review {
        padding-top: 10px; }.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review .author-name h4 {
          font-family: var(--font-yeseva);
          font-weight: 300;
          font-size: 25px;
          line-height: 30px;
          letter-spacing: 0.03em;
          color: #213321;
          margin-bottom: 0; }.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review .author-name span {
          font-family: var(--font-jost);
          font-weight: 400;
          font-size: 18px;
          line-height: 22px;
          letter-spacing: 0.05em;
          text-transform: capitalize;
          color: var(--primary-color1); }.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review .stars {
          margin: 0;
          padding: 0;
          gap: 8px; }.hero-style4 .author-side-bar .athor-slider-wrrap .author-name-review .stars li i {
            color: var(--primary-color1); }.hero-style4 .author-side-bar .hotline, .hero-style4 .author-side-bar .email {
      display: flex;
      align-items: center; }.hero-style4 .author-side-bar .hotline .hotline-icon svg, .hero-style4 .author-side-bar .hotline .email-icon svg, .hero-style4 .author-side-bar .email .hotline-icon svg, .hero-style4 .author-side-bar .email .email-icon svg {
        fill: var(--title-color); }.hero-style4 .author-side-bar .hotline .hotline-info, .hero-style4 .author-side-bar .hotline .email-info, .hero-style4 .author-side-bar .email .hotline-info, .hero-style4 .author-side-bar .email .email-info {
        margin-left: 10px; }.hero-style4 .author-side-bar .hotline .hotline-info span, .hero-style4 .author-side-bar .hotline .email-info span, .hero-style4 .author-side-bar .email .hotline-info span, .hero-style4 .author-side-bar .email .email-info span {
          font-size: 14px;
          font-weight: 400;
          font-family: var(--font-jost);
          color: var(--primary-color1); }.hero-style4 .author-side-bar .hotline .hotline-info h6, .hero-style4 .author-side-bar .hotline .email-info h6, .hero-style4 .author-side-bar .email .hotline-info h6, .hero-style4 .author-side-bar .email .email-info h6 {
          font-size: 18px;
          font-weight: 300;
          font-family: var(--font-yeseva);
          color: var(--title-color);
          white-space: nowrap;
          margin-bottom: 0; }.hero-style4 .swiper {
    margin: 0px -10px; }.hero-style4 .hero-social {
    display: flex;
    flex-direction: column;
    height: 600px;
    justify-content: space-between;
    z-index: 999; }@media (max-width: 1199px) {
      .hero-style4 .hero-social {
        display: none;
        visibility: hidden; } }.hero-style4 .hero-social .hotline {
      display: flex;
      align-items: center;
      justify-content: center;
      transform: rotate(-90deg); }.hero-style4 .hero-social .hotline .hotline-info {
        margin-left: 10px; }.hero-style4 .hero-social .hotline .hotline-info span {
          font-size: 12px;
          font-weight: 400;
          font-family: var(--font-jost);
          color: var(--title-color); }.hero-style4 .hero-social .hotline .hotline-info h6 {
          font-size: 15px;
          font-weight: 400;
          font-family: var(--font-yeseva);
          color: var(--title-color);
          white-space: nowrap;
          margin-bottom: 0; }@media (max-width: 991px) {
        .hero-style4 .hero-social .hotline {
          display: none !important;
          visibility: hidden; } }.hero-style4 .hero-social .deshboar {
      display: flex;
      justify-content: center;
      padding-top: 55px;
      cursor: pointer; }@media (max-width: 991px) {
      .hero-style4 .hero-social .social-icon {
        display: flex;
        justify-content: center; } }.hero-style4 .hero-social .social-icon ul {
      margin: 0;
      padding: 0;
      gap: 45px;
      flex-direction: column-reverse; }.hero-style4 .hero-social .social-icon ul li {
        position: relative; }.hero-style4 .hero-social .social-icon ul li a {
          color: var(--title-color);
          transition: 0.35s; }.hero-style4 .hero-social .social-icon ul li a:hover {
            color: var(--primary-color1); }.hero-style4 .hero-social .social-icon ul li a i {
            font-size: 22px; }.hero-style4 .hero-social .social-icon ul li::after {
          content: "";
          width: 3px;
          height: 3px;
          background: rgba(28, 23, 29, 0.2);
          position: absolute;
          top: -23px;
          left: 9px; }.hero-style4 .hero-social .social-icon ul li:last-child::after {
          display: none; }.hero-style4 .banner2-content .banner-title {
    max-width: 990px;
    width: 100%; }.hero-style4 .banner2-content .banner-title h1 {
      font-family: var(--font-yeseva);
      font-weight: 500;
      font-size: 80px;
      line-height: 100px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      text-align: center;
      margin: 0 auto 120px; }@media (max-width: 767px) {
        .hero-style4 .banner2-content .banner-title h1 {
          font-size: 65px;
          line-height: 85px; } }@media (max-width: 576px) {
        .hero-style4 .banner2-content .banner-title h1 {
          font-size: 44px;
          line-height: 65px; } }.hero-style4 .slider-bg-1 {
    padding: 220px 0 270px;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }@media (max-width: 1399px) {
      .hero-style4 .slider-bg-1 {
        padding: 150px 0 200px; } }@media (max-width: 991px) {
      .hero-style4 .slider-bg-1 {
        padding: 150px 0 150px; } }@media (max-width: 767px) {
      .hero-style4 .slider-bg-1 {
        padding: 100px 0; } }.hero-style4 .slider-bg-1::before {
      content: "";
      background-image: url("https://www.penzioncity.cz/template/default/assets/images/bg/h4-banner-bg-1.png");
      background-color: rgba(28, 23, 29, 0.35);
      background-blend-mode: multiply;
      background-size: cover;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      z-index: -9;
      animation: large 26s linear infinite alternate; }.hero-style4 .slider-bg-1::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: -9;
      background: rgba(28, 23, 29, 0.3); }@keyframes large {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.6); } }.hero-style4 .slider-bg-2 {
    padding: 220px 0 270px;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }@media (max-width: 1399px) {
      .hero-style4 .slider-bg-2 {
        padding: 150px 0 200px; } }@media (max-width: 991px) {
      .hero-style4 .slider-bg-2 {
        padding: 150px 0 150px; } }@media (max-width: 767px) {
      .hero-style4 .slider-bg-2 {
        padding: 100px 0; } }.hero-style4 .slider-bg-2::before {
      content: "";
      background-image: url("https://www.penzioncity.cz/template/default/assets/images/bg/h4-banner-bg-2.png");
      background-color: rgba(28, 23, 29, 0.35);
      background-blend-mode: multiply;
      background-size: cover;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      z-index: -9;
      animation: large 26s linear infinite alternate; }.hero-style4 .slider-bg-2::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: -9;
      background: rgba(28, 23, 29, 0.3); }@keyframes large {
  0% {
    transform: scale(1.2); }
  100% {
    transform: scale(1.8); } }.hero-style4 .swiper-btn {
    background: #FFFFFF;
    position: absolute;
    width: 176px;
    height: 56px;
    bottom: 0;
    right: 0;
    z-index: 99;
    justify-content: center;
    gap: 50px;
    z-index: 999; }@media (max-width: 991px) {
      .hero-style4 .swiper-btn {
        display: none;
        visibility: hidden; } }.hero-style4 .swiper-btn .btns svg {
      fill: var(--primary-color1);
      transition: 0.35s; }.hero-style4 .swiper-btn .btns:hover svg {
      fill: var(--title-color); }.form-section {
  margin-top: -320px;
  padding-bottom: 240px;
  position: relative;
  z-index: 99; }@media (max-width: 1399px) {
    .form-section {
      margin-top: -250px;
      padding-bottom: 170px; } }@media (max-width: 1199px) {
    .form-section {
      margin-top: -250px; } }@media (max-width: 991px) {
    .form-section {
      margin-top: -200px;
      padding-bottom: 10px; } }@media (max-width: 767px) {
    .form-section {
      margin-top: -150px; } }.form-section .multi-main-searchber {
    margin-left: 180px;
    background-color: #fff;
    width: 100%;
    padding: 15px 0px 15px 70px;
    border-radius: 200px;
    position: relative; }@media (max-width: 1199px) {
      .form-section .multi-main-searchber {
        margin-left: unset; } }@media (max-width: 991px) {
      .form-section .multi-main-searchber {
        box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1); } }@media (max-width: 991px) {
      .form-section .multi-main-searchber {
        padding: 25px 50px;
        border-radius: 20px; } }.form-section .multi-main-searchber .searchbox-input {
      width: 100%;
      position: relative;
      border: 1px solid #E2E2E2;
      height: 60px; }.form-section .multi-main-searchber .searchbox-input::after {
        content: "";
        width: 2px;
        height: 36px;
        background: var(--primary-color1);
        opacity: 0.2;
        border-radius: 10px; }.form-section .multi-main-searchber .searchbox-input::before {
        position: absolute;
        content: url("https://www.penzioncity.cz/template/default/assets/images/icons/date.svg");
        right: 22px;
        line-height: 0;
        top: 50%;
        transform: translateY(-50%); }.form-section .multi-main-searchber .searchbox-input input {
        padding: 17px 20px 17px 20px;
        display: block;
        width: 100%;
        background: #fff;
        border-radius: 5px;
        border: none;
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 16px;
        color: var(--text-color1) !important; }.form-section .multi-main-searchber .searchbox-input input::placeholder {
          font-family: var(--font-jost);
          font-weight: 400;
          font-size: 16px;
          color: var(--text-color1) !important; }.form-section .multi-main-searchber .searchbox-input .calendar {
        background: #fff;
        border-radius: 4px;
        font-size: 14px !important;
        border: none;
        position: relative; }.form-section .multi-main-searchber .searchbox-input.two {
      height: 60px; }.form-section .multi-main-searchber .searchbox-input.two::before {
        display: none; }.form-section .nice-select {
    width: 100%;
    border: none;
    padding: 20px 20px 20px 20px;
    line-height: 1;
    height: 25px; }.form-section .nice-select span {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      color: #666666  !important;
      z-index: 9; }.form-section .nice-select .list {
      top: 52px;
      width: 100%;
      border-radius: unset;
      z-index: 9999; }.form-section .nice-select .option {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--title-color); }.form-section .nice-select::after {
      height: 8px;
      width: 8px;
      right: 20px;
      border-color: var(--primary-color1);
      top: 72%; }.form-section .main-form-submit {
    display: flex; }.form-section .main-form-submit a {
      padding: 15px 50px;
      border: none;
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 18px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      white-space: nowrap;
      border-radius: 90px; }@media (max-width: 991px) {
        .form-section .main-form-submit a {
          width: unset;
          padding: 20px 70px;
          margin-top: 24px; } }.form-section .main-form-submit button {
      padding: 15px 50px;
      border: none;
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 18px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      white-space: nowrap;
      border-radius: 90px; }@media (max-width: 991px) {
        .form-section .main-form-submit button {
          width: unset;
          padding: 20px 70px;
          margin-top: 24px; } }@media (max-width: 991px) {
      .form-section .main-form-submit {
        display: flex;
        justify-content: center; } }/*=======================================
 35. Home Four Facilites
=======================================*/.section-title-4 {
  margin-top: -5px; }.section-title-4 h4 {
    margin-bottom: 8px;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 21px;
    text-transform: uppercase;
    color: var(--primary-color1); }.section-title-4 h2 {
    margin-bottom: 0;
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    line-height: 60px;
    text-transform: capitalize;
    color: var(--title-color); }@media (max-width: 991px) {
      .section-title-4 h2 {
        font-size: 45px; } }@media (max-width: 991px) {
      .section-title-4 h2 {
        font-size: 40px;
        line-height: 55px; } }.home4-facilities .facilities-wrrap {
  position: relative; }.home4-facilities .facilities-wrrap .facilities-img {
    position: relative;
    border-radius: 10px;
    z-index: 1;
    transition: 0.4s; }.home4-facilities .facilities-wrrap .facilities-img > img {
      border-radius: 10px;
      min-height: 270px; }@media (max-width: 576px) {
        .home4-facilities .facilities-wrrap .facilities-img > img {
          width: 100%;
          min-height: unset; } }.home4-facilities .facilities-wrrap .facilities-img .facilities-content {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 2;
      transition: 0.35s; }.home4-facilities .facilities-wrrap .facilities-img .facilities-content h4 {
        margin-bottom: 5px; }.home4-facilities .facilities-wrrap .facilities-img .facilities-content h4 a {
          font-family: var(--font-jost);
          font-weight: 500;
          font-size: 27px;
          text-transform: capitalize;
          color: var(--white);
          white-space: nowrap;
          transition: 0.35s; }.home4-facilities .facilities-wrrap .facilities-img .facilities-content h4 a:hover {
            color: var(--primary-color1); }.home4-facilities .facilities-wrrap .facilities-img .facilities-content .arrow-btn {
        display: flex;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        transition: 0.35s; }.home4-facilities .facilities-wrrap .facilities-img .facilities-content .arrow-btn svg {
          stroke: var(--primary-color1);
          fill: none;
          transition: 0.35s; }.home4-facilities .facilities-wrrap .facilities-img .facilities-content .arrow-btn svg:hover {
            stroke: var(--white); }.home4-facilities .facilities-wrrap .facilities-img::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: linear-gradient(180deg, rgba(28, 23, 29, 0) 44.53%, rgba(28, 23, 29, 0.73) 71.88%, #1C171D 100%);
      border-radius: 10px; }.home4-facilities .facilities-wrrap .overlay {
    padding-top: 20px; }@media (max-width: 767px) {
      .home4-facilities .facilities-wrrap .overlay {
        padding-top: 0px; } }.home4-facilities .facilities-wrrap .overlay h3 {
      margin-bottom: 10px; }.home4-facilities .facilities-wrrap .overlay h3 a {
        font-family: var(--font-jost);
        font-weight: 600;
        font-size: 35px;
        text-transform: capitalize;
        color: var(--title-color); }@media (max-width: 767px) {
        .home4-facilities .facilities-wrrap .overlay h3 {
          padding-top: -8px; } }.home4-facilities .facilities-wrrap .overlay p {
      color: #5A5A5A;
      padding: 0;
      margin-bottom: 25px; }.home4-facilities .facilities-wrrap .overlay > a {
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 18px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      padding: 15px 50px;
      border-radius: 90px;
      display: inline-block; }.home4-facilities .facilities-wrrap:hover .facilities-img .facilities-content {
    bottom: 30px; }.home4-facilities .facilities-wrrap:hover .facilities-img .facilities-content .arrow-btn {
      opacity: 1;
      visibility: visible; }/*=======================================
 36. Home Four About
=======================================*/.home4-about .section-title-4 {
  margin-bottom: 20px; }.home4-about .about-left-content .about-img {
  padding-top: 20px; }.home4-about .about-right .about-content p {
  padding-top: 30px; }.home4-about .about-right .contect-area .name-deg h5 {
  font-family: var(--font-yeseva);
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.03em;
  color: var(--primary-color1);
  margin-bottom: -5px; }.home4-about .about-right .contect-area .name-deg span {
  font-family: var(--font-jost);
  font-weight: 400;
  font-size: 15px;
  line-height: 35px;
  color: var(--text-color1); }.home4-about .about-right .contect-area .hotline {
  display: flex;
  align-items: center;
  justify-content: center; }.home4-about .about-right .contect-area .hotline .hotline-info {
    margin-left: 10px; }.home4-about .about-right .contect-area .hotline .hotline-info span {
      font-size: 12px;
      font-weight: 400;
      font-family: var(--font-jost);
      color: var(--primary-color1); }.home4-about .about-right .contect-area .hotline .hotline-info h6 {
      font-size: 15px;
      font-weight: 500;
      font-family: var(--font-yeseva);
      color: var(--title-color);
      white-space: nowrap;
      margin-bottom: 0; }/*=======================================
 37. Home Four Rooms
=======================================*/.home4-rooms .rooms-wrrap .room-img {
  position: relative;
  overflow: hidden; }.home4-rooms .rooms-wrrap .room-img > img {
    height: 330px;
    width: 100%; }.home4-rooms .rooms-wrrap .room-img .room-content {
    background-color: var(--title-color);
    max-width: 350px;
    width: 100%;
    padding: 25px;
    position: absolute;
    bottom: -68px;
    right: 0;
    transition: 0.35s;
    z-index: 9; }@media (max-width: 1399px) {
      .home4-rooms .rooms-wrrap .room-img .room-content {
        max-width: 290px; } }.home4-rooms .rooms-wrrap .room-img .room-content .price-tag {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 18px;
      letter-spacing: 0.03em;
      color: var(--white); }.home4-rooms .rooms-wrrap .room-img .room-content .price-tag span {
        font-size: 25px;
        font-weight: 500;
        color: var(--white); }.home4-rooms .rooms-wrrap .room-img .room-content h3 {
      margin-bottom: 15px;
      padding-top: 5px; }.home4-rooms .rooms-wrrap .room-img .room-content h3 a {
        font-family: var(--font-yeseva);
        font-weight: 400;
        font-size: 30px;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        color: #FFFFFF;
        transition: 0.35s; }.home4-rooms .rooms-wrrap .room-img .room-content h3 a:hover {
          color: var(--primary-color1); }.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person {
      gap: 60px;
      flex-wrap: wrap; }@media (max-width: 1399px) {
        .home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person {
          gap: 20px; } }@media (max-width: 767px) {
        .home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person {
          gap: 10px; } }.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .bed-qty p, .home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .persons p {
        margin-bottom: -7px;
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        color: var(--primary-color1);
        display: flex;
        align-items: baseline; }.home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .bed-qty p img, .home4-rooms .rooms-wrrap .room-img .room-content .bed-and-person .persons p img {
          margin-right: 10px; }.home4-rooms .rooms-wrrap .room-img .room-content > a {
      font-family: var(--font-yeseva);
      font-weight: 300;
      font-size: 16px;
      letter-spacing: 0.05em;
      text-transform: capitalize;
      color: var(--primary-color1);
      border: 0.5px solid #3CAA9F;
      border-radius: 30px;
      padding: 9px 40px 6px;
      display: inline-block;
      margin-top: 28px;
      transition: 0.35s; }.home4-rooms .rooms-wrrap .room-img .room-features {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: 0.35s; }@media (max-width: 1800px) {
      .home4-rooms .rooms-wrrap .room-img .room-features {
        display: none; } }@media (max-width: 1199px) {
      .home4-rooms .rooms-wrrap .room-img .room-features {
        display: block; } }@media (max-width: 576px) {
      .home4-rooms .rooms-wrrap .room-img .room-features {
        display: none; } }.home4-rooms .rooms-wrrap .room-img .room-features ul {
      gap: 20px;
      margin: 0;
      padding: 0; }.home4-rooms .rooms-wrrap .room-img .room-features ul li {
        padding: 10px 0; }.home4-rooms .rooms-wrrap .room-img .room-features ul li svg {
          fill: white;
          transition: 0.35s; }.home4-rooms .rooms-wrrap .room-img .room-features ul li svg:hover {
            fill: var(--primary-color1); }.home4-rooms .rooms-wrrap .room-img::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(90.59deg, #1C171D 5.27%, rgba(28, 23, 29, 0) 20.5%);
    opacity: 0;
    transition: 0.35s;
    z-index: 1; }.home4-rooms .rooms-wrrap:hover .room-img .room-content {
  bottom: 0; }.home4-rooms .rooms-wrrap:hover .room-img .room-features {
  opacity: 1;
  visibility: visible; }.home4-rooms .rooms-wrrap:hover .room-img::after {
  opacity: 1; }/*=======================================
 38. Home Four Single Service
=======================================*/.home4-single-service .rooms-wrrap2 .room-img img {
  border-radius: 10px; }.home4-single-service .rooms-wrrap2 .room-content h3 {
  margin-bottom: 15px;
  padding-top: 25px; }.home4-single-service .rooms-wrrap2 .room-content h3 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 35px;
    text-transform: capitalize;
    color: var(--title-color); }.home4-single-service .rooms-wrrap2 .room-content p {
  margin-bottom: 25px; }.home4-single-service .rooms-wrrap2 .room-content > a {
  font-family: var(--font-jost);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  border-radius: 130px;
  padding: 13px 40px;
  display: inline-block; }.home4-single-service .playzaone-wrap {
  position: relative; }.home4-single-service .playzaone-wrap .playzone-img {
    position: relative;
    border-radius: 10px;
    z-index: 1; }.home4-single-service .playzaone-wrap .playzone-img img {
      border-radius: 10px;
      min-height: 350px; }.home4-single-service .playzaone-wrap .playzone-img::after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(28, 23, 29, 0.6);
      z-index: 1;
      border-radius: 10px; }.home4-single-service .playzaone-wrap .content {
    max-width: 570px;
    width: 100%;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    padding: 15px; }.home4-single-service .playzaone-wrap .content h3 {
      margin-bottom: 15px; }.home4-single-service .playzaone-wrap .content h3 a {
        font-family: var(--font-yeseva);
        font-weight: 400;
        font-size: 35px;
        text-transform: capitalize;
        color: var(--white); }.home4-single-service .playzaone-wrap .content p {
      color: var(--white);
      margin-bottom: 35px; }.home4-single-service .playzaone-wrap .content > a {
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 18px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      background: var(--primary-color1);
      border-radius: 130px;
      padding: 13px 40px;
      display: inline-block; }.home4-single-service .bar-pub-img-1 img {
  border-radius: 130px; }.home4-single-service .bar-pub-img-2 img {
  border-radius: 10px; }.home4-single-service .bar-pub-img-2.one {
  margin-bottom: 30px; }.home4-single-service .content h3 {
  margin-bottom: 15px; }.home4-single-service .content h3 a {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 35px;
    text-transform: capitalize;
    color: var(--title-color); }.home4-single-service .content p {
  margin-bottom: 0; }.home4-single-service .included-feature {
  padding-top: 30px; }.home4-single-service .included-feature h3 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 20px; }.home4-single-service .included-feature ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 25px; }.home4-single-service .included-feature ul li {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 20px;
      letter-spacing: 0.03em;
      color: var(--title-color); }.home4-single-service .included-feature ul li img {
        margin-right: 5px; }.home4-single-service .included-feature a {
    font-family: var(--font-jost);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: var(--primary-color1);
    border: 1px solid #3CAA9F;
    display: inline-flex;
    padding: 25px 70px; }.home4-single-service .included-feature h5 {
    font-family: var(--font-yeseva);
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: var(--title-color);
    margin-bottom: 35px; }.home4-single-service .included-feature > a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: white;
    border-radius: 130px;
    padding: 16px 40px;
    display: inline-block; }/*=======================================
 39. Home Four Superior Offer
=======================================*/.superior-offer {
  position: relative;
  overflow-x: hidden;
  padding-top: 100px; }.superior-offer::before {
    content: url("https://www.penzioncity.cz/template/default/assets/images/bg/h4-offer-bg.png");
    position: absolute;
    left: 0;
    top: 0px;
    z-index: -1; }.superior-offer .offer-wrap .offer-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px; }.superior-offer .offer-wrap .offer-img > img {
      border-radius: 10px 10px 0px 0px;
      height: 227px;
      transition: 0.35s; }.superior-offer .offer-wrap .offer-img .batch {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%); }.superior-offer .offer-wrap .offer-img .batch .offer {
        position: relative; }.superior-offer .offer-wrap .offer-img .batch .offer img {
          transition: 0.35s; }.superior-offer .offer-wrap .offer-img .batch .offer .content {
          position: absolute;
          z-index: 9;
          top: 22px;
          left: 15px; }.superior-offer .offer-wrap .offer-img .batch .offer .content h4 {
            font-family: var(--font-yeseva);
            font-weight: 600;
            font-size: 23px;
            color: var(--white);
            margin-bottom: 0;
            line-height: 8px; }.superior-offer .offer-wrap .offer-img .batch .offer .content span {
            font-family: var(--font-jost);
            font-weight: 400;
            font-size: 14px;
            letter-spacing: 0.03em;
            text-transform: uppercase;
            color: var(--white);
            line-height: 28px;
            margin-left: 20px; }.superior-offer .offer-wrap .offer-content {
    background-color: var(--title-color);
    padding: 35px;
    border-radius: 0px 0px 10px 10px;
    transition: 0.35s; }.superior-offer .offer-wrap .offer-content .price-tag {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 18px;
      letter-spacing: 0.03em;
      color: var(--white); }.superior-offer .offer-wrap .offer-content .price-tag span {
        font-size: 25px;
        font-weight: 500;
        color: var(--white); }.superior-offer .offer-wrap .offer-content span {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 18px;
      letter-spacing: 0.03em;
      color: var(--white); }.superior-offer .offer-wrap .offer-content h3 {
      margin-bottom: 15px;
      padding-top: 5px; }.superior-offer .offer-wrap .offer-content h3 a {
        font-family: var(--font-yeseva);
        font-weight: 400;
        font-size: 30px;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        color: #FFFFFF;
        transition: 0.35s; }.superior-offer .offer-wrap .offer-content h3 a:hover {
          color: var(--primary-color1); }.superior-offer .offer-wrap .offer-content .bed-and-person {
      gap: 60px;
      flex-wrap: wrap; }@media (max-width: 1399px) {
        .superior-offer .offer-wrap .offer-content .bed-and-person {
          gap: 20px; } }@media (max-width: 767px) {
        .superior-offer .offer-wrap .offer-content .bed-and-person {
          gap: 10px; } }.superior-offer .offer-wrap .offer-content .bed-and-person .bed-qty p, .superior-offer .offer-wrap .offer-content .bed-and-person .persons p {
        margin-bottom: -7px;
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        color: var(--primary-color1);
        display: flex;
        align-items: baseline; }.superior-offer .offer-wrap .offer-content .bed-and-person .bed-qty p img, .superior-offer .offer-wrap .offer-content .bed-and-person .persons p img {
          margin-right: 10px; }.superior-offer .offer-wrap .offer-content > a {
      font-family: var(--font-yeseva);
      font-weight: 300;
      font-size: 16px;
      letter-spacing: 0.05em;
      text-transform: capitalize;
      color: var(--primary-color1);
      border: 0.5px solid #3CAA9F;
      border-radius: 30px;
      padding: 9px 40px 6px;
      display: inline-block;
      margin-top: 28px;
      transition: 0.35s;
      white-space: nowrap; }.superior-offer .offer-wrap:hover .offer-img img {
    transform: scale(1.1); }.superior-offer .swiper-horizontal > .swiper-pagination-bullets, .superior-offer .swiper-pagination-bullets.swiper-pagination-horizontal, .superior-offer .swiper-pagination-custom, .superior-offer .swiper-pagination-fraction {
    bottom: 0px;
    left: 0;
    width: 100%;
    align-items: center; }.superior-offer .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .superior-offer .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 15px;
    height: 10px;
    color: rgba(28, 23, 29, 0.1); }.superior-offer .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--primary-color1);
    opacity: 1;
    height: 13px !important;
    width: 19px !important; }/*=======================================
 40. Home Four Facilites
=======================================*/.home4-video-area {
  background-image: linear-gradient(rgba(28, 23, 29, 0.5), rgba(28, 23, 29, 0.5)), url("https://www.penzioncity.cz/template/default/assets/images/bg/h4-video-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 600px;
  display: flex;
  align-items: center;
  justify-self: center; }.home4-video-area .video-batch {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    text-align: center; }.home4-video-area .video-batch h3 {
      font-family: var(--font-island);
      font-weight: 400;
      font-size: 55px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      margin-bottom: 30px; }.home4-video-area .video-batch a {
      width: 120px;
      height: 120px;
      background: rgba(255, 255, 255, 0.3);
      border: 1.5px solid rgba(255, 255, 255, 0.5);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto; }.home4-video-area .video-batch a i {
        color: var(--white);
        font-size: 60px; }/*=======================================
 41. Home Four Testimonial
=======================================*/.home4-testimonial .testomonial-wrrap {
  background: #F5F7F7;
  padding: 45px 25px 45px; }.home4-testimonial .testomonial-wrrap .testimonial-img {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }.home4-testimonial .testomonial-wrrap .testimonial-img img {
      border-radius: 50%; }.home4-testimonial .testomonial-wrrap .testimonial-content p {
    letter-spacing: 0.03em;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 300; }.home4-testimonial .testomonial-wrrap .testimonial-content h4 {
    font-family: var(--font-yeseva);
    font-weight: 500;
    font-size: 25px;
    letter-spacing: 0.03em;
    color: #213321;
    margin-bottom: 5px;
    text-transform: capitalize; }.home4-testimonial .testomonial-wrrap .testimonial-content span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    color: var(--primary-color1); }.home4-testimonial .testomonial-wrrap .testimonial-content .stars {
    margin: 0;
    padding: 0;
    justify-content: center;
    gap: 7px;
    margin-bottom: 10px; }.home4-testimonial .testomonial-wrrap .testimonial-content .stars li i {
      color: var(--primary-color1); }.home4-testimonial .h4-testimonial-slider {
  padding: 0px 10px; }.home4-testimonial .swiper-btn {
  padding: 0px 10px; }.home4-testimonial .swiper-btn .btns svg {
    fill: none;
    stroke: var(--primary-color1);
    transition: 0.35s; }.home4-testimonial .swiper-btn .btns:hover svg {
    stroke: var(--title-color); }/*=======================================
 42. Home Four Testimonial
=======================================*/.home4-blog-area .view-btn {
  font-family: var(--font-jost);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--white);
  background-color: var(--primary-color1);
  border-radius: 90px;
  padding: 9px 53px;
  margin: 10px 0; }.home4-blog-area .blog-wrrap .blog-img {
  position: relative; }.home4-blog-area .blog-wrrap .blog-img img {
    border-radius: 10px; }@media (max-width: 576px) {
      .home4-blog-area .blog-wrrap .blog-img img {
        width: 100%; } }.home4-blog-area .blog-wrrap .blog-img .publish-date {
    position: absolute;
    left: 0;
    top: 35px; }.home4-blog-area .blog-wrrap .blog-img .publish-date a {
      font-family: var(--font-jost);
      font-weight: 500;
      font-size: 16px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      background: var(--primary-color1);
      border-radius: 0px 5px 5px 0px;
      padding: 11px 25px; }.home4-blog-area .blog-wrrap .blog-content .blog-meta {
  padding-top: 20px; }.home4-blog-area .blog-wrrap .blog-content .blog-meta .publisher span, .home4-blog-area .blog-wrrap .blog-content .blog-meta .comment span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    line-height: 35px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #787878; }.home4-blog-area .blog-wrrap .blog-content .blog-title h4 a {
  font-family: var(--font-yeseva);
  font-weight: 300;
  font-size: 25px;
  line-height: 38px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--title-color);
  transition: 0.35s; }.home4-blog-area .blog-wrrap .blog-content .blog-title h4 a:hover {
    color: var(--primary-color1); }.home4-blog-area .blog-wrrap .blog-content .read-more-btn > a {
  font-family: var(--font-jost);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.03em;
  color: var(--primary-color1);
  position: relative;
  transition: 0.35s; }.home4-blog-area .blog-wrrap .blog-content .read-more-btn > a::after {
    content: url("https://www.penzioncity.cz/template/default/assets/images/icons/read-more-arrow.svg");
    position: absolute;
    left: 0;
    bottom: -18px; }.home4-blog-area .blog-wrrap .blog-content .read-more-btn > a:hover {
    color: var(--text-color1); }/*=======================================
 43. Home Five Banner
=======================================*/.hero-style5 .hero-sidebar {
  min-width: 250px;
  background-color: #fff;
  height: 100%; }@media (max-width: 1199px) {
    .hero-style5 .hero-sidebar {
      left: -100%;
      position: fixed;
      transition: 0.7s;
      z-index: 99999;
      overflow-y: scroll; }
      .hero-style5 .hero-sidebar.slide {
        left: 0; } }.hero-style5 .hero-sidebar .sidebar-close-btn {
    z-index: 99;
    position: absolute;
    right: 20px;
    top: 27px; }.hero-style5 .hero-sidebar .sidebar-close-btn i {
      font-size: 20px; }.hero-style5 .hero-sidebar .header-logo {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 80px; }.hero-style5 .hero-sidebar .header-logo img {
      padding: 35px; }@media (max-width: 1199px) {
        .hero-style5 .hero-sidebar .header-logo img {
          padding: 20px; } }.hero-style5 .hero-sidebar .multi-main-searchber {
    width: 100%;
    position: relative; }.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input {
      width: 100%;
      position: relative;
      border-bottom: 1px solid #E2E2E2;
      height: 80px; }.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input:last-child {
        border-bottom: unset; }.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input::after {
        content: "";
        width: 2px;
        height: 36px;
        background: var(--primary-color1);
        opacity: 0.2;
        border-radius: 10px; }.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input::before {
        position: absolute;
        content: url("https://www.penzioncity.cz/template/default/assets/images/icons/date.svg");
        right: 22px;
        line-height: 0;
        top: 50%;
        transform: translateY(-50%); }.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input input {
        padding: 30px 20px 25px 20px;
        display: block;
        width: 100%;
        background: #fff;
        border-radius: 5px;
        border: none;
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 16px;
        color: var(--title-color) !important; }.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input input::placeholder {
          font-family: var(--font-jost);
          font-weight: 400;
          font-size: 16px;
          color: var(--title-color) !important; }.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input .calendar {
        background: #fff;
        border-radius: 4px;
        font-size: 14px !important;
        border: none;
        position: relative; }.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input.two {
      height: 80px; }.hero-style5 .hero-sidebar .multi-main-searchber .searchbox-input.two::before {
        display: none; }.hero-style5 .hero-sidebar h3 {
    font-family: var(--font-yeseva);
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.03em;
    color: #222222;
    text-align: center;
    padding: 30px;
    margin-bottom: 0; }.hero-style5 .hero-sidebar .nice-select {
    width: 100%;
    border: none;
    padding: 33px 20px 16px 20px;
    line-height: 1;
    height: 25px; }.hero-style5 .hero-sidebar .nice-select span {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      color: #666666 !important;
      z-index: 9; }.hero-style5 .hero-sidebar .nice-select .list {
      top: 52px;
      width: 100%;
      border-radius: unset;
      z-index: 9999; }.hero-style5 .hero-sidebar .nice-select .option {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--title-color); }.hero-style5 .hero-sidebar .nice-select::after {
      height: 8px;
      width: 8px;
      right: 30px;
      border-color: var(--primary-color1);
      top: 80%; }.hero-style5 .hero-sidebar .main-form-submit a {
    background: var(--white);
    padding: 20px 18px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: var(--white);
    white-space: nowrap;
    width: 100%;
    background-color: var(--primary-color1);
    display: block;
    text-align: center; }.hero-style5 .hero-sidebar .main-form-submit button {
    background: var(--white);
    padding: 20px 18px;
    border: none;
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: var(--white);
    white-space: nowrap;
    width: 100%;
    background-color: var(--primary-color1);
    display: block;
    text-align: center; }@media (max-width: 991px) {
    .hero-style5 .hero-sidebar .main-form-submit {
      display: flex;
      justify-content: center; } }.hero-style5 .hero-sidebar .hotline {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -8px; }.hero-style5 .hero-sidebar .hotline .hotline-info {
      margin-left: 10px; }.hero-style5 .hero-sidebar .hotline .hotline-info span {
        font-size: 12px;
        font-weight: 400;
        font-family: var(--font-jost);
        color: var(--primary-color1); }.hero-style5 .hero-sidebar .hotline .hotline-info h6 {
        font-size: 16px;
        font-weight: 600;
        font-family: var(--font-jost);
        color: #222222;
        white-space: nowrap;
        margin-bottom: 0; }.hero-style5 .banner-area {
  width: 100%;
  padding: 300px 0px 200px;
  min-height: 100vh;
  display: flex;
  align-items: center;
  position: relative; }@media (max-width: 1199px) {
    .hero-style5 .banner-area {
      padding: 200px 0px 160px; } }@media (max-width: 991px) {
    .hero-style5 .banner-area {
      padding: 150px 0px 110px; } }@media (max-width: 576px) {
    .hero-style5 .banner-area {
      min-height: unset; } }.hero-style5 .banner-area::before {
    content: "";
    background-image: linear-gradient(rgba(28, 23, 29, 0.6), rgba(28, 23, 29, 0.6)), url("https://www.penzioncity.cz/template/default/assets/images/bg/h5-banner.png");
    background-blend-mode: multiply;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: -9; }.hero-style5 .banner-area header.style-5 {
    position: absolute;
    top: 30px;
    right: 100px;
    z-index: 9999;
    display: flex;
    justify-content: end;
    align-items: center;
    background-color: transparent;
    max-width: 1020px;
    width: 100%;
    margin: 0 0 auto 0; }@media (max-width: 1399px) {
      .hero-style5 .banner-area header.style-5 {
        right: 30px;
        gap: 60px; } }@media (max-width: 1199px) {
      .hero-style5 .banner-area header.style-5 {
        padding: 20px 30px 20px 30px;
        top: 0;
        right: 0;
        justify-content: space-between;
        max-width: unset;
        gap: unset; } }.hero-style5 .banner-area header.style-5 .nav-right {
      gap: 60px; }@media (max-width: 1399px) {
        .hero-style5 .banner-area header.style-5 .nav-right {
          gap: 50px; } }@media (max-width: 1199px) {
        .hero-style5 .banner-area header.style-5 .nav-right {
          gap: 20px; } }.hero-style5 .banner-area header.style-5 .nav-right .header-btn a {
        font-family: var(--font-jost);
        font-size: 18px;
        font-weight: 700;
        display: inline-block;
        transition: 0.35s ease-in;
        cursor: pointer;
        white-space: nowrap;
        padding: 12px 41px; }@media (max-width: 1199px) {
          .hero-style5 .banner-area header.style-5 .nav-right .header-btn a {
            display: none;
            visibility: hidden; } }.hero-style5 .banner-area header.style-5 .nav-right .bookmark-icon {
        position: relative; }@media (max-width: 576px) {
          .hero-style5 .banner-area header.style-5 .nav-right .bookmark-icon {
            display: none; } }.hero-style5 .banner-area header.style-5 .nav-right .bookmark-icon > a i {
          color: var(--white);
          font-size: 25px;
          line-height: 25px; }.hero-style5 .banner-area header.style-5 .nav-right .bookmark-icon .batch {
          color: var(--white);
          height: 18px;
          width: 18px;
          line-height: 17px;
          background-color: var(--primary-color1);
          border-radius: 50%;
          font-size: 10px;
          position: absolute;
          right: -3px;
          top: -3px; }.hero-style5 .banner-area header.style-5 .nav-right .bookmark-icon .batch a {
            display: flex;
            justify-content: center;
            align-self: center;
            font-size: 10px; }.hero-style5 .banner-area header.style-5 .main-menu {
      margin-right: 100px; }@media (max-width: 1399px) {
        .hero-style5 .banner-area header.style-5 .main-menu {
          margin-right: unset; } }.hero-style5 .banner-area header.style-5 .main-menu .menu-list {
        margin-bottom: 0;
        display: flex;
        align-items: center;
        padding: 0; }@media (max-width: 1199px) {
          .hero-style5 .banner-area header.style-5 .main-menu .menu-list {
            flex-direction: column;
            justify-content: start; } }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li {
          position: relative;
          margin: 0px 17px;
          display: inline-block; }@media (max-width: 1199px) {
            .hero-style5 .banner-area header.style-5 .main-menu .menu-list > li {
              margin: 0px 15px; } }@media (max-width: 1199px) {
            .hero-style5 .banner-area header.style-5 .main-menu .menu-list > li {
              margin: 0;
              width: 100%; } }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .dropdown-icon {
            color: var(--title-color);
            font-size: 25px;
            transition: 0.4s ease-in;
            opacity: 0;
            visibility: hidden; }@media (max-width: 1199px) {
              .hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .dropdown-icon {
                opacity: 1;
                visibility: visible;
                z-index: 999; } }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .dropdown-icon.active {
              color: var(--primary-color1); }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a {
            font-size: 20px;
            line-height: 1;
            font-weight: 400;
            color: var(--white);
            padding: 25px 0px;
            display: inline-block;
            white-space: nowrap;
            transition: 0.4s;
            display: flex;
            align-items: center;
            font-family: var(--font-jost);
            text-transform: capitalize;
            position: relative;
            z-index: 999; }@media (max-width: 1199px) {
              .hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a {
                color: var(--title-color); } }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a::before {
              content: "";
              position: absolute;
              left: 0px;
              bottom: 17px;
              width: 100%;
              height: 2px;
              background-color: var(--primary-color1);
              transition: 0.4s;
              opacity: 0;
              visibility: hidden; }@media (max-width: 1199px) {
                .hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a::before {
                  display: none;
                  visibility: hidden; } }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a:hover {
              color: var(--primary-color1); }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a:hover::before {
                opacity: 1;
                visibility: visible; }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a.active {
              color: var(--primary-color1); }@media (max-width: 1199px) {
              .hero-style5 .banner-area header.style-5 .main-menu .menu-list > li a {
                padding: 15px 0px;
                display: block;
                position: relative;
                border-bottom: 1px solid rgba(60, 170, 159, 0.098); } }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .submenu {
            padding: 5px 0;
            position: absolute;
            top: 70px;
            left: 0;
            max-width: 230px;
            min-width: 230px;
            background-color: var(--white);
            text-align: left;
            transform: translateY(25px);
            opacity: 0;
            visibility: hidden;
            transition: all 0.55s ease-in-out;
            box-shadow: 5px 3px 40px rgba(0, 72, 88, 0.1); }@media (max-width: 1199px) {
              .hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .submenu {
                opacity: 1;
                position: relative;
                left: 0;
                top: 0;
                width: 100%;
                border: unset;
                display: none;
                transition: unset;
                box-shadow: unset;
                transform: translateY(0px);
                visibility: unset;
                background-color: var(--white); } }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .submenu > li a {
              display: block;
              padding: 12px 30px;
              border-bottom: 1px solid rgba(60, 170, 159, 0.1);
              position: relative;
              z-index: 1;
              font-size: 18px;
              color: var(--title-color); }@media (max-width: 1199px) {
                .hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .submenu > li a {
                  border-bottom: unset;
                  padding: 12px 15px;
                  color: var(--title-color); } }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .submenu > li a.active {
                color: var(--primary-color1); }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .submenu > li a.active::before {
                  content: "";
                  position: absolute;
                  left: 0;
                  bottom: 22px;
                  width: 100%;
                  height: 1px;
                  background-color: var(--primary-color1); }@media (max-width: 1199px) {
                    .hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .submenu > li a.active::before {
                      display: none;
                      visibility: hidden; } }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .submenu > li a::before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                background: #3caa9f;
                width: 100%;
                height: 1px;
                transform: scaleX(0);
                transform-origin: left;
                transition: 0.4s ease-in;
                z-index: -1; }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .submenu > li a:hover::before {
                transform: scale(1); }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .submenu > li:last-child a {
              border-bottom: unset; }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li .submenu > li:last-child a::before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                background: unset;
                width: 100%;
                height: 1px;
                transform: scaleX(0);
                transform-origin: left;
                transition: 0.4s ease-in;
                z-index: -1; }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children {
            position: relative;
            z-index: 1;
            padding-right: 20px; }@media (max-width: 1199px) {
              .hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children {
                padding-right: unset; } }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children::after {
              content: "";
              font-family: "bootstrap-icons";
              font-weight: 600;
              position: absolute;
              top: 26px;
              right: 0px;
              font-size: 14px;
              color: var(--white);
              transition: all 0.42s ease-in-out; }@media (max-width: 1199px) {
                .hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children::after {
                  display: none;
                  visibility: hidden; } }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon {
              position: absolute;
              top: 12px;
              right: 0;
              font-size: 20px; }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children .dropdown-icon.active {
                color: var(--primary-color1); }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children:hover .submenu {
              opacity: 1;
              transform: translateY(0);
              visibility: visible; }.hero-style5 .banner-area header.style-5 .main-menu .menu-list > li.menu-item-has-children:hover::after {
              transform: rotate(180deg);
              color: var(--primary-color1); }@media (max-width: 1199px) {
        .hero-style5 .banner-area header.style-5 .main-menu {
          position: fixed;
          top: 0%;
          right: -100%;
          width: 280px;
          height: 100%;
          overflow-y: auto;
          background-color: var(--white);
          padding: 40px 20px;
          z-index: 999;
          transition: 0.7s ease-in-out; }
          .hero-style5 .banner-area header.style-5 .main-menu.show-menu {
            right: 0; } }.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-area {
        margin-bottom: 25px; }.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-area .menu-close-btn {
          cursor: pointer; }.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-area .menu-close-btn .bi {
            color: var(--primary-color1);
            font-size: 18px; }.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-area .menu-close-btn .bi:hover {
              color: var(--title-color); }.hero-style5 .banner-area header.style-5 .main-menu .mobile-logo-wrap {
        padding: 10px; }.hero-style5 .banner-area header.style-5 .mobile-menu-btn {
      margin-left: 25px; }@media (max-width: 576px) {
        .hero-style5 .banner-area header.style-5 .mobile-menu-btn {
          margin-left: unset; } }.hero-style5 .banner-area header.style-5 .mobile-menu-btn .bx {
        color: var(--white);
        font-size: 28px; }.hero-style5 .banner-area header.style-5 .sidebar-btn {
      margin-left: 25px; }@media (max-width: 576px) {
        .hero-style5 .banner-area header.style-5 .sidebar-btn {
          margin-left: unset; } }.hero-style5 .banner-area header.style-5 .sidebar-btn .bx {
        color: var(--white);
        font-size: 28px; }.hero-style5 .banner-area header.style-5 .hotline, .hero-style5 .banner-area header.style-5 .email {
      display: flex;
      align-items: center;
      justify-content: center; }.hero-style5 .banner-area header.style-5 .hotline .hotline-icon svg, .hero-style5 .banner-area header.style-5 .hotline .email-icon svg, .hero-style5 .banner-area header.style-5 .email .hotline-icon svg, .hero-style5 .banner-area header.style-5 .email .email-icon svg {
        fill: var(--primary-color1); }.hero-style5 .banner-area header.style-5 .hotline .hotline-info, .hero-style5 .banner-area header.style-5 .hotline .email-info, .hero-style5 .banner-area header.style-5 .email .hotline-info, .hero-style5 .banner-area header.style-5 .email .email-info {
        margin-left: 10px; }.hero-style5 .banner-area header.style-5 .hotline .hotline-info span, .hero-style5 .banner-area header.style-5 .hotline .email-info span, .hero-style5 .banner-area header.style-5 .email .hotline-info span, .hero-style5 .banner-area header.style-5 .email .email-info span {
          font-size: 12px;
          font-weight: 400;
          font-family: var(--font-jost);
          color: var(--primary-color1); }.hero-style5 .banner-area header.style-5 .hotline .hotline-info h6, .hero-style5 .banner-area header.style-5 .hotline .email-info h6, .hero-style5 .banner-area header.style-5 .email .hotline-info h6, .hero-style5 .banner-area header.style-5 .email .email-info h6 {
          font-size: 15px;
          font-weight: 400;
          font-family: var(--font-yeseva);
          color: var(--title-color);
          white-space: nowrap;
          margin-bottom: 0; }.hero-style5 .banner-area .banner-content {
    max-width: 1050px;
    width: 100%;
    margin: 0 auto; }.hero-style5 .banner-area .banner-content h1 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 90px;
      line-height: 112px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      text-align: center;
      color: var(--white);
      margin-bottom: 55px; }.hero-style5 .banner-area .banner-content h1 span {
        -webkit-text-stroke: 1.6px #fff;
        color: transparent; }@media (max-width: 1199px) {
        .hero-style5 .banner-area .banner-content h1 {
          font-size: 90px;
          line-height: 110px; } }@media (max-width: 991px) {
        .hero-style5 .banner-area .banner-content h1 {
          font-size: 90px;
          line-height: 110px; } }@media (max-width: 576px) {
        .hero-style5 .banner-area .banner-content h1 {
          font-size: 50px;
          line-height: 70px; } }.hero-style5 .banner-area .banner-content a {
      font-family: var(--font-jost);
      font-weight: 700;
      font-size: 18px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      border: 1px solid #FFFFFF;
      padding: 15px 32px; }/*=======================================
 44. Home Five Room Suits
=======================================*/.section-title-area {
  position: relative;
  z-index: 1;
  overflow: hidden; }.section-title-area .marquee {
    width: 100%;
    position: relative; }.section-title-area .marquee div {
      display: block;
      width: 200%;
      height: 30px;
      position: absolute;
      animation: marquee 20000ms linear infinite; }.section-title-area .marquee div span {
        float: left;
        width: 50%;
        font-size: 90px;
        font-weight: 700;
        line-height: 1;
        color: transparent;
        -webkit-text-stroke: 1px rgba(34, 34, 34, 0.08);
        -webkit-text-fill-color: transparent;
        animation: train 8s linear infinite; }@keyframes marquee {
  0% {
    left: 0; }
  100% {
    left: -100%; } }.section-title-area .section-title {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 55px;
    z-index: 9;
    background-color: transparent;
    margin-top: -5px;
    position: relative;
    z-index: 1; }.section-title-area .section-title span {
      font-family: var(--font-island);
      font-weight: 400;
      font-size: 35px;
      line-height: 35px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--primary-color1); }.section-title-area .section-title h2 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 50px;
      line-height: 72px;
      color: #222222; }@media (max-width: 1199px) {
        .section-title-area .section-title h2 {
          font-size: 45px;
          line-height: 55px; } }@media (max-width: 576px) {
        .section-title-area .section-title h2 {
          font-size: 40px;
          line-height: 50px; } }.home5-room-suits {
  position: relative; }.home5-room-suits .h5-room-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }@media (max-width: 767px) {
      .home5-room-suits .h5-room-bg {
        display: none; } }.home5-room-suits .swiper-btn {
    gap: 60px;
    position: absolute;
    left: 50px;
    bottom: 100px; }@media (max-width: 1800px) {
      .home5-room-suits .swiper-btn {
        display: none;
        visibility: hidden; } }@media (max-width: 1199px) {
      .home5-room-suits .swiper-btn {
        display: none;
        visibility: hidden; } }@media (max-width: 1199px) {
      .home5-room-suits .swiper-btn .btns {
        display: none;
        visibility: hidden; } }.home5-room-suits .swiper-btn .btns svg {
      stroke: var(--primary-color1);
      fill: none;
      transition: 0.35s; }.home5-room-suits .swiper-btn .btns:hover svg {
      stroke: var(--title-color); }.home5-room-suits .h5-room-suites {
    padding: 0px 10px; }.home5-room-suits .swiper-btn2 {
    gap: 60px;
    position: absolute;
    left: 0px;
    top: -50px;
    opacity: 0;
    visibility: hidden;
    z-index: 9; }@media (max-width: 1800px) {
      .home5-room-suits .swiper-btn2 {
        opacity: 1;
        visibility: visible; } }.home5-room-suits .swiper-btn2 .btns svg {
      stroke: var(--primary-color1);
      fill: none;
      transition: 0.35s; }.home5-room-suits .swiper-btn2 .btns:hover svg {
      stroke: var(--title-color); }.home5-room-suits .room-wrrap {
    background-color: var(--white);
    border: 1px solid #EEEEEE;
    padding: 20px 20px 30px;
    transition: 0.35s; }.home5-room-suits .room-wrrap .stars {
      gap: 8px; }.home5-room-suits .room-wrrap .stars i {
        color: var(--primary-color1); }@media (max-width: 576px) {
      .home5-room-suits .room-wrrap .room-img img {
        width: 100%; } }.home5-room-suits .room-wrrap .room-content {
      padding-top: 30px; }.home5-room-suits .room-wrrap .room-content .price-tag {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 18px;
        letter-spacing: 0.03em;
        color: #222222; }.home5-room-suits .room-wrrap .room-content .price-tag span {
          font-size: 22px;
          font-weight: 600;
          color: var(--primary-color1); }.home5-room-suits .room-wrrap .room-content h3 {
        margin-bottom: 15px;
        padding-top: 5px; }.home5-room-suits .room-wrrap .room-content h3 a {
          font-family: var(--font-yeseva);
          font-weight: 400;
          font-size: 30px;
          line-height: 38px;
          text-transform: capitalize;
          color: #222222;
          transition: 0.35s; }.home5-room-suits .room-wrrap .room-content h3:hover a {
          color: var(--primary-color1); }.home5-room-suits .room-wrrap .room-content .bed-and-person {
        gap: 60px;
        flex-wrap: wrap; }@media (max-width: 1399px) {
          .home5-room-suits .room-wrrap .room-content .bed-and-person {
            gap: 40px; } }@media (max-width: 767px) {
          .home5-room-suits .room-wrrap .room-content .bed-and-person {
            gap: 10px; } }.home5-room-suits .room-wrrap .room-content .bed-and-person .bed-qty p, .home5-room-suits .room-wrrap .room-content .bed-and-person .persons p {
          margin-bottom: -7px;
          font-family: var(--font-jost);
          font-weight: 400;
          font-size: 15px;
          letter-spacing: 0.03em;
          text-transform: capitalize;
          color: var(--text-color1);
          display: flex;
          align-items: baseline; }.home5-room-suits .room-wrrap .room-content .bed-and-person .bed-qty p img, .home5-room-suits .room-wrrap .room-content .bed-and-person .persons p img {
            margin-right: 10px; }/*=======================================
 45. Home Five About
=======================================*/.swiper {
  padding: 0px 10px; }.home5-about-area .h5-about-banner video {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  max-height: 400px;
  position: relative; }.home5-about-area .h5-about-banner video::after {
    content: "";
    background-color: rgba(34, 34, 34, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9; }.home5-about-area .about-content h2 {
  font-family: var(--font-yeseva);
  font-weight: 400;
  font-size: 50px;
  line-height: 65px;
  text-transform: capitalize;
  color: #222222;
  margin-bottom: 20px; }@media (max-width: 767px) {
    .home5-about-area .about-content h2 {
      font-size: 40px;
      line-height: 50px; } }.home5-about-area .about-content p {
  margin-bottom: 40px; }.home5-about-area .about-content a {
  font-family: var(--font-jost);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--primary-color1);
  padding: 16px 30px;
  border: 1px solid #3CAA9F;
  display: inline-flex; }.home5-about-area .about-right {
  position: relative; }.home5-about-area .about-right .about-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }/*=======================================
 46. Home Five Facilities
=======================================*/.home5-facilities .facilities-wrrap .facilities-content {
  background: #FBFFE9;
  height: 100%;
  padding: 25px 25px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }@media (max-width: 576px) {
    .home5-facilities .facilities-wrrap .facilities-content {
      padding: 65px 25px; } }.home5-facilities .facilities-wrrap .facilities-content h3 {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 32px;
    line-height: 32px;
    text-transform: capitalize;
    color: #222222;
    margin-bottom: 25px; }.home5-facilities .facilities-wrrap .facilities-content p {
    margin-bottom: 40px; }.home5-facilities .facilities-wrrap .facilities-content a {
    font-family: var(--font-jost);
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
    color: var(--primary-color1);
    border: 1px solid #3CAA9F;
    padding: 12px 40px; }.home5-facilities .facilities-wrrap .facilities-content.two {
    background: #EFE6D6; }.home5-facilities .facilities-wrrap .facilities-content.three {
    background: #F5F7F7; }.home5-facilities .facilities-wrrap .facilities-content.four {
    background: #F8F5F0; }.home5-facilities .facilities-wrrap .facilities-img img {
  min-height: 390px; }@media (max-width: 576px) {
    .home5-facilities .facilities-wrrap .facilities-img img {
      width: 100%; } }@media (max-width: 991px) {
  .home5-facilities .facilities-wrrap.four {
    margin-bottom: 30px; } }@media (max-width: 991px) {
  .home5-facilities .facilities-wrrap.five {
    margin-bottom: 30px; } }/*=======================================
 47. Home Five Offer
=======================================*/.h5-offer-area .offer-wrrap {
  background: #222222; }.h5-offer-area .offer-wrrap .offer-content {
    padding: 50px 40px; }.h5-offer-area .offer-wrrap .offer-content span {
      font-family: var(--font-jost);
      font-weight: 500;
      font-size: 20px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white); }.h5-offer-area .offer-wrrap .offer-content h2 {
      font-family: var(--font-jost);
      font-weight: 700;
      font-size: 40px;
      line-height: 40px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--primary-color1);
      margin-bottom: 10px;
      padding-top: 13px; }.h5-offer-area .offer-wrrap .offer-content p {
      font-family: var(--font-jost);
      font-weight: 500;
      font-size: 25px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      margin-bottom: 30px; }.h5-offer-area .offer-wrrap .offer-content a {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 20px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--primary-color1);
      border: 1px solid #3CAA9F;
      border-radius: 100px;
      padding: 12px 58px;
      white-space: nowrap;
      display: block; }.h5-offer-area .offer-wrrap .offer-img img {
    min-height: 290px; }/*=======================================
 48. Home Five Choose
=======================================*/.h5-choose-area .section-title {
  margin-bottom: 55px;
  z-index: 9;
  background-color: transparent;
  margin-top: -5px; }.h5-choose-area .section-title span {
    font-family: var(--font-island);
    font-weight: 400;
    font-size: 25px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: var(--primary-color1); }.h5-choose-area .section-title h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    line-height: 72px;
    color: #222222; }@media (max-width: 1199px) {
      .h5-choose-area .section-title h2 {
        font-size: 45px;
        line-height: 55px; } }@media (max-width: 576px) {
      .h5-choose-area .section-title h2 {
        font-size: 40px;
        line-height: 50px; } }.h5-choose-area .choose-img-left {
  position: relative;
  margin-left: 110px; }.h5-choose-area .choose-img-left .choose-icon {
    position: absolute;
    left: -110px;
    top: 50%;
    transform: translateY(-50%); }.h5-choose-area .choose-right-area .choose-content {
  padding-top: 20px; }.h5-choose-area .choose-right-area .choose-content p {
    letter-spacing: 0.03em;
    margin-bottom: 25px; }.h5-choose-area .choose-right-area .choose-content ul {
    margin: 0;
    padding: 0;
    gap: 25px; }.h5-choose-area .choose-right-area .choose-content ul li {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 20px;
      line-height: 24px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: #222222; }.h5-choose-area .choose-right-area .choose-content ul li img {
        margin-right: 10px; }/*=======================================
 49. Home Five Service
=======================================*/.home5-extra-services {
  background-image: linear-gradient(rgba(60, 170, 159, 0.1), rgba(60, 170, 159, 0.1)), url("https://www.penzioncity.cz/template/default/assets/images/bg/h5-service-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 90px 0; }.home5-extra-services .ex-service-wrrap .ex-service-img {
    position: relative; }@media (max-width: 1199px) {
      .home5-extra-services .ex-service-wrrap .ex-service-img img {
        width: 100%; } }.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-content {
      background-color: rgba(28, 23, 29, 0.95);
      padding: 58px 20px;
      position: absolute;
      left: 20px;
      top: 35px;
      right: 20px;
      bottom: 35px;
      transform: scale(0.4);
      opacity: 0;
      transition: 0.35s;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-content h3 {
        font-family: var(--font-yeseva);
        font-weight: 400;
        font-size: 30px;
        line-height: 60px;
        text-transform: capitalize;
        color: var(--white);
        margin-bottom: 0; }.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-content p {
        color: var(--white);
        margin-bottom: 40px; }.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-content a {
        font-family: var(--font-jost);
        font-weight: 700;
        font-size: 18px;
        letter-spacing: 0.03em;
        text-transform: capitalize;
        color: var(--primary-color1);
        border: 1px solid #3CAA9F;
        padding: 9px 25px; }.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-name {
      position: absolute;
      left: 35px;
      right: 35px;
      bottom: 35px;
      transition: 0.35s; }.home5-extra-services .ex-service-wrrap .ex-service-img .ex-service-name a {
        font-family: var(--font-yeseva);
        font-weight: 400;
        font-size: 30px;
        text-transform: capitalize;
        color: var(--white);
        background: #1C171D;
        box-shadow: 0px 0px 20px rgba(219, 167, 101, 0.1);
        padding: 12px 60px 9px;
        display: inline-flex;
        width: 100%;
        justify-content: center;
        white-space: nowrap; }.home5-extra-services .ex-service-wrrap .ex-service-img:hover .ex-service-content {
      transform: scale(1);
      opacity: 1; }.home5-extra-services .ex-service-wrrap .ex-service-img:hover .ex-service-name {
      transform: scale(0);
      opacity: 0; }/*=======================================
 49. Home Five Testimonial
=======================================*/.home5-testimonial .testimonial-wrrap {
  padding: 10px 30px 10px 10px;
  border: 1px solid #EEEEEE; }@media (max-width: 1399px) {
    .home5-testimonial .testimonial-wrrap {
      padding: 40px 30px 40px 10px; } }@media (max-width: 767px) {
    .home5-testimonial .testimonial-wrrap {
      flex-wrap: wrap;
      justify-content: center;
      padding: 25px 10px 25px 10px; } }.home5-testimonial .testimonial-wrrap .guests-img {
    margin-right: 30px; }@media (max-width: 767px) {
      .home5-testimonial .testimonial-wrrap .guests-img {
        margin-right: 0;
        margin-bottom: 50px; } }.home5-testimonial .testimonial-wrrap .guest-content {
    max-width: 800px;
    width: 100%;
    position: relative; }.home5-testimonial .testimonial-wrrap .guest-content .quat-icon {
      opacity: 0.03;
      padding-top: 10px;
      margin-bottom: 10px;
      position: absolute;
      right: 30px;
      top: -45px; }.home5-testimonial .testimonial-wrrap .guest-content p {
      font-family: var(--font-jost);
      font-weight: 300;
      font-size: 24px;
      line-height: 45px;
      letter-spacing: 0.03em;
      color: var(--text-color1);
      margin-bottom: 35px;
      position: relative; }.home5-testimonial .testimonial-wrrap .guest-content p::after {
        content: "";
        width: 100px;
        height: 1px;
        background-color: rgba(60, 170, 159, 0.5);
        position: absolute;
        bottom: -12px;
        left: 0; }.home5-testimonial .testimonial-wrrap .guest-content .guest-name-review .name h3 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 28px;
      letter-spacing: 0.03em;
      color: #213321;
      margin-bottom: 0; }.home5-testimonial .testimonial-wrrap .guest-content .guest-name-review .name span {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 20px;
      letter-spacing: 0.05em;
      text-transform: capitalize;
      color: var(--primary-color1); }.home5-testimonial .testimonial-wrrap .guest-content .guest-name-review .guest-review ul {
      margin: 0;
      padding: 0;
      gap: 10px; }.home5-testimonial .testimonial-wrrap .guest-content .guest-name-review .guest-review ul li i {
        color: var(--primary-color1); }.home5-testimonial .swiper-btn2 {
  padding-top: 60px; }@media (max-width: 767px) {
    .home5-testimonial .swiper-btn2 {
      display: none;
      padding-top: unset; } }.home5-testimonial .swiper-btn2 .btns svg {
    fill: none;
    stroke: var(--primary-color1);
    transition: 0.35s; }.home5-testimonial .swiper-btn2 .btns:hover {
    stroke: var(--title-color); }/*=======================================
50. Home Five Blog
=======================================*/.home5-blog-area .blog-wrrap .blog-img {
  position: relative;
  overflow: hidden; }.home5-blog-area .blog-wrrap .blog-img img {
    transition: 0.35s; }@media (max-width: 767px) {
      .home5-blog-area .blog-wrrap .blog-img img {
        width: 100%; } }.home5-blog-area .blog-wrrap .blog-img .batch {
    position: absolute;
    top: 20px;
    right: 0; }.home5-blog-area .blog-wrrap .blog-img .batch a {
      font-family: var(--font-jost);
      font-weight: 500;
      font-size: 16px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      background: #222222;
      padding: 10px 30px; }.home5-blog-area .blog-wrrap .blog-content {
  border: 1px solid #EEEEEE;
  padding: 25px 20px; }.home5-blog-area .blog-wrrap .blog-content .blog-meta-area {
    margin-bottom: 15px; }.home5-blog-area .blog-wrrap .blog-content .blog-meta-area img {
      border-radius: 50%;
      margin-right: 10px; }.home5-blog-area .blog-wrrap .blog-content .blog-meta-area p {
      font-family: var(--font-jost);
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      text-transform: capitalize;
      margin-bottom: 0; }.home5-blog-area .blog-wrrap .blog-content .blog-meta-area p a {
        color: var(--text-color1);
        transition: 0.35s; }.home5-blog-area .blog-wrrap .blog-content .blog-meta-area p a:hover {
          color: var(--primary-color1); }.home5-blog-area .blog-wrrap .blog-content .blog-title h4 {
    margin-bottom: 20px; }.home5-blog-area .blog-wrrap .blog-content .blog-title h4 a {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 25px;
      line-height: 35px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: #222222;
      transition: 0.35s; }.home5-blog-area .blog-wrrap .blog-content .blog-title h4:hover a {
      color: var(--primary-color1); }.home5-blog-area .blog-wrrap .blog-content .read-more-btn > a {
    font-family: var(--font-jost);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: var(--primary-color1);
    transition: 0.35s; }.home5-blog-area .blog-wrrap .blog-content .read-more-btn > a:hover {
      color: #222222; }.home5-blog-area .blog-wrrap:hover .blog-img img {
  transform: scale(1.1); }/*=======================================
50. Home Five Marquee
=======================================*//* Makes the animation pause on hover */.home5-marque-tab {
  overflow: hidden;
  border-top: 1px solid #EEEEEE; }.home5-marque-tab .marquee ul {
    margin: 0;
    padding: 30px 0;
    gap: 60px;
    position: relative;
    display: flex;
    align-items: center;
    animation: CSSright  30s linear infinite running; }.home5-marque-tab .marquee ul li {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 20px;
      line-height: 18px;
      letter-spacing: 0.02em;
      text-transform: capitalize;
      color: #222222;
      position: relative;
      white-space: nowrap; }.home5-marque-tab .marquee ul li::before {
        content: "";
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background: var(--primary-color1);
        position: absolute;
        left: -25px;
        top: 2px; }@keyframes CSSright {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(-120%, 0); } }.home5-marque-tab .marquee:hover ul {
    animation-play-state: paused; }/*=======================================
51. Inner page
=======================================*/.breadcrumb-section {
  min-height: 500px;
  position: relative;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(rgba(34, 34, 34, 0.6), rgba(34, 34, 34, 0.6)), url("https://www.penzioncity.cz/template/default/assets/images/bg/inner-banner.png"); }@media (max-width: 1399px) {
    .breadcrumb-section {
      min-height: 420px; } }@media (max-width: 1199px) {
    .breadcrumb-section {
      min-height: 400px; } }@media (max-width: 991px) {
    .breadcrumb-section {
      min-height: 370px; } }.breadcrumb-section .breadcrumb-title {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 60px;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    color: var(--white); }@media (max-width: 767px) {
      .breadcrumb-section .breadcrumb-title {
        font-size: 48px; } }.breadcrumb-section nav ol {
    margin: 0;
    padding: 0;
    gap: 15px; }.breadcrumb-section nav ol .breadcrumb-item {
      color: var(--primary-color1);
      font-size: 18px;
      font-weight: 500;
      font-family: var(--font-jost);
      position: relative;
      padding-left: 20px; }.breadcrumb-section nav ol .breadcrumb-item:first-child {
        padding-left: 0; }.breadcrumb-section nav ol .breadcrumb-item.active {
        color: var(--white); }.breadcrumb-section nav ol .breadcrumb-item.breadcrumb-item + .breadcrumb-item::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--primary-color1);
        position: absolute;
        top: 11px;
        left: 0; }/*=======================================
52. Inner page
=======================================*/.facilities-pages .facilities-content span {
  font-family: var(--font-jost);
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #575757;
  display: inline-block;
  margin-bottom: 5px;
  width: 100%; }.facilities-pages .facilities-content h2 {
  font-family: var(--font-yeseva);
  font-weight: 400;
  font-size: 35px;
  line-height: 50px;
  letter-spacing: 1.35;
  color: var(--title-color);
  margin-bottom: 15px;
  margin-top: 30px; }.facilities-pages .facilities-content h3 {
  font-family: var(--font-yeseva);
  font-weight: 400;
  font-size: 25px;
  line-height: 40px;
  letter-spacing: 1.35;
  color: var(--title-color);
  margin-bottom: 15px;
  margin-top: 30px; }.facilities-pages .facilities-content p {
  letter-spacing: 0.03em;
  margin-bottom: 0; }.facilities-pages .facilities-content table {
  width: 100%; }/*=======================================
 53.  Video
=======================================*/.home-one-gallery.two .section-title1 {
  margin-bottom: 50px; }.home-one-gallery.two .gallery-item {
  position: relative; }.home-one-gallery.two .gallery-item a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(34, 34, 34, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: scale(0.4);
    transition: 0.5s; }.home-one-gallery.two .gallery-item a i {
      color: #fff;
      font-size: 30px; }.home-one-gallery.two .gallery-item img {
    min-height: 308px; }.home-one-gallery.two .gallery-item.three img {
    min-height: 618px; }.home-one-gallery.two .gallery-item.four {
    margin-top: -308px; }.home-one-gallery.two .gallery-item.four img {
      min-height: 618px; }@media (max-width: 1399px) {
      .home-one-gallery.two .gallery-item.four {
        margin-top: -308px; } }@media (max-width: 991px) {
      .home-one-gallery.two .gallery-item.four {
        margin-top: unset; } }.home-one-gallery.two .gallery-item.five {
    margin-top: -308px; }@media (max-width: 1399px) {
      .home-one-gallery.two .gallery-item.five {
        margin-top: -308px; } }@media (max-width: 991px) {
      .home-one-gallery.two .gallery-item.five {
        margin-top: unset; } }.home-one-gallery.two .gallery-item.six {
    margin-top: -308px; }@media (max-width: 1399px) {
      .home-one-gallery.two .gallery-item.six {
        margin-top: -308px; } }@media (max-width: 767px) {
      .home-one-gallery.two .gallery-item.six {
        margin-top: unset; } }.home-one-gallery.two .gallery-item.seven {
    margin-top: -616px; }@media (max-width: 1399px) {
      .home-one-gallery.two .gallery-item.seven {
        margin-top: -616px; } }@media (max-width: 991px) {
      .home-one-gallery.two .gallery-item.seven {
        margin-top: unset;
        margin-right: 10px; } }@media (max-width: 767px) {
      .home-one-gallery.two .gallery-item.seven {
        margin-top: unset;
        margin-right: unset; } }.home-one-gallery.two .gallery-item.eight {
    margin-top: 26px; }@media (max-width: 991px) {
      .home-one-gallery.two .gallery-item.eight {
        margin-top: unset; } }@media (max-width: 767px) {
      .home-one-gallery.two .gallery-item.eight {
        margin-top: 26px; } }.home-one-gallery.two .gallery-item.nine img {
    min-height: 618px; }.home-one-gallery.two .gallery-item:hover a {
    opacity: 1;
    transform: scale(1); }/*=======================================
 54. Room & Suits page
======================================*/.room-suits-page-2 .multi-main-searchber {
  background-color: #fff;
  width: 100%;
  padding: 20px 0px 20px 25px;
  position: relative;
  box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
  border-radius: 10px; }@media (max-width: 991px) {
    .room-suits-page-2 .multi-main-searchber {
      padding: 25px 50px; } }.room-suits-page-2 .multi-main-searchber .searchbox-input {
    width: 100%;
    position: relative;
    border: 1px solid #E2E2E2;
    height: 60px; }.room-suits-page-2 .multi-main-searchber .searchbox-input::after {
      content: "";
      width: 2px;
      height: 36px;
      background: var(--primary-color1);
      opacity: 0.2;
      border-radius: 10px; }.room-suits-page-2 .multi-main-searchber .searchbox-input::before {
      position: absolute;
      content: url("https://www.penzioncity.cz/template/default/assets/images/icons/date.svg");
      left: 22px;
      line-height: 0;
      top: 50%;
      transform: translateY(-50%); }.room-suits-page-2 .multi-main-searchber .searchbox-input label {
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 18px;
      color: var(--title-color);
      padding: 5px 20px 0 65px;
      white-space: nowrap; }.room-suits-page-2 .multi-main-searchber .searchbox-input input {
      padding: 0 20px 5px 65px;
      display: block;
      width: 100%;
      background: #fff;
      border-radius: 5px;
      border: none;
      font-family: var(--font-jost);
      font-weight: 500;
      font-size: 12px;
      color: #666666 !important; }.room-suits-page-2 .multi-main-searchber .searchbox-input input::placeholder {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 16px;
        color: #666666 !important; }.room-suits-page-2 .multi-main-searchber .searchbox-input .calendar {
      background: #fff;
      border-radius: 4px;
      font-size: 14px !important;
      border: none;
      position: relative; }.room-suits-page-2 .multi-main-searchber .searchbox-input.two {
    height: 60px; }.room-suits-page-2 .multi-main-searchber .searchbox-input.two::before {
      content: url("https://www.penzioncity.cz/template/default/assets/images/icons/user.svg");
      z-index: 99; }.room-suits-page-2 .multi-main-searchber .searchbox-input.three::before {
    content: url("https://www.penzioncity.cz/template/default/assets/images/icons/hotel.svg"); }.room-suits-page-2 .nice-select {
  width: 100%;
  border: none;
  padding: 0px 30px 0px 65px;
  line-height: 1;
  height: 25px; }.room-suits-page-2 .nice-select span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    color: #666666  !important;
    z-index: 9; }.room-suits-page-2 .nice-select .list {
    top: 52px;
    width: 100%;
    border-radius: unset;
    z-index: 9999; }.room-suits-page-2 .nice-select .option {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: var(--title-color); }.room-suits-page-2 .nice-select::after {
    height: 8px;
    width: 8px;
    right: 15px;
    border-color: var(--primary-color1);
    top: -15%; }.room-suits-page-2 .main-form-submit a {
  padding: 17px 35px 18px;
  border: none;
  font-family: var(--font-jost);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--white);
  white-space: nowrap; }@media (min-width: 992px) and (max-width: 1199px) {
    .room-suits-page-2 .main-form-submit a {
      padding: 15px 18px; } }@media (max-width: 991px) {
    .room-suits-page-2 .main-form-submit a {
      width: unset;
      padding: 20px 70px;
      margin-top: 24px; } }.room-suits-page-2 .main-form-submit button {
  padding: 17px 35px 18px;
  border: none;
  font-family: var(--font-jost);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--white);
  white-space: nowrap; }@media (min-width: 992px) and (max-width: 1199px) {
    .room-suits-page-2 .main-form-submit button {
      padding: 15px 18px; } }@media (max-width: 991px) {
    .room-suits-page-2 .main-form-submit button {
      width: unset;
      padding: 20px 70px;
      margin-top: 24px; } }@media (max-width: 991px) {
  .room-suits-page-2 .main-form-submit {
    display: flex;
    justify-content: center; } }.room-suits-page-2 .room-suits-wrrap .room-suits-img {
  overflow: hidden;
  border-radius: 10px 10px 0px 0px; }.room-suits-page-2 .room-suits-wrrap .room-suits-img img {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    transition: 0.35s; }.room-suits-page-2 .room-suits-wrrap .room-suits-content {
  background: #FFFFFF;
  box-shadow: 0px 0px 30px -1px rgba(0, 0, 0, 0.08);
  border-radius: 0px 0px 10px 10px;
  margin-top: -15px;
  position: relative; }.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review {
    padding: 10px 0;
    border: 1px solid #F5F5F5;
    margin-bottom: 25px; }.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review .stars {
      padding: 0;
      margin: 0;
      gap: 10px; }.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review .stars li {
        font-family: var(--font-jost);
        font-weight: 600;
        font-size: 16px;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: var(--primary-color1); }.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review .stars li i {
          color: var(--primary-color1); }.room-suits-page-2 .room-suits-wrrap .room-suits-content .client-review .stars li:last-child {
          color: var(--text-color1);
          font-weight: 400; }.room-suits-page-2 .room-suits-wrrap .room-suits-content .price-tag {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: var(--title-color); }.room-suits-page-2 .room-suits-wrrap .room-suits-content .price-tag span {
      font-size: 22px;
      font-weight: 600;
      color: var(--primary-color1); }.room-suits-page-2 .room-suits-wrrap .room-suits-content h3 {
    margin-bottom: 20px;
    padding-top: 5px; }.room-suits-page-2 .room-suits-wrrap .room-suits-content h3 a {
      font-family: var(--font-yeseva);
      font-weight: 300;
      font-size: 30px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--title-color);
      transition: 0.35s; }.room-suits-page-2 .room-suits-wrrap .room-suits-content h3:hover a {
      color: var(--primary-color1); }.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person {
    gap: 60px;
    padding: 0px 10px;
    flex-wrap: wrap; }@media (max-width: 767px) {
      .room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person {
        gap: 10px; } }.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p, .room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .persons p {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 15px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--text-color1);
      display: flex;
      align-items: baseline; }.room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .bed-qty p img, .room-suits-page-2 .room-suits-wrrap .room-suits-content .bed-and-person .persons p img {
        margin-right: 10px; }.room-suits-page-2 .room-suits-wrrap:hover .room-suits-img img {
  transform: scale(1.1); }/*=======================================
 55. Blog Pages
======================================*/.pagination {
  margin: 0;
  padding: 0;
  padding-top: 50px;
  gap: 30px; }@media (max-width: 991px) {
    .pagination {
      margin-bottom: 50px; } }.pagination li a {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: var(--title-color);
    border: unset;
    padding: 0; }.pagination li:first-child a {
    color: var(--primary-color1);
    border-radius: unset;
    position: relative;
    transition: 0.35s; }.pagination li:first-child a::after {
      content: "";
      height: 1px;
      width: 100%;
      background-color: var(--primary-color1);
      position: absolute;
      left: 0;
      bottom: 0;
      transition: 0.35s; }.pagination li:first-child a:hover {
      color: var(--title-color); }.pagination li:first-child a:hover::after {
        background-color: var(--title-color); }.pagination li:last-child a {
    color: var(--primary-color1);
    border-radius: unset;
    position: relative;
    transition: 0.35s; }.pagination li:last-child a::after {
      content: "";
      height: 1px;
      width: 100%;
      background-color: var(--primary-color1);
      position: absolute;
      left: 0;
      bottom: 0;
      transition: 0.35s; }.pagination li:last-child a:hover {
      color: var(--title-color); }.pagination li:last-child a:hover::after {
        background-color: var(--title-color); }.pagination li .page-link:hover {
    z-index: 2;
    color: var(--primary-color1);
    background-color: unset;
    border-color: unset; }.inner-blog .widget-area .single-widgets {
  margin-bottom: 45px; }.inner-blog .widget-area .single-widgets:last-child {
    margin-bottom: unset; }.inner-blog .widget-area .widget-title h3 {
  font-family: var(--font-yeseva);
  font-weight: 400;
  font-size: 25px;
  letter-spacing: 0.03em;
  color: var(--title-color);
  position: relative;
  margin-bottom: 35px; }.inner-blog .widget-area .widget-title h3::after {
    content: "";
    width: 100px;
    height: 2px;
    background-image: linear-gradient(90deg, #1c171d, rgba(28, 23, 29, 0));
    position: absolute;
    left: 0;
    bottom: -5px; }.inner-blog .widget-area .widget_search form label {
  font-family: var(--font-yeseva);
  font-weight: 400;
  font-size: 28px;
  letter-spacing: 0.03em;
  color: var(--title-color);
  position: relative;
  margin-bottom: 35px; }.inner-blog .widget-area .widget_search form label::after {
    content: "";
    width: 100px;
    height: 2px;
    background-image: linear-gradient(90deg, #1c171d, rgba(28, 23, 29, 0));
    position: absolute;
    left: 0;
    bottom: 0; }.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  height: 50px;
  padding: 20px 15px;
  font-family: var(--font-jost);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.03em; }.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper input {
    border: 1px solid transparent;
    outline: none;
    width: 100%;
    color: #575757; }.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper input::placeholder {
      color: #575757; }.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper button {
    border: none;
    background: unset; }.inner-blog .widget-area .widget_search form .wp-block-search__inside-wrapper button svg {
      fill: var(--text-color1); }.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 30px; }.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt:last-child {
    margin-bottom: unset; }.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wi {
    margin-right: 20px;
    overflow: hidden;
    min-width: 100px; }.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wi img {
      transition: 0.35s; }@media (max-width: 1399px) {
      .inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wi {
        margin-right: 15px; } }.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc span {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #5e5e5e; }.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 {
    margin-bottom: 0;
    padding-top: 5px; }.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 a {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 18px;
      line-height: 27px;
      text-transform: capitalize;
      color: var(--title-color);
      transition: 0.35s; }.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 a:hover {
        color: var(--primary-color1); }@media (max-width: 1399px) {
        .inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt .wc h6 a {
          font-style: 16px; } }.inner-blog .widget-area .widget_egns_recent_post .recent-post-wraper .widget-cnt:hover .wi img {
    transform: scale(1.1); }.inner-blog .widget-area .widget_egns_tag .widget-title h3 {
  margin-bottom: 25px; }.inner-blog .widget-area .widget_egns_tag .wp-block-tag-cloud {
  margin: 0;
  padding: 0; }.inner-blog .widget-area .widget_egns_tag .wp-block-tag-cloud a {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: var(--text-color1);
    border: 1px solid #e3dcdc;
    padding: 6px 20px;
    display: inline-block;
    margin: 15px 15px 0 0;
    transition: all 0.5s ease-out 0s; }.inner-blog .widget-area .widget_egns_tag .wp-block-tag-cloud a:hover {
      color: var(--primary-color1);
      border-color: var(--primary-color1); }.inner-blog .widget-area .widget_egns_social .social-link {
  margin: 0;
  padding: 0;
  gap: 35px; }.inner-blog .widget-area .widget_egns_social .social-link li {
    margin-bottom: 0; }.inner-blog .widget-area .widget_egns_social .social-link li a {
      height: 35px;
      width: 35px;
      line-height: 35px;
      background: rgba(28, 23, 29, 0.8);
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: 0.35s; }.inner-blog .widget-area .widget_egns_social .social-link li a i {
        font-size: 20px;
        color: var(--white); }.inner-blog .widget-area .widget_egns_social .social-link li a:hover {
        background-color: var(--primary-color1); }.inner-blog .blog-wrrap {
  background: #FAFAFA; }.inner-blog .blog-wrrap .blog-img {
    position: relative;
    overflow: hidden; }.inner-blog .blog-wrrap .blog-img img {
      width: 100%;
      transition: 0.4s;
      min-height: 250px;
      object-fit: cover; }.inner-blog .blog-wrrap .blog-img .batch {
      position: absolute;
      left: 0;
      top: 0; }.inner-blog .blog-wrrap .blog-img .batch a {
        font-family: var(--font-jost);
        font-weight: 600;
        font-size: 16px;
        color: var(--white);
        background-color: var(--title-color);
        padding: 7px 20px;
        display: inline-block; }.inner-blog .blog-wrrap .blog-content {
    padding: 25px 20px 20px; }.inner-blog .blog-wrrap .blog-content .blog-meta {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 16px;
      margin-bottom: 15px; }.inner-blog .blog-wrrap .blog-content .blog-meta a {
        transition: 0.35s;
        color: #5e5e5e; }.inner-blog .blog-wrrap .blog-content .blog-meta a:hover {
          color: var(--primary-color1); }.inner-blog .blog-wrrap .blog-content .blog-title h4 {
      margin-bottom: 20px; }.inner-blog .blog-wrrap .blog-content .blog-title h4 > a {
        font-family: var(--font-yeseva);
        font-weight: 400;
        font-size: 24px;
        line-height: 35px;
        color: var(--title-color);
        text-transform: capitalize;
        transition: 0.35s; }.inner-blog .blog-wrrap .blog-content .blog-title h4 > a:hover {
          color: var(--primary-color1); }.inner-blog .blog-wrrap .blog-content .pera {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 20px;
      line-height: 35px;
      color: var(--text-color1);
      margin-bottom: 0; }.inner-blog .blog-wrrap .blog-content .pera a {
        font-family: var(--font-jost);
        font-weight: 600;
        font-size: 18px;
        color: var(--primary-color1);
        transition: 0.35s; }.inner-blog .blog-wrrap .blog-content .read-more-btn > a {
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 18px;
      color: var(--primary-color1);
      display: flex;
      align-items: center;
      transition: 0.35s; }.inner-blog .blog-wrrap .blog-content .read-more-btn > a svg {
        margin-right: 10px;
        stroke: var(--primary-color1);
        fill: none;
        transition: 0.35s; }.inner-blog .blog-wrrap .blog-content .read-more-btn > a:hover {
        color: var(--title-color); }.inner-blog .blog-wrrap .blog-content .read-more-btn > a:hover svg {
          stroke: var(--title-color); }.inner-blog .blog-wrrap:hover .blog-img img {
    transform: scale(1.1); }.inner-blog .blog-post-area .blog-details .post-thumbnail {
  position: relative;
  margin-bottom: 30px; }.inner-blog .blog-post-area .blog-details .post-thumbnail > img {
    min-height: 250px;
    object-fit: cover; }.inner-blog .blog-post-area .blog-details .post-thumbnail .batch {
    position: absolute;
    left: 0;
    top: 0; }.inner-blog .blog-post-area .blog-details .post-thumbnail .batch span {
      font-family: var(--font-jost);
      font-weight: 600;
      font-size: 20px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      background: var(--primary-color1);
      padding: 11px 35px 9px;
      display: inline-block; }.inner-blog .blog-post-area .blog-details .blog-meta {
  margin-bottom: 15px; }.inner-blog .blog-post-area .blog-details .blog-meta p {
    margin-bottom: 0; }.inner-blog .blog-post-area .blog-details .blog-meta p a {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 17px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: #5e5e5e; }.inner-blog .blog-post-area .blog-details .blog-meta p a:hover {
        color: var(--primary-color1); }.inner-blog .blog-post-area .blog-details .post-content h3 {
  font-family: var(--font-yeseva);
  font-weight: 400;
  font-size: 38px;
  line-height: 48px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--title-color);
  margin-bottom: 15px; }.inner-blog .blog-post-area .blog-details .post-content .wp-block-quote {
  padding: 15px 30px 20px; }.inner-blog .blog-post-area .blog-details .post-content .wp-block-quote p {
    font-weight: 500;
    font-style: italic; }.inner-blog .blog-post-area .blog-details .post-content .wp-block-quote cite strong {
    font-family: var(--font-yeseva);
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: var(--primary-color1);
    margin-bottom: 20px; }.inner-blog .blog-post-area .blog-details .post-content .tags h5 {
  font-family: var(--font-yeseva);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--title-color); }.inner-blog .blog-post-area .blog-details .post-content .tags a {
  font-family: var(--font-jost);
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 170%;
  color: var(--text-color1);
  transition: 0.5s; }.inner-blog .blog-post-area .blog-details .post-content .tags a:hover {
    color: var(--primary-color1); }.inner-blog .blog-post-area .blog-details .post-content .social-link h5 {
  font-family: var(--font-yeseva);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--title-color);
  display: flex;
  justify-content: end; }@media (max-width: 767px) {
    .inner-blog .blog-post-area .blog-details .post-content .social-link h5 {
      justify-content: start; } }.inner-blog .blog-post-area .blog-details .post-content .social-link ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 25px; }.inner-blog .blog-post-area .blog-details .post-content .social-link ul li a i {
    font-size: 20px;
    color: var(--text-color1);
    transition: 0.35s; }.inner-blog .blog-post-area .blog-details .post-content .social-link ul li a:hover i {
    color: var(--primary-color1); }.inner-blog .blog-post-area .comment-section .section-title {
  margin-bottom: 20px; }.inner-blog .blog-post-area .comment-section .section-title h3 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 30px;
    text-transform: capitalize;
    color: var(--title-color);
    display: block; }.inner-blog .blog-post-area .comment-section .section-title span {
    position: relative;
    display: block; }.inner-blog .blog-post-area .comment-section .section-title span::after {
      content: "";
      max-width: 1000px;
      min-width: 688px;
      width: 100%;
      height: 2px;
      background-color: var(--primary-color1);
      position: absolute;
      left: 20px;
      top: -4px; }@media (max-width: 1399px) {
        .inner-blog .blog-post-area .comment-section .section-title span::after {
          min-width: 565px; } }@media (max-width: 1199px) {
        .inner-blog .blog-post-area .comment-section .section-title span::after {
          min-width: 450px; } }@media (max-width: 991px) {
        .inner-blog .blog-post-area .comment-section .section-title span::after {
          min-width: 525px; } }@media (max-width: 767px) {
        .inner-blog .blog-post-area .comment-section .section-title span::after {
          min-width: 350px; } }@media (max-width: 767px) {
        .inner-blog .blog-post-area .comment-section .section-title span::after {
          min-width: 130px; } }.inner-blog .blog-post-area .comment-section ul {
  margin: 0;
  padding: 0; }.inner-blog .blog-post-area .comment-section ul li {
    display: flex;
    border: 1px solid #EEEEEE;
    padding: 40px 0 27px;
    margin-bottom: 30px; }@media (max-width: 576px) {
      .inner-blog .blog-post-area .comment-section ul li {
        flex-wrap: wrap; } }@media (max-width: 576px) {
      .inner-blog .blog-post-area .comment-section ul li .author-img {
        padding: 0px 20px 20px; } }.inner-blog .blog-post-area .comment-section ul li .comment-content {
      padding: 0px 20px; }.inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top {
        margin-bottom: 15px; }@media (max-width: 576px) {
          .inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top {
            flex-wrap: wrap; } }.inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top .comment-meta {
          margin-right: 20px; }.inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top .comment-meta h5 {
            font-family: var(--font-yeseva);
            font-weight: 400;
            font-size: 18px;
            text-transform: capitalize;
            color: var(--title-color);
            margin-bottom: 0; }.inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top .comment-meta span {
            font-family: var(--font-jost);
            font-weight: 400;
            font-size: 15px;
            line-height: 170%;
            letter-spacing: 1px;
            text-transform: capitalize;
            color: #A4A4A4; }.inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top .replay-btn a {
          font-family: var(--font-jost);
          font-weight: 500;
          font-size: 16px;
          line-height: 32px;
          letter-spacing: 0.03em;
          color: #3CAA9F; }.inner-blog .blog-post-area .comment-section ul li .comment-content .comment-top .replay-btn a svg {
            fill: var(--primary-color1); }.inner-blog .blog-post-area .comment-section ul li .comment-content p {
        margin-bottom: 0;
        letter-spacing: 0.03em; }.inner-blog .blog-post-area .comment-section ul li:last-child {
      margin-bottom: unset; }.inner-blog .blog-post-area .comment-section form .form-inner input {
  width: 100%;
  height: 52px;
  border: 1px solid #ddd;
  font-weight: 400;
  font-size: 16px;
  padding: 15px 25px 18px;
  color: #575757;
  font-family: var(--font-jost); }.inner-blog .blog-post-area .comment-section form .form-inner input::placeholder {
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #575757; }.inner-blog .blog-post-area .comment-section form .form-inner.two button {
  padding: 15px 35px;
  font-family: var(--font-jost);
  font-weight: 600;
  font-size: 16px;
  color: var(--white);
  background-color: var(--primary-color1);
  border: none;
  outline: none;
  transition: 0.35s; }.inner-blog .blog-post-area .comment-section form .form-inner.two button:hover {
    background-color: var(--title-color); }.inner-blog .blog-post-area .comment-section form .form-inner textarea {
  width: 100%;
  min-height: 200px;
  border: 1px solid #ddd;
  padding: 15px 25px 18px;
  font-weight: 400;
  font-size: 16px;
  font-family: var(--font-jost); }.inner-blog .blog-post-area .comment-section form .form-inner textarea::placeholder {
    line-height: 28px;
    color: var(--text-color1); }/*=======================================
 56. roome details page
======================================*/.room-suits-details-page .swiper {
  padding: 0px 0px; }.room-suits-details-page .room-details-slider .swiper-btns {
  padding: 0px 30px; }.room-suits-details-page .room-details-slider .swiper-btns i {
    font-size: 30px;
    font-weight: 600;
    color: rgba(60, 170, 159, 0.9); }.room-suits-details-page .room-details-slider .swiper-btns .swiper-button-next-m {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99; }.room-suits-details-page .room-details-slider .swiper-btns .swiper-button-prev-m {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99; }.room-suits-details-page .price-tag {
  font-family: var(--font-jost);
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--title-color);
  margin-bottom: 10px; }.room-suits-details-page .price-tag span {
    font-size: 25px;
    font-weight: 500;
    color: var(--primary-color1); }.room-suits-details-page p {
  margin-bottom: 25px; }.room-suits-details-page h2 {
  font-family: var(--font-yeseva);
  font-weight: 400;
  font-size: 40px;
  line-height: 46px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  margin-bottom: 10px;
  color: var(--title-color); }.room-suits-details-page .stars {
  padding: 0;
  margin: 0;
  gap: 10px;
  margin-bottom: 25px; }.room-suits-details-page .stars li i {
    color: var(--primary-color1); }.room-suits-details-page h4 {
  font-family: var(--font-yeseva);
  font-weight: 400;
  font-size: 25px;
  line-height: 29px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--title-color);
  padding-top: 10px;
  margin-bottom: 10px; }.room-suits-details-page .room-features {
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
  padding-top: 13px; }.room-suits-details-page .room-features li {
    display: flex;
    align-items: center;
    min-width: 210px;
    border: 1px solid #EEEEEE;
    padding: 10px 15px;
    font-family: var(--font-jost);
    font-weight: 400;
    font-size: 18px;
    color: var(--title-color); }.room-suits-details-page .room-features li svg {
      margin-right: 15px;
      fill: var(--primary-color1); }.room-suits-details-page .extra-service {
  padding-top: 8px;
  gap: 10px; }.room-suits-details-page .extra-service li {
    border: unset;
    padding: 0;
    color: var(--text-color1); }.room-suits-details-page .extra-service li i {
      font-size: 15px;
      margin-right: 8px;
      color: var(--text-color1); }.room-suits-details-page .widget-area2 .widget-title h5 {
  margin-bottom: 0;
  font-family: "Yeseva One";
  font-weight: 400;
  font-size: 20px;
  line-height: 170%;
  text-align: center;
  color: #FFFFFF;
  background: #1C171D;
  padding: 12px 20px;
  width: 100%; }.room-suits-details-page .widget-area2 .single-widgets {
  padding: 35px 25px;
  background: #FFFFFF;
  box-shadow: 3px 5px 35px rgba(86, 68, 169, 0.1);
  margin-bottom: 30px; }.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #E2E2E2;
    margin-bottom: 25px;
    padding: 10px 20px 10px; }.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper input, .room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper textarea {
      width: 100%;
      border: unset;
      outline: unset;
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 14px;
      color: var(--title-color);
      padding-top: 4px; }.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper input::placeholder, .room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper textarea::placeholder {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 14px;
        color: var(--title-color); }.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper i {
      color: var(--primary-color1);
      margin-right: 5px;
      font-size: 20px; }.room-suits-details-page .widget-area2 .single-widgets .wp-block-text__inside-wrapper.submit-btn {
      margin-bottom: 0; }.room-suits-details-page .widget-area2 .single-widgets .select-items {
    padding: 0px 20px; }.room-suits-details-page .widget-area2 .single-widgets .select-items .nice-select {
      border: unset;
      width: 100%;
      padding: 0; }.room-suits-details-page .widget-area2 .single-widgets .select-items .nice-select > span {
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 12px;
        color: #666666; }.room-suits-details-page .widget-area2 .single-widgets .select-items .nice-select.open .list {
      width: 100%; }.room-suits-details-page .widget-area2 .single-widgets .searchbox-input {
    border: 1px solid #E2E2E2;
    margin-bottom: 25px;
    padding: 10px 20px 10px;
    position: relative; }.room-suits-details-page .widget-area2 .single-widgets .searchbox-input::before {
      position: absolute;
      content: "";
      font-family: "bootstrap-icons" !important;
      right: 20px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      color: var(--primary-color1); }.room-suits-details-page .widget-area2 .single-widgets .searchbox-input input {
      width: 100%;
      border: none;
      outline: none;
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 14px;
      color: var(--title-color);
      padding-top: 4px; }.room-suits-details-page .widget-area2 .single-widgets .submit-btn {
    padding: 0; }.room-suits-details-page .widget-area2 .single-widgets .submit-btn button {
      font-family: var(--font-jost);
      font-size: 18px;
      font-weight: 700;
      color: var(--white);
      background: var(--primary-color1);
      padding: 15px;
      border: none;
      width: 100%;
      transition: 0.35s; }.room-suits-details-page .widget-area2 .single-widgets .submit-btn button:hover {
        background-color: var(--title-color); }.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt {
  display: flex;
  align-items: center; }.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wi {
    margin-right: 15px; }.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc h6 {
    margin-bottom: 0; }.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc h6 a {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 18px;
      line-height: 22px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--title-color);
      transition: 0.35s; }.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc h6 a:hover {
        color: var(--primary-color1); }.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc span {
    font-family: var(--font-jost);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    color: #8b8b8b; }.room-suits-details-page .widget-area2 .Post-widgets .widget-cnt .wc span strong {
      color: var(--primary-color1); }.room-suits-details-page .single-room {
  position: relative;
  overflow: hidden; }.room-suits-details-page .single-room > img {
    min-height: 400px; }.room-suits-details-page .single-room .background {
    opacity: 0;
    background: linear-gradient(180.75deg, rgba(28, 23, 29, 0.8) 7.53%, rgba(28, 23, 29, 0) 32.54%, rgba(28, 23, 29, 0.86) 56.93%, #1C171D 99.35%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: 0.35s; }.room-suits-details-page .single-room .room-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -125px;
    padding: 40px 35px;
    transition: 0.35s; }.room-suits-details-page .single-room .room-content .price-tag {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 18px;
      letter-spacing: 0.03em;
      text-transform: capitalize;
      color: var(--white);
      margin-bottom: 8px; }.room-suits-details-page .single-room .room-content .price-tag span {
        font-size: 25px;
        font-weight: 500;
        color: var(--white); }.room-suits-details-page .single-room .room-content h3 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 30px;
      line-height: 35px;
      color: var(--white);
      margin-bottom: 15px;
      padding-top: 2px; }.room-suits-details-page .single-room .room-content .bed-and-person {
      gap: 40px; }@media (max-width: 576px) {
        .room-suits-details-page .single-room .room-content .bed-and-person {
          gap: 20px;
          flex-wrap: wrap; } }.room-suits-details-page .single-room .room-content .bed-and-person .bed-qty p {
        margin-bottom: 0;
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 0.03em;
        color: var(--white);
        display: flex;
        align-items: baseline; }.room-suits-details-page .single-room .room-content .bed-and-person .bed-qty p img {
          margin-right: 10px; }.room-suits-details-page .single-room .room-content .bed-and-person .persons p {
        margin-bottom: 0;
        font-family: var(--font-jost);
        font-weight: 400;
        font-size: 15px;
        letter-spacing: 0.03em;
        color: var(--white);
        display: flex;
        align-items: baseline; }.room-suits-details-page .single-room .room-content .bed-and-person .persons p img {
          margin-right: 10px; }.room-suits-details-page .single-room .room-content .book-btn {
      padding-top: 60px;
      transition: 0.35s; }.room-suits-details-page .single-room .room-content .book-btn a {
        font-family: var(--font-island);
        font-weight: 400;
        font-size: 30px;
        letter-spacing: 0.03em;
        border: 0.5px solid #FFFFFF;
        padding: 5px 35px; }.room-suits-details-page .single-room:hover .background {
    opacity: 1; }.room-suits-details-page .single-room:hover .room-content {
    bottom: 0; }.room-suits-details-page .single-room:hover .room-content .book-btn {
      padding-top: 30px; }.room-suits-details-page .section-title .swiper-btn {
  gap: 30px; }.room-suits-details-page .section-title .swiper-btn .btns {
    height: 40px;
    width: 40px;
    border: 1px solid #3CAA9F;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }.room-suits-details-page .section-title .swiper-btn .btns svg {
      fill: var(--primary-color1); }/*=======================================
 57. FAQ page
======================================*/.faq-page .faq-wrap h3 {
  font-family: var(--font-yeseva);
  font-weight: 400;
  font-size: 35px;
  line-height: 35px;
  color: var(--title-color);
  margin-bottom: 15px; }.faq-page .faq-wrap p {
  letter-spacing: 0.03em;
  margin-bottom: 30px; }.faq-page .faq-wrap .faq-item {
  border: none; }.faq-page .faq-wrap .faq-item:last-child {
    margin-bottom: 0; }.faq-page .faq-wrap .accordion-button {
  font-weight: 400;
  font-size: 20px;
  background: #FFFFFF;
  color: var(--title-color);
  cursor: pointer;
  font-family: var(--font-yeseva);
  transition: .4s ease-in-out;
  padding: 25px 50px 10px 0;
  margin-bottom: 0;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 18px;
  text-transform: capitalize; }.faq-page .faq-wrap .accordion-button::after {
    flex-shrink: 0;
    width: unset;
    height: unset;
    margin-left: auto;
    background-image: none;
    background-repeat: unset;
    background-size: unset;
    font-family: bootstrap-icons !important;
    position: absolute;
    right: 0px;
    content: "";
    -webkit-transition: unset;
    transition: unset;
    font-size: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; }.faq-page .faq-wrap .accordion-button:not(.collapsed)::after {
  background-image: none;
  -webkit-transform: unset;
  transform: unset;
  font-family: bootstrap-icons !important;
  content: "";
  color: var(--title-color); }.faq-page .faq-wrap .accordion-button:hover::after {
  color: var(--title-color); }.faq-page .faq-wrap .faq-body {
  font-weight: 300;
  font-size: 20px;
  font-family: var(--font-jost);
  background: #FFFFFF;
  color: var(--text-color1);
  border-top: none;
  padding: 15px 25px;
  line-height: 32px;
  text-align: left; }.faq-page .faq-wrap .accordion-button:not(.collapsed) {
  border-bottom: unset;
  transition: .4s ease-in-out;
  margin-bottom: 0px; }.faq-page .faq-form h3 {
  font-family: var(--font-yeseva);
  font-weight: 400;
  font-size: 35px;
  line-height: 35px;
  color: var(--title-color);
  margin-bottom: 25px; }.faq-page .faq-form .form-inner input {
  font-family: var(--font-jost);
  font-weight: 400;
  font-size: 16px;
  color: #575757;
  border: 1px solid #ddd;
  border-radius: 5px;
  width: 100%;
  height: 52px;
  padding: 12px 15px 10px; }.faq-page .faq-form .form-inner .nice-select {
  width: 100%;
  height: 52px;
  padding: 12px 15px 10px;
  line-height: 28px; }.faq-page .faq-form .form-inner textarea {
  width: 100%;
  border: 1px solid #ddd;
  padding: 20px 15px;
  font-family: var(--font-jost);
  font-weight: 400;
  font-size: 16px;
  color: #575757;
  border-radius: 5px; }.faq-page .faq-form .form-inner button {
  font-family: var(--font-jost);
  font-weight: 700;
  font-size: 16px;
  color: var(--white);
  padding: 12px 20px;
  width: 100%;
  border: none;
  outline: unset;
  background-color: var(--primary-color1);
  transition: 0.35s; }.faq-page .faq-form .form-inner button:hover {
    background-color: var(--title-color); }/*=======================================
 58. FAQ page
======================================*/.error-page .error-wrrap .error-content {
  padding-top: 70px; }.error-page .error-wrrap .error-content h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 50px;
    line-height: 58px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--title-color);
    margin-bottom: 25px; }@media (max-width: 767px) {
      .error-page .error-wrrap .error-content h2 {
        font-size: 40px; } }.error-page .error-wrrap .error-content p {
    margin-bottom: 50px; }.error-page .error-wrrap .error-content a {
    font-family: var(--font-yeseva);
    display: inline-flex;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    background-color: var(--primary-color1);
    padding: 15px 20px 13px; }.error-page .error-wrrap .error-content a i {
      vertical-align: baseline;
      margin-right: 5px;
      line-height: 21px;
      transition: all 0.45s ease-in-out; }.error-page .error-wrrap .error-content a:hover i {
      color: var(--white); }/*=======================================
 58. Contact page
======================================*/.contact-page .address-area {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding: 150px 0; }@media (max-width: 991px) {
    .contact-page .address-area {
      padding: 90px 0; } }@media (max-width: 767px) {
    .contact-page .address-area {
      padding: 80px 0; } }.contact-page .address-area .section-title h2 {
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 45px;
    line-height: 58px;
    text-transform: capitalize;
    color: #292B31;
    text-align: center;
    margin-bottom: 0; }@media (max-width: 767px) {
      .contact-page .address-area .section-title h2 {
        font-size: 40px;
        line-height: 55px; } }.contact-page .address-area .address-list {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center; }.contact-page .address-area .address-list li {
      margin-bottom: 50px; }.contact-page .address-area .address-list li:last-child {
        margin-bottom: unset; }.contact-page .address-area .address-list .text h4 {
      font-family: var(--font-yeseva);
      font-weight: 400;
      font-size: 30px;
      line-height: 30px;
      text-transform: capitalize;
      color: var(--primary-color1);
      margin-bottom: 15px; }.contact-page .address-area .address-list .text p {
      margin-bottom: 0; }.contact-page .address-area .address-list .text a {
      font-family: var(--font-jost);
      font-weight: 400;
      font-size: 18px;
      line-height: 32px;
      color: var(--text-color1); }.contact-page .location-map {
  height: 100%; }.contact-page .location-map iframe {
    height: 100%;
    width: 100%;
    filter: grayscale(199%) invert(98%) contrast(122%); }@media (max-width: 991px) {
      .contact-page .location-map iframe {
        height: 350px; } }.contact-page .section-title {
  margin-bottom: 60px; }.contact-page .section-title h2 {
    margin-bottom: 0;
    font-family: var(--font-yeseva);
    font-weight: 400;
    font-size: 45px;
    line-height: 58px;
    color: #292B31; }@media (max-width: 767px) {
      .contact-page .section-title h2 {
        font-size: 40px;
        line-height: 55px; } }.contact-page form .form-inner input {
  width: 100%;
  font-family: var(--font-jost);
  font-weight: 400;
  font-size: 16px;
  color: #575757;
  height: 58px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 12px 25px; }.contact-page form .form-inner input:focus {
    border-color: var(--text-color1); }.contact-page form .form-inner textarea {
  width: 100%;
  font-family: var(--font-jost);
  font-weight: 400;
  font-size: 16px;
  color: #575757;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 25px; }.contact-page form .form-inner textarea:focus {
    border-color: var(--text-color1); }.contact-page form .form-inner button {
  font-family: var(--font-jost);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: var(--primary-color1);
  border: 1px solid #3CAA9F;
  outline: unset;
  background-color: transparent;
  padding: 14px 50px;
  transition: 0.35s; }.contact-page form .form-inner button:hover {
    background-color: var(--primary-color1);
    color: var(--white); }.swiper.room-suits-slider3.swiper-initialized.swiper-horizontal.swiper-pointer-events {
  padding: 0px 5px; }.testimonial-slider2 {
  padding: 0px 0px; }.faq-form label {
  color: #cccccc; }label span {
  position: relative; }input[type=checkbox] {
  position: relative;
  cursor: pointer;
  border-radius: 0px  !important;
  width: 15px !important;
  height: 15px  !important;
  padding: 0  !important; }input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  border: 2px solid #555555;
  border-radius: 3px;
  background-color: white; }input[type=checkbox]:checked:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 2px;
  left: 6px; }.facilities-pages ul {
  line-height: 1.5em;
  margin: 5px 0 15px;
  padding: 0; }.facilities-pages li {
  list-style: none;
  position: relative;
  padding: 0 0 0 20px;
  font-family: var(--font-jost);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: var(--text-color1); }.facilities-pages li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  height: 6px;
  width: 6px;
  border: 1px solid #d2e25e;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg); }.facilities-pages table tr {
  padding: 3px 0; }.facilities-pages table tr:nth-child(odd) {
  background-color: #fafafa; }.facilities-pages table tr th {
  background-color: #fafafa; }.facilities-pages table {
  border: 1px solid #fafafa; }.facilities-pages table tr td:first-child {
  width: 20%; }.facilities-pages table {
  font-family: var(--font-jost);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: var(--text-color1); }/*# sourceMappingURL=style.css.map */
.room-suits-slider[data-pc-slider="unavailable"] .swiper-wrapper{display:block}.room-suits-slider[data-pc-slider="unavailable"] .swiper-slide{width:100%;margin-bottom:24px}