.add-banner{
  width: 25rem;
  position: absolute;
  top: 80px;
  left: calc((100% - 1640px) / 2);
  bottom: 0;
  overflow: hidden;
  transform-style: preserve-3d;
  z-index: 2000;
  max-height: 100%;
  height: 75%;
}

@media(min-width:1770px){
  .add-banner{
      height:80%;
  }
}
.add-banner-imgBox{
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.add-banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.add-banner img.active{
  animation: grow 2s ease-in-out forwards infinite;
}

.add-banner h2{
  color: #fff;
  z-index: 2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 7.1rem;
}

#nav-main,
#nav-lang{
  clear: both;
}
@media(min-width:1023px){
  #nav-wrapper__inner{
      width: 100%;
      display: flex;
      justify-content: flex-end;
    }
}
.book-btn-realestate{
  border-right: 1px solid #ededed;
  color: #fff!important;
  background-color: #9FD5D5;
  height: 100%;
  z-index: 1;
}
@-webkit-keyframes  grow{
  0%{
      transform: scale(1);
  }
  50%{
      transform: scale(1.15);
  }
   100%{
      transform: scale();
  }
}
@keyframes grow{
  0%{
      transform: scale(1);
  }
  50%{
      transform: scale(1.15);
  }
   100%{
      transform: scale();
  }
}


@media (min-width: 1301px) and (max-width: 1599px){
.add-banner {
  left: calc((100% - 1240px) / 2);
}

}
@media (min-width: 1439px) and (max-width: 1599px){
  .add-banner{
    left: calc((100% - 1400px) / 2);
  }
}
@media (min-width: 1600px) and (max-width: 1779px){
.add-banner {
  left: calc((100% - 1320px) / 2);
}
.realestate-button{
  width: 45rem;
}
}



@media(max-width:1600px){
  .realestate-button{
      display: none;
  }
}

@media(max-width:1300px){
  .add-banner{
      left: 0;
      top: 0;
      height: 100%;
  }
}

.mobBtn-real{
  display: none;
  background-color: #008BA1;
  color: #fff!important;
  font-family: "NoeDisplay-Medium";
  font-size: 2.8rem;
  text-align: center;
  padding: 2.5rem;
  margin-bottom: 2rem;
}
.add-banner__close{
  display: none;
}
@media(max-width:1023px){
 .video-home-module .container-fluid{
  position: relative;
 }
 /* .video-home-module .video-wrapper{
  margin-left: 15.3rem;
 } */
  #nav-main{
      padding-top: 4rem;
      margin-top: 0;
  }
  .mobBtn-real{
      display: block;
  }
  .add-banner{
     position: fixed;
     width: 100%;
     height: 100vh;
     background-color: #fff;
     padding: 4rem 0;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2000000;
  }
  .add-banner-imgBox{
      position: relative;
  }
  .add-banner-imgBox img{
      object-fit: contain;
  }
  .add-banner__close{
      display: inline-block;
      color: #006675;
      font-size: 5rem;
      text-decoration: none;
      position: absolute;
      top: 1.5rem;
      right: 1.5rem;
  }
  #book-wrapper{
      display: flex;
      justify-content: flex-end;
  }
  .eye-btn{
      order: 1;
  }
  .menu-btn{
      order: 3;
  }
  #nav-lang-mob{
      order: 2;
  }
}

.add-banner__link{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 25;
}

h1{
  line-height: 120%;
}
.reservation-module a {
  width: 100%;
  padding: 1.8rem 0;
}

html[lang="ru"] .blog-card__title{
font-family: 'Playfair Display-Medium';
}
.career-events .card-header a{
background-color: #f9f9f9;
}
.career-events .card-header a:hover{
background-color: #008BA1;
}
.career-events .career-card__links{
bottom: auto;
left: auto;
}
.career-events .card-body{
padding: 2rem 4rem;
background-color: #f9f9f9;
}
.career-events .card{
margin-bottom: 1rem;
}
.career-events #accordion{
padding-left: 0;
padding-right: 0;
}

.selected-header .card-header a{
background-color: #008BA1!important;
color: #fff!important;
}

@media(max-width:1023px){
.career-events .career__title{
  margin-top: 4rem;
}
}
@media (max-width: 768px){
.eventItem__img {
  height: auto;
  width: auto;
}
.eventItem__img img{
height: auto;
}
}

.carousel-panel__block-seedo{
height: 50rem;
overflow-y: scroll;
padding-right: 2rem;
}
.see-do-card__title{
text-transform: unset;
}

@media(max-width:1023px){
.carousel-panel__block-seedo {
  height: auto;
  overflow-y: auto;
padding-right: 0;
}
}

@media(max-width:992px){
.booking-filter-btn{
  margin-top: 0!important;
}
}

@media(max-width:1500px){
.tab-list__button:nth-child(6){
  padding-left: 0;
}
.tab-list__button-blog{
  padding-left: 1rem!important;
}
}
.eventDetailItem__img{
height: auto!important;
}

.cpopBox__footer{
padding: 10px 40px!important;
}
.cpopBox__timeAndLocation{
padding: 10px 40px!important;
}
/* .offer-carousel .flickity-viewport{
height: auto!important;
} */

@media(max-width:576px){
.cpopBox__footer{
  padding: 10px 0!important;
}
.cpopBox__timeAndLocation{
  padding: 25px 0!important;
}
}

@media(max-width:400px){
.offer-carousel .flickity-viewport{
  height: auto!important;
}
}
.festive-btn{
background: url(../img/shutterstock_1729069315\ \(1\).webp);
background-size: cover;
border-color: transparent;
}
.festive-btn:hover{
background: url(../img/shutterstock_1729069315\ \(1\).webp);
background-size: cover;
border-color: transparent!important;
}
#co-ords a img:last-child{
display: none;
}
.festive-event-item .festive-item__title{
font-size: 2rem;
}

@media(min-width:1500px){
.festive-event-item .festive-item__title{
  font-size: 2rem;
}
}
html[lang="ru"] .festive-item__title{
font-size: 2.2rem;
}

@media(min-width:1500px){
html[lang="ru"] .festive-item__title{
  font-size: 2.2rem;
}
}



@media (max-width: 1024px) {
#co-ords-mob a img:last-child {
  display: none;
}
}
.book-btn-festive{
color: #fff!important;
}
.layer-black-special{
display: none;
}
.special-offer .layer-black-special{
display: block;
}
.festive-offers .festive-item:hover{
background-color: #f9f9f9;
padding-bottom: 0;
}
.festive-offers .festive-item:hover .festive-item__title{
color: #414141;
}
.festive-offers .festive-item:hover .festive-item__content p{
color: #414141;
}
.festive-offers .festive-item:hover .festive-item__img::after {
visibility: hidden;
opacity: 0;
}
@media(max-width:1023px){
.top-menu{
  padding-bottom: 0;
}
}

@media (max-width: 1100px) {
.festive-gradient-accomodation .festive-gradient__content, .festive-gradient__content, .festive-gradient-one-only .festive-gradient__content {
  padding-bottom: 0;
}
.festive-gradient-one-only .festive-gradient__image, .festive-gradient-accomodation .festive-gradient__image {
  height: 23rem !important;
  position: relative;
}
.festive-gradient-calendar .festive-gradient__image{
  height: 20rem!important;
}
.video-layout__right{
  padding-top: 2rem;
}
}

.hero__image{
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
}

.blog-breadcrumb__link{
padding-left:0;
}
.blog-breadcrumb__link:visited{
    color: #5FBAC4;
}

.blog-breadcrumb__link:first-child{
  padding-left:2rem;
}
.blog-breadcrumb__list{
  padding-left: 0;
}

.blog-breadcrumb__list li{
  color: #5FBAC4;
}


@media(max-width: 992px){
  .blog-breadcrumb__link{
      font-size: 11px;
  }
}

@media(max-width:400px){
  .blog-breadcrumb__list{
      flex-direction: column;
      align-items: center;
  }
   .blog-breadcrumb__link span{
       display: none;
   }
   .blog-breadcrumb__list li:first-child .blog-breadcrumb__link {
    padding-left: 2rem;
}
}

.thank-you-page .hero__image-wrapper::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


.add-banner{
  width: 25rem;
  position: absolute;
  top: 80px;
  left: calc((100% - 1640px) / 2);
  bottom: 0;
  overflow: hidden;
  transform-style: preserve-3d;
  z-index: 2000;
  max-height: 100%;
  height: 75%;
}

@media(min-width:1770px){
  .add-banner{
      height:80%;
  }
}
.add-banner-imgBox{
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.add-banner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.add-banner img.active{
  animation: grow 2s ease-in-out forwards infinite;
}

.add-banner h2{
  color: #fff;
  z-index: 2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 7.1rem;
}

#nav-main,
#nav-lang{
  clear: both;
}
@media(min-width:1023px){
  #nav-wrapper__inner{
      width: 100%;
      display: flex;
      justify-content: flex-end;
    }
}
.book-btn-realestate{
  border-right: 1px solid #ededed;
  color: #fff!important;
  background-color: #9FD5D5;
  height: 100%;
  z-index: 1;
}
@-webkit-keyframes  grow{
  0%{
      transform: scale(1);
  }
  50%{
      transform: scale(1.15);
  }
   100%{
      transform: scale();
  }
}
@keyframes grow{
  0%{
      transform: scale(1);
  }
  50%{
      transform: scale(1.15);
  }
   100%{
      transform: scale();
  }
}


@media (min-width: 1301px) and (max-width: 1599px){
.add-banner {
  left: calc((100% - 1240px) / 2);
}

}
@media (min-width: 1439px) and (max-width: 1599px){
  .add-banner{
    left: calc((100% - 1400px) / 2);
  }
}
@media (min-width: 1600px) and (max-width: 1779px){
.add-banner {
  left: calc((100% - 1320px) / 2);
}
.realestate-button{
  width: 45rem;
}
}



@media(max-width:1600px){
  .realestate-button{
      display: none;
  }
}

@media(max-width:1300px){
  .add-banner{
      left: 0;
      top: 0;
      height: 100%;
  }
}

.mobBtn-real{
  display: none;
  background-color: #008BA1;
  color: #fff!important;
  font-family: "NoeDisplay-Medium";
  font-size: 2.8rem;
  text-align: center;
  padding: 2.5rem;
  margin-bottom: 2rem;
}
.add-banner__close{
  display: none;
}
@media(max-width:1023px){
 .video-home-module .container-fluid{
  position: relative;
 }
 /* .video-home-module .video-wrapper{
  margin-left: 15.3rem;
 } */
  #nav-main{
      padding-top: 4rem;
      margin-top: 0;
  }
  .mobBtn-real{
      display: block;
  }
  .add-banner{
     position: fixed;
     width: 100%;
     height: 100vh;
     background-color: #fff;
     padding: 4rem 0;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2000000;
  }
  .add-banner-imgBox{
      position: relative;
  }
  .add-banner-imgBox img{
      object-fit: contain;
  }
  .add-banner__close{
      display: inline-block;
      color: #006675;
      font-size: 5rem;
      text-decoration: none;
      position: absolute;
      top: 1.5rem;
      right: 1.5rem;
  }
  #book-wrapper{
      display: flex;
      justify-content: flex-end;
  }
  .eye-btn{
      order: 1;
  }
  .menu-btn{
      order: 3;
  }
  #nav-lang-mob{
      order: 2;
  }
}

.add-banner__link{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 25;
}

h1{
  line-height: 120%;
}
.reservation-module a {
  width: 100%;
  padding: 1.8rem 0;
}

html[lang="ru"] .blog-card__title{
font-family: 'Playfair Display-Medium';
}
.career-events .card-header a{
background-color: #f9f9f9;
}
.career-events .card-header a:hover{
background-color: #008BA1;
}
.career-events .career-card__links{
bottom: auto;
left: auto;
}
.career-events .card-body{
padding: 2rem 4rem;
background-color: #f9f9f9;
}
.career-events .card{
margin-bottom: 1rem;
}
.career-events #accordion{
padding-left: 0;
padding-right: 0;
}

.selected-header .card-header a{
background-color: #008BA1!important;
color: #fff!important;
}

@media(max-width:1023px){
.career-events .career__title{
  margin-top: 4rem;
}
}
@media (max-width: 768px){
.eventItem__img {
  height: auto;
  width: auto;
}
.eventItem__img img{
height: auto;
}
}

.carousel-panel__block-seedo{
height: 50rem;
overflow-y: scroll;
padding-right: 2rem;
}
.see-do-card__title{
text-transform: unset;
}

@media(max-width:1023px){
.carousel-panel__block-seedo {
  height: auto;
  overflow-y: auto;
padding-right: 0;
}
}

@media(max-width:992px){
.booking-filter-btn{
  margin-top: 0!important;
}
}

@media(max-width:1500px){
.tab-list__button:nth-child(6){
  padding-left: 0;
}
.tab-list__button-blog{
  padding-left: 1rem!important;
}
}
.eventDetailItem__img{
height: auto!important;
}

.cpopBox__footer{
padding: 10px 40px!important;
}
.cpopBox__timeAndLocation{
padding: 10px 40px!important;
}
/* .offer-carousel .flickity-viewport{
height: auto!important;
} */

@media(max-width:576px){
.cpopBox__footer{
  padding: 10px 0!important;
}
.cpopBox__timeAndLocation{
  padding: 25px 0!important;
}
}

@media(max-width:400px){
.offer-carousel .flickity-viewport{
  height: auto!important;
}
}
.festive-btn{
background: url(../img/shutterstock_1729069315\ \(1\).webp);
background-size: cover;
border-color: transparent;
}
.festive-btn:hover{
background: url(../img/shutterstock_1729069315\ \(1\).webp);
background-size: cover;
border-color: transparent!important;
}
#co-ords a img:last-child{
display: none;
}
.festive-event-item .festive-item__title{
font-size: 2rem;
}

@media(min-width:1500px){
.festive-event-item .festive-item__title{
  font-size: 2rem;
}
}
html[lang="ru"] .festive-item__title{
font-size: 2.2rem;
}

@media(min-width:1500px){
html[lang="ru"] .festive-item__title{
  font-size: 2.2rem;
}
}



@media (max-width: 1024px) {
#co-ords-mob a img:last-child {
  display: none;
}
}
.book-btn-festive{
color: #fff!important;
}
.layer-black-special{
display: none;
}
.special-offer .layer-black-special{
display: block;
}
.festive-offers .festive-item:hover{
background-color: #f9f9f9;
padding-bottom: 0;
}
.festive-offers .festive-item:hover .festive-item__title{
color: #414141;
}
.festive-offers .festive-item:hover .festive-item__content p{
color: #414141;
}
.festive-offers .festive-item:hover .festive-item__img::after {
visibility: hidden;
opacity: 0;
}
@media(max-width:1023px){
.top-menu{
  padding-bottom: 0;
}
}

@media (max-width: 1100px) {
.festive-gradient-accomodation .festive-gradient__content, .festive-gradient__content, .festive-gradient-one-only .festive-gradient__content {
  padding-bottom: 0;
}
.festive-gradient-one-only .festive-gradient__image, .festive-gradient-accomodation .festive-gradient__image {
  height: 23rem !important;
  position: relative;
}
.festive-gradient-calendar .festive-gradient__image{
  height: 20rem!important;
}
.video-layout__right{
  padding-top: 2rem;
}
}

.hero__image{
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
}

.blog-breadcrumb__link{
padding-left:0;
}
.blog-breadcrumb__link:visited{
    color: #5FBAC4;
}

.blog-breadcrumb__link:first-child{
  padding-left:2rem;
}
.blog-breadcrumb__list{
  padding-left: 0;
}

.blog-breadcrumb__list li{
  color: #5FBAC4;
}


@media(max-width: 992px){
  .blog-breadcrumb__link{
      font-size: 11px;
  }
}

@media(max-width:400px){
  .blog-breadcrumb__list{
      flex-direction: column;
      align-items: center;
  }
   .blog-breadcrumb__link span{
       display: none;
   }
   .blog-breadcrumb__list li:first-child .blog-breadcrumb__link {
    padding-left: 2rem;
}
}

.thank-you-page .hero__image-wrapper::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 1023px) {
    .marina .sixtyforty-module .link-cta{
        margin-bottom: 1rem;
    }
}

.recap-hold{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 2rem;
}

.recap-hold .btn-fill{
    margin-top: 2rem;
}

    .popUp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3); /* Make it a bit lighter for blur to show */
    backdrop-filter: blur(10px); /* This is the blur effect */
    -webkit-backdrop-filter: blur(10px); /* Safari support */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 222222222;
    transition: all .5s ease-in-out;
    visibility: hidden;
    opacity: 0;
}

.popUp.active{
    visibility: visible;
    opacity: 1;
}
    .popUp__center {
        display: flex;
        max-width: 1200px;
        overflow: hidden;
          background: #008BA1;
          align-items:center;
      
    }
 .popUp__left {
    width: 55rem;
    height: 50rem;
}
    .popUp__left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
.popUp__right {
    padding: 0rem 0px;
   
    width: 40rem;
}
    
   .popUp__right-in {
    position: relative;
    padding: 50px;
    display: flex
;
    flex-direction: column;
    background: #008BA1;
}
    
    .popUp__right p {
        color: #fff;
    }
.popUp__close {
    position: absolute;
        top: -12px;
    right: 15px;
  
    cursor: pointer;
    background-color: #000;
    width: 3rem;
    height: 3rem;
    display: flex
;
    justify-content: center;
    align-items: center;
    transition:all .3s ease-in-out;
}

.popUp__close:hover{
    background-color:#fff;

}
    .popUp__close i {
        color: #fff;
        font-size: 20px;
        transition:inherit;
    }  
    .popUp__close:hover i{
    color:#000;
    
} 
.popUp__title {
    font-size: 3rem;
    line-height: 122%;
    color: #fff;
    margin-bottom: 3rem;
}
    .popUp__right .btn-fill {
       width: 27rem;
       text-align: center;
    
       padding: 22px;
    }
   

  

  html[lang="ru"] .popUp__title{
      font-size:2.5rem
  }

  html[lang="ru"] .popUp__right-in {
      padding:35px;
  }
    html[lang="sr-Me"] .popUp__close {
     top:0px;
  }
   

    @media (max-width: 992px) {
    .popUp__left {
        height: 50rem;
        width: 55rem;
    }
}

    @media (max-width: 768px) {
    .popUp__right {
        padding: 14rem 0;
        margin-left: 0;
        width: 37rem;
    }
    .popUp__left {
        height: 42rem;
        width: 46rem;
    }

    .popUp__right-in {
        padding: 30px 30px!important;
        position:static;
    }
  
  .popUp__right p{
      margin-bottom:0;
  }
    .popUp__title {
        font-size: 2rem;
    }
    .popUp__left img{
        object-position: top;
    }

}

@media (max-width: 768px) {
    .popUp__right {
        padding: 0;
        margin-left: 0;
        margin-top: 0rem;
        width: 37rem;
      
    }
       .popUp__center {
        flex-direction: column;
        height: 80vh;
        width: 95%;
        background: #008BA1;
        padding-top: 2rem;
        position:relative;
    }
    .popUp__close{
        right:22px;
        top:20px!important;
    }
.popUp__left {
    height: 30rem;
    width: 90%;
  
}
.popUp__right{
    width: 90%;
    margin-left: 0;
    
}
.popUp__right .btn-fill {
    width: 100%;
    text-align: center; 
}
}

@media(max-width:400px){
    .popUp__left {
      
        width: 100%;
    }
    .popUp__right {
     
        width: 100%;
    }
    
}


.cpopBox__noteSpan p{
    margin-bottom: 10px;
}

@media (max-width: 1023px) {
    .rental-offers .offer-carousel .flickity-viewport {
        height: 48rem !important;
    }
    .rental-offers .offer-item .heading-std{
      height: 2.6rem;
    }
    html[lang="ru"] .rental-offers .offer-item .heading-std {
    height: 6.6rem!important;
    }
  .rental-offers .flickity-page-dots {
      bottom: 0;
  }
}

.realestate-oneonly-private-homes .carousel-fw__realestate .carousel-fw__slide{
    width: 100%;
}

.nav-item:first-child(){
    display: none;
}

#nav-main .nav-item:nth-child(1){
    display: none;
}

@media(max-width: 1199px){
    #nav-main .nav-item:nth-child(1){
        display: block;
    }
}