-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.css
66 lines (33 loc) · 49.7 KB
/
main.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
@font-face{font-family:"Montserrat";src:url(montserratLight.woff) format("woff");font-style:normal;font-weight:300}@font-face{font-family:"Montserrat";src:url(montserrat.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:"Montserrat";src:url(montserratBold.woff) format("woff");font-style:normal;font-weight:700}@font-face{font-family:"Quicksand";src:url(quicksand.woff) format("woff");font-style:normal;font-weight:400}@font-face{font-family:"Quicksand";src:url(quicksandBold.woff) format("woff");font-style:normal;font-weight:700}@font-face{font-family:"Open Sans";src:url(openSansBold.woff) format("woff");font-style:normal;font-weight:700}@font-face{font-family:"Material Icons";font-style:normal;font-weight:normal;src:url(materialIcons.woff) format("woff")}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:block;src:url(fontAwesomeBrands.woff) format("woff")}.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:'Font Awesome 5 Brands';font-weight:400}.fa-facebook-square:before{content:"\f082"}.fa-twitter:before{content:"\f099"}.fa-instagram:before{content:"\f16d"}
html{font-size:14px}body{font-family:"Montserrat";margin:0;font-style:normal;font-weight:400;line-height:1.71rem;color:rgba(31,32,65,0.75)}h1{font-family:"Quicksand";font-style:normal;font-weight:bold;font-size:1.71rem;line-height:2.15rem;color:#1F2041}h2{font-family:"Quicksand";font-style:normal;font-weight:bold;font-size:1.35rem;line-height:1.72rem;color:#1F2041}h3{font-family:"Montserrat";font-style:normal;font-weight:bold;font-size:0.85rem;line-height:1.08rem;text-transform:uppercase;color:#1F2041}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:1.71rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}
.color-block{flex-direction:row;display:flex;align-items:center}.color-block__square{width:100%;max-width:70px;border-radius:6px;display:inline-block}.color-block__square:after{content:"";padding-top:100%;display:block}.color-block__square_color-dark100{background:#1F2041}.color-block__square_color-dark75{background:rgba(31,32,65,0.75)}.color-block__square_color-dark50{background:rgba(31,32,65,0.5)}.color-block__square_color-dark25{background:rgba(31,32,65,0.25)}.color-block__square_color-dark5{background:rgba(31,32,65,0.05)}.color-block__square_color-purple{background:#BC9CFF}.color-block__square_color-green{background:#6FCF97}.color-block__description{padding-left:40px}.color-block__colorName{margin:0;margin-bottom:5px}.color-block__color-code{font-family:'Quicksand';font-size:1.35rem;font-weight:normal}
.central-container{max-width:1160px;margin:0 auto;padding:0 20px}.section-title{font-family:'Montserrat';margin-bottom:50px}.section-block{padding-bottom:100px}.module{margin-bottom:22px;width:100%}.module_width266{max-width:266px}.module__title{margin-bottom:5px}.colors-and-type{width:100%;flex-direction:row;display:flex;align-items:flex-start}.colors-and-type__type{max-width:420px;flex-direction:column}.colors-and-type__type>div{margin-bottom:50px}.colors-and-type__type>div:last-of-type{margin-bottom:0}.colors-and-type__colors{padding-right:5%;box-sizing:border-box;width:59%;min-width:200px;flex-direction:column}.colors-and-type__colors>div{margin-bottom:20px}.colors-and-type__colors>div:last-of-type{margin-bottom:0}.color-block__description{min-width:120px;padding-left:7%}@media screen and (max-width: 550px){.colors-and-type{flex-direction:column;justify-content:center}.section-title{text-align:center}.colors-and-type__colors{width:100%;padding:0;margin-bottom:50px}}.form-elements__three-column-layout{width:100%;display:flex;justify-content:space-between;margin-bottom:100px;flex-wrap:wrap}.form-elements__column{width:30%;max-width:320px}.buttons-block h3{margin-bottom:17px}.buttons-block .module{margin-bottom:28px}.buttons-block .module:last-child{margin-bottom:0}.module-2-buttons{flex-direction:row}.module-2-buttons>.button{display:inline-block}.module-2-buttons .button:first-child{margin-right:20px}.likeButtonSection{flex-direction:row;display:inline-flex}.likeButtonSection>div{margin-left:10px}.likeButtonSection>div:first-child{margin-left:0}.rateButtonSection{flex-direction:row;display:inline-flex}.rateButtonSection>div{margin-left:20px}.rateButtonSection>div:first-child{margin-left:0}.form-elements__two-column-layout{display:flex;justify-content:space-between;width:100%}.form-elements__column_100-percent-width{max-width:740px;width:100%;display:flex}.form-elements__column_100-percent-width .module{margin:auto 0;display:flex;align-content:center}.form-elements__column_no-margin{margin:0}.module__guest-review{max-width:713px}.module__bullet-list{max-width:300px}@media screen and (max-width: 920px){.form-elements__three-column-layout{justify-content:space-evenly;margin-bottom:50px}.form-elements__column{width:100%;max-width:320px}.form-elements__column1,.form-elements__column2{width:40%;max-width:320px}.form-elements__three-column-layout{margin-bottom:0}}@media screen and (max-width: 679px){.form-elements__column{width:100%;max-width:320px}}@media screen and (max-width: 750px){.form-elements__two-column-layout{flex-wrap:wrap;justify-content:center}.form-elements__column{margin-bottom:0}}.cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.cards_column{width:380px}.module_calendar{max-width:320px}.cards_column-270{width:100%;max-width:270px}@media screen and (max-width: 1230px){.cards{justify-content:space-evenly}.cards_column{margin:0 10px;margin-bottom:50px;display:flex;flex-direction:column;align-items:center}}@media screen and (max-width: 870px){.cards_column{margin-bottom:0}}
.type-block{flex-direction:row;display:flex;flex-wrap:nowrap}.type-block__tag{font-family:'Montserrat';margin:0;width:49px;text-align:right;flex:none;font-weight:300;color:rgba(31,32,65,0.25)}.type-block__text{padding-left:30px;margin:0}
.text-field{position:relative;margin-bottom:10px}.text-field:hover .text-field__field{border:1px solid rgba(31,32,65,0.5);outline:none}.text-field_title{margin:5px 0}.text-field__field{width:100%;max-width:500px;border:1px solid rgba(31,32,65,0.25);border-radius:4px;padding:13px 15px 12px;box-sizing:border-box;font-family:"Montserrat";font-weight:400;font-size:1rem;color:rgba(31,32,65,0.75);transition:.5s}.text-field__field::placeholder{color:rgba(31,32,65,0.25)}.text-field__field:focus{border:1px solid rgba(31,32,65,0.5);outline:none}.text-field__field-subscription{padding-right:43px}.text-field__subscription-btn{position:absolute;transform:translate(-10px, 10px);right:0;border:none;background:none;padding:0px}.text-field__subscription-btn:focus{outline:none}.text-field__arrow-forward{background:-moz-linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%);background:-webkit-linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%);background:linear-linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:.5s}.text-field__subscription-btn:hover .text-field__arrow-forward{opacity:0.5}.text-field__subscription-btn:active .text-field__arrow-forward{transition:none;opacity:1}
.dropdown{position:relative;display:block;width:100%;max-width:500px}.dropdown__title{margin-bottom:5px}.dropdown__header{padding:9px 15px;padding-right:10px;border:1px solid rgba(31,32,65,0.25);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;color:rgba(31,32,65,0.75);transition:border-color .5s ease}.dropdown__header:hover,.dropdown__header:focus{border:1px solid rgba(31,32,65,0.5);outline:none;cursor:default}.dropdown__header_all-angles-are-round{border-radius:4px}.dropdown__header_top-angles-are-round{border-radius:4px 4px 0 0}.dropdown__header-element{pointer-events:none;display:inline-block;flex:none}.dropdown__header-text{width:75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown__expand-more{color:rgba(31,32,65,0.5)}.dropdown__expand-more_absolute{position:absolute;right:8px}.dropdown__date-block{width:100%;max-width:320px;flex-direction:row;display:flex;justify-content:space-between}.dropdown__start-date-header,.dropdown__end-date-header{position:relative}.dropdown_dateElement{width:47%}.dropdown_date-element_right-padding{padding-right:3%}.dropdown_date-element_left-padding{padding-left:3%}.dropdown__drop-menu{position:absolute;width:100%;border:1px solid rgba(31,32,65,0.5);border-top:none;box-sizing:border-box;padding:2px 6px 2px 15px;flex-direction:column;background:#FFFFFF;box-shadow:0px 10px 20px rgba(31,32,65,0.05);border-radius:0 0 4px 4px;z-index:100;transform-origin:top;transform:scale(1, 0);z-index:99}.dropdown__drop-menu .dropdown__drop-element,.dropdown__drop-menu .calendar__days,.dropdown__drop-menu .calendar__month-selection-section{opacity:0}.dropdown__check{display:none}.dropdown__check:checked ~ .dropdown__header{border-radius:4px 4px 0 0;border:1px solid rgba(31,32,65,0.5)}.dropdown__check:not(:checked) ~ .dropdown__header{transition:border-radius .3s .5s ease, border-color .5s ease}.dropdown__check:checked ~ .dropdown__drop-menu{transition:transform 0.4s cubic-bezier(0.73, 0.32, 0.34, 1.5);transform:scale(1, 1);opacity:1}.dropdown__check:checked ~ .dropdown__drop-menu .dropdown__drop-element,.dropdown__check:checked ~ .dropdown__drop-menu .calendar__days,.dropdown__check:checked ~ .dropdown__drop-menu .calendar__month-selection-section{transition:opacity 1.2s ease;opacity:1}.dropdown__check:not(:checked) ~ .dropdown__drop-menu{transition:transform .5s}.dropdown__check:not(:checked) ~ .dropdown__drop-menu .dropdown__drop-element,.dropdown__check:not(:checked) ~ .dropdown__drop-menu .calendar__days,.dropdown__check:not(:checked) ~ .dropdown__drop-menu .calendar__month-selection-section{transition:opacity .3s}.dropdown__option{font-weight:bold;display:flex;font-size:0.85rem;text-transform:uppercase;color:#1F2041;flex-direction:row;justify-content:space-between;align-items:center;padding:4px 0}.dropdown__quantity-selection{flex-direction:row;display:flex;align-items:center;justify-content:center}.dropdown__quantity-number{width:30px;text-align:center}.dropdown__quantity-button{width:30px;height:30px;box-sizing:border-box;font-family:"Montserrat";font-size:1.28rem;color:rgba(31,32,65,0.5);border:1px solid rgba(31,32,65,0.5);border-radius:15px;background:#FFFFFF;transition:.5s}.dropdown__quantity-button:focus{outline:none}.dropdown__quantity-button:hover{border:1px solid rgba(31,32,65,0.25);color:rgba(31,32,65,0.25)}.dropdown__quantity-button:active{transition:none;border:1px solid rgba(31,32,65,0.5);color:rgba(31,32,65,0.5)}.dropdown__quantity-button:disabled{border:1px solid rgba(31,32,65,0.25);color:rgba(31,32,65,0.25)}.dropdown__bottom-buttons-panel{flex-direction:row;display:flex;justify-content:space-between;padding-top:13px;padding-bottom:7px}.dropdown__button-clear input{display:none}.dropdown__calendar_padding-6{margin-top:6px}
.expandable-checkbox-list{width:100%;max-width:500px}.expandable-checkbox-list__check{display:none}.expandable-checkbox-list__check:checked ~ .expandable-checkbox-list__hide-list{display:block}.expandable-checkbox-list__check:checked ~ .expandable-checkbox-list__title-section .expandable-checkbox-list__expand-more{transform:rotate(180deg)}.expandable-checkbox-list__title-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-right:10px}.expandable-checkbox-list__title-section:hover .expandable-checkbox-list__expand-more{color:rgba(31,32,65,0.75)}.expandable-checkbox-list__title{color:#1F2041;margin-bottom:17px;margin:0}.expandable-checkbox-list__title:hover{cursor:default}.expandable-checkbox-list__expand-more{color:rgba(31,32,65,0.5);transition:.5s ease}.expandable-checkbox-list__expand-more:hover{cursor:default}.expandable-checkbox-list__hide-list{flex:none;display:none}
.room-details{width:100%;max-width:280px;padding:20px 0;border-bottom:1px solid rgba(31,32,65,0.1);flex-direction:row;display:flex;align-items:center}.room-details__icon{font-size:48px;background:linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.room-details__text{padding-left:10px;flex-direction:column;display:inline-flex}.room-details__title{font-weight:bold}
.checkbox-button{position:relative;margin:12px 0;padding-left:30px}.checkbox-button__checkbox-element{display:none}.checkbox-button__checkbox-element:checked+.checkbox-button__label:before{border-color:#BC9CFF}.checkbox-button__checkbox-element:checked+.checkbox-button__label:after{transform:rotate(45deg) scale(1);animation:jumpUp 0.2s ease}.checkbox-button__label{display:block;line-height:18px;color:rgba(31,32,65,0.5);transition:color 0.5s ease}.checkbox-button__label:hover{color:rgba(31,32,65,0.75)}.checkbox-button__label:before{content:"";width:18px;height:18px;border:1px solid rgba(31,32,65,0.25);position:absolute;left:0;top:-1px;border-radius:4px;transition:border-color 0.5s ease}.checkbox-button__label:hover::before{border-color:#BC9CFF}.checkbox-button__label:after{content:"";position:absolute;left:7px;top:4px;width:4px;height:6px;border-right:2px solid;border-bottom:2px solid;transition:0.2s ease;transform:rotate(45deg) scale(0.1);border-image-source:linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%);border-image-slice:1}.checkbox-button__label_rich{width:100%;font-weight:bold;color:rgba(31,32,65,0.75)}.checkbox-button__label_rich:hover{color:#1F2041}.checkbox-button__rich-text{padding-top:6px;width:100%;max-width:236px;font-size:0.85rem;color:rgba(31,32,65,0.5);line-height:14px}.checkbox-button_rich{box-sizing:border-box;width:100%;margin:10px 0}@keyframes jumpUp{50%{-webkit-transform:scale(1.2) rotate(45deg)}100%{-webkit-transform:scale(1) rotate(45deg)}}
.radio-button{flex-direction:row;display:flex;flex-wrap:wrap}.radio-button .radio-button__radio-section{margin-right:20px}.radio-button .radio-button__radio-section:last-child{margin-left:0px}.radio-button__radio-element{display:none}.radio-button__radio-element:checked+.radio-button__label{color:rgba(31,32,65,0.75)}.radio-button__radio-element:checked+.radio-button__label:before{border-color:#BC9CFF}.radio-button__radio-element:checked+.radio-button__label:after{transform:translate(-50%, -50%) scale(1);animation:radioJump 0.2s ease;visibility:visible}.radio-button__label{color:rgba(31,32,65,0.5);position:relative;margin-left:30px;transition:0.5s ease}.radio-button__label:hover{color:rgba(31,32,65,0.75)}.radio-button__label:hover::before{border-color:#BC9CFF}.radio-button__label::before{content:"";position:absolute;top:50%;left:-20px;width:18px;height:18px;border-radius:50%;transform:translate(-50%, -50%);background-color:white;border:1px solid rgba(31,32,65,0.25);transition:border-color 0.5s ease}.radio-button__label:after{transition:0.2s ease;content:"";transform:translate(-50%, -50%) scale(0.1);visibility:hidden;position:absolute;top:50%;left:0;left:-20px;width:12px;height:12px;border-radius:50%;background:linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%)}@keyframes radioJump{50%{-webkit-transform:translate(-50%, -50%) scale(1.2)}100%{-webkit-transform:translate(-50%, -50%) scale(1)}}
.toggle__checkbox{display:none}.toggle__checkbox:checked+.toggle__label::before{border:1px solid #BC9CFF}.toggle__checkbox:checked+.toggle__label::after{transform:translate(20px, 0);background-position:0 100%}.toggle__label{position:relative;display:inline-flex;align-content:center;color:rgba(31,32,65,0.75);transition:color .5s ease}.toggle__label:hover{color:#1F2041}.toggle__label:hover::before{border-color:#BC9CFF}.toggle__label:hover::after{background-position:0 100%}.toggle__label::before{flex:none;transition:.5s ease;content:'';margin-right:10px;display:inline-block;box-sizing:border-box;width:40px;height:20px;border:1px solid rgba(31,32,65,0.25);border-radius:10px}.toggle__label::after{transition:all .5s;content:'';position:absolute;top:4px;left:4px;margin-right:10px;display:inline-block;width:12px;height:12px;border-radius:10px;background-position:top;background-size:100% 500%;background-image:linear-gradient(180deg, rgba(31,32,65,0.25) 20%, #BC9CFF 90%, #8BA4F9 100%)}
.like-button{width:40px;height:20px;box-sizing:border-box;border-radius:10px;font-size:0.71rem;color:rgba(31,32,65,0.25);line-height:0;display:flex;align-items:center;justify-content:space-between;padding-left:4px;padding-right:10px;cursor:pointer;transition:.5s ease;border:1px solid transparent;background-position:top;background-size:100% 500%;background-image:linear-gradient(white, white),linear-gradient(180deg, rgba(31,32,65,0.25) 20%, #BC9CFF 90%, #8BA4F9 100%);box-sizing:border-box;background-origin:border-box;background-clip:padding-box, border-box}.like-button:hover{color:#BC9CFF;background-position:0 100%}.like-button_cheked{color:#BC9CFF;border:1px solid transparent;background-position:0 100%;background-image:linear-gradient(white, white),linear-gradient(180deg, rgba(31,32,65,0.25) 20%, #BC9CFF 90%, #8BA4F9 100%);box-sizing:border-box;background-origin:border-box;background-clip:padding-box, border-box;-webkit-background-clip:padding-box, border-box}.like-button_cheked .like-button__heart{animation:heartJump 0.2s ease}.like-button_un-cheked .like-button__heart{animation:heartJump2 0.2s ease}.like-button__heart{font-size:0.71rem}.like-button__like-counter{display:inline-block}@keyframes heartJump{50%{-webkit-transform:scale(1.3)}100%{-webkit-transform:scale(1)}}@keyframes heartJump2{50%{-webkit-transform:scale(0.7)}100%{-webkit-transform:scale(1)}}
.rate-button{line-height:0}.rate-button__star{font-size:24px;background:linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.range-slider{position:relative;width:100%;max-width:266px}.range-slider__header-section{flex-direction:row;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.range-slider__title{display:inline-block}.range-slider__range-label{text-align:right;display:inline-block;font-size:0.85rem;text-transform:uppercase;color:rgba(31,32,65,0.5)}.range-slider__slider{position:relative;width:100%;max-width:266px;height:10px;z-index:1}.range-slider__track{position:absolute;width:100%;max-width:266px;height:6px;left:0;right:0;top:0;bottom:0;border:1px solid rgba(31,32,65,0.25);box-sizing:border-box;border-radius:3px;z-index:1}.range-slider__range{position:absolute;height:6px;z-index:2;top:0;bottom:0;background:linear-gradient(180deg, #6FCF97 0%, #66D2EA 100%);box-sizing:border-box;border-radius:3px}.range-slider__thumb{position:absolute;z-index:3;width:12px;height:12px;background:linear-gradient(180deg, #6FCF97 0%, #66D2EA 100%);border:2px solid #FFFFFF;border-radius:10px;transition:transform .2s ease}.range-slider__left-thumb{transform:translate(-8px, -5px)}.range-slider__right-thumb{transform:translate(8px, -5px)}.range-slider__left-thumb_hover{transform:translate(-8px, -5px) scale(1.4)}.range-slider__right-thumb_hover{transform:translate(8px, -5px) scale(1.4)}.range-slider__input-range{position:absolute;pointer-events:none;-webkit-appearance:none;left:-8px;z-index:2;width:106%;height:10px;box-sizing:border-box;margin:0;opacity:0}.range-slider__input-range::-webkit-slider-thumb{pointer-events:all;width:16px;height:16px;border-radius:10px;border:0 none;-webkit-appearance:none}.range-slider__input-range::-moz-range-thumb{pointer-events:all;width:16px;height:16px;border-radius:10px;border:0 none;-webkit-appearance:none}
.button_position-relative{position:relative}.button__button-shape{width:99px;height:44px;box-sizing:border-box;padding:0 8px;border-radius:22px;background:linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%);font-weight:bold;font-family:'Montserrat';font-size:12px;text-transform:uppercase;color:#FFFFFF;border:none;transition:.5s}.button__button-shape:focus{outline:none}.button__button-shape:hover{opacity:0.5}.button__button-shape:active{transition:none;opacity:1}.button__button-shape_width196{width:196px}.button__border-button{color:#BC9CFF;border:2px solid transparent;background-image:linear-gradient(white, white),linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%);background-origin:border-box;background-clip:padding-box, border-box;-webkit-background-clip:padding-box, border-box}.button__only-text-button{color:#BC9CFF;background:#FFFFFF;width:unset;height:unset;padding:0}.button__only-text-button_gray_teme{color:rgba(31,32,65,0.5)}.button__arrow-button{width:100%;max-width:500px}.button__arrow{pointer-events:none;position:absolute;right:0;transform:translate(-50%, -50%);top:50%;font-size:24px;color:#FFFFFF}
.pagination{width:100%;display:inline-flex;flex-direction:column}.pagination__pages{width:100%;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center}.pagination__button{width:100%;max-width:40px;min-width:30px;display:inline-flex;text-decoration:none;align-items:center;justify-content:center;font-size:0.85rem;color:rgba(31,32,65,0.5)}.pagination__button::before{content:'';display:block;padding-bottom:100%}.pagination__page-number a:hover{opacity:.5}.pagination__active-page{font-weight:bold;color:white;background:linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%);border-radius:22px}.pagination__prev-page,.pagination__next-page{background:linear-gradient(180deg, #6FCF97 0%, #66D2EA 100%);border-radius:22px;transition:.5s ease}.pagination__prev-page:hover,.pagination__next-page:hover{opacity:.5}.pagination__arrow{font-size:1.71rem;color:white}.pagination__signature{display:inline-block;font-size:1rem;color:rgba(31,32,65,0.75);text-align:center}.pagination__signature_position{margin-top:10px}.pagination__link{text-decoration:none;color:rgba(31,32,65,0.5);display:inline-block;width:100%;max-width:40px;border-radius:22px;display:flex;align-items:center;justify-content:center;transition:.5s ease;cursor:default}.pagination__link::before{content:'';display:block;padding-bottom:100%}
.bullet-list__unordered-list{padding-left:21px;margin:0}.bullet-list__unordered-list .bullet-list__item:first-child{margin-top:0}.bullet-list__unordered-list .bullet-list__item:last-child{margin-bottom:0}.bullet-list__item{position:relative;list-style-type:none;margin:10px 0}.bullet-list__item::before{border-radius:50%;position:absolute;content:'';width:10px;height:10px;background:rgba(31,32,65,0.25);left:-21px;top:6px}
.guest-review{width:100%}.guest-review__guest{flex-direction:row;display:flex;align-items:center}.guest-review__photo{width:48px;height:48px;border:2px solid #FFFFFF;box-sizing:border-box;filter:drop-shadow(0px 10px 20px rgba(31,32,65,0.1));border-radius:32px}.guest-review__guest-details{padding-left:10px}.guest-review__guest-name{font-weight:bold}.guest-review__guest-details{display:inline-block}.guest-review__rewiew{flex-direction:row;display:flex;padding-top:10px}.guest-review__likes{margin-top:2px;width:48px;flex:none;display:inline-flex;justify-content:center}.guest-review__rewiew-text{display:inline-block;padding-left:10px}
.calendar{width:100%;max-width:500px;padding:20px;padding-bottom:15px;cursor:default;border:1px solid rgba(31,32,65,0.25);box-sizing:border-box;box-shadow:0px 10px 20px rgba(31,32,65,0.05);border-radius:4px}.calendar_without-top-border{border-radius:0 0 4px 4px;border-color:rgba(31,32,65,0.5);border-top:none}.calendar__month-selection-section{flex-direction:row;display:flex;justify-content:space-between}.calendar__month-button{color:#BC9CFF;transition:opacity .5s ease}.calendar__month-button:hover{opacity:.5}.calendar__month-button:active{transition:opacity 0s ease;opacity:1}.calendar__month{padding:0 10px;text-align:center;font-family:"Open Sans";font-weight:bold;font-size:19px;color:#1F2041}.calendar__days{margin-top:30px}.calendar__names-of-week-days{display:flex;justify-content:space-between;font-weight:bold;font-size:12px;color:#BC9CFF}.calendar__calendar-element{display:flex;justify-content:center;align-items:center;box-sizing:border-box;max-width:40px;width:100%}.calendar__calendar-element:before{content:'';display:block;padding-bottom:100%}.calendar__current-day{background:linear-gradient(180deg, #6FCF97 0%, #66D2EA 100%);color:white;font-weight:bold;border-radius:22px}.calendar__day_selectable{transition:opacity .5s ease}.calendar__day_selectable:hover{opacity:.5}.calendar__range-highlight_light{background:linear-gradient(180deg, RGBA(188, 156, 255, 0.25) 0%, RGBA(139, 164, 249, 0.25) 100%)}.calendar__range-highlight_light-and-left-round{border-radius:22px 0 0 22px;background:linear-gradient(180deg, RGBA(188, 156, 255, 0.25) 0%, RGBA(139, 164, 249, 0.25) 100%)}.calendar__range-highlight_light-and-right-round{border-radius:0 22px 22px 0;background:linear-gradient(180deg, RGBA(188, 156, 255, 0.25) 0%, RGBA(139, 164, 249, 0.25) 100%)}.calendar__day-number_other-month{color:rgba(31,32,65,0.25)}.calendar__day_selected{background:linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%);border-radius:22px;color:white;font-weight:bold}.calendar__week{display:flex;justify-content:space-between}.calendar__buttons-panel{padding-top:15px;display:flex;justify-content:space-between}.calendar__button_clear{display:none}.calendar__button-clear{display:flex;align-items:center}
.number-card{width:100%;max-width:500px;background:white;box-shadow:0px 10px 20px rgba(31,32,65,0.05);border-radius:4px;flex-direction:column}.number-card__slider-section{position:relative;width:100%}.number-card__slider-section:hover .number-card__arrow-button{opacity:1}.number-card__slider-section::before{content:'';display:block;padding-top:56%}.number-card__slider-list{width:100%;margin:0;padding:0;list-style-type:none;position:absolute;left:0;top:0}.number-card__slider-image{border-radius:4px 4px 0 0;display:block;width:100%;transition:opacity 1s ease-in;position:absolute;z-index:2}.number-card__slider-list-item_opacity1{transition:opacity .5s ease-in;opacity:1}.number-card__slider-list-item_opacity0{transition:opacity .5s ease-in;opacity:0}.number-card__arrow-button{transition:opacity .5s ease-in;opacity:0;position:absolute;height:100%;top:0;z-index:3;padding:0;margin:0;line-height:0;width:42px;height:100%;border:none;color:white;background:none}.number-card__arrow-button:active,.number-card__arrow-button:focus{outline:none}.number-card__prevButton{left:0;background:linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 99.99%, rgba(255,255,255,0) 100%)}.number-card__nextButton{right:0;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0) .99%, rgba(0,0,0,0.5) 100%)}.number-card__slider-dots{position:absolute;display:flex;flex-direction:row;bottom:15px;right:13px;z-index:3}.number-card__dot{margin:0 1.5px;width:8px;height:8px;border-radius:50%;box-sizing:border-box;border:1px solid white;filter:drop-shadow(0px 5px 5px rgba(31,32,65,0.3))}.number-card__unactive-dot{transition:background 0.5s ease-in;background:transparent}.number-card__active-dot{transition:background .5s ease-in;background:white}.number-card__room-info{padding:20px}.number-card__number-section{flex-direction:row;display:flex;justify-content:space-between;align-items:center}.number-card__number{display:inline;font-family:'Quicksand';font-weight:bold;font-size:14px;color:#1F2041;line-height:0}.number-card__number_size19{font-size:19px}.number-card__lux{font-family:Montserrat;font-weight:bold;font-size:12px;text-transform:uppercase;color:#BC9CFF;line-height:0}.number-card__room-rate{display:inline-block;font-size:12px}.number-card__accented-text{font-family:'Montserrat';font-weight:bold;font-size:14px;color:rgba(31,32,65,0.5)}.number-card__separator{margin:8px 0;height:1px;background:rgba(31,32,65,0.1);width:100%}.number-card__rating-section{flex-direction:row;display:flex;justify-content:space-between;align-items:center}
.search-room-card{padding:30px;background:white;border:1px solid rgba(0,0,0,0.12);box-sizing:border-box;box-shadow:0px 0px 25px rgba(0,0,0,0.2);border-radius:4px}.search-room-card__title{font-family:'Open Sans'}.search-room-card__dropdown{margin-bottom:20px}.search-room-card__title_margins{margin:8px 0 10px}.search-room-card__button{margin-top:30px}
.registrationCard{width:100%;padding:30px;background:white;border:1px solid rgba(0,0,0,0.12);box-sizing:border-box;box-shadow:0px 0px 25px rgba(0,0,0,0.2);border-radius:4px}.registrationCard__title{font-family:'Open Sans'}.registrationCard__account-login{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.registrationCard__title_margin{margin:8px 0}.registrationCard__person{margin:20px 0}.registrationCard__login-details{margin:20px 0 12px}.registrationCard__account-login{margin-top:30px}
.entry-card{padding:30px;background:#FFFFFF;border:1px solid rgba(0,0,0,0.12);box-sizing:border-box;box-shadow:0px 0px 25px rgba(0,0,0,0.2);border-radius:4px}.entry-card__title{font-family:'Open Sans';margin:8px 0 20px}.entry-card__create-account{display:flex;justify-content:space-between;align-items:center}.entry-card__login-details{margin-bottom:20px}.entry-card__create-account{margin-top:30px}
.room-rate-card{padding:30px;background:white;border:1px solid rgba(0,0,0,0.12);box-sizing:border-box;box-shadow:0px 0px 25px rgba(0,0,0,0.2);border-radius:4px}.room-rate-card__room-info{margin:13px 0 6px;display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.room-rate-card__room-number{font-family:Quicksand;font-weight:bold;font-size:14px;color:#1F2041}.room-rate-card__number{display:inline}.room-rate-card__number_size19{font-size:24px}.room-rate-card__lux{font-family:'Montserrat';font-weight:bold;font-size:12px;text-transform:uppercase;color:#BC9CFF;display:inline}.room-rate-card__price-per-day{font-family:Montserrat;font-size:12px;color:rgba(31,32,65,0.5)}.room-rate-card__cost{display:inline;font-weight:bold;font-size:14px}.room-rate-card__room-rate-label{display:inline}.room-rate-card__dropGuests{margin:20px 0}.room-rate-card__room-rate-calc{margin-bottom:10px;display:flex;flex-direction:row;justify-content:space-between;font-family:Montserrat;font-weight:normal;font-size:14px;color:rgba(31,32,65,0.75)}.room-rate-card__services{margin-bottom:10px;display:flex;flex-direction:row;justify-content:space-between}.room-rate-card__service-info{width:75%;display:flex;line-height:18px;flex-direction:row;justify-content:space-between}.room-rate-card__service-tooltip,.room-rate-card__additional-service-tooltip{flex:none;width:20px;height:20px;border:1px solid rgba(31,32,65,0.25);box-sizing:border-box;border-radius:50%;display:flex;justify-content:center;align-items:center}.room-rate-card__additional-services{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:40px}.room-rate-card__additional-service-info{width:75%;display:flex;flex-direction:row;line-height:18px;justify-content:space-between}.room-rate-card__services-label{width:90%}.room-rate-card__additionals-services-label{width:90%}.room-rate-card__result{display:flex;flex-direction:row;line-height:12px;align-items:flex-end;margin:25px 0}.room-rate-card__result-dots{margin:0 3px;width:100%;border-bottom:1px dashed rgba(31,32,65,0.25);box-sizing:border-box}.room-rate-card__result-label{font-family:'Open Sans';font-weight:bold;font-size:19px;color:#1F2041}.room-rate-card__result-cost{font-family:'Open Sans';font-weight:bold;font-size:19px;color:#1F2041}.room-rate-card__tooltip{position:relative;font-family:'Montserrat';font-weight:bold;font-size:12px;color:rgba(31,32,65,0.25);cursor:default}.room-rate-card__tooltip:before{content:'';z-index:3;border:5px solid transparent;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}.room-rate-card__tooltip:after{content:attr(tooltip);max-width:200px;min-width:150px;z-index:2;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;font-family:'Montserrat';font-weight:bold;font-size:12px;color:rgba(31,32,65,0.25);text-align:center;padding:10px;border-radius:3px;box-shadow:0 1em 2em -0.5em rgba(0,0,0,0.35);background:#333;color:#fff}.room-rate-card__tooltip:hover::before,.room-rate-card__tooltip:hover::after{display:block}.room-rate-card__tooltip:not([flow])::before,.room-rate-card__tooltip[flow^="up"]::before{bottom:100%;border-bottom-width:0;border-top-color:#333}.room-rate-card__tooltip:not([flow])::after,.room-rate-card__tooltip[flow^="up"]::after{bottom:calc(100% + 5px)}.room-rate-card__tooltip:not([flow])::before,.room-rate-card__tooltip:not([flow])::after,.room-rate-card__tooltip[flow^="up"]::before,.room-rate-card__tooltip[flow^="up"]::after{left:50%;transform:translate(-50%, -0.5em)}.room-rate-card__tooltip:not([flow]):hover::before,.room-rate-card__tooltip:not([flow]):hover::after,.room-rate-card__tooltip[flow^="up"]:hover::before,.room-rate-card__tooltip[flow^="up"]:hover::after,.room-rate-card__tooltip[flow^="down"]:hover::before,.room-rate-card__tooltip[flow^="down"]:hover::after{animation:tooltips-vert 300ms ease-out forwards}.room-rate-card__tooltip[flow^="left"]:hover::before,.room-rate-card__tooltip[flow^="left"]:hover::after,.room-rate-card__tooltip[flow^="right"]:hover::before,.room-rate-card__tooltip[flow^="right"]:hover::after{animation:tooltips-horz 300ms ease-out forwards}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%, 0)}}@keyframes tooltips-horz{to{opacity:.9;transform:translate(0, -50%)}}
.header_contaner{position:relative}.header__menu-check{display:none}.header__menu-check:checked ~ .header__burger .header__burger-image{transition:background .2s ease-in;background:transparent}.header__menu-check:checked ~ .header__burger .header__burger-image::after{transition:top .2s ease-in, transform .2s ease-in .2s;top:0;transform:rotate(45deg)}.header__menu-check:checked ~ .header__burger .header__burger-image::before{transition:top .2s ease-in, transform .2s ease-in .2s;top:0;transform:rotate(-45deg)}.header__menu-check:not(:checked) ~ .header__burger .header__burger-image{transition:background .2s ease-in .2s}.header__menu-check:not(:checked) ~ .header__burger .header__burger-image::after{transition:top .2s ease-in .2s, transform .2s ease-in}.header__menu-check:not(:checked) ~ .header__burger .header__burger-image::before{transition:top .2s ease-in .2s, transform .2s ease-in}.header{position:relative;width:100%;display:flex;justify-content:center;box-shadow:0px 10px 20px rgba(31,32,65,0.05);box-sizing:border-box;padding:0 20px;z-index:100}.header__content{width:100%;max-width:1160px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box}.header__logo{padding:15px 0}.header__burger{display:none;position:relative;z-index:11}.header__burger-image{position:relative;margin:0;width:25px;height:4px;background:#5c5c72ff}.header__burger-image::before{content:'';position:absolute;top:-8px;display:block;width:25px;height:4px;background:#5c5c72ff}.header__burger-image::after{content:'';position:absolute;top:8px;display:block;width:25px;height:4px;background:#5c5c72ff}.navbar__account-name{display:none}.navbar__separator{margin:0 5px;height:30px;width:1px;background:rgba(31,32,65,0.1)}.navbar__separator-item{display:none}@media screen and (max-width: 950px){.header__burger{display:block;height:20px;display:flex;align-items:center}}
footer{width:100%;background:#FFFFFF;box-shadow:0px 10px 20px rgba(31,32,65,0.05);display:flex;align-items:center;display:flex;flex-direction:column;box-sizing:border-box}.footer__info_container{width:100%;box-shadow:0px 1px 0px rgba(31,32,65,0.1);display:flex;justify-content:center;box-sizing:border-box;padding:0 20px}.footer__info{box-sizing:border-box;width:100%;max-width:1160px;display:flex;flex-direction:row;justify-content:space-between;padding:100px 0 95px}.footer__info-column{list-style-type:none;margin:0 15px;padding:0}.footer__info-column .footer__info-column-item:first-child{padding-top:0}.footer__info-column .footer__info-column-item:last-child{padding-bottom:0}.footer__info-column_margin-left{margin-left:0}.footer__info-column_margin-right{margin-right:0}.footer__info-column_width260{width:260px}.footer__info-column-item{font-family:'Montserrat';font-size:14px;color:rgba(31,32,65,0.75);padding:7px 0}.footer__info-column-title{font-weight:bold;font-size:12px;text-transform:uppercase;color:#1F2041}.footer__logo{padding:0}.footer__copyright-container{box-sizing:border-box;width:100%;padding:24px 20px;display:flex;justify-content:center}.footer__copyright{width:100%;max-width:1160px;display:flex;justify-content:space-between}.footer__social-link{font-size:24px;background:linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 11px;transition:opacity .5s ease-in}.footer__social-link:hover{opacity:75%}.footer__socials-icons .footer__social-link:first-child{margin-left:0}.footer__socials-icons .footer__social-link:last-child{margin-right:0}.footer__logo-in-copyright-zone{display:none}@media screen and (max-width: 768px){.footer__info_container{display:none}.footer__logo-in-copyright-zone{display:block}.footer__copyright{flex-direction:column;align-items:center;padding:120px 0}.footer__copyright-text{margin:20px 0;text-align:center}}
.landing-page__header-container{position:relative;z-index:3}.landing-page__landing-body{position:relative;width:100%;height:100%;padding:0 20px;box-sizing:border-box}.background1{background:url(4f46eaf9c0bb5900fcbfca7230af6f6a.png);animation:landing-animation1 40s infinite}.background2{background:url(bc5b621d600ac6f8f6e730b8c5d3f157.png);animation:landing-animation2 40s infinite}.background3{background:url(d5f93a460e55eb51fac1de0fcc4cfe50.png);animation:landing-animation3 40s infinite}.landing-page__background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;display:flex;justify-content:center;z-index:1}.landing-page__body-content-container{position:relative;width:100%;height:100%;box-sizing:border-box;max-width:1160px;padding:70px 0;z-index:1;margin:0 auto}.landing-page__search-card-container{width:100%;max-width:380px}.landing-page__body-text{position:absolute;width:297px;text-align:right;bottom:0;right:0;padding-bottom:18px;font-family:Montserrat;font-size:14px;color:rgba(31,32,65,0.75)}@keyframes landing-animation1{0%{opacity:1}27%{opacity:1}33%{opacity:0}94%{opacity:0}100%{opacity:1}}@keyframes landing-animation2{0%{opacity:0}27%{opacity:0}33%{opacity:1}60%{opacity:1}66%{opacity:0}100%{opacity:0}}@keyframes landing-animation3{0%{opacity:0}60%{opacity:0}66%{opacity:1}94%{opacity:1}100%{opacity:0}}
.navbar{display:flex;list-style-type:none;margin:0;padding:0;background:white}.navbar_horizontal{height:100%;flex-direction:row}.navbar_horizontal .navbar__item:first-child{padding-left:0}.navbar_horizontal .navbar__item:last-child{padding-right:0}.navbar_vertical{position:absolute;display:none;box-sizing:border-box;width:100%;font-size:18px;bottom:0;left:0;z-index:2;flex-direction:column;justify-content:start;align-items:center;padding:20px 40px;box-shadow:0px 10px 20px rgba(31,32,65,0.05);transform:translateY(100%) scaleY(0);transition:transform .5s ease-in;transform-origin:top}.navbar_vertical-opened{transition:transform 0.5s cubic-bezier(0.73, 0.32, 0.34, 1.5);transform:translateY(100%) scaleY(1);transform-origin:top}.navbar__item{white-space:nowrap;font-family:'Montserrat';font-size:14px;color:rgba(31,32,65,0.5);display:flex;flex-direction:column;cursor:default;transition:color .5s ease}.navbar__item:hover{color:rgba(31,32,65,0.75)}.navbar__item_horizontal{position:relative;justify-content:center;height:100%;padding:0 10px}.navbar__item_horizontal:hover .navbar__hidden-list{transition:transform 0.4s cubic-bezier(0.73, 0.32, 0.34, 1.5);transform:translateY(100%) scaleY(1);transform-origin:top}.navbar__item_horizontal:not(:hover) .navbar__hidden-list{transition:transform .5s;transform:translateY(100%) scaleY(0)}.navbar__item_horizontal:hover .navbar__hidden-list-item{transition:opacity .3s;opacity:1}.navbar__item_horizontal:not(:hover) .navbar__hidden-list-item{transition:opacity .3s}.navbar__item_vertical{opacity:0;padding:5px 0;transition:.3s ease-in}.navbar__item_vertical-opened{opacity:1}.navbar__dropdown-title{display:flex;flex-direction:row;color:rgba(31,32,65,0.5);text-decoration:none}.navbar__dropdown-title_vertical{padding-left:7px;justify-content:center}.navbar__hidden-list{box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:0;list-style-type:none;transform-origin:top}.navbar__hidden-list_vertical{align-items:center;overflow:hidden;max-height:0;transition:max-height .3s ease-in}.navbar__hidden-list_vertical .header__hidden-list-item:last-child{padding-bottom:0}.navbar__hidden-list_vertical-opened{max-height:15rem}.navbar__hidden-list_horizontal{position:absolute;left:0;bottom:0;background:white;box-shadow:0px 10px 20px rgba(31,32,65,0.05);transform:translateY(100%);padding:inherit}.navbar__hidden-list-item{color:rgba(31,32,65,0.5);transition:color .5s ease}.navbar__hidden-list-item:hover{color:rgba(31,32,65,0.75)}.navbar__hidden-list-item_horizontal{opacity:0;padding:5px 0}.navbar__hidden-list-item_vertical{padding:5px 0;text-align:center;opacity:.6}.navbar__button-registration{width:196px;height:34px}.navbar__button-entry{width:87px;height:34px}.navbar__account-name{display:none}.navbar__separator{margin:0;height:30px;width:1px;background:rgba(31,32,65,0.1)}.navbar__separator_vertical{height:1px;width:150px}.navbar__separator-item{display:none}@media screen and (max-width: 950px){.navbar_horizontal{display:none}.navbar_vertical{display:flex}}
.search-room__body{box-sizing:border-box;background:white;width:100%;padding:0 20px;display:flex;justify-content:center;border-bottom:1px solid rgba(31,32,65,0.25);padding-bottom:70px}.search-room__content{box-sizing:border-box;width:100%;max-width:1160px;display:flex;justify-content:space-between}.search-room__sidebar{width:27%;display:flex;flex-direction:column}.search-room__filter{padding:20px;display:none;flex-direction:raw;align-items:center;justify-content:center;cursor:pointer}.search-room__filter:hover,.search-room__filter h3:hover{transition:color .5s ease-in;color:rgba(31,32,65,0.5)}.search-room__filter h3:not(:hover){transition:color .5s ease-in}.search-room__filter h3{margin:0}.search-room__filter-check{display:none}.search-room__filter-options{width:100%;max-width:266px;display:block}.search-room__filter-date-container{margin-top:30px}.search-room__guests-dropdown-container{margin-top:21px}.search-room__range-slider-container{margin-top:18px;font-size:12px}.search-room__range-slider-container span{display:inline-block;color:rgba(31,32,65,0.5);margin-top:5px}.search-room__checkbox-container{margin-top:23px}.search-room__checkbox-container h3{margin-bottom:18px}.search-room__rich-checkbox-container h3{margin-top:31px;margin-bottom:17px}.search-room__comfort-dropdown-container{margin-top:30px}.search-room__expandable-checkbox-list-container{margin-top:24px}.search-room__rooms-section{width:71.8%}.search-room__rooms-title{font-family:'Open Sans';width:100%;margin-top:30px;margin-bottom:11px}.search-room__rooms{width:100%;flex-wrap:wrap;display:flex;justify-content:space-between}.search-room__number-card-container{margin:10px 0;flex:none;width:32.5%}.search-room__pagination-container{width:100%;display:flex;justify-content:center;padding-top:33px}@media screen and (max-width: 1120px){.search-room__rooms{justify-content:space-evenly}.search-room__number-card-container{margin:10px 0;width:47%}.search-room__rooms-title{text-align:center}}@media screen and (max-width: 870px){.search-room__sidebar{width:100%}.search-room__filter-check:checked ~ .search-room__filter-options{max-width:100%;display:flex;justify-content:space-around}.search-room__filter-check:checked ~ .search-room__filter-options .search-room__option-column-one,.search-room__filter-check:checked ~ .search-room__filter-options .search-room__option-column-two{width:40%;max-width:266px}.search-room__number-card-container{width:47%}.search-room__content{flex-direction:column;align-items:center}.search-room__filter-options{display:none;margin:0 auto}.search-room__rooms-section{width:100%;padding:0}.search-room__filter{display:flex}}@media screen and (max-width: 600px){.search-room__filter-check:checked ~ .search-room__filter-options{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center}.search-room__filter-check:checked ~ .search-room__filter-options .search-room__option-column-one,.search-room__filter-check:checked ~ .search-room__filter-options .search-room__option-column-two{width:100%}.search-room__number-card-container{width:80%;min-width:260px}}
.room-details__room-photos{display:flex;flex-direction:row}.room-details__main-photo{width:68.2%;height:0;background:url(fd7e57d89c29eed0693e791ce290ac2f.png);padding-bottom:33.7%;background-size:cover;background-position:center}.room-details__additional-photos{width:31.8%}.room-details__additional-photo1{width:100%;height:50%;background:url(b614c393c3470b88f26dc604c81efb1e.png);background-size:100% auto}.room-details__additional-photo2{width:100%;height:50%;background:url(6f38a1501178a821321307191717d496.png);background-size:cover;background-position:center}.room-details__details-section{width:100%;padding:0 20px 72px;display:flex;justify-content:center;box-sizing:border-box;border-bottom:1px solid rgba(31,32,65,0.25)}.room-details__central-container{padding-top:55px;width:100%;max-width:1160px;display:flex;justify-content:space-between}.room-details__room-info{max-width:61.2%}.room-details__details-container .room-details:first-of-type{padding-top:10px}.room-details__details-container .room-details:last-child{border:none;padding-bottom:18px}.room-details__top-info-section{display:flex;justify-content:start}.room-details__impressions-diagram{width:50%;min-width:240px;box-sizing:border-box;margin-left:11.3%}.room-details__details-title{font-family:'Open Sans';font-size:19px;margin-bottom:6px}.room-details__guest-review-container{width:100%;padding:11px 0}.room-details__reviews-count{color:rgba(31,32,65,0.5)}.room-details__reviews-header{display:flex;justify-content:space-between;align-items:baseline}.room-details__bottom-info-section{padding-top:8px;display:flex;justify-content:space-between}.room-details__details-container_bullet-list{max-width:300px}.room-details__details-title_bullet-list{padding-left:20px;padding-bottom:8px}.room-details__cancel-text{max-width:345px}.room-details__details-title_cancel{padding-bottom:8px}.room-details__rate-card-container{width:100%;max-width:380px;padding-top:15px}@media screen and (max-width: 1120px){.room-details__top-info-section{margin-left:5%;flex-direction:column;margin-bottom:30px}.room-details__impressions-diagram{margin-left:0}.room-details__rate-card-container{position:absolute;right:5%;padding-right:20px}.room-details__room-info{max-width:100%}.room-details__bottom-info-section{justify-content:space-evenly}}@media screen and (max-width: 850px){.room-details__rate-card-container{position:static;margin:30px auto 0}.room-details__central-container{flex-direction:column}.room-details__top-info-section{flex-direction:row;justify-content:space-evenly;margin-bottom:0;margin-left:0}}@media screen and (max-width: 660px){.room-details__top-info-section{flex-direction:column}.room-details__impressions-diagram{margin:0 auto 30px}.room-details__details-container{width:100%;display:flex;flex-direction:column;align-items:center}.room-details__bottom-info-section{flex-direction:column;align-items:center}.room-details__details-title_bullet-list{text-align:center;padding-left:0}.room-details__details-title_cancel{text-align:center}.room-details__details-container_bullet-list{margin-bottom:20px}}
.impressions-diagram__diagram-section{position:relative;width:120px;height:120px}.impressions-diagram{width:100%;display:flex;align-items:flex-end;padding:12px 0;box-sizing:border-box}.impressions-diagram__votes-counter{position:absolute;top:50%;left:50%;transform:translate(-50%, -55%);display:flex;flex-direction:column;justify-content:center;align-items:center}.impressions-diagram__votes-number{font-family:'Quicksand';font-weight:bold;font-size:24px;line-height:30px;color:#BC9CFF}.impressions-diagram__votes-text{font-family:Montserrat;font-weight:bold;font-size:12px;line-height:15px;text-transform:uppercase;color:#BC9CFF}.impressions-diagram__diagram-legend{margin-left:13%}.impressions-diagram__legend-item{position:relative}.impressions-diagram__legend-item::before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;left:-15px;top:7px}.impressions-diagram__legend-item_yellow::before{background:linear-gradient(180deg, #FFE39C 0%, #FFBA9C 100%)}.impressions-diagram__legend-item_green::before{background:linear-gradient(180deg, #6FCF97 0%, #66D2EA 100%)}.impressions-diagram__legend-item_purple::before{background:linear-gradient(180deg, #BC9CFF 0%, #8BA4F9 100%)}.impressions-diagram__legend-item_brown::before{background:linear-gradient(180deg, #919191 0%, #3D4975 100%)}@media screen and (max-width: 400px){.impressions-diagram{flex-direction:column;align-items:center}.impressions-diagram__diagram-section{margin-bottom:10px}}
.registration-signin-page__body{position:relative;width:100%;height:800px;box-sizing:border-box}.registration-signin-page__background1{background:url(5f18d15ffdd458266e902b51db1e3395.png);animation:registration-signin-animation1 40s infinite}.registration-signin-page__background2{background:url(139036caf7ad67b2d47c64c76ce1469f.png);animation:registration-signin-animation2 40s infinite}.registration-signin-page__background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;display:flex;justify-content:center;z-index:0}.registration-signin-page__body-content-container{position:relative;width:100%;height:100%;box-sizing:border-box;max-width:1160px;padding:20px 0;z-index:1;margin:0 auto;display:flex;justify-content:center;align-items:center}.registration-signin-page__registration-card-container{width:380px;margin:0 10px}@keyframes registration-signin-animation1{0%{opacity:1}44%{opacity:1}50%{opacity:0}94%{opacity:0}100%{opacity:1}}@keyframes registration-signin-animation2{0%{opacity:0}44%{opacity:0}50%{opacity:1}94%{opacity:1}100%{opacity:0}}