header{margin:0 20px}@media screen and (min-width: 769px){header{margin:0 60px}}.nav{display:flex;justify-content:space-between;align-items:center;width:100%}.nav__logo-kasa{width:145px;height:auto}@media screen and (min-width: 769px){.nav__logo-kasa{width:210px}}.nav__list{gap:1rem}@media screen and (min-width: 769px){.nav__list{gap:3rem}}.nav__link{text-decoration:none;font-weight:500;font-size:12px;border-bottom:1px solid transparent;transition:border-bottom .2s ease;text-transform:uppercase}.nav__link:hover,.nav__link:active,.nav__link:visited{border-bottom:1px solid black;color:#000}@media screen and (min-width: 769px){.nav__link{font-size:24px;text-transform:none}.nav__link:hover,.nav__link:active,.nav__link:visited{border-bottom:2px solid black}}.footer{margin-top:30px;background:#000;display:flex;flex-direction:column;align-items:center;padding:58.5px}.footer__logo{width:122px;height:40px;margin-bottom:15px}.footer__text{color:#fff;font-size:12px;font-weight:500;text-align:center}.footer__text span{display:block}.footer__text span:nth-of-type(1){letter-spacing:.5px}@media screen and (min-width: 769px){.footer__text{font-size:24px}.footer__text span{display:inline}}*{margin:0;padding:0;font-family:Montserrat,sans-serif;font-style:normal}nav{margin:30px 0}ul{list-style-type:none;display:flex;flex-wrap:wrap}.main{max-width:1440px;margin:0 20px}@media (min-width: 769px){.main{margin:0 60px}}@media (min-width: 1540px){.main{margin:0 auto}}.banner{position:relative;width:100%;min-width:335px;margin-bottom:30px;overflow:hidden;border-radius:10px}.banner__title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;color:#fff;z-index:1;font-size:24px;font-weight:700}.banner__title span{display:block}.banner__img{width:100%;height:111px;object-fit:cover;border-radius:10px;filter:brightness(.4);box-shadow:0 2px 3px -2px #000000e6}@media screen and (min-width: 769px){.banner__img{height:223px;border-radius:25px}.banner__title{text-align:center;font-size:48px}.banner__title span{display:inline}}.apartment-card{position:relative;height:255px;overflow:hidden;border-radius:10px}.apartment-card__cover{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.apartment-card a{display:block;text-decoration:none;color:inherit;height:100%;width:100%;position:relative}.apartment-card:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.5) 7%,transparent);z-index:1;border-radius:10px}.apartment-card span{position:absolute;bottom:1rem;left:1rem;right:1rem;z-index:2;color:#fff;font-size:18px;font-weight:700}@media screen and (min-width: 769px){.apartment-card{height:340px}.apartment-card__cover{height:340px;max-width:340px}.apartment-card span{text-align:left;text-overflow:ellipsis;white-space:normal;width:69%}}.apartment-container{width:100%;display:flex;background:#f6f6f6;justify-content:center}.apartment-container .apartment-list{justify-content:center;flex-direction:column;gap:30px}@media screen and (min-width: 769px){.apartment-container{border-radius:25px}.apartment-container .apartment-list{justify-content:space-around;flex-direction:row;padding:50px 0}}.collapse-container{position:relative;margin-bottom:13px;width:100%}.collapse-container.collapsed.collapse__icon{transform:rotate(0)}.collapse-container.collapsed.collapse__icon .collapse__content{max-height:0;padding:0 8px}.collapse-container.expand .collapse__icon{transform:rotate(180deg)}.collapse-container.expand .collapse__content{max-height:500px;padding:8px 8px 20px;border-radius:0 0 5px 5px}.collapse__title{padding:8px;background-color:#ff6060;color:#fff;border-radius:5px;display:flex;justify-content:space-between;align-items:center;margin:0;cursor:pointer;font-size:13px}.collapse__icon{color:#fff;transition:transform .15s ease-in-out}.collapse__content{background-color:#f6f6f6;overflow:hidden;max-height:0;margin-top:-5px;position:relative;z-index:-1;padding:0 8px;border-radius:5px;transition:max-height .3s ease-in-out,padding .3s ease-in-out}.collapse__content p,.collapse__content ul{display:block;margin:1rem 0;padding:0 .5rem}@media screen and (min-width: 769px){.collapse__title{font-size:18px;border-radius:10px;margin-bottom:5px}.collapse__content{margin-top:-14px;border-radius:0 0 10px 10px}.collapse__content p,.collapse__content ul{padding-top:18px;padding:0 1rem}.collapse__icon{padding-right:5px;font-size:24px}.collapse-container.expand .collapse__content{border-radius:0 0 10px 10px}}.about__banner{width:100%;height:111px;margin-bottom:15px;filter:brightness(.7);border-radius:10px;object-fit:cover}@media screen and (min-width: 769px){.about__banner{min-height:223px;border-radius:25px;margin-bottom:30px}}.about__collapse{display:flex;flex-direction:column;gap:10px}@media screen and (min-width: 769px){.about__collapse{margin:0 50px;gap:15px}}.not-found{margin:100px 0;display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 769px){.not-found{margin:80px 0}}.not-found__title{font-size:96px;font-weight:700;color:#ff6060;margin:0}@media screen and (min-width: 769px){.not-found__title{font-size:200px}}.not-found__msg{font-size:18px;font-weight:500;color:#ff6060;margin:100px 0;text-align:center}.not-found__msg span{display:block}@media screen and (min-width: 769px){.not-found__msg span{display:inline}}@media screen and (min-width: 769px){.not-found__msg{font-size:25px;margin:60px 0}}.not-found .home-link:visited{color:#000}@media screen and (min-width: 769px){.not-found .home-link{font-size:18px}}.info-container{margin:15px 0}.info-container .info__title{color:#ff6060;font-size:18px;font-weight:500;margin-bottom:5px}.info-container .info__location{font-size:14px;font-weight:500}@media screen and (min-width: 769px){.info-container .info__title{font-size:30px}.info-container .info__location{font-size:18px}}.tags-container{display:flex;gap:15px;margin-bottom:15px;justify-content:flex-start;align-items:center}.tags-container span{display:inline-block;color:#fff;background-color:#ff6060;font-size:10px;font-weight:700;padding:4px 12px;text-align:center;border-radius:5px}@media screen and (min-width: 769px){.tags-container span{font-size:14px;border-radius:10px;padding:6px 24px}}.host-container{display:flex;align-items:center;gap:10px}@media screen and (min-width: 769px){.host-container .host__name{font-size:18px;text-align:right;padding-right:5px}.host-container .host__picture{width:64px;height:64px}}.host__picture{display:block;width:40px;height:40px;border-radius:50%}.host__name{font-size:14px;font-weight:500;color:#ff6060;width:min-content;text-align:end}.rating__color{width:18px}@media screen and (min-width: 769px){.rating__color{width:24px;padding-left:10px}}.slideshow{position:relative;width:100%;overflow:hidden}.slideshow__image{width:100%;height:255px;border-radius:10px;transition:all .4s ease}.slideshow__arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;cursor:pointer;font-size:24px;z-index:10}.slideshow__arrow.left{left:5px}.slideshow__arrow.right{right:5px}.slideshow__arrow i{pointer-events:none}.slideshow__counter{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);color:#fff;font-size:1rem;display:none}@media screen and (min-width: 769px){.slideshow__image{height:415px;object-fit:cover;border-radius:25px}.slideshow__arrow{font-size:47px}.slideshow__arrow.left{left:15px}.slideshow__arrow.right{right:15px}.slideshow__counter{display:block}}.apartment-host{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-bottom:15px}@media screen and (min-width: 769px){.apartment-content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin:15px 0}.apartment-host{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:0;padding-bottom:25px}.apartment-collapse{display:flex;gap:100px}}
