html,
body {
   font-size: 18px;
   color: #000000;
   font-family: "Montserrat", sans-serif;
}


.errorClass{
   font-size: 12px;
   color: #e60b0b;
   margin-bottom: 10px;
}

a {
   text-decoration: none;
   transition: all 0.3s ease-in-out;
}

a:hover {
   color: #176FF0 !important;
   transition: all 0.3s ease-in-out;
}

ul,
ol {
   padding: 0;
   margin: 0;
}

img {
   max-width: 100%;
}

.section-title {
   font-size: 50px;
   font-weight: 700;
   color: #000000;
   margin-bottom: 10px;
}

p {
   font-size: 19px;
   line-height: 1.4em;
   color: #000000;
}

p:last-child {
   margin-bottom: 0;
}

textarea{
   resize: none;
}

.message_success{
   color: #31ce36;
}

.site-button {
   color: #ffffff;
   background-color: #FA1D0B;
   display: inline-block;
   font-size: 20px;
   padding: 8px 20px;
   border-radius: 5px;
}

.site-button:hover {
   color: #ffffff !important;
   background-color: #176FF0;
   transition: all 0.3s ease-in-out;
}

.section-padding {
   padding: 100px 0;
}

.paddT50 {
   padding-top: 50px;
}

.paddB50 {
   padding-bottom: 50px;
}

.paddT80 {
   padding: 80px 0 0;
}

.paddB80 {
   padding: 0 0 80px 0;
}

.paddB40 {
   padding-bottom: 40px;
}

.paddTB80 {
   padding: 80px 0;
}

.menu {
   padding: 20px 0;
}


/* start preloader */
.preloader {
   background-color: #ffffff;
   width: 100%;
   height: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 9999;
}

.preloader .inner {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.preloader img {
   max-width: 100%;
   width: 100%;
   padding: 15px;
}

.preloader .icon {
   display: block;
   width: 90px;
   height: 90px;
   position: relative;
}

.preloader .icon:before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   border: 5px solid #f1f1f1;
   border-top: 5px solid #FA1D0B;
   border-radius: 50%;
   -webkit-animation: rotating 1s linear infinite;
   animation: rotating 1s linear infinite;
}

.preloader .icon i {
   position: absolute;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.preloader .icon i:before {
   font-size: 55px;
   font-size: 3.05556rem;
   color: #FA1D0B;
}

@-webkit-keyframes rotating {
   from {
      -webkit-transform: rotate(0deg);
      transform: rotate3d(0deg);
   }

   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

@keyframes rotating {
   from {
      -webkit-transform: rotate(0deg);
      transform: rotate3d(0deg);
   }

   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
   }
}

/* end preloader */

/* start site-header */

.header-text ul li {
   display: inline-block;
   margin-right: 20px;
}

.header-text ul li:last-child {
   margin-right: 0;
}

.header-text ul li a {
   color: #176FF0;
   font-size: 19px;
   font-weight: 500;
}

.header-text ul li a i {
   color: #000000;
   font-size: 16px;
   margin-right: 5px;
}

.header-text ul li a:hover,
.header-text ul li a:hover i {
   color: #FA1D0B !important;
   transition: all 0.3s ease-in-out;
}

.header-text p {
   font-size: 19px;
   margin: 3px 0 0;
}

.site-header {
   padding: 15px 10px;
}

/* start banner section */

.banner-section {
   position: relative;
   padding: 0;
}

.banner-section .carousel-caption {
   bottom: 50%;
   transform: translateY(50%);
   text-align: left;
}

/* start form section */

.form-content {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-gap: 15px;
}

.form-content-box {
   background-color: #ffffff;
   padding: 25px;
   margin: 0 35px;
   border-radius: 10px;
   box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}


.form-content .form-control,
.form-content .form-select {
   border: 1px solid #7E7E7E;
   height: 45px;
   background-image: none;
}

.form-content .form-select,
.form-content .form-control::placeholder {
   color: #B4B4B4;
   font-size: 18px;
}

.form-content .form-select:focus,
.form-content .form-control:focus {
   border-color: #176FF0;
   box-shadow: none;
}

.form-content .form-select {
   cursor: pointer;
}

.form-select.bg-light {
   background-color: #E2E2E2 !important;
   border: 0;
   color: #535353
}

.form-content .site-button {
   padding: 0;
   font-size: 18px;
}

.form-content .form-select option {
   color: #000000;
   font-size: 16px;
}

.banner-form-section {
   position: absolute;
   bottom: -80px;
   left: 0;
   right: 0;
   z-index: 9;
}

/* start quality-trust */

.quality-trust {
   background-color: #E3EEFF;
   padding: 110px 0 35px;
}

.quality-box {
   padding: 0 25px;
}

.quality-box h4 {
   font-size: 20px;
   font-weight: 600;
   line-height: 1.4em;
   margin-bottom: 8px;
   color: #000000;
}

.quality-box .image-box {
   background-color: #ffffff;
   border: 1px solid #E3E3E3;
   border-radius: 50%;
   width: 85px;
   height: 85px;
   line-height: 85px;
   margin: 0 auto 20px auto;
}

.quality-box .image-box img {
   padding: 15px;
}

/* start category-grid */
.category-box {
   background-color: #E3EEFF;
   border-radius: 10px;
   text-align: center;
   overflow: hidden;
}

.category-grid .category-box .image-box {
   height: 280px;
   width: 100%;
   overflow: hidden;
}

.category-box .image-box img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all 0.3s ease-in-out;
}

.category-box:hover .image-box img {
   transform: scale(1.1);
   filter: brightness(1.1);
   transition: all 0.3s ease-in-out;
}

.category-box .content {
   padding: 30px 10px;
}

.category-box .category-title {
   font-size: 17px;
   font-weight: 700;
   line-height: 1.4em;
   margin-bottom: 20px;
   color: #000000;
   display: inline-block;
}

.category-grid .category-box .category-title:hover {
   color: #E85448;
   transition: all 0.3s ease-in-out;
}

.category-grid .category-box .content a {
   color: #E85448;
   border: 1px solid #E85448;
   font-size: 20px;
   font-weight: 600;
   padding: 7px 35px;
   border-radius: 5px;
}

.category-grid .category-box .content a:hover {
   color: #ffffff !important;
   background-color: #E85448 !important;
   transition: all 0.3s ease-in-out;
}

.category-grid .row {
   --bs-gutter-x: 1rem;
   --bs-gutter-y: 1rem;
}


/* start tab-section */

.tab-section .nav-tabs {
   border-bottom: 0;
   gap: 15px;
   flex-wrap: nowrap;
   margin-bottom: 10px;
}

.tab-section .nav-tabs .nav-item {
   width: 20%;
   text-align: center;
}

/* Default tab buttons */
.tab-section .group-btn .nav-link {
   border: 1px solid #000000;
   background-color: #ffffff;
   font-size: 19px;
   color: #000000;
   border-radius: 5px;
   padding: 10px;
   width: 100%;
   transition: all 0.3s ease;
}

/* Active tab */
.tab-section .group-btn .nav-link:hover,
.tab-section .group-btn .nav-link.active {
   background-color: #e74c3c;
   color: #ffffff;
   border-color: #e74c3c;
}

.tab-section .slider-box-item .image-box {
   height: 200px;
   width: 100%;
   overflow: hidden;
}

.tab-section .slider-box-item .content {
   text-align: left;
   padding: 30px 20px;
}

.tab-section .slider-box-item .category-title {
   font-size: 24px;
   font-weight: 600;
   padding: 0;
   margin-bottom: 0;
}

.tab-section .slider-box-item .category-title:hover {
   color: #E85448 !important;
   transition: all 0.3s ease-in-out;
}

/* end tab-section */



/* start owl-nav */
.owl-nav {
   text-align: center;
   margin-top: 25px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
   color: #000000;
   border: 1px solid #E85448;
   width: 30px;
   height: 30px;
   line-height: 0;
   font-size: 38px;
   border-radius: 50%;
   padding-bottom: 6px !important;
   margin: 2px;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
   color: #ffffff;
   background-color: #E85448;
   transition: all 0.3s ease-in-out;
}

/* end owl-nav */


.kroatienhuse-box {
   display: flex;
   align-items: flex-start;
   gap: 15px;
   border-radius: 10px;
}

.kroatienhuse-box img {
   width: 100px;
   height: 100px;
   object-fit: cover;
   border-radius: 5px;
}

.kroatienhuse-box .info {
   flex: 1;
}

.kroatienhuse-box .name {
   color: #000000;
   font-size: 30px;
   font-weight: bold;
   margin: 5px 0;
}

.kroatienhuse-box .category a {
   color: #176FF0;
   text-decoration: none;
   font-size: 16px;
   font-weight: 500;
}

.kroatienhuse-box .stars i {
   display: inline-block;
   background-color: #00b67a;
   color: white;
   padding: 3px;
   border-radius: 4px;
   font-size: 12px;
   margin-right: 1px;
}

.kroatienhuse-box .rating {
   font-weight: bold;
}

.appearance-default {
   font-size: 14px;
   font-weight: 600;
}

.facebook-sec {
   background-color: #E8E8E8;
}

.facebook-sec .fb-card {
   border-radius: 8px;
   text-align: center;
   overflow: hidden;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.facebook-sec .fb-header {
   background-color: #4270A6;
   color: #ffffff;
   font-size: 30px;
   font-weight: bold;
   padding: 0;
}

.facebook-sec .fb-profile-pic {
   width: 80px;
   height: 80px;
   margin-top: 10px;
   border-radius: 50%;
   object-fit: cover;
}

.facebook-sec .fb-name {
   font-size: 16px;
   font-weight: 500;
   margin: 10px 0px 10px;
   padding-bottom: 10px;
   color: #000;
}

.kroatienshuse-text .text {
   color: #000000;
   font-size: 34px;
   font-weight: 600;
   text-decoration: none;
}

.kroatienshuse-text .text span {
   font-size: 16px;
   font-weight: 400;
   display: block;
}

.counter-section {
   background-color: #E3EEFF;
}

.conter-box .image-box {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   padding: 15px;
   border: 1px solid #BABABA;
   background-color: #ffffff;
   display: flex;
   align-items: center;
   justify-content: center;
}

.conter-box .count {
   font-size: 40px;
   font-weight: 700;
   color: #000000;
   margin: 0;
}

.conter-box span {
   font-size: 20px;
   color: #000000;
   display: block;
}

.testimonial-slider {
   margin-top: 30px;
   padding-right: 1px;
}

.testimonial-item {
   border: 1px solid #000000;
   height: 100%;
   padding: 20px;
}

.testimonial-item p {
   position: relative;
   padding-left: 75px;
}

.testimonial-item p::before {
   content: "\f10d";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   position: absolute;
   left: 0;
   top: 10px;
   font-size: 50px;
   color: #000000;
}

.testimonial-author {
   position: relative;
   padding-left: 75px;
   margin-bottom: 20px;
}

.testimonial-author img {
   position: absolute;
   width: 60px !important;
   height: 60px;
   border-radius: 50%;
   object-fit: cover;
   left: 0;
}

.testimonial-author h5 {
   font-size: 20px;
   font-weight: 600;
   color: #000000;
   margin-bottom: 5px;
}

.testimonial-author span {
   font-size: 16px;
   font-weight: 300;
   color: #000000;
}

.altid-ledige-section {
   background-color: #E3EEFF;
}


/* footer-section */
.footer-section {
   background-color: #29303A;
   color: #ffffff;
   padding: 70px 0 0;
}

.footer-section * {
   color: #ffffff;
}

.foot-logo {
   margin-bottom: 25px;
}

.footer-section p {
   font-size: 17px;
}

.footer-title {
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 25px;
}

.footer-section .footer-links li {
   font-size: 17px;
   list-style-type: none;
   margin-bottom: 15px;
}

.copyright-section {
   border-top: 2px solid #ffffff;
   padding: 20px 0;
   margin-top: 50px;
}

.property-listing {
   padding: 150px 0 0;
}

.property {
   border: 2px solid #000000;
   padding: 20px;
   margin-bottom: 70px;
}

.property-title-section {
   border-bottom: 1px solid #000000;
}

.property-title {
   color: #000000;
   font-size: 50px;
   font-weight: 700;
   margin-bottom: 18px;
   text-align: left;
}

.property-title sup {
   top: -.2em;
   left: -7px;
}

.property-title-section .breadcrumb li {
   color: #000000;
   font-size: 19px;
   font-weight: 600;
}

.property-title-section .breadcrumb li a {
   color: #000000;
}

.property-title-section .breadcrumb li a:hover {
   color: #FA1D0B;
}

.property-top-icon {
   gap: 20px;
}

.property-top-icon .info-label {
   background-color: #D9D9D9D9;
   font-size: 18px;
   font-weight: 600;
   margin-top: 8px;
}

.property-main-image {
   position: relative;
   height: 100%;
}

.property-main-image img {
   height: 100%;
   object-fit: cover;
}

.property-main-image .early-bird {
   position: absolute;
   bottom: 20px;
   left: 20px;
   background: #E7F03A;
   color: #000000;
   padding: 5px 12px;
   border-radius: 10px;
   font-size: 19px;
   font-weight: 400;
   border: 4px solid #FA0000;
}

.highlight-box {
   background: #E3EEFF;
   padding: 20px 35px;
   text-align: center;
}

.highlight-title {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 10px;
}

.highlight-box h2 {
   color: #000000;
   font-size: 40px;
   font-weight: 600;
}

.highlight-box .btn {
   margin-top: 10px;
}

.icon-grid .col {
   padding: 5px;
   border: 1px solid #e0e0e0;
   text-align: center;
   font-size: 1.2rem;
   border-radius: 4px;
   background: #fdfdfd;
}

.icon-box {
   border: 1px solid #CACACA;
   border-radius: 5px;
   width: 80px;
}

.icon-box .facility-icon img {
   padding: 5px;
   border-bottom: 1px solid #CACACA;
}

.icon-box .info-label {
   font-size: 16px;
}

.icon-grid .col {
   font-size: 24px;
   border: 1px solid #000000;
   padding: 16px 0;
   border-radius: 0;
}

.property-icon-box-bottom .icon-item {
   width: 9%;
   padding: 5px;
   text-align: center;
   border: 1px solid #000000;
   border-bottom: none;
}

.property-icon-box-bottom .row>.icon-item:nth-last-of-type(-n+11) {
   border: 1px solid #000000;
}

.property-icon-box-bottom .row>.icon-item:not(:nth-child(11n)) {
   border-right: 0;
}

.property-icon-box-bottom {
   margin: 0 13px;
}

.property-icon-box-bottom .row {
   --bs-gutter-y: 0px;
}

.distance-info {
   font-size: 15px;
   margin: 20px 10px;
}

.property.camping-lanterna {
   border: 0;
   padding: 0;
}

.camping-lanterna .property-title-section {
   border: 0;
}

.camping-lanterna .category-box {
   border-radius: 0;
}

.camping-lanterna .tab-section .nav-tabs {
   gap: 0;
}

.camping-lanterna .tab-section .group-btn .nav-link {
   border-radius: 0;
   padding: 10px;
   width: 100%;
}

.camping-lanterna .tab-section .nav-tabs .nav-item {
   width: 100%;
}

.camping-lanterna .tab-section .slider-box-item .image-box {
   height: auto;
   width: 100%;
}

.mobilehome-standard {
   border: 1px solid #000000;
   border-radius: 0;
   height: 100%;
   /* overflow: hidden; */
}

.mobilehome-standard .mobilehome-header {
   background-color: #B3D2FF;
   padding: 15px;
   margin: -1px;
}

.mobilehome-standard .mobilehome-header h5 {
   color: #000000;
   font-size: 20px;
}

.mobilehome-standard .card-body .row {
   --bs-gutter-y: 1.5rem;
}

.mobilehome-standard li.item {
   width: 25%;
   list-style-type: none;
}

.mobilehome-standard li.item div {
   color: #000000;
   font-size: 17px;
   font-weight: 600;
}

.mobilehome-standard .see-more-btn-sec {
   padding: 0;
   margin: -1px;
}

.mobilehome-standard .see-more-btn-sec .see-more-btn {
   color: #ffffff;
   background-color: #FA1D0B;
   padding: 10px;
   border-radius: 0;
   display: block;
   width: 100%;
}

.mobilehome-standard .see-more-btn:hover {
   color: #ffffff !important;
   background-color: #000000;
}

.image-box.h-100 img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.inquiry-sec .mobilehome-header {
   background-color: #176FF0;
   padding: 20px;
}

.inquiry-sec .mobilehome-header h5 {
   color: #ffffff;
   font-size: 30px;
}

.list-inq li {
   list-style-type: none;
   width: 100%;
   padding: 25px;
   text-align: center;
   color: #000000;
   border-bottom: 1px solid #000000;
}

.list-inq li:last-child {
   border: 0;
}

.list-inq li div {
   color: #000000;
}



.mobilehome-popup .modal-content {
   border-radius: 0.75rem;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.mobilehome-popup h1 {
   font-size: 1.5rem;
}

.mobilehome-popup h2 {
   font-size: 1.2rem;
}

.mobilehome-popup .modal-title {
   font-size: 22px;
   font-weight: 700;
   color: #000000;
}

.mobilehome-popup p {
   color: #008000;
   font-size: 16px;
}

.date-picker .site-button {
   height: 40px;
   font-size: 19px;
   line-height: 0;
   width: 100%;
}

.date-picker .d-lg-flex>div {
   width: 100%;
}

.mobilehome-popup .form-control {
   height: 40px;
}

.mobilehome-popup .form-control::placeholder {
   color: #000000;
}

.mobilehome-popup .form-control:focus,
.mobilehome-popup .form-select:focus {
   box-shadow: none;
}

.mobilehome-popup textarea.form-control {
   height: 100px;
}

.price-output {
   display: flex;
   align-items: center;
   justify-content: space-around;
   background: #eff5ef;
   padding: 10px;
   border-radius: 5px;
   margin-bottom: 35px;
   border: 1px solid #d3e5d3;
}

.price-output span {
   color: #fa1d0b;
   font-size: 20px;
}

.form-submit .site-button {
   height: 40px;
   font-size: 19px;
   line-height: 0;
}

.mobilehome-popup .modal-content {
   padding: 30px;
}




#myBtn {
   display: none;
   position: fixed;
   bottom: 10px;
   right: 15px;
   z-index: 99;
   font-size: 15px;
   border: none;
   outline: none;
   color: #fff;
   background: #e74c3c;
   cursor: pointer;
   width: 35px;
   height: 35px;
   line-height: 35px;
   border-radius: 50%;
   box-shadow: 0px 0 5px 0px #fff;
}

#myBtn:hover {
   background: #000;
   transition: 0.3s;
}

a.badge:hover {
  color: #ffffff !important;
  transition: all 0.3s ease-in-out;
}


@media screen and (max-width: 768px) {

   .dex-hidden {
      display: block;
   }

   .order-top {
      order: -1;
   }

   .section-title {
      font-size: 28px;
   }

   p {
      font-size: 18px;
   }

   .row {
      --bs-gutter-y: 20px;
   }

   .site-button {
      font-size: 17px;
   }

   .section-padding {
      padding: 30px 0;
   }

   .site-header {
      padding: 10px 10px;
      text-align: center;
   }

   .header-text ul li a {
      font-size: 15px;
   }

   .header-text ul li a i {
      font-size: 13px;
   }

   .header-text ul li {
      margin-right: 10px;
   }

   .header-text p {
      font-size: 17px;
   }

   .header-text {
      margin: 10px 0;
   }

   .form-content-box {
      padding: 20px;
      margin: 20px 0;
   }

   .banner-form-section {
      position: revert;
   }

   .form-content {
      grid-template-columns: none;
   }

   .form-content .site-button {
      height: 50px;
   }

   .quality-trust {
      padding: 30px 0;
   }

   .category-box .category-title {
      font-size: 15px;
   }

   .category-grid .category-box .content a {
      font-size: 17px;
   }

   .category-grid .row {
      --bs-gutter-y: 1rem;
   }

   .tab-section .nav-tabs .nav-item {
      width: 100%;
      text-align: center;
   }

   .tab-section .nav-tabs {
      flex-wrap: wrap;
      justify-content: center;
   }

   .footer-section {
      padding: 30px 0 0;
   }

   .footer-title {
      margin-bottom: 15px;
   }

   .copyright-section {
      padding: 15px 0;
      margin-top: 20px;
   }

   .property-listing {
      padding: 20px 0 0;
   }

   .property-title {
      font-size: 24px;
   }

   .property {
      padding: 15px;
      margin-bottom: 30px;
   }

   .property-title-section .breadcrumb li {
      font-size: 14px;
   }

   .highlight-box {
      padding: 15px;
   }

   .highlight-box h2 {
      font-size: 30px;
   }

   .distance-info {
      font-size: 15px;
      margin: 20px 10px 0;
   }

   .date-picker .site-button {
      margin-top: 10px;
   }

   .price-output {
      padding: 7px;
   }

   .mobilehome-popup .modal-title {
      font-size: 16px;
   }

   .mobilehome-popup p {
      font-size: 15px;
   }

   .mobilehome-popup .modal-content {
      padding: 20px;
   }






}

@media (min-width: 786px) {}




@media only screen and (min-width: 786px) and (max-width: 992px) {}


@media (min-width: 1200px) {

   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl {
      max-width: 1250px;
   }

   .footer-section .row {
      --bs-gutter-x: 3rem;
   }

}