*,*::after,*::before{padding:0;margin:0;box-sizing:border-box}:root{--color-primary: #eb2f64;--color-primary-light: #ff3366;--color-primary-dark: #ba265d;--color-Grey-light-1: #faf9f9;--color-Grey-light-2: #f4f2f2;--color-Grey-light-3: #f0eeee;--color-Grey-light-4: #ccc;--color-Grey-dark-1: #333;--color-Grey-dark-2: #777;--color-Grey-dark-3: #999;--dark-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.4);--light-shadow: 0 0 5rem rgba(0, 0, 0, 0.06);--border-grey-light: 1px solid var(--color-Grey-light-2)}html{font-size:62.5%}@media only screen and (max-width: 37.5em){html{font-size:45%}}@media only screen and (max-width: 56.25em){html{font-size:50.25%}}@media only screen and (max-width: 75em){html{font-size:55%}}@media only screen and (min-width: 112.5em){html{font-size:70%}}body{font-family:"Open Sans", sans-serif;font-weight:400;line-height:1.6;color:var(--color-Grey-dark-2)}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box}:root{--color-primary: #eb2f64;--color-primary-light: #ff3366;--color-primary-dark: #ba265d;--color-Grey-light-1: #faf9f9;--color-Grey-light-2: #f4f2f2;--color-Grey-light-3: #f0eeee;--color-Grey-light-4: #ccc;--color-Grey-dark-1: #333;--color-Grey-dark-2: #777;--color-Grey-dark-3: #999;--dark-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.4);--light-shadow: 0 0 5rem rgba(0, 0, 0, 0.06);--border-grey-light: 1px solid var(--color-Grey-light-2)}html{font-size:62.5%}@media only screen and (max-width: 37.5em){html{font-size:45%}}@media only screen and (max-width: 56.25em){html{font-size:50.25%}}@media only screen and (max-width: 75em){html{font-size:55%}}@media only screen and (min-width: 112.5em){html{font-size:70%}}body{font-family:"Open Sans", sans-serif;font-weight:400;line-height:1.6;color:var(--color-Grey-dark-2)}.btn{all:unset;cursor:pointer;display:inline-block}.title__secondary{text-transform:uppercase;font-weight:300;font-size:2rem;margin-bottom:2.5rem}.logo-box{margin-left:2rem;height:3.25rem}.logo-box img{height:100%}@media only screen and (max-width: 37.5em){.logo-box{order:1}}.search-box{flex-basis:40%;flex-shrink:0;flex-shrink:0;text-align:center;display:flex;justify-content:center;align-self:center}@media only screen and (max-width: 37.5em){.search-box{order:3;margin:10px auto;flex-basis:80% !important}}@media only screen and (max-width: 56.25em){.search-box{flex:0 0 50%}}.search-box__btn{transform:translateY(2px);transition:all 0.15s}.search-box__btn:active{transform:translateY(4px)}.search-box__btn__icon{width:2rem;height:2rem;fill:var(--color-Grey-dark-3)}.search-box__input{font-family:inherit;font-size:inherit;outline:none;border:none;padding:0.85rem 2rem;background-color:var(--color-Grey-light-2);border-radius:2rem;width:90%;transition:all 0.35s;margin-right:-3.25rem;color:var(--color-Grey-dark-3)}.search-box__input::-webkit-input-placeholder{color:var(--color-Grey-light-4)}.search-box__input:focus{width:100%;background-color:var(--color-Grey-light-3)}.user-nav{display:flex;align-items:center}@media only screen and (max-width: 37.5em){.user-nav{order:2}}.user-nav .icon-box__item{display:flex;align-items:center;cursor:pointer;align-self:stretch;padding:2rem 1.5rem;position:relative;transition:all 0.25s ease}.user-nav .icon-box__item:hover{background-color:var(--color-Grey-light-3)}.user-nav .icon-box__item .icon-box__icon{width:2.25rem;height:2.25rem;fill:var(--color-Grey-dark-2)}.user-nav .icon-box__item .icon-box__notifications{position:absolute;top:1.5rem;right:0.8rem;background-color:var(--color-primary);width:1.5rem;height:1.5rem;font-size:0.8em;color:white;border-radius:50%;text-align:center;line-height:1.5rem}.user-nav .icon-box__item .icon-box__avatar{height:3.5rem}.user-nav .icon-box__item .icon-box__avatar img{height:100%;border-radius:50%;margin-right:1rem}.hotel-info__primary .hotel__title-box{display:flex;align-items:center}@media only screen and (max-width: 37.5em){.hotel-info__primary .hotel__title-box{flex-basis:100%}}.hotel-info__primary .hotel__title{display:inline-block;text-transform:uppercase;font-size:2.25rem;font-weight:300;margin:1.5rem 3rem}@media only screen and (max-width: 37.5em){.hotel-info__primary .hotel__title{margin:2rem}}.hotel-info__primary .title-icon,.hotel-info__primary .hotel__local-icon{width:2rem;height:2rem;fill:var(--color-primary)}@media only screen and (max-width: 37.5em){.hotel-info__primary .hotel__title-icons{margin-right:1rem;margin-left:auto}}.hotel-info__primary .hotel__loca-geo{display:flex;align-items:center}@media only screen and (max-width: 37.5em){.hotel-info__primary .hotel__loca-geo{flex-basis:100%}}.hotel-info__primary .hotel__loca-geo .hotel__local-icon{width:2rem;height:2rem;fill:var(--color-primary);margin-right:0.5rem}@media only screen and (max-width: 37.5em){.hotel-info__primary .hotel__loca-geo .hotel__local-icon{margin-left:2.5rem}}.hotel-info__primary .hotel__vote{align-self:stretch;background-color:var(--color-primary);color:white;padding:1.5rem;text-align:center;margin-left:auto}.hotel-info__primary .hotel__vote--review{font-size:2.2rem;font-weight:200}.hotel-info__primary .hotel__vote--members{font-size:0.8rem;text-transform:uppercase}.hotel__location,.review-button{all:unset;display:inline-block;font-size:1.2rem;color:var(--color-primary);cursor:pointer;padding-bottom:2px;border-bottom:1px solid currentColor;transition:all 0.25s;margin-right:2rem}.hotel__location:hover,.review-button:hover{color:var(--color-Grey-dark-1)}.hotel__location:focus,.review-button:focus{color:black;background-color:white;-webkit-animation:move-up-down 1s infinite;animation:move-up-down 1s infinite}.sidebar-nav{list-style-type:none;margin-top:3.5rem}.sidebar-nav__item{color:var(--color-Grey-light-1);font-size:1.4rem;text-transform:uppercase;position:relative}.sidebar-nav__item::before{content:"";position:absolute;top:0;left:0;height:100%;width:3px;background-color:var(--color-primary);transform:scaleY(0);transform-origin:bottom;transition:transform 0.35s,width 0.25s cubic-bezier(1, 0, 0, 1) 0.25s,background-color 0.25s}.sidebar-nav__item:hover::before{transform:scaleY(1);width:100%}.sidebar-nav__item:active::before{background-color:var(--color-primary-light)}.sidebar-nav__item:not(:first-of-type){margin-bottom:5px}.sidebar-nav__item--colored{background-color:var(--color-primary)}.sidebar-nav__item a{position:relative;z-index:10;color:inherit;text-decoration:none;display:flex;align-items:center;padding:1.5rem 3rem;transition:all 0.25s}.sidebar-icon{width:1.75rem;height:1.75rem;fill:currentColor;margin-right:2rem}.sidebar .copyrights{text-align:center;font-size:1.2rem;font-weight:300;padding:2.5rem;color:var(--color-Grey-light-4)}@media only screen and (max-width: 56.25em){.sidebar-nav{margin-top:unset;display:flex;flex-wrap:wrap}.sidebar-nav__item{flex:1;display:flex;justify-content:center}.sidebar-nav__item:not(:first-of-type){margin-bottom:unset}.sidebar-icon{margin-right:1rem}.sidebar .copyrights{display:none}}.hotel-preview__figure{position:relative}.hotel-preview__figure:hover>.hotel-preview__caption{transform:translate(50%, -50%) scale(1)}.hotel-preview__caption{position:absolute;top:50%;right:50%;transform:translate(50%, -50%) scale(0);transform-origin:top center;color:white;font-size:2.75rem;text-transform:uppercase;font-weight:400;width:80%;height:80%;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform 0.25s;-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hotel-preview__caption::before{width:5rem;height:5rem;content:"";position:absolute;top:0;left:0;border-top:4px solid white;border-left:4px solid white}.hotel-preview__caption::after{width:5rem;height:5rem;content:"";position:absolute;bottom:0;right:0;border-right:4px solid white;border-bottom:4px solid white}@media only screen and (max-width: 56.25em){.hotel-preview__caption{display:none}}.hotel-preview__img{width:100%;display:block}@-webkit-keyframes move-up-down{0%,100%{transform:scale(1);box-shadow:none}50%{transform:scale(1.05);box-shadow:0 1rem 2rem rgba(51,51,51,0.4)}}@keyframes move-up-down{0%,100%{transform:scale(1);box-shadow:none}50%{transform:scale(1.05);box-shadow:0 1rem 2rem rgba(51,51,51,0.4)}}.bottom-line{border-bottom:1px solid var(--color-Grey-light-2);padding-bottom:3rem;margin-bottom:3rem}@media only screen and (max-width: 56.25em){.bottom-line{padding-bottom:2rem;margin-bottom:2rem}}.details-info,.review-box{background-color:white}.details-description p:not(:last-of-type){padding-bottom:2rem}@media only screen and (max-width: 56.25em){.details-description p:not(:last-of-type){padding-bottom:1rem}}.hotel-details{padding:5rem;font-size:1.4rem;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:center}@media only screen and (max-width: 37.5em){.hotel-details{flex-direction:column}}.hotel-details .details-info{padding:3rem;flex:0 0 60%;box-shadow:var(--light-shadow)}@media only screen and (max-width: 37.5em){.hotel-details .details-info{flex:0 0 100%;margin-bottom:3rem}}.hotel-details .details-info .details-properties-list{list-style-type:none;display:flex;flex-wrap:wrap;justify-content:space-between}.hotel-details .details-info .details-properties-list .properties-list__item{flex:0 0 50%;margin-bottom:1rem}@media only screen and (max-width: 37.5em){.hotel-details .details-info .details-properties-list .properties-list__item{flex:0 0 100%}}.hotel-details .details-info .details-properties-list .properties-list__item::before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:0.5rem;background-color:var(--color-primary);-webkit-mask-image:url("../img/SVG/chevron-thin-right.svg");-webkit-mask-size:cover;mask-image:url("../img/SVG/chevron-thin-right.svg");mask-size:cover}@supports not ((-webkit-mask-image: url("../img/SVG/chevron-thin-right.svg")) or (mask-image: url("../img/SVG/chevron-thin-right.svg")) or (-webkit-mask-size: cover) or (mask-size: cover)){.hotel-details .details-info .details-properties-list .properties-list__item::before{background-color:transparent;background-image:url("../img/SVG/chevron-thin-right.svg");background-size:cover}}.hotel-details .details-info .details-recommend{display:flex;font-size:1.2rem;justify-content:space-between;align-items:center}.hotel-details .details-info .details-recommend .recommend-profile{width:4rem;height:4rem;border-radius:50%;box-sizing:content-box;border:3px solid white}@media only screen and (max-width: 37.5em){.hotel-details .details-info .details-recommend .recommend-profile{width:3rem;height:3rem}}.hotel-details .details-info .details-recommend .recommend-profile:not(:last-of-type){margin-right:-2.5rem}@media only screen and (max-width: 37.5em){.hotel-details .details-info .details-recommend .recommend-profile:not(:last-of-type){margin-right:unset}}.hotel-details .details-reviews{flex:0 0 40%;padding-left:4rem;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 37.5em){.hotel-details .details-reviews{padding-left:0 !important}}.hotel-details .details-reviews .review-box{overflow:hidden;padding:3rem;margin-bottom:4rem;box-shadow:var(--light-shadow);position:relative}.hotel-details .details-reviews .review-box .review-content{position:relative;z-index:1;padding-bottom:2.5rem}.hotel-details .details-reviews .review-box::before{font-family:sans-serif;content:"\201C";color:var(--color-Grey-light-2);position:absolute;top:-12rem;left:-2.5rem;font-size:25rem;z-index:0;font-weight:600}.hotel-details .details-reviews .owner-profile{display:flex;justify-content:space-between;align-items:center}.hotel-details .details-reviews .owner-profile__avatar{width:4.5rem;height:4.5rem;margin-right:1.5rem}.hotel-details .details-reviews .owner-profile__avatar img{width:100%;height:100%;border-radius:50%}.hotel-details .details-reviews .owner-profile__details{margin-right:auto}.hotel-details .details-reviews .owner-profile__rating{color:var(--color-primary);font-size:2rem;font-weight:300}.hotel-details .details-reviews .owner-profile__name{text-transform:uppercase;font-weight:600;font-size:1.1rem;margin-bottom:0.5rem}.hotel-details .details-reviews .owner-profile__date{font-size:1rem;color:var(--color-grey-dark-3)}.hotel-details .details-reviews .review-button{text-align:center}.hotel-details .details-reviews .review-button span{display:inline-block;margin-left:0.5rem;transition:margin 0.2s}.hotel-details .details-reviews .review-button:hover span{margin-left:1rem}@media only screen and (max-width: 56.25em){.hotel-details{padding:3rem}.hotel-details .details-reviews{padding-left:3rem}.hotel-details .details-reviews .review-box{padding:2rem;margin-bottom:3rem}.hotel-details .properties-list__item{margin-bottom:0.75rem;font-size:1.3rem}}.hotel-details .details-booking{text-align:center;padding:3rem}@media only screen and (max-width: 37.5em){.hotel-details .details-booking{padding:unset;padding:8rem 0}}.hotel-details .booking-button{background-image:linear-gradient(to right, var(--color-primary-light), var(--color-primary-dark));position:relative;border-radius:5rem;font-size:1.5rem;text-transform:uppercase;color:white;display:inline-block;overflow:hidden;transition:all 0.25s}@media only screen and (max-width: 37.5em){.hotel-details .booking-button{margin-top:2rem}}@media only screen and (max-width: 56.25em){.hotel-details .booking-button{position:unset;transition:unset;padding:2rem 3rem !important}}.hotel-details .booking-button:hover{background-image:linear-gradient(to right, var(--color-primary-dark), var(--color-primary-light))}@media only screen and (max-width: 56.25em){.hotel-details .booking-button:hover{background-image:linear-gradient(to right, var(--color-primary-light), var(--color-primary-dark))}}.hotel-details .booking-button:hover .first-part-btn{transform:translateY(100%)}@media only screen and (max-width: 56.25em){.hotel-details .booking-button:hover .first-part-btn{transform:unset}}.hotel-details .booking-button:hover .second-part-btn{top:0}.hotel-details .booking-button:focus{-webkit-animation:move-up-down 1.25s infinite 0.25s;animation:move-up-down 1.25s infinite 0.25s}.hotel-details .booking-button>span{display:inline-block;height:100%;width:100%;transition:all 0.25s}@media only screen and (max-width: 56.25em){.hotel-details .booking-button>span{display:inline}}.hotel-details .first-part-btn{padding:1.75rem 7.5rem}@media only screen and (max-width: 56.25em){.hotel-details .first-part-btn{padding:unset}}.hotel-details .second-part-btn{padding:1.75rem 0;position:absolute;top:-100%;left:0}@media only screen and (max-width: 56.25em){.hotel-details .second-part-btn{position:unset;padding:unset}}*,*::after,*::before{padding:0;margin:0;box-sizing:border-box}:root{--color-primary: #eb2f64;--color-primary-light: #ff3366;--color-primary-dark: #ba265d;--color-Grey-light-1: #faf9f9;--color-Grey-light-2: #f4f2f2;--color-Grey-light-3: #f0eeee;--color-Grey-light-4: #ccc;--color-Grey-dark-1: #333;--color-Grey-dark-2: #777;--color-Grey-dark-3: #999;--dark-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.4);--light-shadow: 0 0 5rem rgba(0, 0, 0, 0.06);--border-grey-light: 1px solid var(--color-Grey-light-2)}html{font-size:62.5%}@media only screen and (max-width: 37.5em){html{font-size:45%}}@media only screen and (max-width: 56.25em){html{font-size:50.25%}}@media only screen and (max-width: 75em){html{font-size:55%}}@media only screen and (min-width: 112.5em){html{font-size:70%}}body{font-family:"Open Sans", sans-serif;font-weight:400;line-height:1.6;color:var(--color-Grey-dark-2)}body{background-image:linear-gradient(to right bottom, var(--color-primary-light), var(--color-primary), var(--color-primary-dark));background-repeat:no-repeat;background-size:cover;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{margin:10rem 0;max-width:120rem;position:relative;box-shadow:var(--dark-shadow);background-color:var(--color-Grey-light-1);overflow:hidden}@media only screen and (max-width: 75em){.container{max-width:unset;margin:0;height:100%}}.header{width:100%;overflow:hidden;background-color:white;display:flex;justify-content:space-between;align-items:center;padding-right:0;border-bottom:var(--border-grey-light);font-family:inherit;font-size:1.4rem}@media only screen and (max-width: 37.5em){.header{flex-wrap:wrap}}.content{display:flex}@media only screen and (max-width: 56.25em){.content{flex-direction:column}}.sidebar{flex:0 0 18%;align-self:stretch;background-color:var(--color-Grey-dark-1);color:white;display:flex;flex-direction:column;justify-content:space-between}.main{flex-grow:1;align-self:stretch}.hotel-preview{display:flex}@media only screen and (max-width: 37.5em){.hotel-preview{display:block}}.hotel-info__primary{display:flex;align-items:center;justify-content:space-between;background-color:white;border-bottom:var(--border-grey-light)}@media only screen and (max-width: 37.5em){.hotel-info__primary{flex-wrap:wrap}}.hotel__title-icons{display:flex}