@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.App{background-color:#fff;font-family:Montserrat,sans-serif;font-weight:500;height:100%;margin:auto;min-width:320px;width:100%}.about,.page-container{align-items:center;display:flex;flex-direction:column;gap:43px;justify-content:normal;margin:auto;max-width:1240px;padding:50px 20px 0}@media(min-width:1440px){.about,.page-container{padding:50px 0 0}}@media(max-width:640px){.about,.page-container{gap:27px;padding:20px 10px 0}}a{text-decoration:none!important}header{align-items:normal;background-color:#fff;display:flex;flex-direction:row;gap:initial;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin:auto;max-width:1240px;padding:45px 20px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2}@media(min-width:1440px){header{padding:45px 0 0}}@media(max-width:640px){header{padding:20px 10px 0}}footer{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;font-size:24px;gap:24px;height:229px;justify-content:normal;margin:auto;max-width:1440px;padding:66px 0 29px}@media(max-width:640px){footer{font-size:12px;gap:0}footer p{padding-top:16px;text-align:center;width:122px}}header .logo svg{fill:#ff6060;height:100%;height:68px;width:211px}@media(max-width:640px){header .logo svg{height:100%;margin-top:-10px;width:140px}}footer .logo svg{fill:#fff;width:122px}nav{align-items:center;font-size:24px;gap:initial}nav,nav ul{display:flex;flex-direction:row;justify-content:normal}nav ul{align-items:normal;gap:57px}nav a{color:#ff6060;display:block;position:relative;text-decoration:none}nav a:after{background:#ff6060;content:"";display:block;height:1px;position:absolute;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:100%}nav a:hover:after{-webkit-transform:scale(1);transform:scale(1)}nav a.active{border-bottom:1px solid #ff6060;cursor:default}@media(max-width:640px){nav ul{gap:26px;margin-top:-10px}nav a{font-size:12px;text-transform:uppercase}}.banner{align-items:center;border-radius:25px;display:flex;flex-direction:row;gap:initial;height:223px;justify-content:center;overflow:hidden;position:relative;width:99.9%}.banner h1{color:#fff;font-size:48px;z-index:1}.banner__homepage:after{background:url(/static/media/banner-img-1.7b295fcb71808167cd75.png)}.banner__about:after{background:url(/static/media/banner-img-2.388a325a41a4341c7ba0.png)}.banner:after{background-position:50%;background-size:cover;content:"";-webkit-filter:brightness(70%);filter:brightness(70%);height:inherit;position:absolute;width:inherit;z-index:0}@media(max-width:768px){.banner h1{font-size:36px}}@media(max-width:640px){.banner__homepage{border-radius:10px;height:111px}.banner__homepage h1{font-size:24px;margin:0 16px}}.cards-container{grid-row-gap:50px;grid-column-gap:60px;background-color:#f6f6f6;border-radius:25px;-webkit-column-gap:60px;column-gap:60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,3fr));justify-content:center;margin-bottom:50px;max-width:1240px;padding:50px;row-gap:50px;width:100%}.cards-container .card{align-items:normal;background-color:#ff6060;border-radius:10px;color:#fff;display:flex;flex-direction:row;gap:initial;height:340px;justify-content:normal;overflow:hidden;padding:20px;position:relative;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.cards-container .card:hover{cursor:pointer;-webkit-transform:scale(1.01);transform:scale(1.01)}.cards-container .card:hover>.card__thumbnail{opacity:.2}.cards-container .card:after{background:linear-gradient(180deg,hsla(0,0%,100%,.5),rgba(0,0,0,.5));bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.cards-container .card__thumbnail{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .25s ease-in-out;width:100%}.cards-container .card h2{align-self:flex-end;position:relative;z-index:1}@media(max-width:640px){.cards-container{background-color:#fff;margin-bottom:27px;padding:0;row-gap:20px}.cards-container .card{height:255px}}@media(max-width:374px){.cards-container{grid-template-columns:repeat(auto-fill,minmax(90%,3fr))}}.tags{align-items:normal;color:red;display:flex;flex-direction:row;gap:10px;justify-content:normal}.tags .tag{background-color:#ff6060;border-radius:10px;color:#fff;height:25px;line-height:25px;padding:0 37px}@media(max-width:640px){.tags .tag{display:inline-block;font-size:10px;height:18px;line-height:18px;padding:0;text-align:center;width:84px}}.rating{align-items:normal;align-self:flex-start;display:flex;flex-direction:row;gap:4px;height:36px;justify-content:normal}.rating .star{align-self:center;height:36px;padding:5.5px;width:36px}@media(max-width:640px){.rating{gap:5.5px;height:18px;padding-left:3px;padding-right:3px}.rating .star{height:14px;padding:0;width:14px}}.collapse,.collapse h3{position:relative}.collapse h3{background-color:#ff6060;border-radius:10px;color:#fff;font-size:18px;font-weight:500;height:54px;line-height:54px;padding-left:10px;width:100%;z-index:1}.collapse__button{cursor:pointer;position:absolute;right:15px;top:11px;-webkit-transform:rotate(180deg);transform:rotate(180deg);z-index:2}.collapse__button.active{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.collapse__content{background-color:#f6f6f6;color:#ff6060;font-weight:400;line-height:1.426rem;padding:35px 28px 20px 20px}.collapse__content-parent{border-bottom:none;height:0;margin-top:-10px;overflow:hidden;transition:height .5s ease}.collapse__content-parent.active{height:100px}@media(max-width:640px){.collapse h3{border-radius:5px;font-size:13px;height:30px;line-height:30px}.collapse__button{height:20px;top:4px}}.slider{border-radius:25px;height:415px;overflow:hidden;position:relative;width:100%}.slider__slide{height:100%;opacity:0;position:absolute;transition:opacity .4s ease-in-out;width:100%}.slider__slide img{height:inherit;object-fit:cover;width:inherit}.slider__slide-active{opacity:1}.slider__counter{bottom:25px;color:#fff;font-size:18px;font-weight:500;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media(max-width:640px){.slider{height:255px}.slider__counter{display:none}}.btn-slide{align-items:normal;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:row;gap:initial;height:120px;justify-content:flex-start;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:96px}.btn-slide img{height:79px}.btn-slide__prev{left:0;padding-left:23px}.btn-slide__next{justify-content:flex-end;padding-right:23px;right:0}@media(max-width:640px){.btn-slide{height:24px;padding-top:1.5px;width:24px}.btn-slide__next{padding-right:5px}.btn-slide__prev{padding-left:5px}.btn-slide img{height:20px}}.loader{align-items:center;display:flex;flex-direction:row;gap:initial;height:calc(100vh - 322px);justify-content:center;overflow:hidden;width:100%;z-index:100000}.loader__element{border:5px solid #ff6060;border-radius:100%;margin:10px}.loader__element:first-child{-webkit-animation:preloader .6s ease-in-out infinite alternate;animation:preloader .6s ease-in-out infinite alternate}.loader__element:nth-child(2){-webkit-animation:preloader .6s ease-in-out .2s infinite alternate;animation:preloader .6s ease-in-out .2s infinite alternate}.loader__element:nth-child(3){-webkit-animation:preloader .6s ease-in-out .4s infinite alternate;animation:preloader .6s ease-in-out .4s infinite alternate}@-webkit-keyframes preloader{to{-webkit-transform:scale(2);transform:scale(2)}}@keyframes preloader{to{-webkit-transform:scale(2);transform:scale(2)}}.error{gap:initial;height:calc(100vh - 322px)}.error,.error__message{align-items:center;display:flex;flex-direction:row;justify-content:center}.error__message{background-color:pink;border:1px solid red;color:red;font-size:1.2rem;font-weight:400;gap:15px;height:4rem;max-width:1440px;width:100%}.error__message img{height:1.5rem;opacity:.6;width:1.5rem}@media(max-width:640px){.error__message{font-size:.9rem!important;padding:0 10px}}.about{gap:38px;padding:38px 20px 48px}.about__collapse-container{align-items:normal;display:flex;flex-direction:column;gap:40px;justify-content:normal;width:82.5%}.about h3{border-radius:5px;font-size:24px}@media(min-width:1440px){.about{padding:38px 0 48px}}@media(max-width:640px){.about{gap:19px;padding:19px 20px 29px}.about__collapse-container{gap:30px;width:100%}.about h3{font-size:13px}}.page-not-found{align-items:center;color:#ff6060;display:flex;flex-direction:column;gap:139px;justify-content:normal;padding-bottom:139px;padding-top:139px}.page-not-found h2{font-size:263px;font-weight:700;line-height:263px}.page-not-found p{font-size:26px;font-weight:500;text-align:center}.page-not-found a{color:#ff6060;display:inline;position:relative}.page-not-found a:after{background:#ff6060;bottom:-3px;content:"";display:block;height:1px;position:absolute;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:100%}.page-not-found a:hover:after{-webkit-transform:scale(1);transform:scale(1)}@media(max-width:640px){.page-not-found{gap:113px;padding-bottom:113px;padding-top:113px}.page-not-found h2{font-size:96px;line-height:96px}.page-not-found p{font-size:18px}}.fiche-logement{color:#ff6060;margin:0 auto;max-width:1240px;padding:50px 20px;width:100%}.fiche-logement__wrapper{align-items:normal;display:flex;flex-direction:row;gap:initial;justify-content:space-between;margin-bottom:20px;margin-top:24px}.fiche-logement__title{font-size:32px;font-weight:500;line-height:51px;padding-top:6px}.fiche-logement__location{font-size:18px;font-weight:500;line-height:26px;margin-bottom:20px}.fiche-logement__informations{align-items:normal;display:flex;flex-direction:column;gap:initial;justify-content:space-between}.fiche-logement__informations__host{align-items:normal;display:flex;flex-direction:row;gap:10px;justify-content:flex-end}.fiche-logement__informations__host-avatar{border-radius:50%;height:64px;width:64px}.fiche-logement__informations__host-name{align-self:center;max-width:80px;text-align:right}.fiche-logement__informations .rating{justify-self:flex-end}.fiche-logement__collapse-container{align-items:normal;display:flex;flex-direction:row;gap:3.1%;justify-content:space-between;width:100%}.fiche-logement__collapse-container .collapse{width:50%}@media(min-width:1440px){.fiche-logement__title{font-size:36px}}@media(max-width:1024px){.fiche-logement{padding:27px 20px 37px}.fiche-logement__title{font-size:27px}.fiche-logement__wrapper{flex-direction:column}.fiche-logement__informations{align-items:normal;display:flex;flex-direction:row-reverse;gap:initial;justify-content:space-between}.fiche-logement__informations .rating{align-self:center}}.fiche-logement__title{font-size:22px}@media(max-width:640px){.fiche-logement__collapse-container{align-items:normal;display:flex;flex-direction:column;gap:30px;justify-content:normal}.fiche-logement__collapse-container .collapse{width:100%}.fiche-logement__header{margin-top:0}.fiche-logement__wrapper{margin-bottom:0;margin-top:15px}.fiche-logement__title{font-size:18px;line-height:25px;padding-top:0}.fiche-logement__location{font-size:14px;margin-bottom:5px}.fiche-logement__informations__host{margin-bottom:16px;margin-top:16px}.fiche-logement__informations__host-avatar{height:32px;width:32px}.fiche-logement__informations__host-name{font-size:12px;max-width:60px}}
/*# sourceMappingURL=main.61def5c5.css.map*/