/* global */
header .nav .social li a svg circle{
  stroke: #518EB4;
}
header .nav .social li a svg path{
  fill: #518EB4;
}
footer{
  position: relative;
}
body{
  position: relative;
}
body:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100vw / 4.8);
  background-image: url(../images/footer-sky.jpg);
  background-position: center;
  background-size: cover;
  z-index: -2;
}
body:before{
  content: '';
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  height: calc(100vw / 4.8);
  background: linear-gradient(180deg, #FFFFFF 43.24%, rgba(255, 255, 255, 0) 95.33%);
  z-index: -1;
}
.footer-brush{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 300px;
  background-image: url(../images/footer-brush.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: calc(100vw / 3);
}
.modal#gallery{
  background: rgba(0,0,0,.6);
}
.text-center{
  text-align: center;
}
@media screen and (max-width: 991px){
  body{
    padding-bottom: calc(100vw / 4.955);
  }
  .footer-brush{
    background-image: url(../images/footer-brush-tablet.png);
    background-position: center bottom;
    background-size: 100%;
  }
}
@media screen and (max-width: 767px){
  .modal#gallery{
    align-items: center;
    background: rgba(0, 0, 0, .85);
  }
}
@media screen and (max-width: 599px){
  body:after{
    height: 300px;
  }
  body:before{
    height: 300px;
    background: linear-gradient(180deg, #FFFFFF 20%, rgba(255, 255, 255, 0) 100%);
  }
}

.hero-bottom-arrow{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 8;
    padding: 40px 20px;
    text-align: center;
    animation-duration: 3s;
    animation-name: slidein;
    animation-iteration-count: infinite;
}
.hero-bottom-arrow svg{
  cursor: pointer;
}
@keyframes slidein {
  0% {
    bottom: 20px;
  }

  50% {
    bottom: -20px;
  }

  100% {
    bottom: 20px;
  }
}
@media screen and (max-width: 480px){

}
/* -- global */

/* hero */
.hero{
  padding: 150px calc(100vw / 21.33333333) 120px;
  display: flex;
  align-items: center;
  position: relative;
  background-image: url(../images/sky.jpg);
  background-size: cover;
  background-position: center;
}
.hero:before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 90%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 7.07%, #FFFFFF 109.19%);
}
.hero:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 90%;
  background: url(../images/title-plane.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.hero .title{
  width: 50%;
  position: relative;
  z-index: 9;
}
.hero .title h1{
  font-size: calc(100vw / 19);
  font-weight: 500;
}
.hero .title p{
  font-size: calc(100vw / 64);
  margin: calc(100vw / 48) 0;
}
.hero .price{
  width: 50%;
  text-align: center;
  position: relative;
  z-index: 9;
}
.hero .price .title-price{
  font-weight: 300;
  color: #518EB4;
  font-size: calc(100vw / 48);
  line-height: 1.2
}
.hero .price .price-uah{
  color: #244E67;
  font-style: italic;
  font-weight: 200;
  font-size: calc(100vw / 21.33333333);
}
.hero .price .price-usd{
  color: #518EB4;
  font-style: italic;
  font-weight: 200;
  font-size: calc(100vw / 32);
  margin-top: calc(-100vw / 96);
}
.hero .hero-button-files{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.hero .hero-button-files a{
  min-width: 155px;
  text-align: center;
  justify-content: center;
}
@media screen and (max-width: 991px){
  .hero{
    flex-wrap: wrap;
    gap: 40px;
    padding: 100px calc(100vw / 21.33333333) 60px;
    padding-bottom: 130px;
  }
  .hero:after{
    background-size: 150%;
  }
  .hero .title,
  .hero .price{
    width: 100%;
    text-align: center;
  }
  .hero .title h1{
    font-size: calc(100vw / 12.3875);
  }
  .hero .title p{
    font-size: 18px;
  }
  .hero .price .title-price{
    font-size: 20px;
  }
  .hero .price .price-uah{
    font-size: calc(100vw / 18);
  }
  .hero .price .price-usd{
    font-size: 20px;
  }
  .hero .hero-button-files{
    justify-content: center;
  }
}
@media screen and (max-width: 599px){
  .hero{
    padding-bottom: 130px;
  }
  .hero .title p{
    font-size: 16px;
  }
  .hero .title h1{
    font-size: calc(100vw / 8);
  }
  .hero .price .price-uah {
    font-size: calc(100vw / 12);
  }
  .hero .title p{
    margin: 20px 0;
  }
}
/* -- hero */

/* section-gallery-cottage */
.section-gallery-cottage{
  padding: 0px calc(100vw / 21.33333333);
  position: relative;
}
.section-gallery-cottage::after{
  content: '';
  position: absolute;
  background-image: url(../images/tree-single-cottage.png);
  background-position: right center;
  background-size: cover;
  left: 0;
  top: calc(-100vw / 14.76923077);
  width: calc(100vw / 3.772102161);
  height: calc(100vw / 7.836734694);
  z-index: 9;
}
.section-gallery-cottage img{
  border-radius: 50px;
}
.nav-slider-gallery-cottage{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60%;
  background: #fff;
  z-index: 9;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  border-radius: 0 50px 0 0;
  padding: 30px;
  justify-content: space-between;
}
.nav-slider-gallery-cottage:after{
  content: '';
  position: absolute;
  bottom: 0px;
  width: 50px;
  height: 50px;
  background-image: url(../images/border-radius.svg);
  background-size: 50px;
  background-position: center;
  z-index: 1;
  right: -50px;
  transform: rotate(90deg);
}
.nav-slider-gallery-cottage:before{
  content: '';
  position: absolute;
  top: -50px;
  width: 50px;
  height: 50px;
  background-image: url(../images/border-radius.svg);
  background-size: 50px;
  background-position: center;
  z-index: 1;
  left: 0px;
  transform: rotate(90deg);
}
@media screen and (max-width: 991px){
  .nav-slider-gallery-cottage{
    padding: 16px 30px;
    border-radius: 0 40px 0 0;
  }
  .section-gallery-cottage img{
    border-radius: 40px;
  }
  .nav-slider-gallery-cottage:before{
    width: 40px;
    height: 40px;
    top: -40px;
    background-size: 40px;
  }
  .nav-slider-gallery-cottage:after{
    background-size: 40px;
    width: 40px;
    height: 40px;
    right: -40px;
  }
}
@media screen and (max-width: 599px){
  .nav-slider-gallery-cottage{
    position: relative;
    background: none;
    width: 100%;
    padding: 16px 0px;
  }
  .nav-slider-gallery-cottage:before,
  .nav-slider-gallery-cottage:after,
  .section-gallery-cottage::after{
    display: none;
  }
}
/* -- section-gallery-cottage */

/* description-cottage */

.description-cottage{
  padding: 50px calc(100vw / 21.33333333) 0;
  display: flex;
  align-items: center;
}
.description-cottage .text{
  width: 60%;
  padding-right: 115px;
}
.description-cottage .text h2{
  font-size: calc(100vw / 24);
  margin-bottom: 20px;
}
.description-cottage .text p{
  margin-bottom: 15px;
  font-size: calc(100vw / 87.27272727);
  line-height: calc(100vw / 53.33333333);
}
.description-cottage .specification{
  width: 40%;
}
.description-cottage .specification .items{
  background: rgba(152,200,222,.3);
  border-radius: calc(100vw / 64);
}
.description-cottage .specification .items .item{
  border-bottom: 1px solid #fff;
  display: flex;
  align-items: center;
  font-size: calc(100vw / 87.27272727);
  line-height: calc(100vw / 53.33333333);
  padding: calc(100vw / 112.9411765);
}
.description-cottage .specification .items .item p.name{
  width: 60%;
  padding-left: 40px;
}
.description-cottage .specification .items .item p.value{
  width: 40%;
}
.description-cottage .specification .items .item:last-child{
  border-bottom: 0;
}
@media screen and (max-width: 991px){
  .description-cottage .text h2 {
    font-size: calc(100vw / 16.51666667);
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
  }
  .description-cottage{
    flex-wrap: wrap;
  }
  .description-cottage .text{
    width: 100%;
    padding-right: 0;
  }
  .description-cottage .text p{
    font-size: 16px;
    line-height: 1.4;
  }
  .description-cottage .specification{
    width: 100%;
    margin-top: 30px;
  }
  .description-cottage .specification .items .item p{
    font-size: 18px;
  }
}
@media screen and (max-width: 599px){
  .description-cottage .specification .items .item{
    padding: 10px 0;
  }
  .description-cottage .text h2{
    font-size: 40px;
  }
  .description-cottage .specification .items .item p.name{
    padding-left: 20px;
    width: 60%;
    font-size: 16px;
  }
  .description-cottage .specification .items .item p.value{
    width: 40%;
    font-size: 16px;
    padding-right: 10px;
  }
}
/* -- description-cottage */

/* planning-cottage */

.planning-cottage{
  background-image: url(../images/sky2.png);
  background-position: center;
  background-size: cover;
  position: relative;
  padding: 50px calc(100vw / 21.33333333);
}
.planning-cottage:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(180deg, #FFFFFF 13.14%, rgba(255, 255, 255, 0) 35.83%, rgba(255, 255, 255, 0) 58.51%, #FFFFFF 96.62%);
}
.planning-cottage .big-tree{
  position: absolute;
  left: 0;
  width: auto;
  height: 60%;
  bottom: 30%;
  z-index: 3;
}
.planning-cottage > *{
  position: relative;
  z-index: 9
}
.planning-cottage h2{
  font-size: calc(100vw / 24);
  margin-bottom: 20px;
  text-align: center;
}
.nav-planning-cottage{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.nav-planning-cottage button{
  line-height: calc(100vw / 44.65116279);
  font-size: calc(100vw / 96);
  font-weight: 500;
  color: #518EB4;
  border: 2px solid #518EB4;
  padding: 0 calc(100vw / 76.8);
  border-radius: calc(100vw / 76.8);
  background: transparent;
}
.nav-planning-cottage button:hover,
.nav-planning-cottage button.active{
  background: #518EB4;
  color: #fff;
}
.content-planning-cottage__floor{
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: all .2s;
}
.content-planning-cottage__floor.active{
  opacity: 1;
  visibility: visible;
  position: relative;
}
.content-planning-cottage__floor .specification-floor{
  width: 45%;
  padding: 0px calc(100vw / 21.33333333);
}
.content-planning-cottage__floor .specification-floor .title-floor{
  text-align: center;
  font-size: calc(100vw / 60);
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: calc(100vw / 128);
}
.content-planning-cottage__floor .specification-floor .specification-floor__table{
  background: rgba(152,200,222,.3);
  border-radius: calc(100vw / 64);
  overflow: hidden;
  margin-bottom: calc(100vw / 76.8);
}
.content-planning-cottage__floor .specification-floor .specification-floor__table .item{
  border-bottom: 1px solid rgba(255,255,255,.5);
  display: flex;
  align-items: center;
  font-size: calc(100vw / 87.27272727);
  line-height: calc(100vw / 53.33333333);
  padding: calc(100vw / 112.9411765);
}
.content-planning-cottage__floor .specification-floor .specification-floor__table .item p.name{
  width: 60%;
  padding-left: 40px;
}
.content-planning-cottage__floor .specification-floor .specification-floor__table .item p.value{
  width: 40%;
}
.content-planning-cottage__floor .specification-floor .specification-floor__table .item.total{
  background: #518EB4;
}
.content-planning-cottage__floor .specification-floor .specification-floor__table .item.total p{
  color: #98C8DE;
}
.content-planning-cottage__floor .specification-floor .specification-floor__table .item:last-child{
  border-bottom: 0;
}
.content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 calc(100vw / 76.8) 0;
}
.content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage .nav-dbl-planning-cottage__item{
  display: flex;
  align-items: center;
  gap: 13px;
}
.content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage .nav-dbl-planning-cottage__item span{
 color: #518EB4;
}
.content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage .nav-dbl-planning-cottage__item.disabled span{
  color: #98C8DE;
  cursor: default;
}
.content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage .nav-dbl-planning-cottage__item .button-prev,
.content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage .nav-dbl-planning-cottage__item .button-next{
  border-color: #518EB4;
}
.content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage .nav-dbl-planning-cottage__item.disabled .button-prev,
.content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage .nav-dbl-planning-cottage__item.disabled .button-next{
  border-color: #98C8DE;
  cursor: default;
}
.content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage .nav-dbl-planning-cottage__item svg path{
  fill: #518EB4;
}
.content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage .nav-dbl-planning-cottage__item.disabled svg path{
  fill: #98C8DE;
}
.button-download{
  text-align: center;
}
.content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage .nav-dbl-planning-cottage__item:not(.disabled) .button-prev:hover,
.content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage .nav-dbl-planning-cottage__item:not(.disabled) .button-next:hover{
  border-color: #32B3E2;
}
.content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage .nav-dbl-planning-cottage__item:not(.disabled) > div:hover svg path{
  fill: #32B3E2;
}
.content-planning-cottage__floor .image-floor{
  width: 55%;
  text-align: center;
}
#floor3{
  justify-content: center;
}
#floor3 .title-floor{
  text-align: center;
  font-size: calc(100vw / 60);
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: calc(100vw / 128);
}
#floor3 img{
  max-height: 70vh;
}

@media screen and (max-width: 991px){
  .planning-cottage h2{
    font-size: calc(100vw / 16.51666667);
  }
  .nav-planning-cottage button{
    font-size: 20px;
    line-height: 36px;
    border-radius: 20px;
    padding: 0 25px;
  }
  .content-planning-cottage__floor{
    flex-wrap: wrap;
  }
  .content-planning-cottage__floor .image-floor{
    order: 1;
    width: 100%;
  }
  .content-planning-cottage__floor .specification-floor{
    order: 2;
    width: 100%;
  }
  .content-planning-cottage__floor .specification-floor .specification-floor__table .item p{
    font-size: 18px;
  }
  .content-planning-cottage__floor .specification-floor .title-floor{
    color: #518EB4;
    font-size: 20px;
  }
  #floor3 .title-floor {
      color: #518EB4;
      font-size: 20px;
  }
}
@media screen and (max-width: 599px){
  .planning-cottage h2{
    font-size: 40px;
  }
  .planning-cottage .big-tree{
    width: 200px;
    height: auto;
    left: -120px;
    transform: rotate(12deg);
  }
  .content-planning-cottage__floor .specification-floor .specification-floor__table .item p.name{
    padding-left: 20px;
    width: 70%;
  }
  .content-planning-cottage__floor .specification-floor .specification-floor__table .item p.value{
    width: 30%;
  }
  .content-planning-cottage__floor .specification-floor .specification-floor__table .item p{
    font-size: 16px;
  }
  .content-planning-cottage__floor .specification-floor .nav-dbl-planning-cottage{
    margin: 20px 0;
  }
  .nav-planning-cottage button{
    font-size: 18px;
  }
  .content-planning-cottage__floor .specification-floor{
    padding: 0;
  }
  .content-planning-cottage__floor .specification-floor .specification-floor__table .item{
    padding: 10px 0;
  }
}

/* -- planning-cottage */

/* select-fasad */
.select-fasad{
  padding: 50px calc(100vw / 21.33333333);
  z-index: 3;
  position: relative;
}
.select-fasad h2{
  font-size: calc(100vw / 24);
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  z-index: 9;
}
.wrapper-items-fasad{
  display: flex;
  justify-content: center;
  gap: 50px;
  max-width: 1445px;
  margin: auto;
  border-radius: 90px;
  padding: 0 calc(100vw / 19.2) 20px;
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}
.wrapper-items-fasad:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 90px;
  background: #518EB4 url(../images/pattern.svg);
  background-size: cover;
  background-position: center;
}
.wrapper-items-fasad .item{
  text-align: center;
  position: relative;
  z-index: 8;
  width: calc((100% - 100px) / 3);
}
.wrapper-items-fasad .item .image{
  position: relative;
  margin-top: -20px;
}
.wrapper-items-fasad .item .image:before{
  content: '';
  position: absolute;
  width: calc(100vw / 5.217391304);
  height: calc(100vw / 5.217391304);
  background: rgba(152, 200, 222, .5);
  border-radius: calc(100vw / 21.81818182);
  z-index: 0;
  left: calc((100% - 100vw / 5.217391304) / 2);
  bottom: -10px;
}
.wrapper-items-fasad .item .image img{
  position: relative;
  z-index: 9;
}
.wrapper-items-fasad .item p.name{
  color: #fff;
  font-size: calc(100vw / 96);
  line-height: calc(100vw / 73.84615385);
  font-weight: 500;
  padding: calc(100vw / 96) 0;
  margin: auto;
}
.wrapper-items-fasad .item a.btn-theme-transparent{
  border-color: #fff;
  color: #fff;
}
.wrapper-items-fasad .item a.btn-theme-transparent:hover{
  border-color: #32B3E2;
  background: #32B3E2;
}
.branch-one,
.branch-two{
  position: absolute;
  z-index: -1;
}
.branch-one{
  width: calc(100vw / 4);
  top: calc(-100vw / 21.33333333);
  right: calc(-100vw / 14.76923077);
}
.branch-two{
  width: calc(100vw / 4);
  left: calc(-100vw / 9.6);
  top: 0;
}
.slider-fasad{
  padding-top: 20px;
  margin-top: -20px;
}
.nav-slider-fasad{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  position: relative;
  top: 5px;
  z-index: 9;
}
.wrapper-items-fasad-with-carousel{
  display: block;
}
@media screen and (max-width: 1599px){
  .branch-two{
    width: calc(100vw / 4);
    left: calc(-100vw / 21.33333333);
  }
}
.branch-one{
  width: calc(100vw / 4);
  top: calc(-100vw / 21.33333333);
  right: calc(-100vw / 21.33333333);
}
@media screen and (max-width: 991px){
  .select-fasad h2{
    font-size: calc(100vw / 16.51666667);
  }
  .wrapper-items-fasad{
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 30px 50px;
  }
  .wrapper-items-fasad .item{
    width: calc((100% - 20px) / 2);
  }
  .wrapper-items-fasad .item p.name{
    font-size: calc(100vw / 49.55);
    line-height: 1.4;
  }
  .wrapper-items-fasad .item a.btn-theme-transparent{
    font-size: 14px;
  }
  .wrapper-items-fasad .item .image:before{
    width: calc(100vw / 3.3);
    height: calc(100vw / 3.3);
    left: calc((100% - 100vw / 3.3) / 2);
  }
  .branch-two {
    width: calc(100vw / 2);
    left: 25%;
    bottom: -240px;
    transform: rotate(300deg);
  }
  .branch-one {
    width: 50%;
    top: -70px;
    right: 0;
  }
}
@media screen and (max-width: 767px){
  .select-fasad{
    padding-bottom: 0;
  }
  .wrapper-items-fasad{
    gap: 30px;
  }
  .wrapper-items-fasad .item{
    width: 100%;
  }
  .wrapper-items-fasad .item p.name{
    font-size: calc(100vw / 30);
  }
  .wrapper-items-fasad .item .image:before {
    width: calc(100vw / 1.7);
    height: calc(100vw / 1.7);
    left: calc((100% - 100vw / 1.7) / 2);
  }
  .branch-two{
    bottom: -150px;
  }
}
@media screen and (max-width: 599px){
  .wrapper-items-fasad:before{
    border-radius: 30px;
  }
  .select-fasad h2{
    font-size: 40px;
  }
  .wrapper-items-fasad .item p.name{
    font-size: 16px;
    padding: 10px 0;
  }
  .branch-two {
    bottom: -90px;
  }
}
/* -- select-fasad */

/* cta-calculator */
.cta-calculator{
  background-size: cover;
  background-repeat: no-repeat;
  height: calc(100vw / 2.102957284);
  margin-top: calc(-100vw / 18);
  z-index: 2;
  position: relative;
}
.cta-calculator:before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background: #000000;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
}
.cta-calculator .text{
  width: 50%;
  margin-left: 50%;
  color: #fff;
  padding-top: 25%;
  max-width: calc(100vw / 3.2);
  position: relative;
  z-index: 9;
}
.cta-calculator .text h2{
  font-size: calc(100vw / 40);
}
.cta-calculator .text p{
  color: #fff;
  font-size: calc(100vw / 80);
  line-height: calc(100vw / 48);
  margin: calc(100vw / 80) 0 calc(100vw / 48);
}
.cta-calculator .text a.btn-theme-transparent{
  border-color: #fff;
  color: #fff;
}
.cta-calculator .text a.btn-theme-transparent:hover{
  border-color: #32B3E2;
  background: #32B3E2;
}
@media screen and (max-width: 991px){
  .cta-calculator{
    height: calc(100vw / 1.2);
    padding: 30% calc(100vw / 21.33333333) 50px;
    background-position: left 25% top;
    margin-top: 0px;
    display: flex;
    align-items: center;
  }
  .cta-calculator .text{
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    padding-top: 0;
  }
  .cta-calculator .text h2{
    font-size: calc(100vw / 20.64583333);
  }
  .cta-calculator .text p{
    font-size: calc(100vw / 41.29166667);
    line-height: 1.4;
  }
}
@media screen and (max-width: 599px){
  .cta-calculator{
    height: auto;
    padding: 45% calc(100vw / 21.33333333) 50px;
  }
  .cta-calculator:before{
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .cta-calculator .text{
    text-align: center;
  }
  .cta-calculator .text h2{
    font-size: 35px;
  }
  .cta-calculator .text p{
    font-size: 16px;
    margin: 10px 0;
  }
}
/* -- cta-calculator */

/* characteristics-cottage */
.characteristics-cottage{
  padding: 50px calc(100vw / 21.33333333);
  display: flex;
  gap: 30px;
}
.characteristics-cottage > div{
  width: calc((100% - 30px) / 2);
}
.characteristics-cottage h2{
  text-align: center;
  font-size: calc(100vw / 48);
  line-height: calc(100vw / 21.33);
}
.characteristics-cottage .items{
  background: rgba(152,200,222,.3);
  border-radius: calc(100vw / 32);
}
.characteristics-cottage .items .item{
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.3);
  padding: calc(100vw / 112.9411765);
}
.characteristics-cottage .items .item p{
  line-height: 1.4;
  font-size: calc(100vw / 80);
  color: #518EB4;
}
.characteristics-cottage .items .item p.name{
  padding-left: 10px;
  width: 220px;
}
.characteristics-cottage .items .item p.value{
  width: calc(100% - 220px);
  padding-left: 20px;
  padding-right: 0px;
}
.footnote{
  font-size: 10px;
  line-height: 12px;
  margin-top: 14px;
  color: #518EB4;
}
.characteristics-cottage .gallery{
  position: relative;
}
.characteristics-cottage .gallery .gallery-wrapper{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.characteristics-cottage .gallery .thumbnail-gallery{
  background-position: center;
  background-size: cover;
  border-radius: calc(100vw / 32);
  width: 100%;
  height: calc((100% - 60px) / 3);
}
.thumbnail-gallery-group{
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: calc((100% - 30px) / 2);
}
.characteristics-cottage .gallery .gallery-wrapper > .thumbnail-gallery:nth-child(1){
  height: calc(25% - 20px);
}
.characteristics-cottage .gallery .gallery-wrapper > .thumbnail-gallery:nth-child(2){
  width: calc((100% - 30px) / 2);
  height: calc(35% - 20px);
}
.characteristics-cottage .gallery .thumbnail-gallery-group-1{
  height: calc(35% - 20px);
}
.characteristics-cottage .gallery .thumbnail-gallery-group-1 .thumbnail-gallery{
  height: 100%;
  width: 100%;
}
.characteristics-cottage .gallery .thumbnail-gallery-group-2{
  height: calc(40% - 20px);
}
.characteristics-cottage .gallery .thumbnail-gallery-group-2 .thumbnail-gallery{
  width: 100%;
}
.characteristics-cottage .gallery .thumbnail-gallery-group-2 .thumbnail-gallery:first-child{
  height: calc(40% - 15px);
}
.characteristics-cottage .gallery .thumbnail-gallery-group-2 .thumbnail-gallery:last-child{
  height: calc(60% - 15px);
}
.thumbnail-gallery-group .thumbnail-gallery{
  width: 100%;
}
.characteristics-cottage .gallery .gallery-wrapper > .thumbnail-gallery:last-child{
  width: calc((100% - 30px) / 2);
  height: calc(40% - 20px);
}
.gallery-show-button-wrapper{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  text-align: center;
  cursor: pointer;
}
.gallery-show-button-wrapper .gallery-show-button{
  position: sticky;
  top: calc(50vh - 100px);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  margin: 50px auto;
  background: rgba(0,0,0,.6);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0;
  transition: all .3s;
}
.gallery-show-button-wrapper .gallery-show-button p{
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}
.characteristics-cottage .gallery .thumbnail-gallery{
  transition: all .3s;
}
.characteristics-cottage .gallery:hover .thumbnail-gallery{
  filter: blur(5px);
}
.characteristics-cottage .gallery:hover .gallery-show-button-wrapper .gallery-show-button{
  background: rgba(0,0,0,.8);
}
.content-modal-gallery{
  width: 120vh;
  max-width: 90%;
}
.content-modal-gallery .swiper-slide{
  overflow: hidden;
  text-align: center;
}
.content-modal-gallery .swiper-slide img{
  max-height: 70vh;
  margin: auto;
  border-radius: calc(100vw / 32);
  aspect-ratio: 2 / 1.2;
  object-fit: cover;
}
.nav-slider-gallery-modal{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.nav-slider-gallery-modal .button-prev:hover,
.nav-slider-gallery-modal .button-next:hover {
    border-color: #fff;
}
.nav-slider-gallery-modal .button-prev:hover svg path,
.nav-slider-gallery-modal .button-next:hover svg path{
  fill: #fff;
}
.nav-slider-gallery-modal .swiper-pagination-bullet{
  background: #fff;
}

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

  .characteristics-cottage{
    flex-wrap: wrap;
  }
  .characteristics-cottage > div{
    width: 100%;
  }
  .characteristics-cottage .gallery{
    min-height: 700px;
  }
  .characteristics-cottage .gallery .gallery-wrapper > .thumbnail-gallery:nth-child(1){
    display: none;
  }
  .characteristics-cottage .gallery .thumbnail-gallery-group-1,
  .characteristics-cottage .gallery .gallery-wrapper > .thumbnail-gallery:nth-child(2),
  .characteristics-cottage .gallery .thumbnail-gallery-group-2,
  .characteristics-cottage .gallery .gallery-wrapper > .thumbnail-gallery:last-child{
    height: calc(50% - 15px);
  }
}
@media screen and (max-width: 991px){
  .characteristics-cottage .items .item p{
    font-size: 16px;
  }
  .characteristics-cottage .items .item{
    padding: 12px 0;
  }
  .characteristics-cottage h2{
    font-size: calc(100vw / 24.775);
    line-height: 1.4;
    margin: 25px;
  }
  .characteristics-cottage .items .item p.name{
    padding-left: 30px;
  }
}
@media screen and (max-width: 599px){
  .characteristics-cottage h2{
    font-size: 30px;
  }
  .characteristics-cottage .items .item{
    flex-wrap: wrap;
    border-bottom: 2px solid rgba(255, 255, 255, .3);
  }
  .characteristics-cottage .items .item p.name,
  .characteristics-cottage .items .item p.value{
    width: 100%;
    padding: 10px 15px;
    line-height: 1.5;
  }
  .characteristics-cottage .items .item p.name{
    font-weight: 700;
    padding-bottom: 0;
  }
  .characteristics-cottage .items .item p.value{
    padding-top: 0;
  }
  .characteristics-cottage .gallery {
      min-height: 80vh;
  }
  .characteristics-cottage .gallery .gallery-wrapper{
    gap: 10px;
  }
  .thumbnail-gallery-group{
    gap: 10px;
    width: calc((100% - 10px) / 2);
  }
  .characteristics-cottage .gallery .thumbnail-gallery-group-1, .characteristics-cottage .gallery .gallery-wrapper > .thumbnail-gallery:nth-child(2), .characteristics-cottage .gallery .thumbnail-gallery-group-2, .characteristics-cottage .gallery .gallery-wrapper > .thumbnail-gallery:last-child{
    height: calc(50% - 5px);
  }
  .characteristics-cottage .gallery .thumbnail-gallery-group-2 .thumbnail-gallery:last-child{
    height: calc(60% - 5px);
  }
  .characteristics-cottage .gallery .thumbnail-gallery-group-2 .thumbnail-gallery:first-child {
    height: calc(40% - 5px);
  }
  .characteristics-cottage .gallery .gallery-wrapper > .thumbnail-gallery:last-child,
  .characteristics-cottage .gallery .gallery-wrapper > .thumbnail-gallery:nth-child(2){
    width: calc((100% - 10px) / 2);
  }
}
/* -- characteristics-cottage */