body{margin:0;padding:0;overflow-x:hidden;font-family:"PT Sans",Arial,sans-serif;font-size:15px;line-height:30px;color:#333;background-color:#fff;text-transform:uppercase}a{text-decoration:none}ul{list-style:none}.visually-hidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}.btn{margin:0;padding:0;font-style:normal;font-weight:bold;font-size:14px;line-height:21px;color:#fff;border:0;background-color:transparent;text-transform:uppercase;cursor:pointer}.page{height:100%}.page-body{position:relative;display:grid;min-height:100%;grid-template-rows:min-content 1fr min-content;align-content:start;background-color:#eee}.container{width:1050px;margin:0 auto;padding:0 10px}.welcome-wrapper .container{width:1200px}.reasons .container{width:1200px}.request .container{width:1200px}.map .container{width:1200px}.hotels__form-wrapper.container{width:1200px}.hotels__list.container{width:1200px;padding:0}footer.footer.container{width:1200px}header.header.container{width:1200px;padding:0}section.hotels.container{width:1200px;padding:0}.header{position:relative;background-color:#fff;box-shadow:0 5px 15px rgba(0,1,1,0.2)}.header::after{content:'';position:absolute;top:58%;left:50%;z-index:1;width:140px;height:70px;transform:translate(-50%,-50%);background-image:url('../img/logo.png');background-repeat:no-repeat}.nav{display:flex;justify-content:space-between}.nav__list{width:31%;padding:0;margin:0;display:flex;justify-content:space-between}.nav .nav__item{padding:15px 0}.nav .nav__link{font-style:normal;font-weight:bold;font-size:14px;line-height:26px;color:#000}.nav .nav__link:hover,.nav .nav__link:focus{color:#81b3d2;outline:0}.nav .nav__link:active{color:#000;opacity:.3}.nav .nav__link-active{color:#766357}.nav .nav__link-active:focus,.nav .nav__link-active:hover{color:#766357;opacity:.8}.logo-wrapper{text-align:center}.logo{position:relative;padding:78px;background-image:url('../img/background_photo.jpg');background-repeat:no-repeat;background-size:cover;overflow:hidden;box-shadow:0 5px 15px rgba(0,1,1,0.2)}.logo-dec1{position:absolute;bottom:-50px;left:-12px;background-color:#fff;width:260px;height:100px;transform:rotate(8deg)}.logo-dec2{position:absolute;bottom:-70px;left:247px;background-color:#fff;width:350px;height:100px;transform:rotate(10deg) skewX(10deg)}.logo-dec3{position:absolute;bottom:-70px;right:259px;background-color:#fff;width:350px;height:100px;transform:rotate(-10deg) skewX(-10deg)}.logo-dec4{position:absolute;bottom:-50px;right:-10px;background-color:#fff;width:272px;height:100px;transform:rotate(-8deg)}.welcome__text{background-color:#fff;box-shadow:0 5px 15px rgba(0,1,1,0.2)}.welcome__text h3{position:relative;margin:0;padding:40px 0;font-style:normal;font-weight:bold;font-size:21px;line-height:26px;color:#000;text-align:center;background-color:#fff}.welcome__text p{margin:0;padding-bottom:50px;font-style:normal;font-weight:normal;font-size:14px;line-height:26px;text-align:center}.reasons_wrapper{display:grid;grid-template-columns:repeat(3,400px);grid-template-rows:256px 300px 256px 256px;background-color:#fff;box-shadow:0 5px 15px rgba(0,1,1,0.2)}.reasons__item{background-repeat:no-repeat;background-position:50% 20%}.reasons__item:nth-child(2){grid-column:2/3}.reasons__item:nth-child(4){background-image:url('../img/house.svg')}.reasons__item:nth-child(5){background-image:url('../img/burger.svg')}.reasons__item:nth-child(6){background-image:url('../img/present.svg')}.reasons__item:nth-child(7){grid-column:1/2}.reasons__item .reasons__title{margin:0 auto;margin-top:148px;margin-bottom:25px;width:151px;font-style:normal;font-weight:bold;font-size:21px;line-height:21px;color:#000;text-align:center}.reasons__item .reasons__text{margin:0 auto;text-align:center;width:300px;font-style:normal;font-weight:normal;font-size:14px;line-height:21px}.reasons__main{background-color:#eee;margin:0}.reasons__main .reasons__number{position:relative;z-index:2;margin:0 auto;text-align:center;width:116px;margin-bottom:23px;font-style:normal;font-weight:normal;font-size:14px;line-height:21px}.reasons__main .reasons__title{margin-top:48px}.reasons__number::before,.reasons__number::after{content:'';position:absolute;z-index:1;top:50%;left:30%;width:8px;background-color:#333;height:1px;transform:translateY(-50%)}.reasons__number::after{left:auto;right:30%}.reasons__main-blue{background-color:#81b3d2}.reasons__main-blue .reasons__number::before,.reasons__main-blue .reasons__number::after{background-color:#fff}.reasons__main-blue .reasons__number{color:#fff}.reasons__main-blue .reasons__text{color:#fff}.reasons__main-blue .reasons__title{color:#fff}.request__wrapper{padding:0;padding-top:61px;background-color:#fff;box-shadow:0 5px 15px rgba(0,1,1,0.2)}.request h2{margin:0 auto;margin-bottom:35px;font-style:normal;font-weight:bold;font-size:30px;line-height:24px;color:#000;text-align:center}.request p{margin:0 auto;margin-bottom:40px;max-width:450px;font-style:normal;font-weight:normal;font-size:14px;line-height:24px;text-align:center}.modal_search{position:relative;display:flex;margin:0 auto;flex-direction:column;align-self:self-end;max-width:568px;box-shadow:0 7px 15px rgba(0,1,1,0.15)}.modal form{display:block;position:absolute;padding-top:61px;background-color:#fff;padding-bottom:55px;top:100%;width:100%;transition:all .4s ease-in}.modal .form-disappear{transform:translateY(-229px) scaleY(0.1)}.modal h2{position:relative;z-index:3;margin:0;padding:30px 125px;font-style:normal;font-weight:bold;font-size:21px;line-height:26px;color:#fff;background-color:#766357;user-select:none}.modal h2:hover{background-color:#604e43}.modal h2:active{color:rgba(255,255,255,0.3);background-color:#503e33}.accord-btn{font:inherit;font-size:21px;color:#fff;background-color:transparent;border:0;line-height:26px;text-transform:unset}.accord-btn:focus{outline:0}.accord-btn:active{color:rgba(255,255,255,0.3);background-color:#503e33}.modal .input__wrapper{position:relative;display:flex;margin:0;margin-bottom:30px;padding:0 55px;justify-content:space-between;gap:15px;align-items:center}.modal .input__wrapper::after{content:'';position:absolute;right:12%;top:20;display:block;width:21px;height:23px;background-image:url('../img/calendar.svg')}.modal .input__wrapper:hover::after{background-image:url('../img/calendar-hover.svg')}.modal .input__wrapper:focus::after{background-image:url('../img/calendar-hover.svg')}.modal .input__wrapper:active::after{background-image:url('../img/calendar-active.svg')}.modal label{margin-right:-5px;font-style:normal;font-weight:bold;font-size:14px;line-height:26px;color:#000;user-select:none}.modal input{display:flex;width:327px;height:38px;padding:0;margin:0;padding-left:13px;font-style:normal;font-weight:bold;font-size:14px;line-height:26px;color:#000;border:2px solid transparent;background-color:#f2f2f2}.modal input:hover,.modal input:focus{outline:0}.modal input:hover{background-color:#ebebeb}.modal input:focus{border-color:#e5e5e5;background-color:#fff}.modal .btn{position:relative;width:80%;padding:15px 0;margin:0 55px;font:inherit;font-style:normal;font-weight:bold;font-size:21px;line-height:26px;background-color:#81b3d2;color:#fff;border:0}.modal .btn:hover,.modal .btn:focus{background-color:#669ec0;outline:0}.modal .btn:active{color:rgba(255,255,255,0.3);background-color:#5496bd}.input__type-people{display:grid;grid-template-columns:60% 40%;padding:0 55px;margin-bottom:20px;column-gap:5px}.input__type-people .input__wrapper{width:200px;padding:0;justify-content:initial}.input__type-people .input__wrapper::after{content:none}.input__type-people input{width:114px;padding:0;text-align:center;background-repeat:no-repeat}.input__type-people svg{position:absolute;cursor:pointer}.input__type-people svg:hover path,.input__type-people svg:hover rect{fill:#000}.input__type-people svg:active path,.input__type-people svg:active rect{fill:#81b3d2}.input__type-people .decrease-adult{left:61%}.input__type-people .increase-adult{right:-6%}.input__type-people .decrease-children{left:33%}.input__type-people .increase-children{right:21%}.input__type-people .label__adults{margin-right:10%}.map iframe{border:0;box-shadow:0 5px 15px rgba(0,1,1,0.2)}.footer{position:absolute;bottom:-3%;left:50%;padding:0;background-color:rgba(255,255,255,0.9);transform:translateX(-50%);box-shadow:0 5px 15px rgba(0,1,1,0.2)}.inner__page .footer{position:static;transform:none}.footer__wrapper{display:flex;justify-content:space-between;align-items:center}.footer p{font-style:normal;font-weight:bold;font-size:21px;line-height:26px;color:#000;text-align:center}.footer .footer__number{font-style:normal;font-weight:bold;font-size:21px;line-height:26px;color:#000}.footer a{font-style:normal;font-weight:normal;font-size:14px;line-height:26px;color:#000}.footer-item img{margin-left:5px;vertical-align:bottom}.website_by svg{margin-left:5px;vertical-align:middle}.website_by:focus path,.website_by:hover path{fill:#81b3d2}.website_by:active path{fill:#000;opacity:.3}.footer-item:nth-child(2){transform:translate(0,10%)}.socials{display:flex;gap:6px}.socials__item .icon{position:relative;display:block;width:46px;height:48px;background:#81b3d2 center center no-repeat}.socials__item .icon:hover,.socials__item .icon:focus{background-color:#669ec0}.socials__item .icon:active{background-color:#5496bd}a.icon svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}a.icon:active svg{opacity:.3}.hotels{background-color:#fff;box-shadow:0 5px 15px rgba(0,1,1,0.2)}.inner__page .hotels__form-wrapper{position:relative;padding:25px 0;background-image:url('./img/background-blur.png');background-repeat:no-repeat;background-color:#fff}form.form{display:flex;justify-content:space-between}.form .form_block{display:flex;column-gap:100px}.form_block:first-child label{padding-left:40px}.form_block:last-of-type{flex-direction:column}.hotels_form fieldset{display:flex;flex-direction:column;padding:0;border:0}.hotels_form legend{margin-bottom:25px;font-style:normal;font-weight:bold;font-size:16px;line-height:21px;color:#fff}.hotels_form label{position:relative;margin-bottom:23px;font-style:normal;font-weight:normal;font-size:14px;line-height:21px;color:#fff;cursor:pointer}.hotels_form label::before{content:'';position:absolute;left:0;width:27px;height:23px;background:url('../img/checkbox-off.svg') no-repeat}.hotels_form input:checked+label::before{background:url('../img/checkbox-on.svg') no-repeat}.hotels_form input:disabled+label::before{background:url('../img/checkbox-off.svg') no-repeat;opacity:.3}.hotels_form input:disabled:checked+label::before{background:url('../img/checkbox-on.svg') no-repeat}.hotels_form input:focus+label::before{opacity:.5}.hotels_form input:hover+label::before{opacity:.5}.hotel_price .group__input{position:relative;border:2px solid #fff}.group__input::after{content:'';position:absolute;width:2px;height:20px;left:50%;top:50%;background-color:#fff;transform:translateY(-50%)}.hotel_price input{padding:0;margin:0;border:0;background-color:transparent;color:#fff;text-align:center}.hotel_price input:focus{outline:0}.hotel_price input::placeholder{color:#fff}.hotel_price legend{padding:0;margin:0;margin-bottom:10px}.range-filter{width:100%}.range-controls{position:relative;height:16px;padding-top:20px;background-color:transparent}.range-controls .scale{height:2px;background-color:#705d5c}.range-controls .bar{width:70%;height:2px;background-color:#fff}.range-controls .toggle{position:absolute;top:11px;left:0;width:4px;height:4px;padding:0;border:8px solid #fff;background-color:#ababab;border-radius:50%;box-shadow:0 2px 1px 0 #cfcfcf;cursor:pointer}.range-controls .toggle:hover,.range-controls .toggle:focus{transform:scale(1.2);outline:0}.range-controls .toggle-min{left:0}.range-controls .toggle-max{left:230px}.form_block .hotel_price+.btn_submit{display:flex;align-content:normal;align-self:center;padding:7px 35px;margin:0;margin-top:20px;font:inherit;font-style:normal;font-weight:bold;font-size:14px;line-height:21px;background-color:transparent;border:2px solid #fff;border-radius:2px;text-align:center;color:#fff}.hotels_form button[type=submit]{padding:0;margin:0;font-style:normal;font-weight:normal;font-size:14px;line-height:21px;background-color:transparent}.form_block .btn_submit:hover,.form_block .btn_submit:focus{background-color:#fff;color:#000}.hotels h3{font-style:normal;font-weight:bold;font-size:21px;line-height:26px;color:#000}.sorting{display:flex;justify-content:space-between;padding:30px 0}.sorting .sorting__find{display:flex}.sorting__find h3{margin:0;margin-right:46px}.sorting__find h4{align-self:center;margin:0;margin-right:40px;font-style:normal;font-weight:normal;font-size:12px;line-height:18px;color:#000}.sorting__list{display:flex;margin:0;padding:0;align-items:center;list-style:none}.sorting__list button{display:inline-block;font:inherit;font-style:normal;font-weight:normal;font-size:12px;line-height:18px;color:#dcdcdc;border:0;border-bottom:1px dashed #81b3d2;cursor:pointer;padding:0;background-color:transparent;text-transform:uppercase}.sorting__list li+li{margin-left:32px}.sorting__item-active button{color:#81b3d2;opacity:1;border-bottom:1px dashed transparent}.sorting__list button:focus,.sorting__list button:hover{color:#81b3d2;outline:0}.sorting__list button:active{color:#000;border-bottom:1px dashed transparent}.sorting__arrows{display:flex;column-gap:12px}.sorting__arrows .arrow{background:url('../img/arrow.svg') no-repeat;width:11px;height:10px;cursor:pointer;filter:grayscale(1)}.sorting__arrows .arrow-up{transform:rotate(180deg)}.sorting__arrows .arrow-active{filter:grayscale(0)}.sorting__arrows .arrow:focus,.sorting__arrows .arrow:hover{filter:brightness(0.1);outline:0}.sorting__arrows .arrow:active{filter:none}.hotel__item{padding:30px 0;border-top:1px solid #e5e5e5}.hotel__item:last-of-type{border-bottom:1px solid #e5e5e5}.hotel__item-wrapper{display:grid;grid-template-columns:1fr max-content}.hotel__rating .rating{margin-left:17px}.stars__wrapper{text-align:right;margin-bottom:40px}.stars__wrapper .star{display:inline-block;width:18px;height:17px;background:url('../img/star.svg') no-repeat}.hotel__info{display:grid;grid-template-columns:140px 1fr;column-gap:25px}.hotel__image{grid-row:1/4}.hotel__item .hotel__title{margin:0;margin-top:-6px;margin-bottom:7px}.hotel__title a{color:#000}.hotel__title a:hover,.hotel__title a:focus{color:#81b3d2}.hotel__title a:active{color:#000;opacity:.3}.hotel__description{width:200px;display:flex;justify-content:space-between;margin-bottom:10px}.hotel__item .hotel__type{display:inline-block;margin:0;margin-right:35px;font-style:normal;font-weight:normal;font-size:14px;line-height:21px}.hotel__item .hotel__price{display:inline-block;margin:0;font-style:normal;font-weight:normal;font-size:14px;line-height:21px}.hotel__item .btn-more{margin-right:5px;padding:3px 16px;background-color:#81b3d2}.hotel__item .btn-more:focus,.hotel__item .btn-more:hover{background-color:#669ec0;outline:0}.hotel__item .btn-more:active{color:rgba(255,255,255,0.3);background-color:#5496bd}.hotel__item .btn-book{padding:3px 16px;background-color:#766357}.hotel__item .btn-book:focus,.hotel__item .btn-book:hover{background-color:#604e43;outline:0}.hotel__item .btn-book:active{color:rgba(255,255,255,0.3);background-color:#503e33}.hotel__rating .rating{padding:3px 15px;font-style:normal;font-weight:normal;font-size:14px;line-height:21px;color:#666;background-color:#f2f2f2}