#MTS__MainMonthHolderID .MTS__MonthNameClass { text-transform: capitalize !important; } #__MTS_roomlist-mts .MTS_CatTab { margin-right: 0; padding: 7px 18px 8px !important; text-transform: uppercase !important; font-weight: 600 !important; } #__MTS_roomlist-mts .MTS_CatTab.MTS__underline { text-decoration: none !important; } #__MTS_roomlist-mts .MTS_CatTab.MTS__underline>div { background-color: #ff9929 !important; color: #222 !important; border-color: #222 !important; } #__MTS_roomlist-mts .MTS_CatTab>div { padding: 7px 18px 8px !important; } #__MTS_roomlist-mts .MTS__modal>div, #__MTS_roomslider-mts .MTS__modal>div, #__MTS_offerslider-mts .MTS__modal>div, #__MTS_offerlist-mts .MTS__modal>div { height: 100% !important; } #__MTS_roomslider-mts .MTS__roomCard-body { padding-left: 0 !important; padding-right: 0 !important; } #__MTS #__MTS_offerlist-mts .services_sidebar>div:nth-child(3) { align-items: center !important; justify-content: center !important; } #__MTS #__MTS_offerlist-mts .services_sidebar>div:nth-child(3)>.MTS_CatTab.MTS__underline { font-weight: 700 !important; text-decoration: none !important; background-color: #008299 !important; } #__MTS #__MTS_offerlist-mts .MTS_CatTab { padding: 14px 20px !important; font-size: 20px !important; line-height: 33px !important; background-color: #ff9929 !important; margin: 0 10px !important; color: #222 !important; } #__MTS #__MTS_offerslider-mts .MTS__roomsList-bg-gradient, #__MTS #__MTS_offerlist-mts .MTS__roomsList-bg-gradient { background-image: linear-gradient(to top, #00000080, transparent) !important; } #__MTS #__MTS_offerslider-mts .MTS__roomCard-body, #__MTS #__MTS_offerlist-mts .MTS__roomCard-body { padding: 30px 35px !important; } #__MTS #__MTS_offerlist-mts .MTS__offerCardList_occupancy, #__MTS #__MTS_offerlist-mts .MTS__offerCardGrid-price, #__MTS #__MTS_offerslider-mts .MTS__offerCardList_occupancy, #__MTS #__MTS_offerslider-mts .MTS__offerCardGrid-price { border-bottom: 1px solid #fff; } select.MTS__cursor-pointer.MTS__px-2.MTS__py-1.focus\:MTS__outline-none.\!MTS__bg-effect-light.lg\:MTS__w-full.MTS__tracking-\[1\.26px\].MTS__text-primary-darker.MTS__w-auto.MTS__text-center { letter-spacing: 0 !important; } #__MTS_roomdetail-pricecalculator-mts .MTS__image-sliderbutton>button { background-color: #ff9929 !important; } #__MTS_roomdetail-pricecalculator-mts .pricecalculator_requestbar_text { color: #222 !important; } #__MTS_requestbar-mts .MTS_requestBar-main { background-color: #00000000 !important; } /* @media only screen and (max-width: 730px) { #__MTS_roomdetail-pricecalculator-mts .MTS__requestBarClass, #priceDetailHeaderParent>section>div:last-child { padding-left: calc(var(--MTS-fontSize-base)* .5) !important; padding-right: calc(var(--MTS-fontSize-base)* .5) !important; } } */ #__MTS_roomdetail-pricecalculator-mts .MTS__requestBarClass>div { align-items: center !important; } #__MTS_roomdetail-pricecalculator-mts .MTS__requestBarClass>div:first-child>div:last-child { margin-bottom: 0 !important; margin-top: 0; padding: 4px 0px !important; } #__MTS_roomdetail-pricecalculator-mts .pricecalculator_requestbar_price { font-size: 28px !important; } svg.MTS__fill-\[color\:var\(--MTS-color-primary-dark\)\].MTS__h-4.MTS__w-4 { fill: #222 !important; } @media only screen and (max-width: 1049PX) { #__MTS_roomdetail-pricecalculator-mts .MTS__requestBarClass>div:first-child>div:first-child { padding-top: 0 !important; } #priceDetailHeaderParent>section>div:nth-child(2) { padding-left: calc(var(--MTS-fontSize-base)* .5) !important; padding-right: calc(var(--MTS-fontSize-base)* .5) !important; } #__MTS_roomdetail-pricecalculator-mts .pricecalculator_requestbar_price { font-size: 26px !important; } } @media only screen and (max-width: 767px) { #__MTS_roomlist-mts .hidescrollbar .MTS_CatTab { margin-right: 10px !important } #__MTS_roomdetail-pricecalculator-mts .MTS__requestBarClass>div:first-child>div:last-child { margin-bottom: 0 !important; margin-top: 15px !important; padding: 4px 0px !important; } #__MTS_roomdetail-pricecalculator-mts .pricecalculator_requestbar_text { justify-content: center !important; } .MTS__requestBarClass>div:first-child>.MTS__flex.MTS__justify-center.MTS__items-center.MTS__flex-col.MTS__border.MTS__border-primary.MTS__min-w-\[200px\].MTS__mb-2 { margin-top: 18px !important; } #__MTS_roomdetail-pricecalculator-mts .pricecalculator_requestbar_price { font-size: 22px !important; } #__MTS_roomdetail-pricecalculator-mts .MTS__requestBarClass, #priceDetailHeaderParent>section>div:last-child { padding-left: calc(var(--MTS-fontSize-base)* .5) !important; padding-right: calc(var(--MTS-fontSize-base)* .5) !important; } } .MTS__requestBarClass #MTS__MainMonthHolderID .MTS__calNightsLabelClass, .MTS__requestBarClass #MTS__MainMonthHolderID .MTS__calPriceLabelClass { top: 25px; } #__MTS_offerslider-mts svg.MTS__cursor-pointer.MTS__fill-\[color\:var\(--MTS-color-button-dark\)\].MTS__h-12.MTS__w-12.MTS__top-0.MTS__mr-0.MTS__absolute.MTS__z-10.MTS__bg-button-dark, #__MTS_offerlist-mts svg.MTS__cursor-pointer.MTS__fill-\[color\:var\(--MTS-color-button-dark\)\].MTS__h-12.MTS__w-12.MTS__top-0.MTS__mr-0.MTS__absolute.MTS__z-10.MTS__bg-button-dark { background-color: #ff9929; fill: #222 !important; } #__MTS_offerslider-mts .MTS__offer-head .MTS__offer-header-wrapper, #__MTS_offerlist-mts .MTS__offer-head .MTS__offer-header-wrapper { padding: 0 20px !important; } #__MTS_roomdetail-pricecalculator-mts .MTS__EnquiryBookButtonClass>div>button, #__MTS_offerslider-mts .MTS__offerCardGrid-link .MTS__offerDetailButton, #__MTS_offerlist-mts .MTS__offerCardGrid-link .MTS__offerDetailButton, #MTS__tabsHolderID>button, #MTS__tabsHolderID>span { text-transform: uppercase !important; } .MTS__DetailLinkClass .MTS_detailICon { display: none !important; background-color: #00000000 !important; } .MTS__DetailLinkClass { cursor: pointer !important; background-color: #00000000 !important; } #__MTS_roomslider-mts .MTS__underline.MTS__cursor-pointer.MTS__text-subText.MTS__font-subText.MTS__tracking-subText.MTS__leading-subText.MTS__roomCard-subtext.MTS__text-secondary-dark { text-decoration: none !important; } #__MTS_roomlist-mts .MTS__bg-secondary-lighter>ul>li, #__MTS_roomlist-mts .MTS__dropdown-title, #MTS__gridButtondevID>button { font-weight: 600 !important; } #__MTS_roomlist-mts .MTS__roomCard-body>.MTS__room_category { display: none !important; } #__MTS_requestform-mts .MTS__p-textarea.MTS__bg-input, #__MTS_requestform-mts .MTS__p-selectDropdown.MTS__select-dropdown.MTS__bg-input, #__MTS_requestform-mts .MTS__p-input.MTS__bg-input { border-left: 5px solid #ff9929 !important; } #__MTS_roomlist-mts .catRoomFilters { padding: 20px 0 !important; margin: 0 !important; --MTS-backgroundColor-button-light: #008299 !important; --MTS-color-button-light: #fff !important; } #__MTS_roomlist-mts .catRoomFilters button { border-radius: 0 !important; } #__MTS_roomslider-mts .MTS__roomSectionWrapper, #__MTS_roomlist-mts .MTS__roomSectionWrapper { background-color: #00000000 !important; } .MTS__popupModal-open .MTS__modal>div>div:first-child { /* place-content: center !important; */ position: absolute; top: 10; right: 50px; } .MTS__popupModal-open .MTS__modal>div>div:last-child { place-content: center !important; } .MTS__text-label.MTS__font-label.MTS__leading-label.MTS__tracking-\[var\(--MTS-letterSpacing-label\)\].false.false { font-size: 16px !important; } .MTS__flex-nowrap.lg\:MTS__flex-nowrap.MTS__overflow-scroll.\!MTS__flex.MTS__flex-row.MTS__gap-1\.5.lg\:MTS__gap-4.MTS__items-center.hidescrollbar.lg\:MTS__block.false.MTS__flex.MTS__flex-wrap { flex-wrap: wrap !important; } .MTS__flex-nowrap.lg\:MTS__flex-nowrap.MTS__overflow-scroll.\!MTS__flex.MTS__flex-row.MTS__gap-1\.5.lg\:MTS__gap-4.MTS__items-center.hidescrollbar.lg\:MTS__block.false.MTS__flex.MTS__flex-wrap .MTS_CatTab { width: auto !important; margin-right: 10px !important; } .MTS__modal>div>.MTS__flex.MTS__justify-end { top: 60px !important; } .MTS__requestBarClass .MTS__mx-3.MTS__flex.MTS__flex-col.MTS__items-start { align-items: center !important; } #__MTS_roomdetail-pricecalculator-mts .hidescrollbar { flex-wrap: wrap !important; } #__MTS_roomdetail-pricecalculator-mts .hidescrollbar>div { width: auto !important; margin-right: unset !important; } #__MTS_roomdetail-pricecalculator-mts .MTS__availableOfferClass .MTS__flex.MTS__flex-col.MTS__p-4.MTS__bg-primary-lighter.MTS__text-primary-lighter.MTS__gap-1.MTS__max-h-28.MTS__overflow-y-auto.MTS__relative.MTS__z-10 { background-color: white !important; } #__MTS #__MTS_requestform-mts .MTS__shadow-lg.MTS__absolute.MTS__top-12.MTS__left-0.sm\:MTS__translate-x-0.MTS__left-0.MTS__w-\[320px\].sm\:MTS__w-\[430px\].MTS__bg-input.MTS__z-50.MTS__p-2.MTS__visible { top: calc(var(--MTS-fontSize-base)*5.5); width: 100%; } @media (min-width: 425px) { #__MTS #__MTS_requestform-mts .MTS__shadow-lg.MTS__absolute.MTS__top-12.MTS__left-0.sm\:MTS__translate-x-0.MTS__left-0.MTS__w-\[320px\].sm\:MTS__w-\[430px\].MTS__bg-input.MTS__z-50.MTS__p-2.MTS__visible { width: 430px; } } #__MTS #__MTS_roomdetail-pricecalculator-mts h1.lg\:MTS__text-heading.MTS__text-heading.MTS__leading-relaxed.MTS__text-primary-dark.MTS__font-heading { text-align: start !important; padding: 20px 0 !important; } #__MTS #__MTS_requestform-mts .RequestSubmitButton { margin-bottom: calc(var(--MTS-fontSize-base)*2); } #__MTS #__MTS_requestform-mts .MTS__requestform_roomdescription, #__MTS #__MTS_requestform-mts .MTS__requestform-offerdescription { word-break: auto-phrase; } #__MTS #__MTS_roomdetail-pricecalculator-mts .MTS__container { max-width: 100%; } #__MTS #__MTS_roomlist-mts .MTS__modal .MTS__bg-surface.MTS__p-4.MTS__flex.MTS__flex-col.MTS__mx-2.MTS__w-full.lg\:\!MTS__w-auto.lg\:\!MTS__min-w-\[75\%\].MTS__h-full.lg\:\!MTS__h-\[90\%\].\!MTS__bg-\[\#00000000\].MTS__overflow-hidden.MTS__mx-0.\!MTS__z-\[10000\].\!MTS__p-0.MTS__relative.MTS__transition.MTS__transform.MTS__ease-in.MTS__duration-300 { max-width: 1500px; width: 100%; } #__MTS #__MTS_roomdetail-pricecalculator-mts section#priceDetailHeaderParent section>:nth-child(2) { padding-left: var(--MTS-fontSize-base); } #__MTS #__MTS_roomdetail-pricecalculator-mts .MTS__priceTab, #__MTS #__MTS_roomdetail-pricecalculator-mts .MTS__occupancyTab, #__MTS #__MTS_roomdetail-pricecalculator-mts .MTS__mealplanTab { border: none; padding-top: calc(var(--MTS-fontSize-base)*1.5); padding-bottom: calc(var(--MTS-fontSize-base)*1.5); } #__MTS #__MTS_roomdetail-pricecalculator-mts .MTS__requestBarClass, #__MTS #__MTS_roomdetail-pricecalculator-mts .MTS__tabparent { margin-left: calc(var(--MTS-fontSize-base)* .5) !important; margin-right: calc(var(--MTS-fontSize-base)* .5) !important; } #__MTS #__MTS_roomdetail-pricecalculator-mts #MTS__tabsHolderID { padding-left: calc(var(--MTS-fontSize-base)* .5) !important; padding-right: calc(var(--MTS-fontSize-base)* .5) !important; } body.MTS__popupModal-open input#mod-search-searchword102 { display: none; } /* START AI Chat Widget Styling */ #__MTS[data-mts-view="Chat-widget"] { position: relative; z-index: 99999; } /* bullet point style */ #__MTS #__MTS_Chat-widget .MTS__whitespace-pre-line li { list-style: disc inside; } #__MTS #__MTS_Chat-widget .MTS__chatApp-circle-overlay { height: 102px; width: 102px; background-image: url('../static/images/bluetencamping_logo_chat.png'); background-size: 110%; background-repeat: no-repeat; background-position: center center; box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .3); border-radius: 100px; } #__MTS #__MTS_Chat-widget .MTS__chatApp-chat-icon, #__MTS #__MTS_Chat-widget .MTS__chatApp-circle-overlay svg { display: none; } #__MTS #__MTS_Chat-widget .MTS__chatApp-icon-wrapper button.MTS__bg-primary-light.MTS__focus\:outline-none.MTS__rounded-full { border-radius: 0px; background-color: transparent; } #__MTS #__MTS_Chat-widget .MTS__support-message-icon { background-color: transparent; border: 1px solid #d3d3d3; background-image: url('../static/images/bluetencamping_logo_chat.png'); background-size: 110%; background-repeat: no-repeat; background-position: center center; height: 50px; width: 50px; /* Shadow */ box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, .2); border-radius: 100px; } #__MTS #__MTS_Chat-widget .MTS__support-message-icon svg { display: none; } #__MTS #__MTS_Chat-widget .MTS__chatApp-icon-wrapper { animation: blink 3s infinite alternate; /* --Add this in class if exist */ } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } #__MTS #__MTS_Chat-widget .MTS__chatApp-icon-wrapper>div>button.MTS__bg-primary-light { background-color: transparent; } /* Positioning Chat*/ #__MTS #__MTS_Chat-widget .MTS__fixed.MTS__bottom-4.MTS__right-4.MTS__text-primary.MTS__text-body.MTS__font-body.MTS__leading-body.MTS__tracking-body.MTS__z-40.MTS__chat-popup-close, #__MTS #__MTS_Chat-widget .MTS__fixed.MTS__bottom-4.MTS__right-4.MTS__text-primary.MTS__text-body.MTS__font-body.MTS__leading-body.MTS__tracking-body.MTS__z-40.MTS__chat-popup-open { right: 76px !important; } @media (max-width: 768px) { #__MTS #__MTS_Chat-widget .MTS__fixed.MTS__bottom-4.MTS__right-4.MTS__text-primary.MTS__text-body.MTS__font-body.MTS__leading-body.MTS__tracking-body.MTS__z-40.MTS__chat-popup-close, #__MTS #__MTS_Chat-widget .MTS__fixed.MTS__bottom-4.MTS__right-4.MTS__text-primary.MTS__text-body.MTS__font-body.MTS__leading-body.MTS__tracking-body.MTS__z-40.MTS__chat-popup-open { right: 10px !important; bottom: 75px !important; } } /* END AI Chat Widget styling */ /* ================================================================================================================================ */ /* Start:: Room Details */ #__MTS #__MTS_room-detail-pricecalculator-new #MTS__FrontCardID>:first-child { background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.70) 100%); } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__EnquiryBookButtonClass button { padding: 12px 32px; font-weight: 700; letter-spacing: -0.4px; min-width: unset !important; text-transform: unset !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__EnquiryBookButtonClass>div { gap: 20px !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__flipClass>p::before { content: ''; background-image: url(https://cdn.mts-online.com/u1318/static/images/detailIcon.svg); width: 7px; height: 12px; background-size: contain; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__defaultRangeClass { font-size: 18px !important; line-height: 27px !important; font-weight: 400; gap: 4px; display: flex; flex-wrap: wrap; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__EnquiryBookButtonClass .MTS__enquiry_and_book_book_button { border: 1px solid #173E58 !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass li>span { position: relative; display: block !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass li>span svg { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass li>span::before { content: ''; background-image: url(../static/images/checkMark.svg); width: 21px; height: 20px; position: relative; background-repeat: no-repeat; background-size: contain; left: 0; display: block; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass ul li:after { content: none !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass li>span svg { display: none !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div h1 { line-height: 1.5; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainMonthHolderID { font-weight: 400; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass { --MTS-color-effect-dark: #F3F0EC; --MTS-color-secondary-light: #F3F0EC; --MTS-color-primary-darker: #F3F0EC; --MTS-color-primary-light: #F3F0EC; margin-top: 60px; padding: 47px; justify-content: space-between; gap: 30px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox { display: flex; gap: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox+.MTS__TotalPriceInfo span { margin: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div { margin: 0; padding: 0; min-width: unset; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__priceTab { order: 1; gap: 12px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__mealplanTab { margin-right: 24px; padding-right: 24px; border-right: 1px solid #F3F0EC; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child .MTS__occupancyPopUpFormClass { background-color: #347879; padding: 24px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child { left: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child .MTS__occupancyPopUpTitleClass { padding: 10px 20px; font-size: 22px; line-height: 1.5; color: #347879; font-weight: 700; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child .MTS__occupancyPopUpTitleClass>div { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child .MTS__occupancyPopUpFormClass span, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child .MTS__occupancyPopUpFormClass label { font-size: 1.21em; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child .MTS__occupancyPopUpFormClass select { padding: 10px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background-image: url(../static/images/down-arrow.svg); background-size: 15px 10px; background-repeat: no-repeat; background-position: center right 10px; border: 1px solid #F3F0EC; background-color: #347879; font-size: 16px; max-width: 65%; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child .MTS__occupancyPopUpFormClass select option { background-color: #347879 !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__mealplanTab { margin-right: 20px; display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__mealplanTab select { padding: 0 12px 0 0; background-image: url(../static/images/down-arrow.svg); background-size: 15px 10px; background-repeat: no-repeat; background-position: center right 0; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; padding-right: 26px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass>div.MTS__requestBar_cta_buttonWrapper { gap: 20px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass>div.MTS__requestBar_cta_buttonWrapper button { border-radius: 100px; text-align: center; font-weight: 700; transition: .4s; border: 1px solid #ffffff; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__priceTab #MTS__MainCalendarHolderID .MTS__MonthParentClass>div:first-child { padding: 19px; border-bottom: 1px solid rgba(244, 244, 244, .5); } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__priceTab #MTS__MainCalendarHolderID .MTS__MonthParentClass>div:first-child .MTS__text-calendarSubHeading > div { border: 0; box-shadow: 0 0 1px 0 #F3F0EC; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__priceTab #MTS__MainCalendarHolderID>button { background-image: url(../static/images/arrow-sm-calendar.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 11px; height: 19px; top: 21px; left: 20px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__priceTab #MTS__MainCalendarHolderID>button:nth-child(2) { transform: rotate(180deg); right: 20px; left: unset; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__priceTab #MTS__MainCalendarHolderID>button svg { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl { height: 892px; pointer-events: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl>div { position: relative; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div { margin-top: 26px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .MTS__text-heading { margin-bottom: 4px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .MTS__text-heading+div { font-size: 20px; line-height: 1.5; margin-bottom: 8px; margin-top: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .lg\:MTS__flex.sm\:MTS__flex.MTS__justify-between.MTS__my-2.MTS__mb-6>.MTS__flex.MTS__mx-2.sm\:MTS__mx-0.MTS__items-center>svg:nth-child(2) { margin-left: 20px; margin-right: 8px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .lg\:MTS__flex.sm\:MTS__flex.MTS__justify-between.MTS__my-2.MTS__mb-6>.MTS__flex.MTS__mx-2.sm\:MTS__mx-0.MTS__items-center>svg:first-child { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .lg\:MTS__flex.sm\:MTS__flex.MTS__justify-between.MTS__my-2.MTS__mb-6>.MTS__flex.MTS__mx-2.sm\:MTS__mx-0.MTS__items-center { position: relative; padding-left: 32px; font-weight: 400; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .lg\:MTS__flex.sm\:MTS__flex.MTS__justify-between.MTS__my-2.MTS__mb-6>.MTS__flex.MTS__mx-2.sm\:MTS__mx-0.MTS__items-center:before { position: absolute; content: ''; top: 45%; left: 0; transform: translateY(-50%); background-image: url(../static/images/user_icon-dark.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; height: 28px; width: 28px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .lg\:MTS__flex.sm\:MTS__flex.MTS__justify-between.MTS__my-2.MTS__mb-6>.MTS__flex.MTS__mx-2.sm\:MTS__mx-0.MTS__items-center>svg { fill: #173E58; width: 28px; height: 28px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl .MTS__image-sliderbutton { width: 100%; align-items: flex-end; justify-content: center; gap: 17px; bottom: 0; pointer-events: all; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl .MTS__image-sliderbutton>button svg { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl .MTS__image-sliderbutton>button { background-image: url(../static/images/Left_arrow.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 24px; height: 22px; position: relative !important; top: unset !important; transform: unset !important; background-color: transparent !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl .MTS__image-sliderbutton>button:last-child { transform: rotate(180deg) !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl .MTS__imageslider-parent-container { padding-bottom: 90px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__occupancyTab .MTS__requestbar-occupancy-icon, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__mealplanTab .MTS__requestbar-mealplan-icon, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__priceTab .MTS__requestbar-calandar-icon { background-size: contain; background-repeat: no-repeat; background-position: center center; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__occupancyTab .MTS__requestbar-occupancy-icon { height: 68px; width: 68px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__mealplanTab .MTS__requestbar-mealplan-icon { height: 42px; width: 42px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__priceTab .MTS__requestbar-calandar-icon { width: 48px; height: 48px; flex-shrink: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__occupancyTab .MTS__requestbar-occupancy-icon+div { margin-left: 0; margin-right: 0; gap: 8px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__occupancyTab .MTS__requestbar-occupancy-icon+div .pricecalculator_requestbar_text { background-image: url(../static/images/down-arrow.svg); background-size: 15px 10px; background-repeat: no-repeat; background-position: center right; width: 100%; text-align: left; padding-right: 26px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__mealplanTab .MTS__requestbar-mealplan-icon { background-image: url(../static/images/restaurant-icon.svg); } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__mealplanTab .MTS__requestbar-mealplan-icon+div { margin-left: 10px; margin-right: 0; gap: 8px; align-items: flex-start; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__priceTab .MTS__requestbar-calandar-icon { background-image: url(../static/images/calendar_icon.svg); } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__mealplanTab .MTS__requestbar-mealplan-icon svg, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__priceTab .MTS__requestbar-calandar-icon svg { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__font-semibold { font-weight: 400; margin-top: 0; width: 100%; text-align: left; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__mealplanTab .MTS__font-semibold.MTS__text-primary-darker { position: relative; padding-right: 20px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__mealplanTab .MTS__font-semibold.MTS__text-primary-darker:after { position: absolute; right: 0; top: 0.4em; content: ''; width: 15px; height: 10px; background-image: url(../static/images/down-arrow.svg); background-repeat: no-repeat; background-position: center right; background-size: contain; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__font-semibold.mts-dates-selection { gap: 8px; margin-left: 4px; align-items: flex-start; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass #MTS__MainCalendarHolderID .md\:MTS__h-14 .MTS__text-\[10px\] { font-size: 9px; text-align: center; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__tabsHolderID { justify-content: center; padding-top: 28px; gap: 16px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__accordianUlClass.MTS__py-1 { display: flex; flex-direction: column; gap: 20px; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__tabsHolderID>span { margin-left: 0; border: 1px solid #173E58; font-size: 20px; line-height: 1.5; font-weight: 700; color: #173E58; background-color: transparent; text-align: center; justify-content: center; gap: 10px; padding: 14px 32px; letter-spacing: 0.126px; text-transform: none !important; border-radius: 100px; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__tabsHolderID>span .MTS__text-secondary-lighter { color: #F3F0EC; right: 0; position: relative; transform: unset; top: 0; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__tabsHolderID span.MTS__currentTabClass { color: #F3F0EC; background-color: #173E58; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__tabsHolderID span.MTS__currentTabClass>span { background-color: #F3F0EC; color: #173E58; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass { padding: 55px 0 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass>div { display: block; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass ul { width: auto; display: inline-block; column-gap: 60px } .MTS__AmneitiesContentClass ul:has(li:nth-child(2)) { column-count: 2; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass ul li { position: relative; margin: 0 0 15px; gap: 30px; width: auto; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass ul li>span { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass ul li:after { position: absolute; content: '' !important; top: .25em; left: 0; height: 20px; width: 21px; background-image: url(../static/images/tick-icon.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__tabsHolderID .MTS__accordianUlClass .MTS__itemsLiClass { margin: 0; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__tabsHolderID .MTS__accordianUlClass .MTS__itemsLiClass .MTS__LiElementClass { background-image: url(../static/images/down-arrow-dark.svg); background-size: 24px 24px; background-repeat: no-repeat; background-position: center right 20px; padding-top: 0; padding-bottom: 0; border-radius: 100px; padding-left: 10px; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__tabsHolderID .MTS__accordianUlClass .MTS__itemsLiClass .MTS__LiElementClass.MTS__text-label-darker { background-image: url(../static/images/up-arrow.svg); } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__tabsHolderID .MTS__accordianUlClass .MTS__itemsLiClass .MTS__LiElementClass svg { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__tabsHolderID .MTS__accordianUlClass .MTS__itemsLiClass .MTS__LiElementClass.MTS__text-label-darker .MTS__text-label { padding: 7px 20px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__calInWebViewClass #MTS__MainCalendarHolderID>div:first-child { position: absolute; left: 0; top: 1.5em; margin-bottom: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__calInMobileViewClass #MTS__MainCalendarHolderID>button, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__calInWebViewClass #MTS__MainCalendarHolderID>div:first-child>button { background-image: url(../static/images/Left_arrow.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 24px; height: 22px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__calInMobileViewClass #MTS__MainCalendarHolderID>button:last-child, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__calInWebViewClass #MTS__MainCalendarHolderID>div:first-child>button:last-child { transform: rotate(180deg); } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__calInWebViewClass #MTS__MainCalendarHolderID>div:first-child>button svg { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass { padding: 50px 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainCalendarHolderID { padding-left: 111px; padding-right: 111px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainCalendarHolderID #MTS__MainMonthHolderID { gap: 60px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainMonthHolderID #MTS__MainDaysAndDatesHolderID { padding: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainMonthHolderID .MTS__MonthNameClass b { font-weight: 700; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainMonthHolderID .MTS__MonthNameClass { margin: 20px 0; line-height: 1.5; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainMonthHolderID .MTS__MonthNameClass+div { background-color: #173E58; --MTS-color-button-hover: #173E58; --MTS-backgroundColor-button: #173E58; --MTS-borderColor-button-hover: #F3F0EC; color: #F3F0EC; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainMonthHolderID .MTS__MonthNameClass+div select { background-color: #173E58; margin-top: -7px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainMonthHolderID .MTS__MonthNameClass+div .MTS__text-calendarHeading { font-size: 18px; padding: 10px 20px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainMonthHolderID .MTS__MonthNameClass+div .MTS__w-1\/3.MTS__py-2.MTS__border.MTS__text-center.MTS__cursor-pointer.hover\:MTS__opacity-75.MTS__transition-all { border: 0; box-shadow: 0 0 1px 0 #F3F0EC; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass { column-gap: 17px; row-gap: 12px; } #__MTS #__MTS_offer-detail-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span[class*="_lar_closed"], #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span[class*="_lar_closed"] { background: repeating-linear-gradient(to bottom right, rgba(53, 53, 53, 0.30) 3%, #cccccc5e 5%, #cccccc5e 12%) !important; color: rgba(23, 62, 88, 0.45); } #__MTS #__MTS_offer-detail-new .MTS__requestBarClass #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span[class*="_lar_closed"], #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span[class*="_lar_closed"] { background: repeating-linear-gradient(to bottom right, rgba(53, 53, 53, 0.30) 3%, #cccccca1 5%, #cccccca1 12%) !important; color: #ffffff80; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span:hover { background: #173E58 !important; color: #F3F0EC; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass #MTS__MainDaysAndDatesHolderID .MTS__DatesClass { column-gap: 8px; row-gap: 8px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span { font-size: 12px; line-height: 1.25; height: calc(var(--MTS-fontSize-base)*4.35); } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span .MTS__bottom-\[10px\], #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span .MTS__calNightsLabelClass { top: unset !important; bottom: 5px !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__InfoClass p { font-size: 32px; line-height: 1.5; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__monthSelection-popUp { padding: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__monthSelection-popUp > span { display: inline-block; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID { justify-content: flex-start; margin: 15px auto; padding: 0; --MTS-backgroundColor-primary-lighter: #173E58; max-width: 1450px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID div { margin: 0; padding: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID .MTS__w-4 { width: 18px; height: 18px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID>div>div { margin-right: 26px; font-size: 20px; line-height: 1.5; font-weight: 400; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID>div>div.MTS__ClosedClass > span { background: repeating-linear-gradient(to bottom right, rgba(53, 53, 53, 0.30) 3%, #cccccc5e 5%, #cccccc5e 12%) !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div>div:last-child { gap: 30px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div>div:last-child>div:last-child { gap: 16px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div>div:last-child>div:last-child button.MTS__text-button { border-radius: 100px; transition: .4s; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div>div:last-child>div:last-child button.MTS__text-button.\!MTS__text-button-lighter { border: 1px solid #173E58 !important; background-color: transparent !important; color: #173E58 !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div>div:last-child>div:last-child button.MTS__text-button.\!MTS__text-button-lighter:hover { border: 1px solid #173E58 !important; background-color: #173E58 !important; color: #ffffff !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div>div:last-child>div:last-child button.MTS__text-button.\!MTS__text-button-darker { border: 1px solid #173E58 !important; background-color: #173E58 !important; color: #ffffff !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div>div:last-child>div:last-child button.MTS__text-button.\!MTS__text-button-darker:hover { border: 1px solid #173E58 !important; background-color: transparent !important; color: #173E58 !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__selectPrice-CTA-button-wrapper { align-items: center; max-width: 1450px; margin: 0 auto; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div .MTS__select-date-label { font-size: 32px; line-height: 1.5; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__container { padding: 90px 50px 0 !important; max-width: 100%; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] { max-width: 1690px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass { padding-left: 15px; padding-right: 15px; --MTS-color-secondary-lighter: #F3F0EC; --MTS-fontSize-body: 18px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass { --MTS-color-label-light: #F3F0EC; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass #MTS__FrontCardID .MTS__absolute.MTS__top-0.MTS__mt-10.MTS__right-0.MTS__bottom-0.MTS__left-0.MTS__bg-gradient-to-b.MTS__from-transparent.MTS__to-gray-900.MTS__pointer-events-none { margin-top: 0; background: rgba(0, 0, 0, 0.7); } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__px-2.xl\:MTS__px-5.MTS__pt-20.MTS__pb-4.MTS__h-full.MTS__flex.MTS__flex-col { padding: 40px 32px; min-height: 627px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__defaultRangeClass { font-size: 24px; line-height: 1.8; padding-top: 51px; margin-top: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__defaultRangeClass .MTS__text-xl { font-size: 1em; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__descriptionClass { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__summaryClass { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__flipClass { flex: 1; align-items: flex-end; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__flipClass p { position: relative; padding-right: 18px; font-weight: 400; color: #F3F0EC; font-size: 18px; line-height: 1.5; margin-right: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__flipClass p:after { position: absolute; content: ''; width: 7px; height: 14px; background-image: url(../static/images/angle-right.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; right: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__flipClass p svg { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__EnquiryBookButtonClass { padding-bottom: 0; padding-top: 14px; flex: unset; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__EnquiryBookButtonClass>div { gap: 0; justify-content: flex-start; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__EnquiryBookButtonClass button { min-width: 182px; border-radius: 0; text-transform: uppercase; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__EnquiryBookButtonClass .MTS__enquiry_and_book_book_button { background-color: #ffffff !important; color: #173E58 !important; border: 1px solid #173E58 !important; border-radius: 100px; transition: .4s; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__EnquiryBookButtonClass .MTS__enquiry_and_book_request_button { color: #ffffff; border: 1px solid #ffffff !important; background-color: transparent !important; border-radius: 100px; transition: .4s; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__EnquiryBookButtonClass .MTS__enquiry_and_book_request_button:hover { background-color: #F3F0EC !important; color: #173E58 !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__EnquiryBookButtonClass .MTS__enquiry_and_book_book_button:hover { background-color: #173E58 !important; color: #F3F0EC !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__offerTitleClass { padding-top: 12px; padding-top: 25px; font-size: 32px; line-height: 1.5; color: #F3F0EC; font-weight: 400; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass>div>span:last-child { padding: 0; margin: 4px 0 0 10px; height: 10px; width: 15px; background-image: url(../static/images/down-arrow.svg); background-size: 15px 10px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass>div>span:last-child svg { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass>div.MTS__flex { align-items: center; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass { position: relative; padding-left: 38px; line-height: 1; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__rangeClass { padding-top: 52px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__rangeClass>span { font-size: 18px; line-height: 1.5; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass>div:last-child { --MTS-fontSize-smallCaption-base: 18px; --MTS-lineHeight-smallCaption: 1.4; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass>div:last-child:before { border-left-width: 12px; border-right-width: 12px; border-bottom-color: #F3F0EC; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass:before { position: absolute; content: ''; top: 0; left: 0; height: 28px; width: 28px; background-image: url(../static/images/calendar-light.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass #MTS__BackCardID .MTS__to-\[color\:var\(--MTS-backgroundColor-surface-light\)\] { background: rgba(0, 0, 0, 0.8) !important; padding: 40px 32px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass #MTS__BackCardID .MTS__defaultBackRangeClass, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass #MTS__BackCardID .MTS__EnquiryBookButtonClass { flex: 1; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass #MTS__BackCardID .MTS__text-xs, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass #MTS__BackCardID .MTS__text-sm, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass #MTS__BackCardID .MTS__text-xl { font-size: .8em; line-height: 1.2; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__backTitleClass { line-height: 1.2; margin: 10px 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__OffersContentClass .MTS__flex.MTS__items-center.MTS__gap-\[var\(--MTS-buttonGap\)\].MTS__static.MTS__top-0>button svg { fill: #173E58; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__OffersContentClass { padding-top: 60px; } #__MTS #__MTS_room-detail-pricecalculator-new p.MTS__absolute.MTS__mx-auto.MTS__w-full.MTS__left-0.MTS__right-0.MTS__opacity-\[100\%\].MTS__bottom-\[10px\].MTS__whitespace-nowrap, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__calPriceLabelClass { bottom: 4px !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__calNightsLabelClass { font-size: 10px; bottom: 0 !important; bottom: 4px !important; font-weight: 400; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__shadow-lg.MTS__absolute.MTS__left-\[50\%\].MTS__translate-x-\[-50\%\].lg\:MTS__translate-x-0.lg\:MTS__left-0.MTS__w-\[320px\].sm\:MTS__w-\[430px\].MTS__bg-primary.MTS__z-50.MTS__p-2.MTS__hidden.lg\:MTS__block.MTS__text-base { padding: 0; border: 1px solid rgba(244, 244, 244, .5); background-color: #347879; color: #ffffff; --MTS-backgroundColor-success-light: #FFFFFF; --MTS-backgroundColor-primary-lighter: #173E58; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__shadow-lg.MTS__absolute.MTS__left-\[50\%\].MTS__translate-x-\[-50\%\].lg\:MTS__translate-x-0.lg\:MTS__left-0.MTS__w-\[320px\].sm\:MTS__w-\[430px\].MTS__bg-primary.MTS__z-50.MTS__p-2.MTS__hidden.lg\:MTS__block.MTS__text-base>div { border-style: none none solid; border-color: rgba(244, 244, 244, .5); } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__shadow-lg.MTS__absolute.MTS__left-\[50\%\].MTS__translate-x-\[-50\%\].lg\:MTS__translate-x-0.lg\:MTS__left-0.MTS__w-\[320px\].sm\:MTS__w-\[430px\].MTS__bg-primary.MTS__z-50.MTS__p-2.MTS__hidden.lg\:MTS__block.MTS__text-base>div.MTS__mt-4.MTS__text-xs.MTS__py-1 { margin-top: 0; padding-top: 24px; padding-left: 20px; text-align: left; font-size: 16px; line-height: 1.25; font-weight: 700; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__shadow-lg.MTS__absolute.MTS__left-\[50\%\].MTS__translate-x-\[-50\%\].lg\:MTS__translate-x-0.lg\:MTS__left-0.MTS__w-\[320px\].sm\:MTS__w-\[430px\].MTS__bg-primary.MTS__z-50.MTS__p-2.MTS__hidden.lg\:MTS__block.MTS__text-base>div.MTS__flex.MTS__gap-4 { padding-left: 20px; padding-bottom: 30px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__shadow-lg.MTS__absolute.MTS__left-\[50\%\].MTS__translate-x-\[-50\%\].lg\:MTS__translate-x-0.lg\:MTS__left-0.MTS__w-\[320px\].sm\:MTS__w-\[430px\].MTS__bg-primary.MTS__z-50.MTS__p-2.MTS__hidden.lg\:MTS__block.MTS__text-base>div.MTS__flex.MTS__gap-4>div { gap: 20px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__shadow-lg.MTS__absolute.MTS__left-\[50\%\].MTS__translate-x-\[-50\%\].lg\:MTS__translate-x-0.lg\:MTS__left-0.MTS__w-\[320px\].sm\:MTS__w-\[430px\].MTS__bg-primary.MTS__z-50.MTS__p-2.MTS__hidden.lg\:MTS__block.MTS__text-base>div.MTS__flex.MTS__gap-4>div .MTS__h-4 { width: 24px; height: 24px; margin-right: 12px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__shadow-lg.MTS__absolute.MTS__left-\[50\%\].MTS__translate-x-\[-50\%\].lg\:MTS__translate-x-0.lg\:MTS__left-0.MTS__w-\[320px\].sm\:MTS__w-\[430px\].MTS__bg-primary.MTS__z-50.MTS__p-2.MTS__hidden.lg\:MTS__block.MTS__text-base>div.MTS__flex.MTS__gap-4>div .lg\:MTS__text-\[12\.5px\] { font-size: 16px; line-height: 1.25; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass p.MTS__absolute.MTS__mx-auto.MTS__w-full.MTS__left-0.MTS__right-0.MTS__opacity-\[100\%\].MTS__bottom-\[10px\].MTS__whitespace-nowrap { font-size: 10px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__text-calendarBody { font-size: 12px; line-height: 1.3; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass #MTS__MainMonthHolderID .MTS__MonthNameClass { font-size: 22px; line-height: 1.25; margin: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass #MTS__MainMonthHolderID .MTS__MonthNameClass b { font-weight: 700; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass #MTS__MainMonthHolderID { --MTS-fontSize-calendarHeading-base: 22px; --MTS-fontSize-calendarSubHeading-base: 16px; --MTS-backgroundColor-button: #173E58; --MTS-color-button: #F3F0EC; --MTS-borderColor-button: #F3F0EC; --MTS-backgroundColor-surface: #173E58; --MTS-color-button-hover: #173E58; --MTS-borderColor-button-hover: #F3F0EC; --MTS-color-effect-darker: #FFFFFF; --MTS-backgroundColor-success-light: #FFFFFF; --MTS-color-effect-light: #347879; --MTS-color-effect-lighter: #347879; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainCalendarHolderID .md\:MTS__h-14 { height: calc(var(--MTS-fontSize-base) * 3.75); --MTS-backgroundColor-primary-lighter: #173E58; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainCalendarHolderID .md\:MTS__h-14.MTS__text-effect-light { color: rgba(23, 62, 88, .45); } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainCalendarHolderID .md\:MTS__h-14.MTS__text-effect-light.MTS__opacity-100[class*="calendar-module_lar_arr_avil"] { opacity: 1; color: #F3F0EC; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainCalendarHolderID .md\:MTS__h-14 .MTS__text-\[10px\] { font-size: 15px; line-height: 1.2; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainCalendarHolderID .md\:MTS__h-14[class*="_lar_dept_only"] { color: #F3F0EC; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass #MTS__MainCalendarHolderID .md\:MTS__h-14 { height: calc(var(--MTS-fontSize-base)*4.35); } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__InfoClass { margin-right: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__min-h-\[650px\].MTS__tabparent.MTS__w-full.MTS__mt-5 #MTS__tabsHolderID+div .\!MTS__h-full.MTS__w-full.MTS__mx-auto .MTS__h-\[100\%\].MTS__w-\[inherit\].MTS__min-w-\[inherit\].MTS__object-cover.MTS__object-center.MTS__object-cover picture img { width: 100%; max-width: 693px; height: auto; margin: 0 auto; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__DaysClass { padding: 10px 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBar-from-label, #__MTS #__MTS_room-detail-pricecalculator-new .total-price-info { line-height: 1.5; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .MTS_RoomCategoryTitle { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass #MTS__MainCalendarHolderID .md\:MTS__h-14.MTS__text-effect-light.MTS__opacity-100[class*="calendar-module_lar_arr_avil"] { color: #347879; } /* End:: Roomdetail Price calculator */ /* ================================================================================================================================ */ /* Start:: Offer Details */ /* offer-info:Start */ #__MTS #__MTS_offer-detail-new .MTS__offer-head { padding-top: 102px; padding-left: 49px; padding-right: 49px; } #__MTS #__MTS_offer-detail-new .MTS__offer-head .MTS__offerInfoDates svg.MTS__h-4.MTS__w-4.MTS__fill-\[color\:var\(--MTS-color-primary-dark\)\].MTS__transition-all.MTS__duration-500.MTS__ease-in-out.MTS__rotate-0 { fill: #173E58 !important; } #__MTS #__MTS_offer-detail-new .MTS__offer-head+div { padding-left: 50px; padding-right: 50px; } #__MTS #__MTS_offer-detail-new .MTS__offer-body-mobile .MTS__offerDetail-accordian-wrapper { margin-top: 20px; } #__MTS #__MTS_offer-detail-new .MTS__offer-head .\!MTS__min-h-\[var\(--MTS-imageMaxHeight\)\] { overflow: hidden; pointer-events: none; } #__MTS #__MTS_offer-detail-new .MTS__offer-head .\!MTS__min-h-\[var\(--MTS-imageMaxHeight\)\]>button { pointer-events: all; } #__MTS #__MTS_offer-detail-new button.MTS__absolute.MTS__h-7.MTS__left-5.MTS__top-1\/2.MTS__w-7.lg\:MTS__left-6 svg, #__MTS #__MTS_offer-detail-new button.MTS__absolute.MTS__top-1\/2.MTS__right-5.MTS__-translate-y-1\/2.lg\:MTS__right-6 svg, #__MTS #__MTS_offer-detail-new .MTS__offerInfo-info, #__MTS #__MTS_offer-detail-new .MTS__offerInfoDates div.MTS__flex.MTS__gap-2.MTS__items-center span svg, #__MTS #__MTS_offer-detail-new #MTS__MainCalendarHolderID button svg { display: none; } #__MTS #__MTS_offer-detail-new .MTS__offerInfoDatesDropdown { background-color: #F3F0EC; padding: 15px 10px; } #__MTS #__MTS_offer-detail-new .MTS__offerInfoDatesDropdown>div { color: #173E58; font-size: 20px; } #__MTS #__MTS_offer-detail-new .MTS__offerInfoDates .MTS__offerInfoDatesDropdown span:first-child::after { background-image: none; } #__MTS #__MTS_offer-detail-new .MTS__offerInfoDates .MTS__offerInfoDatesDropdown span:last-child { position: relative; padding-left: 40px; font-size: var(--MTS-fontSize-subHeading-base); line-height: 1.5; white-space: nowrap; } #__MTS #__MTS_offer-detail-new .MTS__offerInfoDates .MTS__offerInfoDatesDropdown span:last-child::before { position: absolute; content: ""; background-image: url("../static/images/calendar-lg.svg"); background-repeat: no-repeat; background-size: contain; background-position: center center; width: 28px; height: 28px; top: 3px; left: 0; } #__MTS #__MTS_offer-detail-new .MTS__offerInfoDates div.MTS__absolute.MTS__top-8 .MTS__flex.MTS__gap-2.MTS__items-center { gap: 0; } #__MTS #__MTS_offer-detail-new .MTS__offer-head .sm\:MTS__h-auto.md\:MTS__min-h-\[330px\].MTS__min-h-\[260px\].MTS__relative.MTS__w-full.MTS__overflow-x-hidden.\!MTS__min-h-\[var\(--MTS-imageMaxHeight\)\] button { position: absolute; background-image: url("../static/images/right_arrow.svg"); background-repeat: no-repeat; height: 20px; width: 23px; stroke: unset; top: unset; bottom: 0; margin: 0; padding: 0; right: calc(50% + 50px); left: 50%; transform: rotate(0deg); } #__MTS #__MTS_offer-detail-new .MTS__offer-head .sm\:MTS__h-auto.md\:MTS__min-h-\[330px\].MTS__min-h-\[260px\].MTS__relative.MTS__w-full.MTS__overflow-x-hidden.\!MTS__min-h-\[var\(--MTS-imageMaxHeight\)\] button:nth-child(2) { transform: rotate(180deg); right: unset; left: calc(50% - 50px); } #__MTS #__MTS_offer-detail-new #MTS__MainCalendarHolderID button.MTS__left-4, #__MTS #__MTS_offer-detail-new #MTS__MainCalendarHolderID button.MTS__right-4 { background-image: url("../static/images/right_arrow.svg"); background-repeat: no-repeat; height: 20px; width: 23px; stroke: unset; background-size: contain; } #__MTS #__MTS_offer-detail-new #MTS__MainCalendarHolderID button.MTS__left-4 { rotate: 180deg; } #__MTS #__MTS_offer-detail-new .MTS__Offerdetails_pricedetails2 { display: none; } #__MTS #__MTS_offer-detail-new .MTS__offer-header-wrapper>div:first-child { align-items: center; } #__MTS #__MTS_offer-detail-new .MTS__offerInfoDates span:first-child:after { position: absolute; content: ""; background-image: url("../static/images/calendar-lg.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; width: 28px; height: 28px; top: 2px; } #__MTS #__MTS_offer-detail-new .MTS__offerInfoDates .MTS__flex.MTS__gap-2.MTS__items-center { display: flex; gap: 40px; align-items: center; } #__MTS #__MTS_offer-detail-new .MTS__offer-body { margin-top: 50px; } #__MTS #__MTS_offer-detail-new .MTS__offer-body .MTS__offer-body .MTS__offerDetail-body-wrapper { padding: 0; border: 0; } /* offer-info:End */ #__MTS #__MTS_offer-detail-new .MTS__activeTabLarge { border-color: transparent; } #__MTS #__MTS_offer-detail-new .MTS__tabbing-head { gap: 16px; justify-content: center; padding-left: 0; --MTS-fontSize-caption-base: 20px; line-height: 1.5; } #__MTS #__MTS_offer-detail-new ul.MTS__tabbing-head li:first-child { border-left: 1px solid var(--MTS-borderColor-secondary) !important; border-left-width: 1px !important; } #__MTS #__MTS_offer-detail-new ul.MTS__tabbing-head li { padding: 12px 32px; border-right-width: 1px; border-radius: 100px; } /* detail-tab:Start */ #__MTS #__MTS_offer-detail-new .RoomDescriptionDiv ul, #__MTS #__MTS_offer-detail-new .RoomDescriptionDiv ol { list-style: none; padding: 0; margin: 0; position: relative; line-height: 1.5; } #__MTS #__MTS_offer-detail-new .RoomDescriptionDiv li::marker { content: ""; } #__MTS #__MTS_offer-detail-new .RoomDescriptionDiv ul, #__MTS #__MTS_offer-detail-new .RoomDescriptionDiv>span:first-child>p { position: relative; } #__MTS #__MTS_offer-detail-new .RoomDescriptionDiv ul::before, #__MTS #__MTS_offer-detail-new .RoomDescriptionDiv>span:first-child>p::before { content: ""; position: absolute; background-image: url("../static/images/detail_text_icon.svg"); background-repeat: no-repeat; width: 24px; height: 25px; left: 0; } /* detail-tab:End */ /* price-tab:Start */ #__MTS #__MTS_offer-detail-new .MTS__offerDetail-body-wrapper .MTS__roomdetail-inner-image button.MTS__absolute.MTS__top-1\/2 { display: none; } #__MTS #__MTS_offer-detail-new .MTS__tabdropdown .MTS__price-tab-wrapper { margin-top: 0; } #__MTS #__MTS_offer-detail-new .MTS__tabdropdown .MTS__price-tab-wrapper .MTS__offerDetail-body-wrapper { padding-top: 0; } #__MTS #__MTS_offer-detail-new ::-webkit-scrollbar { width: 3px; } #__MTS #__MTS_offer-detail-new ::-webkit-scrollbar-thumb { background: #FBF3E8; } #__MTS #__MTS_offer-detail-new .MTS__CancelButtonClass { padding: 5px; background-color: #173E58; } #__MTS #__MTS_offer-detail-new .MTS__CancelButtonClass svg path { stroke: #FBF3E8; } #__MTS #__MTS_offer-detail-new .MTS__roomDropdown-selection div.MTS__relative select.MTS__text-input.MTS__font-input option { color: #173E58; } /* price-tab:End */ /* availability-tab:Start */ #__MTS #__MTS_offer-detail-new .MTS__offerDetail-accordian-wrapper .MTS__roomdetail-offerAccordian, #__MTS #__MTS_offer-detail-new .MTS__offerDetail-body-wrapper .MTS__roomdetail-offerAccordian, #__MTS #__MTS_offer-detail-new .MTS__offerDetail-body-wrapper>div:nth-child(3) .MTS__roomdetail-offerAccordian, #__MTS #__MTS_offer-detail-new .MTS__tabdropdown, #__MTS #__MTS_offer-detail-new .MTS__flex.MTS__items-baseline.MTS__flex-wrap.MTS__w-full.MTS__relative.MTS__cursor-pointer.MTS__tab-open.MTS__roomdetail-offerAccordian-head, #__MTS #__MTS_offer-detail-new .MTS__availability-wrapper .MTS__border-b.MTS__border-label-light, #__MTS #__MTS_offer-detail-new #MTS__MainMonthHolderID .MTS__MonthParentClass.MTS__border>div:first-child { border-bottom: 1px solid rgba(23, 62, 88, 0.45); } #__MTS #__MTS_offer-detail-new .MTS__flex.MTS__items-baseline.MTS__flex-wrap.MTS__w-full.MTS__relative.MTS__cursor-pointer.MTS__tab-open.MTS__roomdetail-offerAccordian-head { padding-bottom: 12px; } #__MTS #__MTS_offer-detail-new .MTS__roomdetail-offerAccordian>div:last-child div.MTS__border.MTS__border-primary-darker { border: 0; } #__MTS #__MTS_offer-detail-new #MTS__MainCalendarHolderID button:first-child:before, #__MTS #__MTS_offer-detail-new #MTS__MainCalendarHolderID button:last-child:before { top: 0; overflow-x: hidden; } #__MTS #__MTS_offer-detail-new #MTS__MainCalendarHolderID button:first-child, #__MTS #__MTS_offer-detail-new #MTS__MainCalendarHolderID button:last-child { padding: 0; max-width: unset; } #__MTS #__MTS_offer-detail-new .MTS__offerDetail-body-wrapper { padding: 49px 0; } #__MTS #__MTS_offer-detail-new .MTS__offerDetail-body-wrapper .MTS__offerDetail-body-wrapper { padding: 42px 0; } #__MTS #__MTS_offer-detail-new .MTS__roomdetail-offerAccordian .MTS__border-b.MTS__w-full.MTS__my-4.MTS__border-label-light { max-width: 1067px; margin-left: auto; margin-right: auto; } #__MTS #__MTS_offer-detail-new #MTS__MainMonthHolderID { max-width: 1067px; margin: auto; gap: 10px; --MTS-color-effect-light: #F3F0EC; } #__MTS #__MTS_offer-detail-new #MTS__MainMonthHolderID .MTS__MonthParentClass .MTS__bg-button-hover, #__MTS #__MTS_offer-detail-new #MTS__MainMonthHolderID .MTS__MonthParentClass .MTS__bg-button, #__MTS #__MTS_offer-detail-new select.MTS__bg-surface { font-family: var(--MTS-fontFamily-calendarHeading) } #__MTS #__MTS_offer-detail-new select.MTS__bg-surface option:checked { color: #173E58; background-color: #FBF3E8; } #__MTS #__MTS_offer-detail-new .MTS__MonthParentClass .MTS__DatesClass span.MTS__text-calendarBody { font-size: 12px; line-height: 1.2; font-weight: 400; color: #F3F0EC; height: 38px; --MTS-backgroundColor-primary-lighter: #173E58; } #__MTS #__MTS_offer-detail-new .MTS__MonthParentClass .MTS__DatesClass span.MTS__text-calendarBody[class*="calendar-module_lar_lc_daysdisable"] { background: repeating-linear-gradient(to bottom right, rgba(53, 53, 53, 0.30) 3%, #cccccc5e 5%, #cccccc5e 12%) !important; color: rgba(23, 62, 88, 0.45); } #__MTS #__MTS_offer-detail-new .MTS__MonthParentClass .MTS__DatesClass span.MTS__text-calendarBody:hover { background-color: #173E58; } #__MTS #__MTS_offer-detail-new .MTS__MonthParentClass .MTS__DatesClass span[class*="daysdisable"]:hover { background-color: transparent; } #__MTS #__MTS_offer-detail-new .MTS__MonthParentClass .MTS__DatesClass span[class*="daysdisable"] { color: #FBF3E859; } #__MTS #__MTS_offer-detail-new #MTS__MainMonthHolderID .MTS__MonthParentClass.MTS__border.MTS__border-primary-lighter { border: 1px solid rgba(23, 62, 88, 0.45); } #__MTS #__MTS_offer-detail-new .MTS__calendar-button-wrapper { gap: 20px; } #__MTS #__MTS_offer-detail-new .MTS__calendar-button-wrapper > button { border-radius: 100px; } /* availability-tab:End */ #__MTS #__MTS_offer-detail-new .MTS__roomDropdown-selection div.MTS__relative select.MTS__text-input.MTS__font-input+span svg { display: none; } #__MTS #__MTS_offer-detail-new .MTS__roomDropdown-selection div.MTS__relative select.MTS__text-input.MTS__font-input+span { background-image: url("../static/images/offerDetail_roomCategory_icon.svg"); background-repeat: no-repeat; width: 15.084px; height: 10.168px; } #__MTS #__MTS_offer-detail-new .MTS__w-1\/3.MTS__py-2.MTS__border.MTS__text-center.MTS__cursor-pointer.hover\:MTS__opacity-75.MTS__transition-all { border: 0; box-shadow: 0 0 1px 0 #FBF3E8; } #__MTS #__MTS_offer-detail-new .MTS__offer-head picture img { height: calc(100% - 80px) !important; } #__MTS #__MTS_offer-detail-new .MTS__offer-head .MTS__offer-header-wrapper { margin-top: 60px; } #__MTS #__MTS_offer-detail-new .MTS__offer-head .MTS__offer-header-wrapper .MTS__flex.MTS__justify-between.MTS__flex-wrap.MTS__mt-4.md\:MTS__mt-6.MTS__gap-4 { margin-top: 11px; } #__MTS #__MTS_offer-detail-new .MTS__offer-head .MTS__text-heading { margin-bottom: 0; } #__MTS #__MTS_offer-detail-new .MTS__offer-head .RoomDescriptionDiv { margin-top: 20px; font-size: var(--MTS-fontSize-body); line-height: var(--MTS-lineHeight-body); } #__MTS #__MTS_offer-detail-new .MTS__text-base { font-size: 18px; } #__MTS #__MTS_offer-detail-new .MTS__leading-body { line-height: 1.5; } #__MTS #__MTS_offer-detail-new .RoomDetailsDiv-roomInfo { margin-bottom: 8px; } #__MTS #__MTS_offer-detail-new .RoomDescriptionDiv p { line-height: 1.5; } #__MTS #__MTS_offer-detail-new .MTS__Offerdetails_pricedetails { font-size: 24px; line-height: 1.5; } #__MTS #__MTS_offer-detail-new .MTS__Offerdetails_pricedetails .MTS__Offerdetails_pricedetails1 { width: 100%; } #__MTS #__MTS_offer-detail-new .MTS__roomdetail-offerAccordian-head-wrapper { gap: 0; margin-left: 14px; } #__MTS #__MTS_offer-detail-new .MTS__roomdetail-offerAccordian-head-wrapper .MTS__tab-priceperPerson, #__MTS #__MTS_offer-detail-new .MTS__roomdetail-offerAccordian-head-wrapper .MTS__roomDetail-offerList-title-head { font-weight: 700; } #__MTS #__MTS_offer-detail-new .MTS__roomdetail-offerAccordian-head-wrapper .MTS__tab-priceperPerson { font-size: 16px; line-height: 1.5; } #__MTS #__MTS_offer-detail-new .MTS__roomdetail-offerAccordian-head-wrapper .MTS__roomDetail-offerList-title-head { margin-bottom: 5px; } #__MTS #__MTS_offer-detail-new .MTS__roomdetail-offerAccordian-head-wrapper>div:last-child { font-size: 16px; line-height: 1.5; font-family: var(--MTS-fontFamily-subText); font-weight: 700; } #__MTS #__MTS_offer-detail-new .MTS__tabdropdown { padding: 20px 0; } #__MTS #__MTS_offer-detail-new .MTS__roomdetail-inner { gap: 10px; padding-top: 42px; } #__MTS #__MTS_offer-detail-new .RoomDetailsDiv { padding-top: 0; } #__MTS #__MTS_offer-detail-new #MTS__MainCalendarHolderID>div:first-child { margin: 16px 0; } #__MTS #__MTS_offer-detail-new .MTS__MonthNameClass, #__MTS #__MTS_offer-detail-new .MTS__MonthNameClass b { font-weight: 700; } #__MTS #__MTS_offer-detail-new .MTS__MonthNameClass { margin-top: 10px; margin-bottom: 10px; color: #173E58; } #__MTS #__MTS_offer-detail-new .MTS__availability-legend { font-size: 16px; line-height: 1.3; --MTS-backgroundColor-primary-lighter: #173E58; } #__MTS #__MTS_offer-detail-new .MTS__availability-legend .MTS__h-4 { height: 18px; width: 18px; } #__MTS #__MTS_offer-detail-new .MTS_OnlyDeparture { font-size: 8px; } #__MTS #__MTS_offer-detail-new .MTS__offerDetail-accordian-container .MTS__offerDetail-accordian-wrapper .MTS__offerDetail-accordian-head { background-image: url(../static/images/down-arrow-dark.svg); background-size: 24px 24px; background-repeat: no-repeat; background-position: center right 20px; padding-left: 20px; padding-right: 20px; } #__MTS #__MTS_offer-detail-new .MTS__offerDetail-accordian-container .MTS__offerDetail-accordian-wrapper .MTS__offerDetail-accordian-head.MTS__activeTabSmall { background-image: url(../static/images/up-arrow.svg); } #__MTS #__MTS_offer-detail-new .MTS__offerDetail-accordian-container .MTS__offerDetail-accordian-wrapper .MTS__offerDetail-accordian-head.MTS__activeTabSmall.MTS__bg-label-darker { background-image: url(../static/images/up-arrow.svg); } #__MTS #__MTS_offer-detail-new .MTS__offerDetail-accordian-container .MTS__offerDetail-accordian-wrapper .MTS__offerDetail-accordian-head svg, #__MTS #__MTS_offer-detail-new .MTS__offerDetail-accordian-container .MTS__offerDetail-accordian-wrapper .MTS__offerDetail-accordian-head.MTS__activeTabSmall.MTS__bg-label-darker svg { display: none; } #__MTS #__MTS_offer-detail-new p.MTS__absolute.MTS__mx-auto.MTS__w-full.MTS__left-0.MTS__right-0.MTS__opacity-\[100\%\].MTS__bottom-\[10px\].MTS__whitespace-nowrap, #__MTS #__MTS_offer-detail-new p.MTS_OnlyDeparture { bottom: 4px !important; } #__MTS #__MTS_offer-detail-new .MTS__roomDropdown-selection select option { background-color: #173E58; color: #FBF3E8 !important; } #__MTS #__MTS_offer-detail-new .MTS__availability-wrapper { margin-top: 30px; } #__MTS #__MTS_offer-detail-new .MTS__calNightsLabelClass { bottom: 3px !important; } #__MTS #__MTS_offer-detail-new .MTS__calendar-legend-wrapper { font-size: 20px; line-height: 1.5; font-weight: 700; } #__MTS #__MTS_offer-detail-new .MTS__offerDetail-accordian-wrapper .MTS__offerDetail-accordian-head { border-radius: 100px; } #__MTS #__MTS_offer-detail-new .MTS__offerDetail-accordian-wrapper .MTS__offerDetail-accordian-head.MTS__text-label-darker { background-color: #173E58; color: #F3F0EC; } #__MTS #__MTS_offer-detail-new .RoomDescriptionDiv p { font-size: 24px; line-height: 1.5; } /* End:: Offer Details */ /* ==================================================================================================================== */ /* Start:: request form */ #__MTS #__MTS_request-form-new>div { --MTS-backgroundColor-secondary-light: #FBF3E8; --MTS-fontSize-title-base: 32px; --MTS-lineHeight-title: 1.5; } #__MTS #__MTS_request-form-new span.MTS__fill-\[var\(--MTS-borderColor-input\)\].MTS__absolute.MTS__top-1\/2.MTS__right-4.MTS__-translate-y-1\/2.MTS__absolute.MTS__mt-0\.5.MTS__right-4.MTS__fill-\[color\:var\(--MTS-borderColor-input\)\].MTS__pointer-events-none, #__MTS #__MTS_request-form-new span.MTS__fill-\[var\(--MTS-borderColor-input\)\].MTS__absolute.MTS__top-1\/2.MTS__right-4.MTS__-translate-y-1\/2.MTS__absolute.MTS__mt-0\.5.MTS__right-4.MTS__fill-\[color\:var\(--MTS-borderColor-input\)\].MTS__pointer-events-none { background-image: url(../static/images/calendar_icon-dark.svg); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 34px; height: 34px; margin-top: 0; } #__MTS #__MTS_request-form-new span.MTS__fill-\[var\(--MTS-borderColor-input\)\].MTS__absolute.MTS__top-1\/2.MTS__right-4.MTS__-translate-y-1\/2.MTS__absolute.MTS__mt-0\.5.MTS__right-4.MTS__fill-\[color\:var\(--MTS-borderColor-input\)\].MTS__pointer-events-none span, #__MTS #__MTS_request-form-new span.MTS__fill-\[var\(--MTS-borderColor-input\)\].MTS__absolute.MTS__top-1\/2.MTS__right-4.MTS__-translate-y-1\/2.MTS__absolute.MTS__mt-0\.5.MTS__right-4.MTS__fill-\[color\:var\(--MTS-borderColor-input\)\].MTS__pointer-events-none>span { display: none; } #__MTS #__MTS_request-form-new .MTS-interests-field>:nth-child(2) div label { padding-left: calc(var(--MTS-fontSize-base) * 1.75); margin-left: 0; } #__MTS #__MTS_request-form-new .MTS-interests-field>:nth-child(2) div>:first-child { pointer-events: none; } #__MTS #__MTS_request-form-new .offerCardClass>:first-child>:last-child>:first-child { font-size: 32px; } #__MTS #__MTS_request-form-new .offerCardClass>:first-child>:last-child>:nth-child(2), #__MTS #__MTS_request-form-new .offerCardClass>:first-child>:last-child>:nth-child(3) { font-size: 22px; } #__MTS #__MTS_request-form-new .WidgetRequest2-module_offerDescriptionListStyle__HVSi3 { font-size: var(--MTS-fontSize-body); line-height: 1.5; margin-top: 20px; } #__MTS #__MTS_request-form-new .WidgetRequest2-module_offerDescriptionListStyle__HVSi3::-webkit-scrollbar { width: 2px; } #__MTS #__MTS_request-form-new select::-webkit-scrollbar { width: 2px; } #__MTS #__MTS_request-form-new .MTS__requestform_roomdescription::-webkit-scrollbar { width: 2px; } #__MTS #__MTS_request-form-new .MTS__image-sliderbutton { display: none; } #__MTS #__MTS_request-form-new #MTS__requestform-container { /* margin-bottom: 30px; */ } #__MTS #__MTS_request-form-new .MTS__newsletter_input, #__MTS #__MTS_request-form-new .MTS__newsletter>div, #__MTS #__MTS_request-form-new .MTS__privacy_checkbox>div { width: 27px; height: 27px; } #__MTS #__MTS_request-form-new .MTS__privacy_checkbox svg, #__MTS #__MTS_request-form-new .MTS__newsletter svg { width: 23px; height: 23px; } #__MTS #__MTS_request-form-new .MTS-privacy-field { gap: 0; } #__MTS #__MTS_request-form-new .MTS-privacy-field label { font-size: 16px; } #__MTS #__MTS_request-form-new .MTS-personal-field { gap: 8px; } #__MTS #__MTS_request-form-new .MTS-privacy-field+div { justify-content: end; } #__MTS #__MTS_request-form-new label.\!MTS__my-\[var\(--MTS-inputGap\)\].MTS__w-full.MTS__items-center.MTS__font-label.\!MTS__justify-between.MTS__leading-label.MTS__text-label span { line-height: 1.5; } #__MTS #__MTS_request-form-new #__MTS_program-detail .MTS__flex.MTS__items-center.MTS__gap-2.lg\:MTS__gap-4.MTS__roomslist-listLayout-buttonWrapper { display: none; } #__MTS #__MTS_request-form-new .MTS__roomslist-listLayout-link>div { margin-top: 10px; } #__MTS #__MTS_request-form-new .MTS__roomslist-listLayout-link>div:hover { text-decoration: underline; } #__MTS #__MTS_request-form-new .MTS__roomslist-listLayout-link>div::after { background-image: url(../static/images/right-arrow.svg); height: 9px; width: 12px; content: ''; background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: transparent; position: absolute; margin-left: 5px; margin-top: 2px; } #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 { margin-top: 0; line-height: 1.1; flex-direction: row-reverse; display: flex; justify-content: flex-end; align-items: center; } #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 .MTS__forLabel { width: 27px; height: 27px; font-size: 0; background-image: url(../static/images/floorplan-img.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; top: -1px; position: relative; margin-left: 20px; margin-right: 8px; } #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 .MTS__roomOccupancy { background-image: url(../static/images/user_icn.svg); background-repeat: no-repeat; background-position: top 6px left; padding: 10px 0 10px 38px; background-size: 27px 27px; } #__MTS #__MTS_request-form-new .roomCardClass .MTS__roomSize:before { display: inline-block; content: '('; } #__MTS #__MTS_request-form-new .roomCardClass .MTS__roomSize:after { display: inline-block; content: ')'; } #__MTS #__MTS_request-form-new .WidgetOffersList-module_customScrollBar__BmHde::-webkit-scrollbar { width: 0; } #__MTS #__MTS_request-form-new #MTS__MainMonthHolderID .MTS__MonthNameClass b { font-weight: 400; text-transform: none; } #__MTS #__MTS_request-form-new .MTS__shadow-lg.MTS__absolute.MTS__top-12.MTS__left-0.sm\:MTS__translate-x-0.MTS__left-0.MTS__w-\[320px\].sm\:MTS__w-\[430px\].MTS__bg-input.MTS__z-50.MTS__p-2.MTS__visible { top: 114px !important; } #__MTS #__MTS_request-form-new .MTS__absolute.MTS__top-1.MTS__left-0.MTS__border.MTS__border-\[color\:var\(--MTS-borderColor\)\].MTS__h-\[16px\].MTS__w-\[16px\].MTS__outline-none.MTS__bg-effect-darker+div, #__MTS #__MTS_request-form-new .MTS__absolute.MTS__top-1\/2.MTS__-translate-y-1\/2.MTS__left-0.MTS__border.MTS__border-\[color\:var\(--MTS-borderColor\)\].MTS__h-\[16px\].MTS__w-\[16px\].MTS__outline-none.MTS__bg-primary-lighter+div { width: 0; height: 0; } #__MTS #__MTS_request-form-new .MTS__newsletter .MTS__newsletter_label { font-size: 14px; line-height: 1.5; padding-left: 15px; } #__MTS #__MTS_request-form-new .MTS-privacy-field .MTS__privacy_text { padding-left: 40px; padding-top: 2px; line-height: 1.8; } #__MTS #__MTS_request-form-new .MTS-privacy-field { margin-top: 27px; } #__MTS #__MTS_request-form-new .MTS__privacy_checkbox>div { top: 0; } #__MTS #__MTS_request-form-new .MTS__privacy_checkbox>div svg { top: 2px; } #__MTS #__MTS_request-form-new .MTS__roomCardBox .MTS__font-heading, #__MTS #__MTS_request-form-new .MTS__programCardBox .MTS__font-heading { margin-bottom: 0; } #__MTS #__MTS_request-form-new .MTS__roomCardBox .MTS__requestform_roomdescription { margin-top: 10px; } #__MTS #__MTS_request-form-new .MTS__roomCardBox .MTS__requestform_roomdescription, #__MTS #__MTS_request-form-new .MTS__programCardBox .MTS__font-caption { font-size: 18px; line-height: 27px; font-weight: 500; margin-top: 20px; } #__MTS #__MTS_request-form-new .MTS__roomCardBox .MTS__roomPrice { font-weight: 400; } #__MTS #__MTS_request-form-new .MTS__roomCardBox .MTS__text-subHeading { margin-top: 11px; } #__MTS #__MTS_request-form-new .RequestSubmitButton { border: 1px solid #173E58; margin-top: 40px; border-radius: 100px; } #__MTS #__MTS_request-form-new .MTS-privacy-field input[name="privacy"] { width: 27px; height: 27px; position: absolute; top: 0; } #__MTS #__MTS_request-form-new .MTS__privacy_checkbox { margin-right: 0; } #__MTS #__MTS_request-form-new span.MTS__fill-\[var\(--MTS-borderColor-input\)\].my-\[var\(--MTS-inputGap\)\].MTS__absolute.MTS__top-1\/2.MTS__right-4.MTS__-translate-y-1\/2.MTS__pointer-events-none { height: 10px; width: 16px; background-image: url(../static/images/arrow-down.svg); background-size: contain; background-repeat: no-repeat; background-position: center right; } #__MTS #__MTS_request-form-new span.MTS__fill-\[var\(--MTS-borderColor-input\)\].my-\[var\(--MTS-inputGap\)\].MTS__absolute.MTS__top-1\/2.MTS__right-4.MTS__-translate-y-1\/2.MTS__pointer-events-none>svg { display: none; } #__MTS #__MTS_request-form-new .offerCardClass .MTS__text-heading { margin-bottom: 0; } #__MTS #__MTS_request-form-new .offerCardClass .MTS__font-caption { margin-top: 0; } #__MTS #__MTS_request-form-new .offerCardClass .MTS__font-caption>div:last-child { font-size: 18px; line-height: 1.5; font-weight: 400 !important; } #__MTS #__MTS_request-form-new .offerCardClass .MTS__font-caption>div:last-child strong { font-family: 1em; font-weight: 400; } #__MTS #__MTS_request-form-new .MTS__flex.MTS__flex-wrap.md\:MTS__flex-nowrap.MTS__w-full.MTS__gap-2 { gap: 28px; } #__MTS #__MTS_request-form-new .MTS__reqFormChildAge { gap: 28px; grid-template-columns: repeat(2, minmax(0, 1fr)); } #__MTS #__MTS_request-form-new .offerCardClass span.MTS__flex.MTS__items-center.MTS__gap-2.MTS__text-secondary-light { padding: 10px 0px 10px 36px; background-image: url(../static/images/calendar_icon-dark.svg); background-position: center left; background-repeat: no-repeat; background-size: 27px 28px; } #__MTS #__MTS_request-form-new .offerCardClass span.MTS__flex.MTS__items-center.MTS__gap-2.MTS__text-secondary-light svg { display: none; } #__MTS #__MTS_request-form-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass { --MTS-backgroundColor-success: #173E58; } #__MTS #__MTS_request-form-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span[class*="lc_daysdisable"] { color: #FBF3E8; } #__MTS #__MTS_request-form-new .MTS__shadow-lg.MTS__absolute.MTS__bottom-0.MTS__translate-y-full.MTS__left-0.sm\:MTS__translate-x-0.MTS__left-0.MTS__w-full.xs\:MTS__w-\[430px\].MTS__bg-input.MTS__z-50.MTS__p-2, #__MTS #__MTS_request-form-new .MTS__shadow-lg.MTS__absolute.MTS__top-12.MTS__left-0.sm\:MTS__translate-x-0.MTS__left-0.MTS__w-\[320px\].sm\:MTS__w-\[430px\].MTS__bg-input.MTS__z-50.MTS__p-2 { background-color: #347879; --MTS-backgroundColor-success-light: #ffffff; --MTS-color-primary-selected: #ffffff; } #__MTS #__MTS_request-form-new #MTS__MainCalendarHolderID>button { color: #FBF3E8; } #__MTS #__MTS_request-form-new .MTS__privacy_text { color: #173E58; } #__MTS #__MTS_request-form-new .formCalendar .MTS__ToolTipClass1, #__MTS #__MTS_request-form-new .formCalendar .MTS__CancelButtonClass { background-color: #173E58; } #__MTS #__MTS_request-form-new .formCalendar .MTS__DatesClass>span:hover { background-color: #173E58; color: #ffffff; } #__MTS #__MTS_request-form-new form .focus\:MTS__outline-none:focus { outline: none !important; outline-offset: 0 !important; } #__MTS #__MTS_request-form-new form .MTS__outline-none { outline: none !important; outline-offset: 0 !important; } #__MTS #__MTS_request-form-new label:focus-visible { outline: none !important; } #__MTS #__MTS_request-form-new .MTS__DatesClass>span[class*="_lar_closed"] { background: repeating-linear-gradient(to bottom right, var(--MTS-backgroundColor-surface) 3%, rgba(255, 255, 255, .5) 5%, rgba(255, 255, 255, .5) 12%) !important; color: #173E58; } #__MTS #__MTS_request-form-new .MTS__MonthNameClass+div { background-color: #173E58; --MTS-backgroundColor-primary-light: #ffffff; --MTS-backgroundColor-primary-light: #ffffff; --MTS-color-surface: #173E58; --MTS-color-primary-dark: #ffffff; color: #ffffff; } #__MTS #__MTS_request-form-new .formCalendar { --MTS-color-primary-darker: #347879; } #__MTS #__MTS_request-form-new .MTS__MonthNameClass+div .MTS__w-1\/3 { border: 0; box-shadow: 0 0 1px 0 #ffffff; } #__MTS #__MTS_request-form-new .MTS__MonthNameClass+div select { background-color: #173E58; } #__MTS #__MTS_request-form-new #MTS__requestform-container>form>div { gap: 32px; } #__MTS #__MTS_request-form-new button.MTS__text-button-light.hover\:MTS__underline.MTS__text-\[length\:var\(--MTS-fontSize-buttonHover\)\].MTS__font-link.MTS__leading-\[var\(--MTS-lineHeight-buttonHover\)\].MTS__tracking-\[var\(--MTS-letterSpacing-buttonHover\)\].MTS__cursor-pointer, #__MTS #__MTS_request-form-new .MTS__preriodtext { font-size: 18px; line-height: 1.5; } #__MTS #__MTS_request-form-new .MTS__roomCardBox .MTS__group.MTS__h-\[200px\].md\:MTS__min-h-\[260px\].lg\:MTS__h-\[360px\].lg\:MTS__p-5.MTS__p-4.MTS__relative.MTS__cursor-pointer { height: 320px; } #__MTS #__MTS_request-form-new .MTS__requestForm-success { background-color: transparent; padding-right: 40px; } #__MTS #__MTS_request-form-new .MTS__offer-night-occupancy-info { margin-top: 0; line-height: 1.1; flex-direction: row-reverse; display: flex; justify-content: flex-end; } #__MTS #__MTS_request-form-new .MTS__offer-night-occupancy-info .MTS__req-guestInfo { background-image: url(../static/images/user_icn.svg); background-repeat: no-repeat; background-position: top 5px left; padding: 10px 20px 10px 38px; background-size: 27px 27px; } #__MTS #__MTS_request-form-new .MTS__offer-night-occupancy-info .MTS__req-night-info { background-image: url(../static/images/floorplan-img.svg); background-repeat: no-repeat; background-position: top 5px left; padding: 10px 0 10px 38px; background-size: 27px 27px; } #__MTS #__MTS_request-form-new div.MTS__my-\[var\(--MTS-inputGap\)\] { margin: 0 !important; } #__MTS #__MTS_request-form-new .MTS__roomTitle { margin-bottom: 18px; } #__MTS #__MTS_request-form-new .MTS__roomCardBox .MTS__text-subHeading { margin-top: 0; } #__MTS #__MTS_request-form-new .anotherRoomCard .roomCardClass { background: transparent !important; } #__MTS #__MTS_request-form-new { } /* End:: request form */ /* =================================================================================================== */ /* Start:: Roomslist */ #__MTS #__MTS_room-slider-new .MTS__roomslist-card, #__MTS #__MTS_room-list-new .MTS__roomslist-card { flex: unset; border: 0; } #__MTS #__MTS_room-list-new .MTS__roomSectionWrapper { padding: 0 16px; } #__MTS #__MTS_room-list-new .MTS__roomSectionWrapper > .MTS__roomslist-cardLayout { display: none; } #__MTS #__MTS_room-slider-new .MTS__roomCard-head, #__MTS #__MTS_room-list-new .MTS__roomCard-head { height: 500px !important; width: 100%; top: 0; left: 0; transition: .6s; } #__MTS #__MTS_offer-slider-new .MTS__offerCardGrid-body, #__MTS #__MTS_offer-list-new .MTS__offerCardGrid-body, #__MTS #__MTS_room-slider-new .MTS__roomCard-body, #__MTS #__MTS_room-list-new .MTS__roomCard-body { padding: 33px 0 0; flex: 1; margin-top: auto; } #__MTS #__MTS_room-slider-new .MTS__roomCard-body .MTS__roomCard-heading, #__MTS #__MTS_room-list-new .MTS__roomCard-body .MTS__roomCard-heading { margin-bottom: 8px; flex: 1; } #__MTS #__MTS_room-slider-new .MTS__roomCard-body .MTS__roomCard-heading+div, #__MTS #__MTS_room-list-new .MTS__roomCard-body .MTS__roomCard-heading+div { display: block; } #__MTS #__MTS_room-slider-new .MTS__roomCard-body .MTS__roomCard-heading+div .MTS__RoomCard-price, #__MTS #__MTS_room-list-new .MTS__roomCard-body .MTS__roomCard-heading+div .MTS__RoomCard-price { border-style: solid none; border-width: 1px; border-color: #000000; padding: 15px 0; margin-top: 16px; } #__MTS #__MTS_room-slider-new .MTS__roomCard-body .MTS__roomCard-subHeading, #__MTS #__MTS_room-list-new .MTS__roomCard-body .MTS__roomCard-subHeading { padding-bottom: 0; } #__MTS #__MTS_room-slider-new .MTS__roomCard-body .MTS__roomCard-heading+div .MTS__RoomCard-price .MTS__roomCard-priceText, #__MTS #__MTS_room-list-new .MTS__roomCard-body .MTS__roomCard-heading+div .MTS__RoomCard-price .MTS__roomCard-priceText { position: relative; } #__MTS[data-mts-language="de"] #__MTS_room-slider-new .MTS__roomCard-body .MTS__roomCard-heading+div .MTS__RoomCard-price .MTS__roomCard-priceText:after, #__MTS[data-mts-language="de"] #__MTS_room-list-new .MTS__roomCard-body .MTS__roomCard-heading+div .MTS__RoomCard-price .MTS__roomCard-priceText:after { display: inline; content: '\00a0 pro Einheit'; top: -1px; position: relative; } #__MTS[data-mts-language="en"] #__MTS_room-slider-new .MTS__roomCard-body .MTS__roomCard-heading+div .MTS__RoomCard-price .MTS__roomCard-priceText:after, #__MTS[data-mts-language="en"] #__MTS_room-list-new .MTS__roomCard-body .MTS__roomCard-heading+div .MTS__RoomCard-price .MTS__roomCard-priceText:after { display: inline; content: '\00a0 per unit'; top: -1px; position: relative; } /* #__MTS[data-mts-language="it"] #__MTS_room-slider-new .MTS__roomCard-body .MTS__roomCard-heading+div .MTS__RoomCard-price .MTS__roomCard-priceText:after, #__MTS[data-mts-language="it"] #__MTS_room-list-new .MTS__roomCard-body .MTS__roomCard-heading+div .MTS__RoomCard-price .MTS__roomCard-priceText:after { display: inline; content: '\00a0 a persona'; top: -1px; position: relative; } */ #__MTS #__MTS_room-slider-new .MTS__roomCard-body .MTS__DetailLinkClass>svg { margin-left: 2px; width: 20px; height: 20px; } #__MTS #__MTS_room-slider-new .MTS__roomCard-body .MTS__DetailLinkClass, #__MTS #__MTS_room-list-new .MTS__roomCard-body .MTS__DetailLinkClass { position: relative; margin-top: 14px; margin-bottom: 0; font-size: 18px; line-height: 1.5; cursor: pointer; gap: 2px; flex: unset; align-items: flex-end; padding-right: 18px; } #__MTS #__MTS_room-slider-new .MTS__roomCard-body .MTS__DetailLinkClass:after, #__MTS #__MTS_room-list-new .MTS__roomCard-body .MTS__DetailLinkClass:after { position: absolute; content: ''; bottom: .4em; right: 0; width: 7px; height: 14px; background-image: url(../static/images/arrow-right.svg); background-position: center center; background-size: contain; background-repeat: no-repeat; } #__MTS #__MTS_room-slider-new .MTS__roomsList-navigation-wrapper, #__MTS #__MTS_room-list-new .MTS__roomsList-navigation-wrapper { display: none; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-buttons>button, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-buttons>button, #__MTS #__MTS_room-slider-new .MTS__roomCard-body #MTS__gridButtondevID>button, #__MTS #__MTS_room-list-new .MTS__roomCard-body #MTS__gridButtondevID>button { line-height: 1.5; padding: 12px 32px; letter-spacing: -0.4px; transition: .4s; border-radius: 100px; } #__MTS #__MTS_room-slider-new .MTS_PersonInfo, #__MTS #__MTS_room-list-new .MTS_PersonInfo { margin-right: 18px; } #__MTS #__MTS_room-slider-new .MTS_PersonInfo, #__MTS #__MTS_room-list-new .MTS_PersonInfo, #__MTS #__MTS_room-slider-new .Mts_RoomSizeInfo, #__MTS #__MTS_room-list-new .Mts_RoomSizeInfo { position: relative; padding-left: 32px; } #__MTS #__MTS_room-slider-new .MTS_PersonInfo:before, #__MTS #__MTS_room-list-new .MTS_PersonInfo:before { position: absolute; content: ''; left: 0; top: 0; height: 28px; width: 28px; background-image: url(../static/images/user_icon.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; } #__MTS #__MTS_room-slider-new .Mts_RoomSizeInfo:before, #__MTS #__MTS_room-list-new .Mts_RoomSizeInfo:before { position: absolute; content: ''; left: 0; top: 0; width: 28px; height: 28px; background-image: url(../static/images/floorplan.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; } #__MTS #__MTS_room-slider-new .MTS__roomslist-card, #__MTS #__MTS_room-list-new .MTS__roomslist-card { position: relative; background-color: transparent; overflow: hidden; height: 100%; } #__MTS #__MTS_room-slider-new .MTS__roomslist-card-wrapper, #__MTS #__MTS_room-list-new .MTS__roomslist-card-wrapper { padding: 24px 0px; } #__MTS #__MTS_room-slider-new .MTS__CTA-button-wrapper, #__MTS #__MTS_room-list-new .MTS__CTA-button-wrapper, #__MTS #__MTS_room-slider-new .MTS__CTA-button-wrapper #MTS__gridButtondevID, #__MTS #__MTS_room-list-new .MTS__CTA-button-wrapper #MTS__gridButtondevID { width: 100%; gap: 16px; flex: unset; } #__MTS #__MTS_room-slider-new .MTS__CTA-button-wrapper #MTS__gridButtondevID, #__MTS #__MTS_room-list-new .MTS__CTA-button-wrapper #MTS__gridButtondevID { margin-top: 28px; } #__MTS #__MTS_room-slider-new .MTS__room_category, #__MTS #__MTS_room-list-new .MTS__room_category { display: none; } #__MTS #__MTS_room-list-new .MTS__roomslist-cardLayout { justify-content: center; } #__MTS #__MTS_room-list-new .MTS__roomsListContainer { justify-content: space-between; } #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child:after, #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child>div, #__MTS #__MTS_room-list-new .MTS__roomsListContainer:after, #__MTS #__MTS_room-list-new .MTS__roomsListContainer > div { width: calc(33.33% - 64px); } #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child:after, #__MTS #__MTS_room-list-new .MTS__roomsListContainer:after { content: ''; display: block; } #__MTS #__MTS_room-list-new .services_sidebar>div:last-child.hidescrollbar .MTS_CatTab { margin-right: 0; min-height: unset !important; } #__MTS #__MTS_room-list-new .MTS__dropdown-title { border: 1px solid #173E58; } #__MTS #__MTS_room-slider-new .MTS__roomSliderWrapper { padding: 0 78px; } #__MTS #__MTS_room-slider-new .MTS__roomSliderWrapper .md\:MTS__w-\[calc\(100\%_-_160px\)\] { width: 100%; padding-bottom: 0; margin-bottom: 0; overflow: hidden; } #__MTS #__MTS_room-slider-new .MTS__roomSliderWrapper .md\:MTS__w-\[calc\(100\%_-_160px\)\] .MTS__overflow-hidden { overflow: visible; } #__MTS #__MTS_room-slider-new .MTS__roomSlider-navigation { left: 0; pointer-events: none; } #__MTS #__MTS_room-slider-new .MTS__roomSlider-navigation>button { background-image: url(../static/images/Left_arrow.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 50px; height: 50px; pointer-events: all; } #__MTS #__MTS_room-slider-new .MTS__roomSlider-navigation>button:first-child { position: relative; left: 0; } #__MTS #__MTS_room-slider-new .MTS__roomSlider-navigation>button>svg { display: none; } #__MTS #__MTS_room-slider-new .MTS__roomSlider-navigation>button:last-child { position: relative; transform: rotate(180deg); right: 0; } /* End:: Roomslist */ /* ======================================================================================================= */ /* Start:: Offer list/slider */ #__MTS #__MTS_offer-slider-new .catOfferFilters, #__MTS #__MTS_offer-list-new .catOfferFilters { display: none; } #__MTS #__MTS_offer-slider-new .catOfferFilters>button, #__MTS #__MTS_offer-list-new .catOfferFilters>button { margin: 0; border-radius: 0; border: 1px solid #173E58; padding: 8px 20px 6px; } #__MTS #__MTS_offer-slider-new .catOfferFilters>button.MTS__bg-button, #__MTS #__MTS_offer-list-new .catOfferFilters>button.MTS__bg-button { background-color: #173E58; color: #FBF3E8; } #__MTS #__MTS_offer-slider-new .MTS__offerCard-container, #__MTS #__MTS_offer-list-new .MTS__offerCard-container { border: 0; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container { position: relative; flex: unset; border: 0; background-color: transparent; overflow: hidden; } #__MTS #__MTS_offer-slider-new .MTS__offerCard-container { padding: 0 40px; } #__MTS #__MTS_offer-slider-new .MTS__offerSlider-wrapper { width: 100% !important; } #__MTS #__MTS_offer-slider-new .MTS__offerSlider-navigation { display: none; } #__MTS #__MTS_offer-slider-new .MTS__image-head-popup { position: relative; justify-content: center; gap: 8px; padding-top: 60px; } #__MTS #__MTS_offer-slider-new .MTS__image-head-popup > button { width: 32px; height: 32px; background-image: url(../static/images/arrow-right-new.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; } #__MTS #__MTS_offer-slider-new .MTS__image-head-popup > button:first-child { transform: rotate(180deg); } #__MTS #__MTS_offer-slider-new .MTS__image-head-popup > button svg { display: none; } #__MTS #__MTS_offer-slider-new .MTS__image-head-popup > div { display: none; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__availabilityPeriod-head .MTS__text-calendarHeading:before, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__availabilityPeriod-head .MTS__text-calendarHeading:before { top: 2px; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__availabilityPeriod-head .MTS__text-calendarHeading>span, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__availabilityPeriod-head .MTS__text-calendarHeading>span { gap: 0; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__availabilityPeriod-head .MTS__text-calendarHeading>span:first-child, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__availabilityPeriod-head .MTS__text-calendarHeading>span:first-child { display: none; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-mealplanInfo, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-mealplanInfo { display: none; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-availability-period, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-availability-period { margin-bottom: 0; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-price, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-price { margin-top: 17px; margin-bottom: 0; padding: 14px 0; border: 1px solid #000000; border-style: solid none; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-price .MTS__text-effect, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-price .MTS__text-effect { font-size: 1em; font-weight: 400; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-buttons, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-buttons { gap: 16px; margin-top: 30px; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-head, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-head { position: relative; height: 500px !important; width: 100%; top: 0; left: 0; transition: .6s; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-head>div, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-head>div { height: 100%; min-height: unset; max-height: unset; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-head .MTS__flex.MTS__items-center.MTS__absolute.MTS__gap-\[var\(--MTS-buttonGap\)\] > button, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-head .MTS__flex.MTS__items-center.MTS__absolute.MTS__gap-\[var\(--MTS-buttonGap\)\] > button { background-color: #ffffff; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-body .MTS__offerCardGrid-title, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-body .MTS__offerCardGrid-title { padding: 0; margin-bottom: 2px; flex: 1; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-body .MTS__availabilityDates svg, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-body .MTS__availabilityDates svg { display: none; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-body .MTS__offerCardGrid-link a, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-body .MTS__offerCardGrid-link a { position: relative; padding-right: 13px; text-decoration: none; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-body .MTS__offerCardGrid-link a:after, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-body .MTS__offerCardGrid-link a:after { position: absolute; content: ''; height: 12px; width: 7px; background-image: url(../static/images/angle-right-dark.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; right: 0; top: .45em; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-body .MTS__offerCardGrid-link a:after #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-body .MTS__offerCardGrid-link a:after { top: .4em; } #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-body .MTS__offerCardGrid-link, #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-body .MTS__offerCardGrid-link { margin-top: 14px; flex: unset; } #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child, #__MTS #__MTS_offer-slider-new .MTS__filterMain>div:last-child { justify-content: space-between; } #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child>div, #__MTS #__MTS_offer-slider-new .MTS__filterMain>div:last-child>div { padding: 48px 0; } #__MTS #__MTS_offer-list-new > div > div.MTS__max-w-widget { padding: 0 16px; } #__MTS #__MTS_offer-list-new .MTS__offerCardGrid-availability-period .MTS__availabilityPeriod-body:before, #__MTS #__MTS_offer-slider-new .MTS__offerCardGrid-availability-period .MTS__availabilityPeriod-body:before { display: none; } #__MTS #__MTS_offer-list-new .MTS__offerCardGrid-availability-period .MTS__availabilityPeriod-body, #__MTS #__MTS_offer-slider-new .MTS__offerCardGrid-availability-period .MTS__availabilityPeriod-body { box-shadow: none; } #__MTS #__MTS_offer-list-new .MTS__offerCardGrid-availability-period .MTS__availabilityPeriod-body .MTS__availabilityDates, #__MTS #__MTS_offer-slider-new .MTS__offerCardGrid-availability-period .MTS__availabilityPeriod-body .MTS__availabilityDates { background: #F3F0EC; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12); } #__MTS #__MTS_room-list-new .MTS__modal > div.MTS__bg-surface.MTS__p-4.MTS__flex.MTS__flex-col.MTS__mx-2.MTS__w-full.lg\:\!MTS__w-auto.lg\:\!MTS__min-w-\[75\%\].MTS__h-full.lg\:\!MTS__h-\[90\%\].\!MTS__bg-\[\#00000000\].MTS__overflow-hidden.MTS__mx-0.\!MTS__z-\[10000\].\!MTS__p-0.MTS__relative { min-width: unset !important; max-width: 1920px; width: 100% !important; margin: 0 !important; height: 100% !important; } .MTS__modal ::-webkit-scrollbar, .MTS__modal div[class*="WidgetOffersList-module_customScrollBar"]::-webkit-scrollbar { width: 3px !important; } .MTS__modal ::-webkit-scrollbar-track, .MTS__modal div[class*="WidgetOffersList-module_customScrollBar"]::-webkit-scrollbar-track { background: #FBF3E8 !important; } .MTS__modal ::-webkit-scrollbar-thumb, .MTS__modal div[class*="WidgetOffersList-module_customScrollBar"]::-webkit-scrollbar-thumb { background: #173E58 !important; } #__MTS #__MTS_offer-slider-new .MTS__modal > div.MTS__bg-surface.MTS__p-4.MTS__flex.MTS__flex-col.MTS__mx-2.MTS__w-full.lg\:\!MTS__w-auto.lg\:\!MTS__min-w-\[75\%\].MTS__h-full.\!MTS__bg-\[\#00000000\].MTS__overflow-hidden.MTS__mx-0.\!MTS__z-\[10000\].\!MTS__p-0.MTS__relative.MTS__transition.MTS__transform.MTS__ease-in.MTS__duration-300, #__MTS #__MTS_offer-list-new .MTS__modal > div.MTS__bg-surface.MTS__p-4.MTS__flex.MTS__flex-col.MTS__mx-2.MTS__w-full.lg\:\!MTS__w-auto.lg\:\!MTS__min-w-\[75\%\].MTS__h-full.\!MTS__bg-\[\#00000000\].MTS__overflow-hidden.MTS__mx-0.\!MTS__z-\[10000\].\!MTS__p-0.MTS__relative.MTS__transition.MTS__transform.MTS__ease-in.MTS__duration-300 { min-width: unset !important; max-width: 1300px; width: 100% !important; margin: 0 !important; height: 100% !important; } #__MTS #__MTS_room-list-new .MTS__modal > div.MTS__bg-surface.MTS__p-4.MTS__flex.MTS__flex-col.MTS__mx-2.MTS__w-full.lg\:\!MTS__w-auto.lg\:\!MTS__min-w-\[75\%\].MTS__h-full.lg\:\!MTS__h-\[90\%\].\!MTS__bg-\[\#00000000\].MTS__overflow-hidden.MTS__mx-0.\!MTS__z-\[10000\].\!MTS__p-0.MTS__relative svg.MTS__cursor-pointer.MTS__fill-\[var\(--MTS-color-button-dark\)\].MTS__h-12.MTS__w-12.MTS__top-0.MTS__mr-0.MTS__absolute.MTS__z-10.MTS__bg-button-dark.MTS__close-button, #__MTS #__MTS_offer-slider-new .MTS__modal > div.MTS__bg-surface.MTS__p-4.MTS__flex.MTS__flex-col.MTS__mx-2.MTS__w-full.lg\:\!MTS__w-auto.lg\:\!MTS__min-w-\[75\%\].MTS__h-full.\!MTS__bg-\[\#00000000\].MTS__overflow-hidden.MTS__mx-0.\!MTS__z-\[10000\].\!MTS__p-0.MTS__relative.MTS__transition.MTS__transform.MTS__ease-in.MTS__duration-300 svg.MTS__cursor-pointer.MTS__fill-\[color\:var\(--MTS-color-button-dark\)\].MTS__h-12.MTS__w-12.MTS__top-0.MTS__mr-0.MTS__absolute.MTS__z-10.MTS__bg-button-dark, #__MTS #__MTS_offer-list-new .MTS__modal > div.MTS__bg-surface.MTS__p-4.MTS__flex.MTS__flex-col.MTS__mx-2.MTS__w-full.lg\:\!MTS__w-auto.lg\:\!MTS__min-w-\[75\%\].MTS__h-full.\!MTS__bg-\[\#00000000\].MTS__overflow-hidden.MTS__mx-0.\!MTS__z-\[10000\].\!MTS__p-0.MTS__relative.MTS__transition.MTS__transform.MTS__ease-in.MTS__duration-300 svg.MTS__cursor-pointer.MTS__fill-\[color\:var\(--MTS-color-button-dark\)\].MTS__h-12.MTS__w-12.MTS__top-0.MTS__mr-0.MTS__absolute.MTS__z-10.MTS__bg-button-dark { background-color: transparent; fill: transparent; height: 42px; width: 42px; background-image: url(../static/images/close.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; top: 26px; right: 50px; } /* End:: Offerslist/slider */ #__MTS ::-webkit-scrollbar { width: 3px !important; } #__MTS ::-webkit-scrollbar-thumb { background: #173E58 !important; } #__MTS ::-webkit-scrollbar-track { background-attachment: #ffffff; } /* Start:: Responsive view */ @media only screen and (max-width: 1400px) { #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass { padding: 29px 30px 29px 20px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainCalendarHolderID { padding: 0 50px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainMonthHolderID #MTS__MainDaysAndDatesHolderID { padding: 0 10px 10px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div .MTS__select-date-label, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID>div>div, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__InfoClass p { font-size: 20px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl { height: 602px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass { --MTS-fontSize-smallCaption-base: 20px } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass:before { top: -7px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__px-2.xl\:MTS__px-5.MTS__pt-20.MTS__pb-4.MTS__h-full.MTS__flex.MTS__flex-col { padding: 30px 22px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__EnquiryBookButtonClass button { min-width: 135px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__occupancyTab .MTS__requestbar-occupancy-icon { height: 48px; width: 48px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainCalendarHolderID { padding-left: 50px; padding-right: 50px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainCalendarHolderID #MTS__MainMonthHolderID { gap: 30px; } } @media only screen and (max-width: 1199px) { #__MTS #__MTS_room-detail-pricecalculator-new #MTS__widget-header { padding: 0 20px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div { margin-top: 40px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .MTS__text-heading { margin-bottom: 10px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div .MTS__select-date-label, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID>div>div, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__InfoClass p { font-size: 20px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainCalendarHolderID { padding-left: 50px; padding-right: 50px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainMonthHolderID #MTS__MainDaysAndDatesHolderID { padding: 0 0 10px; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass { column-gap: 10px; row-gap: 8px; } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-head, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-head, #__MTS #__MTS_room-slider-new .MTS__roomCard-head, #__MTS #__MTS_room-list-new .MTS__roomCard-head { position: relative; height: 364px !important; } #__MTS #__MTS_room-list-new > div { --MTS-fontSize-heading-base: 24px; --MTS-fontSize-subHeading-base: 18px; --MTS-fontSize-subTitle-base: 16px; --MTS-fontSize-button-base: 18px; } #__MTS #__MTS_offer-detail-new .MTS__offerInfoDates .MTS__offerInfoDatesDropdown span:last-child::before, #__MTS #__MTS_offer-detail-new .MTS__offerInfoDates span:first-child:after { width: 22px; height: 22px; } #__MTS #__MTS_offer-detail-new .MTS__offerInfoDatesDropdown { } #__MTS #__MTS_offer-detail-new .MTS__offerInfoDates .MTS__flex.MTS__gap-2.MTS__items-center { gap: 30px; } #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child:after, #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child>div, #__MTS #__MTS_room-list-new .MTS__roomsListContainer:after, #__MTS #__MTS_room-list-new .MTS__roomsListContainer > div { width: calc(33.33% - 34px); } #__MTS #__MTS_offer-list-new > div, #__MTS #__MTS_offer-slider-new > div { --MTS-fontSize-heading-base: 24px; --MTS-fontSize-button-base: 18px; --MTS-fontSize-calendarHeading-base: 18px; --MTS-fontSize-subText-base: 16px; --MTS-fontSize-subTitle-base: 16px; } } @media only screen and (max-width: 1049px) { #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child:after, #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child>div, #__MTS #__MTS_room-list-new .MTS__roomsListContainer:after, #__MTS #__MTS_room-list-new .MTS__roomsListContainer > div { width: calc(50% - 20px); padding: 28px 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass { --MTS-fontSize-subText-base: 14px; margin-top: 25px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .MTS__text-heading+div { font-size: 16px; line-height: 1.5; margin-bottom: 8px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .lg\:MTS__flex.sm\:MTS__flex.MTS__justify-between.MTS__my-2.MTS__mb-6>.MTS__flex.MTS__mx-2.sm\:MTS__mx-0.MTS__items-center>svg, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .lg\:MTS__flex.sm\:MTS__flex.MTS__justify-between.MTS__my-2.MTS__mb-6>.MTS__flex.MTS__mx-2.sm\:MTS__mx-0.MTS__items-center:before { width: 20px; height: 20px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .lg\:MTS__flex.sm\:MTS__flex.MTS__justify-between.MTS__my-2.MTS__mb-6>.MTS__flex.MTS__mx-2.sm\:MTS__mx-0.MTS__items-center { padding-left: 28px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .lg\:MTS__flex.sm\:MTS__flex.MTS__justify-between.MTS__my-2.MTS__mb-6>.MTS__flex.MTS__mx-2.sm\:MTS__mx-0.MTS__items-center>svg:nth-child(2) { margin-left: 20px; margin-right: 8px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox { flex-direction: column; width: 100%; align-items: flex-start; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div { margin-right: 0; padding-right: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__mealplanTab { padding-right: 0; margin-right: 0; border-right: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__mealplanTab, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__priceTab, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab { padding: 20px 0; width: 100%; justify-content: flex-start; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__mealplanTab, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab { border-bottom: 1px solid #F3F0EC; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:first-child { width: 100%; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__TotalPriceInfo .MTS__requestBar-from-label { padding-right: 4px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainCalendarHolderID { padding-left: 0; padding-right: 0; padding-top: 0px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__calInMobileViewClass #MTS__MainCalendarHolderID>button { top: 1em; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainMonthHolderID .MTS__MonthNameClass { margin: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__calInMobileViewClass #MTS__MainCalendarHolderID>button:nth-child(2) { transform: rotate(180deg); } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__MainCalendarHolderID #MTS__MainMonthHolderID .MTS__MonthParentClass>div:first-child { padding: 13px 0; border-bottom: 1px solid #173E58; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__calInMobileViewClass #MTS__MainCalendarHolderID>button svg { display: none; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__calInMobileViewClass #MTS__MainCalendarHolderID>button:first-child { left: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__calInMobileViewClass #MTS__MainCalendarHolderID>button:nth-child(2) { right: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass { padding-top: 32px; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass { gap: 5px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass>div.MTS__flex.MTS__gap-5.MTS__justify-center.lg\:MTS__px-0:last-child button { min-width: unset; width: 50%; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass { padding: 0 20px 28px; gap: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass>div.MTS__flex.MTS__gap-5.MTS__justify-center.lg\:MTS__px-0:last-child { padding-top: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__TotalPriceInfo { margin-bottom: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass>div.MTS__flex.MTS__gap-5.MTS__justify-center.lg\:MTS__px-0:last-child { width: 100%; padding-top: 20px; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span .MTS__calNightsLabelClass, #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span p.MTS_OnlyDeparture.MTS__font-semibold.MTS__absolute.MTS__mx-auto.MTS__w-full.MTS__left-0.MTS__right-0.MTS__opacity-\[1\%\].MTS__bottom-\[1px\].MTS__whitespace-nowrap, #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span .MTS__bottom-\[10px\] { bottom: 5px !important; font-size: 8px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div .MTS__select-date-label { font-size: 18px; margin-bottom: 12px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div .MTS__select-date-label+div .pricecalculator_requestbar_price { margin-bottom: 16px; font-size: 22px; line-height: 30px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID>div>div, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__InfoClass p { font-size: 16px; margin-right: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID { margin-bottom: 30px; flex-wrap: wrap; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID>div { display: flex; flex-direction: row; gap: 14px; justify-content: center; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID>div>div { padding: 4px 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div>div { flex-direction: column; align-items: center; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__occupancyTab .MTS__requestbar-occupancy-icon+div { gap: 12px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__mealplanTab .MTS__requestbar-mealplan-icon+div span, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__mealplanTab .MTS__requestbar-mealplan-icon+div select { line-height: 1.2; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__mealplanTab .MTS__requestbar-mealplan-icon+div { gap: 8px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__occupancyTab .MTS__requestbar-occupancy-icon+div span { line-height: 1.2; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass ul li { margin: 10px 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass { padding-top: 10px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__defaultRangeClass { font-size: 18px; line-height: 1.3; } #__MTS #__MTS_room-detail-pricecalculator-new .total-price-info, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__offerTitleClass { font-size: 22px; line-height: 1.3; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass>div.MTS__flex.MTS__gap-5.MTS__justify-center.lg\:MTS__px-0:last-child { width: auto; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__occupancyTab .MTS__requestbar-occupancy-icon svg { position: relative; left: -10px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div>div:last-child { gap: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass { --MTS-fontSize-smallCaption-base: 16px; padding-left: 28px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass:before { height: 22px; width: 22px; top: 0px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__px-2.xl\:MTS__px-5.MTS__pt-20.MTS__pb-4.MTS__h-full.MTS__flex.MTS__flex-col { padding: 24px 16px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__EnquiryBookButtonClass button { padding: 8px 16px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__EnquiryBookButtonClass>div { gap: 8px !important; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__OffersContentClass { padding-top: 30px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__px-2.xl\:MTS__px-5.MTS__pt-20.MTS__pb-4.MTS__h-full.MTS__flex.MTS__flex-col { min-height: 527px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__priceTab { gap: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__priceTab .MTS__requestbar-calandar-icon { background-size: 65%; background-position: center left; } #__MTS #__MTS_offer-detail-new .MTS__Offerdetails_pricedetails { font-size: 18px; line-height: 1.5; } #__MTS #__MTS_offer-detail-new .MTS__offer-header-wrapper>div:first-child { display: block; } #__MTS #__MTS_offer-detail-new .MTS__Offerdetails_pricedetails { text-align: left; } #__MTS #__MTS_offer-detail-new .MTS__roomdetail-offerAccordian-head-wrapper .MTS__font-subText { flex-direction: column; } #__MTS #__MTS_offer-detail-new .MTS__roomdetail-offerAccordian-head-wrapper .MTS__font-subText .MTS__tab-priceperPerson { margin-left: 0; } #__MTS #__MTS_offer-detail-new .MTS__roomdetail-offerAccordian-head-wrapper { gap: 10px; } #__MTS #__MTS_offer-slider-new .MTS__offerCard-container { padding: 0 10px; } } @media only screen and (max-width: 767px) { /* Start:: Room detail */ #__MTS #__MTS_room-detail-pricecalculator-new .MTS__container { padding: 65px 16px 0 !important; } /* End:: Room detail */ /* Start:: Request form */ #__MTS #__MTS_request-form-new .MTS__offer-night-occupancy-info .MTS__req-night-info, #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 .MTS__roomSize, #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 .MTS__roomOccupancy, #__MTS #__MTS_request-form-new .MTS__offer-night-occupancy-info .MTS__req-guestInfo, #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 { font-size: 16px; } #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 { flex-wrap: wrap; } #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 .MTS__forLabel, #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 .MTS__roomSize { order: 1; } #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 .MTS__roomOccupancy { order: 0; } #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 .MTS__roomOccupancy { width: 100%; } #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 .MTS__forLabel { width: 20px; height: 20px; } #__MTS #__MTS_request-form-new .MTS__offer-night-occupancy-info .MTS__req-night-info, #__MTS #__MTS_request-form-new .MTS__offer-night-occupancy-info .MTS__req-guestInfo, #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 .MTS__roomOccupancy { background-size: 20px 20px; padding: 10px 0 10px 28px; } #__MTS #__MTS_request-form-new .MTS__flex.MTS__flex-wrap.md\:MTS__flex-nowrap.MTS__w-full.MTS__gap-2 { gap: 8px; } #__MTS #__MTS_request-form-new>div { --MTS-inputGap: 5px; } #__MTS #__MTS_request-form-new .roomCardClass .MTS__font-caption.MTS__text-secondary.MTS__text-caption.MTS__leading-\[var\(--MTS-lineHeight-caption\)\].MTS__tracking-\[var\(--MTS-letterSpacing-caption\)\].MTS__mt-2 .MTS__forLabel { margin-left: 0; } #__MTS #__MTS_request-form-new .MTS__roomCardBox .MTS__font-heading { margin-bottom: 5px; } #__MTS #__MTS_request-form-new .MTS__offer-night-occupancy-info { flex-direction: column-reverse; } #__MTS #__MTS_request-form-new button.MTS__text-button-light.hover\:MTS__underline.MTS__text-\[length\:var\(--MTS-fontSize-buttonHover\)\].MTS__font-link.MTS__leading-\[var\(--MTS-lineHeight-buttonHover\)\].MTS__tracking-\[var\(--MTS-letterSpacing-buttonHover\)\].MTS__cursor-pointer, #__MTS #__MTS_request-form-new .MTS__preriodtext { font-size: 16px; } #__MTS #__MTS_request-form-new > div { --MTS-padding-input: 10px 16px; --MTS-fontSize-input-base: 16px; --MTS-padding-selectDropdown: 10px 34px 10px 16px; --MTS-padding-pInputLabel: 0 0 10px; } #__MTS #__MTS_request-form-new span.MTS__fill-\[var\(--MTS-borderColor-input\)\].MTS__absolute.MTS__top-1\/2.MTS__right-4.MTS__-translate-y-1\/2.MTS__absolute.MTS__mt-0\.5.MTS__right-4.MTS__fill-\[color\:var\(--MTS-borderColor-input\)\].MTS__pointer-events-none, #__MTS #__MTS_request-form-new span.MTS__fill-\[var\(--MTS-borderColor-input\)\].MTS__absolute.MTS__top-1\/2.MTS__right-4.MTS__-translate-y-1\/2.MTS__absolute.MTS__mt-0\.5.MTS__right-4.MTS__fill-\[color\:var\(--MTS-borderColor-input\)\].MTS__pointer-events-none { width: 26px; height: 26px; } /* End:: Request form */ /* Start:: Roomlist */ #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child:after, #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child>div, #__MTS #__MTS_room-list-new .MTS__roomsListContainer:after, #__MTS #__MTS_room-list-new .MTS__roomsListContainer > div { width: calc(50% - 10px); } #__MTS #__MTS_offer-list-new .MTS__offerCard-container .MTS__offerCardGrid-buttons>button, #__MTS #__MTS_offer-slider-new .MTS__offerCard-container .MTS__offerCardGrid-buttons>button, #__MTS #__MTS_room-slider-new .MTS__roomCard-body #MTS__gridButtondevID>button, #__MTS #__MTS_room-list-new .MTS__roomCard-body #MTS__gridButtondevID>button { padding: 8px 24px; } #__MTS #__MTS_room-slider-new .MTS__CTA-button-wrapper, #__MTS #__MTS_room-list-new .MTS__CTA-button-wrapper, #__MTS #__MTS_room-slider-new .MTS__CTA-button-wrapper #MTS__gridButtondevID, #__MTS #__MTS_room-list-new .MTS__CTA-button-wrapper #MTS__gridButtondevID { gap: 8px; } #__MTS #__MTS_room-list-new > div { --MTS-fontSize-heading-base: 22px; } #__MTS #__MTS_room-slider-new .MTS__roomCard-body .MTS__DetailLinkClass, #__MTS #__MTS_room-list-new .MTS__roomCard-body .MTS__DetailLinkClass { font-size: 16px; } #__MTS #__MTS_room-slider-new .Mts_RoomSizeInfo:before, #__MTS #__MTS_room-list-new .Mts_RoomSizeInfo:before, #__MTS #__MTS_room-slider-new .MTS_PersonInfo:before, #__MTS #__MTS_room-list-new .MTS_PersonInfo:before { height: 24px; width: 24px; } #__MTS #__MTS_room-slider-new .MTS__roomCard-body .MTS__DetailLinkClass:after, #__MTS #__MTS_room-list-new .MTS__roomCard-body .MTS__DetailLinkClass:after { bottom: .25em; } /* End:: Roomlist */ /* Start:: Offerlist/slider */ #__MTS #__MTS_offer-list-new > div, #__MTS #__MTS_offer-slider-new > div { --MTS-fontSize-heading-base: 22px; } #__MTS #__MTS_offer-list-new .MTS__modal > div.MTS__bg-surface.MTS__p-4.MTS__flex.MTS__flex-col.MTS__mx-2.MTS__w-full.lg\:\!MTS__w-auto.lg\:\!MTS__min-w-\[75\%\].MTS__h-full.\!MTS__bg-\[\#00000000\].MTS__overflow-hidden.MTS__mx-0.\!MTS__z-\[10000\].\!MTS__p-0.MTS__relative.MTS__transition.MTS__transform.MTS__ease-in.MTS__duration-300 svg.MTS__cursor-pointer.MTS__fill-\[color\:var\(--MTS-color-button-dark\)\].MTS__h-12.MTS__w-12.MTS__top-0.MTS__mr-0.MTS__absolute.MTS__z-10.MTS__bg-button-dark { height: 28px; width: 28px; } #__MTS #__MTS_offer-detail-new .MTS__offer-head .MTS__offer-header-wrapper { margin-top: 20px; } #__MTS #__MTS_offer-list-new .MTS__modal > div.MTS__bg-surface.MTS__p-4.MTS__flex.MTS__flex-col.MTS__mx-2.MTS__w-full.lg\:\!MTS__w-auto.lg\:\!MTS__min-w-\[75\%\].MTS__h-full.\!MTS__bg-\[\#00000000\].MTS__overflow-hidden.MTS__mx-0.\!MTS__z-\[10000\].\!MTS__p-0.MTS__relative.MTS__transition.MTS__transform.MTS__ease-in.MTS__duration-300 svg.MTS__cursor-pointer.MTS__fill-\[color\:var\(--MTS-color-button-dark\)\].MTS__h-12.MTS__w-12.MTS__top-0.MTS__mr-0.MTS__absolute.MTS__z-10.MTS__bg-button-dark { top: 18px; right: 16px; } #__MTS #__MTS_offer-slider-new .MTS__offerCard-container { padding: 0; } #__MTS #__MTS_offer-slider-new .MTS__image-head-popup { padding-top: 20px; } /* End:: Offerlist/slider */ #__MTS #__MTS_offer-detail-new .MTS__offer-head { padding-top: 60px; padding-left: 8px; padding-right: 8px; } #__MTS #__MTS_offer-detail-new .MTS__offer-head+div { padding-left: 8px; padding-right: 8px; } #__MTS #__MTS_offer-detail-new #MTS__MainCalendarHolderID button { top: 15px; } #__MTS #__MTS_room-list-new .MTS__modal > div.MTS__bg-surface.MTS__p-4.MTS__flex.MTS__flex-col.MTS__mx-2.MTS__w-full.lg\:\!MTS__w-auto.lg\:\!MTS__min-w-\[75\%\].MTS__h-full.lg\:\!MTS__h-\[90\%\].\!MTS__bg-\[\#00000000\].MTS__overflow-hidden.MTS__mx-0.\!MTS__z-\[10000\].\!MTS__p-0.MTS__relative svg.MTS__cursor-pointer.MTS__fill-\[var\(--MTS-color-button-dark\)\].MTS__h-12.MTS__w-12.MTS__top-0.MTS__mr-0.MTS__absolute.MTS__z-10.MTS__bg-button-dark.MTS__close-button, #__MTS #__MTS_offer-slider-new .MTS__modal > div.MTS__bg-surface.MTS__p-4.MTS__flex.MTS__flex-col.MTS__mx-2.MTS__w-full.lg\:\!MTS__w-auto.lg\:\!MTS__min-w-\[75\%\].MTS__h-full.\!MTS__bg-\[\#00000000\].MTS__overflow-hidden.MTS__mx-0.\!MTS__z-\[10000\].\!MTS__p-0.MTS__relative.MTS__transition.MTS__transform.MTS__ease-in.MTS__duration-300 svg.MTS__cursor-pointer.MTS__fill-\[color\:var\(--MTS-color-button-dark\)\].MTS__h-12.MTS__w-12.MTS__top-0.MTS__mr-0.MTS__absolute.MTS__z-10.MTS__bg-button-dark, #__MTS #__MTS_offer-list-new .MTS__modal > div.MTS__bg-surface.MTS__p-4.MTS__flex.MTS__flex-col.MTS__mx-2.MTS__w-full.lg\:\!MTS__w-auto.lg\:\!MTS__min-w-\[75\%\].MTS__h-full.\!MTS__bg-\[\#00000000\].MTS__overflow-hidden.MTS__mx-0.\!MTS__z-\[10000\].\!MTS__p-0.MTS__relative.MTS__transition.MTS__transform.MTS__ease-in.MTS__duration-300 svg.MTS__cursor-pointer.MTS__fill-\[color\:var\(--MTS-color-button-dark\)\].MTS__h-12.MTS__w-12.MTS__top-0.MTS__mr-0.MTS__absolute.MTS__z-10.MTS__bg-button-dark { height: 22px; width: 22px; top: 22px; right: 22px; } #__MTS #__MTS_offer-detail-new .MTS__offerInfoDates .MTS__offerInfoDatesDropdown span:last-child { padding-left: 32px; } #__MTS #__MTS_offer-detail-new .MTS__offerInfoDates .MTS__offerInfoDatesDropdown span:last-child::before { top: 1px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass .MTS__calInMobileViewClass #MTS__MainCalendarHolderID>button { width: 18px; height: 18px; top: 1.42em; } } @media only screen and (max-width: 639px) { /* Start:: Room detail */ #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass ul li:after { width: 14px; height: 14px; top: .65em; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass ul { column-count: 1; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__AmneitiesContentClass ul li { line-height: 1.5; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__CancelButtonClass { height: 18px; width: 18px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__CancelButtonClass>svg { width: 8px; height: 8px; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span .MTS__calNightsLabelClass, #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span p.MTS_OnlyDeparture.MTS__font-semibold.MTS__absolute.MTS__mx-auto.MTS__w-full.MTS__left-0.MTS__right-0.MTS__opacity-\[1\%\].MTS__bottom-\[1px\].MTS__whitespace-nowrap, #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainDaysAndDatesHolderID .MTS__DatesClass>span .MTS__bottom-\[10px\] { font-size: 8px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass { padding-left: 30px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass:before { width: 22px; height: 22px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass { --MTS-fontSize-smallCaption-base: 16px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass>div.MTS__flex.MTS__gap-5.MTS__justify-center.lg\:MTS__px-0:last-child { flex-direction: row; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass>div.MTS__flex.MTS__gap-5.MTS__justify-center.lg\:MTS__px-0:last-child button { width: 100%; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child .MTS__occupancyPopUpFormClass { padding: 20px 12px 12px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .lg\:MTS__flex.sm\:MTS__flex.MTS__justify-between.MTS__my-2.MTS__mb-6>.MTS__flex.MTS__mx-2.sm\:MTS__mx-0.MTS__items-center { margin: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div .MTS__text-heading+div+p { margin-left: 0; margin-right: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID { margin-bottom: 20px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child .MTS__occupancyPopUpTitleClass { padding: 10px 16px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__px-2.xl\:MTS__px-5.MTS__pt-20.MTS__pb-4.MTS__h-full.MTS__flex.MTS__flex-col { min-height: 520px; padding: 40px 12px 20px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__defaultRangeClass { padding-top: 30px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__flipClass p { margin-right: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__EnquiryBookButtonClass>div>button { margin: 0; width: 100%; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__max-w-\[1320px\] .MTS__OfferCardClass .MTS__availableOfferClass:before { top: -2px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__OffersContentClass { padding-top: 10px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass>div.MTS__flex.MTS__gap-5.MTS__justify-center.lg\:MTS__px-0:last-child { gap: 10px; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__tabsHolderID { padding-top: 35px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl+div h1 { font-size: 26px; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__MainCalendarHolderID .md\:MTS__h-14 { height: calc(var(--MTS-fontSize-base) * 2.75); } /* End:: Room detail */ /* Start:: Roomlist */ #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child:after, #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child>div, #__MTS #__MTS_room-list-new .MTS__roomsListContainer:after, #__MTS #__MTS_room-list-new .MTS__roomsListContainer > div { width: 100%; } #__MTS #__MTS_room-list-new .MTS__roomsListContainer:after, #__MTS #__MTS_offer-list-new .MTS__filterMain>div:last-child:after { padding: 0; } /* End:: Roomlist */ } @media only screen and (max-width: 575px) { #__MTS #__MTS_offer-detail-new .MTS__calNightsLabelClass { font-size: 8px; } /* Start:: Room detail */ #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div>div:last-child>div:last-child button.MTS__text-button { width: auto; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div>div:last-child>div:last-child { gap: 10px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div .MTS__select-date-label { margin-bottom: 10px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID+div>div:last-child>div:last-child { margin-top: 10px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child .MTS__occupancyPopUpFormClass span, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child .MTS__occupancyPopUpFormClass label { font-size: 1em; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child .MTS__occupancyPopUpFormClass select { padding: 5px 30px 5px 5px; font-size: 12px; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__requestBarClass .MTS__SelectionBox>div.MTS__occupancyTab>div:last-child { width: 100%; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl { height: 454px; padding: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__RoomDetailsTitleControl .MTS__imageslider-parent-container { padding-bottom: 50px; } #__MTS #__MTS_room-detail-pricecalculator-new #MTS__widget-header { padding: 0; } #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID, #__MTS #__MTS_room-detail-pricecalculator-new .MTS__tabCalendarClass #MTS__KeyCartogramID>div { flex-direction: column; } /* End:: Room detail */ } /* End:: Responsive view */