/* Text meant only for screen readers. */ .elementor-header-account .header-group-action { display: flex; padding-right: 0; } .elementor-header-account .header-group-action .icon { margin-right: 10px; } .elementor-header-account .header-group-action .icon img { border-radius: 50%; } .elementor-header-account .header-group-action .site-header-account > a { display: flex; align-items: center; color: var(--e-global-color-lighter); } .elementor-header-account .header-group-action .site-header-account .account-content { display: inline-block; font-size: 12px; font-size: 0.75rem; font-weight: 700; text-transform: capitalize; color: var(--e-global-color-secondary); } .opal-move-up { animation-name: opalMoveUp; -moz-animation-name: opalMoveUp; -webkit-animation-name: opalMoveUp; } @-webkit-keyframes opalMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes opalMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes opalMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes opalMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .opal-move-down { animation-name: opalMoveDown; -moz-animation-name: opalMoveDown; -webkit-animation-name: opalMoveDown; } @-webkit-keyframes opalMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes opalMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes opalMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes opalMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .opal-move-left { animation-name: opalMoveLeft; -moz-animation-name: opalMoveLeft; -webkit-animation-name: opalMoveLeft; } @-webkit-keyframes opalMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes opalMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes opalMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes opalMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .opal-move-right { animation-name: opalMoveRight; -moz-animation-name: opalMoveRight; -webkit-animation-name: opalMoveRight; } @-webkit-keyframes opalMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes opalMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes opalMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes opalMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .opal-scale-up { animation-name: opalScaleUp; -moz-animation-name: opalScaleUp; -webkit-animation-name: opalScaleUp; } @-webkit-keyframes opalScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @-moz-keyframes opalScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @-ms-keyframes opalScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes opalScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } .opal-flip { animation-name: opalFlip; -moz-animation-name: opalFlip; -webkit-animation-name: opalFlip; } @-webkit-keyframes opalFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @-moz-keyframes opalFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @-ms-keyframes opalFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @keyframes opalFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } .opal-helix { animation-name: opalHelix; -moz-animation-name: opalHelix; -webkit-animation-name: opalHelix; } @-webkit-keyframes rotate { from { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes rotate { from { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes rotate { from { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .rotate { animation: rotate 12s linear infinite !important; } @-webkit-keyframes opalHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @-moz-keyframes opalHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @-ms-keyframes opalHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @keyframes opalHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } .opal-am-popup { animation: opalPopup; -moz-animation-name: opalPopup; -webkit-animation-name: opalPopup; } @-webkit-keyframes opalPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes opalPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } @-ms-keyframes opalPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } @keyframes opalPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } .elementor-brand-wrapper .elementor-grid { justify-content: center; align-items: start; } .elementor-brand-wrapper .elementor-brand-item { text-align: center; display: flex; align-items: center; position: relative; overflow: hidden; } .elementor-brand-wrapper .elementor-brand-image { display: flex; width: 100%; font-size: 0px; font-size: 0rem; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-brand-wrapper .elementor-brand-image:hover img, .elementor-brand-wrapper .elementor-brand-image:hover svg { filter: none; } .elementor-brand-wrapper a { display: block; padding: 2px; } .elementor-brand-wrapper img { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-brand-wrapper:hover img, .elementor-brand-wrapper:hover svg { opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; filter: alpha(opacity=50); -ms-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; filter: grayscale(100%); } .elementor-brand-wrapper .column-item { margin-bottom: 30px; } .elementor-brand-wrapper .slick-slide { position: relative; } .elementor-brand-wrapper .slick-slide:before { top: 0; right: 0; width: 1px; height: 100%; background: #ebebeb; position: absolute; } .elementor-brand-wrapper .slick-slide:last-child:before { content: none !important; } .elementor-brand-wrapper:hover img svg { filter: grayscale(100%); } .elementor-brand-wrapper .elementor-widget-rostay-brand .rostay-carousel .column-item { margin-bottom: 0 !important; } .elementor-brand-wrapper .elementor-widget-rostay-brand .rostay-carousel .slick-track { display: flex !important; align-items: center; } .elementor-widget-woocommerce-breadcrumb .rostay-woocommerce-title { position: relative; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 64px; font-size: 4rem; line-height: 1.09375; color: #fff; margin: 0 0 26px 0; } @media (max-width: 567px) { .elementor-widget-woocommerce-breadcrumb .rostay-woocommerce-title { font-size: 32px; font-size: 2rem; margin-bottom: 0; } } .elementor-widget-woocommerce-breadcrumb .rostay-woocommerce-subtitle { position: relative; font-size: 20px; font-size: 1.25rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); line-height: 1.4; margin: 0 0 20px 0; color: #fff; } .elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb { font-size: 13px; font-size: 0.8125rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); text-transform: uppercase; line-height: 1.3846153846; font-weight: 600; letter-spacing: 1px; color: var(--e-global-color-primary); margin: 0; } .elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a { font-size: 13px; font-size: 0.8125rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: #fff; line-height: 1.3846153846; font-weight: 600; letter-spacing: 1px; } .elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a:hover { color: var(--e-global-color-primary); } .elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb i { color: #fff; font-size: 22px; font-size: 1.375rem; margin: -4px 2px 0px 2px; } .hidden-rostay-title-yes .rostay-woocommerce-title { display: none; } .hidden-rostay-subtitle-title-yes .rostay-woocommerce-subtitle { display: none; } .single-product .hidden-rostay-title-single-yes .rostay-woocommerce-title, .single-product .hidden-rostay-title-single-yes .rostay-woocommerce-subtitle, .single-post .hidden-rostay-title-single-yes .rostay-woocommerce-title, .single-post .hidden-rostay-title-single-yes .rostay-woocommerce-subtitle, .single-rostay_team .hidden-rostay-title-single-yes .rostay-woocommerce-title, .single-rostay_team .hidden-rostay-title-single-yes .rostay-woocommerce-subtitle, .single-rostay_service .hidden-rostay-title-single-yes .rostay-woocommerce-title, .single-rostay_service .hidden-rostay-title-single-yes .rostay-woocommerce-subtitle { display: none; } .elementor-widget-rostay-banner .elementor-cta__content { margin: 0; } .elementor-widget-rostay-banner .elementor-cta__heading2, .elementor-widget-rostay-banner .elementor-cta__title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 48px; font-size: 3rem; line-height: 60px; position: relative; z-index: 1; } .elementor-widget-rostay-banner .elementor-cta__title { margin-bottom: 18px; } .elementor-widget-rostay-banner .elementor-cta__heading2 { margin-bottom: 15px; } .elementor-widget-rostay-banner .elementor-cta__subtitle { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 13px; font-size: 0.8125rem; line-height: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; color: var(--e-global-color-primary); } .elementor-widget-rostay-banner .elementor-cta__description { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; line-height: 20px; text-transform: uppercase; letter-spacing: 0.2px; color: var(--e-global-color-text); margin-bottom: 48px; padding-right: 72px; } .elementor-widget-rostay-banner .elementor-cta__bg-overlay { position: absolute; bottom: 0; width: 100%; height: 100%; pointer-events: none; left: 0; } .elementor-widget-rostay-banner.content-stretch-yes { height: 100%; } .elementor-widget-rostay-banner.content-stretch-yes .elementor-widget-container, .elementor-widget-rostay-banner.content-stretch-yes .elementor-rostay-banner { height: 100%; } .elementor-widget-rostay-banner:hover .elementor-cta__bg-overlay { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .elementor-widget-rostay-banner:hover .elementor-cta__bg { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-rostay-banner:hover .elementor-cta__button-wrapper { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .elementor-widget-rostay-banner.elementor-cta--valign-middle .elementor-cta__content { -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .elementor-widget-rostay-banner.elementor-cta--valign-top .elementor-cta__content { -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .elementor-widget-rostay-banner.elementor-cta--valign-bottom .elementor-cta__content { -ms-flex-line-pack: end; align-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .elementor-cta__button.elementor-button { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 2; padding: 14px 30px; border-radius: 100px; border: 1px solid var(--e-global-color-secondary); background-color: transparent; color: var(--e-global-color-secondary); -ms-transition: all 0.55s ease; -o-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; position: relative; padding: 12px 30px; letter-spacing: 0.4px; } .elementor-cta__button.elementor-button:after, .elementor-cta__button.elementor-button i { margin-left: 8px; font-size: 16px; font-size: 1rem; position: relative; } .elementor-cta__button.elementor-button:hover { color: var(--e-global-color-accent); background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .button-banner-style-rostay-link .elementor-button { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 12px; font-size: 0.75rem; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--e-global-color-secondary); background-color: transparent; line-height: 2; border: 0; border-radius: 0; padding: 0; position: relative; } .button-banner-style-rostay-link .elementor-button:before { content: ""; position: absolute; height: 1px; width: calc(100% - 22px); bottom: 0; left: 0; top: auto; background-color: var(--e-global-color-secondary); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .button-banner-style-rostay-link .elementor-button:after, .button-banner-style-rostay-link .elementor-button i { font-size: 14px; font-size: 0.875rem; position: relative; z-index: 2; margin-left: 6px; } .button-banner-style-rostay-link .elementor-button:hover { color: var(--e-global-color-primary); background-color: transparent; } .button-banner-style-rostay-link .elementor-button:hover:before { width: 100%; background-color: var(--e-global-color-primary); } .elementor-bg-transform-move-down-custom .elementor-bg { height: calc(100% + 30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); -moz-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } .elementor-bg-transform-move-down-custom:hover .elementor-bg { -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .elementor-bg-transform-move-up-custom .elementor-bg { height: calc(100% + 30px); } .elementor-bg-transform-move-up-custom:hover .elementor-bg { -ms-transform: translateY(-30px); -o-transform: translateY(-30px); -moz-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } .elementor-bg-transform-move-left-custom .elementor-bg { width: calc(100% + 30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); -moz-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px); } .elementor-bg-transform-move-left-custom:hover .elementor-bg { -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } .elementor-bg-transform-move-right-custom .elementor-bg { width: calc(100% + 30px); -ms-transform: translateX(0); -o-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .elementor-bg-transform-move-right-custom:hover .elementor-bg { -ms-transform: translateX(-30px); -o-transform: translateX(-30px); -moz-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px); } .elementor-bg-transform-zoom-in:hover .elementor-bg { -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .elementor-bg-transform-zoom-out .elementor-bg { width: calc(100% + 40px); -ms-transform: scale(1.025); -o-transform: scale(1.025); -moz-transform: scale(1.025); -webkit-transform: scale(1.025); transform: scale(1.025); } .elementor-bg-transform-zoom-out:hover .elementor-bg { -ms-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .elementor-cta { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -ms-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; } .elementor-cta--skin-classic .elementor-cta { -ms-flex-wrap: wrap; flex-wrap: wrap; } .elementor-cta--skin-classic .elementor-cta__bg-wrapper { position: relative; min-height: 200px; width: 100%; } .elementor-cta--skin-classic .elementor-cta__content { width: 100%; -ms-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .elementor-cta--skin-cover .elementor-cta { display: block; } .elementor-cta--skin-cover .elementor-cta__bg-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; border-radius: 0; -ms-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } .elementor-cta--skin-cover .elementor-cta__content { min-height: 300px; position: relative; z-index: 3; } .elementor-cta--layout-image-above .elementor-cta { -ms-flex-wrap: wrap; flex-wrap: wrap; } .elementor-cta--layout-image-above .elementor-cta__bg-wrapper { width: 100%; } .elementor-cta--layout-image-left .elementor-cta, .elementor-cta--layout-image-right .elementor-cta { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .elementor-cta--layout-image-left .elementor-cta__bg-wrapper, .elementor-cta--layout-image-right .elementor-cta__bg-wrapper { width: auto; min-width: 50%; } .elementor-cta--layout-image-left .elementor-cta__content, .elementor-cta--layout-image-right .elementor-cta__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .elementor-cta--layout-image-left .elementor-cta { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .elementor-cta--layout-image-right .elementor-cta { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .elementor-cta__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .elementor-cta__bg-wrapper { z-index: 1; overflow: hidden; } .elementor-cta__bg-overlay { z-index: 2; } .elementor-cta__content { z-index: 1; overflow: hidden; padding: 30px; width: 100%; display: flex; } .elementor-cta__content, .elementor-cta__content-item { -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-cta_image_layer { position: absolute; z-index: 1; } .elementor-cta_image_layer img { object-fit: contain; } @media (max-device-width: 1024px) { .elementor-cta { cursor: pointer; } } .background-gradient-yes .elementor-rostay-banner { position: relative; } .background-gradient-yes .elementor-rostay-banner:before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient(360deg, rgba(12, 11, 11, 0) 0%, #0B0909 70.5%); z-index: 2; } .wpcf7-form { margin: 0; } .wpcf7-form .wpcf7-form-control-wrap { width: 100%; display: block; } .wpcf7-form .wpcf7-form-control-wrap input[type=text], .wpcf7-form .wpcf7-form-control-wrap input[type=number], .wpcf7-form .wpcf7-form-control-wrap input[type=email], .wpcf7-form .wpcf7-form-control-wrap input[type=tel], .wpcf7-form .wpcf7-form-control-wrap input[type=url], .wpcf7-form .wpcf7-form-control-wrap input[type=password], .wpcf7-form .wpcf7-form-control-wrap input[type=search], .wpcf7-form .wpcf7-form-control-wrap input[type=date], .wpcf7-form .wpcf7-form-control-wrap input[type=time] { width: 100%; height: 55px; border-radius: 0px; padding: 17px 0; font-size: 14px; font-size: 0.875rem; font-weight: 400; color: #ffffff; border: 0; border-bottom: 2px solid; border-color: rgba(255, 255, 255, 0.24); appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); } .wpcf7-form .wpcf7-form-control-wrap input[type=text]::-webkit-datetime-edit, .wpcf7-form .wpcf7-form-control-wrap input[type=number]::-webkit-datetime-edit, .wpcf7-form .wpcf7-form-control-wrap input[type=email]::-webkit-datetime-edit, .wpcf7-form .wpcf7-form-control-wrap input[type=tel]::-webkit-datetime-edit, .wpcf7-form .wpcf7-form-control-wrap input[type=url]::-webkit-datetime-edit, .wpcf7-form .wpcf7-form-control-wrap input[type=password]::-webkit-datetime-edit, .wpcf7-form .wpcf7-form-control-wrap input[type=search]::-webkit-datetime-edit, .wpcf7-form .wpcf7-form-control-wrap input[type=date]::-webkit-datetime-edit, .wpcf7-form .wpcf7-form-control-wrap input[type=time]::-webkit-datetime-edit { background-color: transparent; } .wpcf7-form .wpcf7-form-control-wrap input[type=text]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=number]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=email]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=tel]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=url]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=password]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=search]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=date]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=time]::placeholder { color: #EAEAEA; font-size: 14px; font-size: 0.875rem; } .wpcf7-form .wpcf7-form-control-wrap input[type=text]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=text]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=number]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=number]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=email]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=email]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=tel]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=tel]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=url]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=url]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=password]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=password]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=search]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=search]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=date]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=date]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=time]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=time]:hover { border-color: var(--e-global-color-primary); } .wpcf7-form .wpcf7-form-control-wrap input[type=date], .wpcf7-form .wpcf7-form-control-wrap input[type=time] { padding: 15px 0; } .wpcf7-form .wpcf7-form-control-wrap textarea { margin: auto; width: 100%; height: 100%; overflow: hidden; border-color: transparent; margin-bottom: 0; text-transform: capitalize; padding: 18px 0 15px; font-size: 14px; font-size: 0.875rem; font-weight: 400; color: #ffffff; background-color: transparent; border: 0; border-bottom: 2px solid; border-color: rgba(255, 255, 255, 0.24); } .wpcf7-form .wpcf7-form-control-wrap textarea::placeholder { color: #EAEAEA; font-size: 14px; font-size: 0.875rem; } .wpcf7-form .wpcf7-form-control-wrap textarea:focus, .wpcf7-form .wpcf7-form-control-wrap textarea:hover { border-color: var(--e-global-color-primary); } .wpcf7-form .wpcf7-form-control-wrap select:not([size]):not([multiple]) { font-size: 14px; font-size: 0.875rem; color: #ffffff; border-radius: 0px; height: 55px; line-height: 1; border-color: transparent; font-weight: 400; border: 0; border-bottom: 2px solid; border-color: rgba(255, 255, 255, 0.24); padding: 10px 0; background-position: 100% calc(50% + 2px); background-size: 30px 9px; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; background-color: rgba(0, 0, 0, 0); } .wpcf7-form .wpcf7-form-control-wrap select:not([size]):not([multiple]) option { color: var(--e-global-color-dark); } .wpcf7-form .wpcf7-button { margin-top: 12px; } .wpcf7-form .wpcf7-button p { margin: 0; } .wpcf7-form .wpcf7-button button, .wpcf7-form .wpcf7-button input[type=button], .wpcf7-form .wpcf7-button input[type=reset], .wpcf7-form .wpcf7-button input[type=submit], .wpcf7-form .wpcf7-button .button { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 2; padding: 14px 30px; border-radius: 100px; border: 1px solid var(--e-global-color-secondary); background-color: transparent; color: var(--e-global-color-secondary); -ms-transition: all 0.55s ease; -o-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; position: relative; padding: 14px 29px; } .wpcf7-form .wpcf7-button button:after, .wpcf7-form .wpcf7-button button i, .wpcf7-form .wpcf7-button input[type=button]:after, .wpcf7-form .wpcf7-button input[type=button] i, .wpcf7-form .wpcf7-button input[type=reset]:after, .wpcf7-form .wpcf7-button input[type=reset] i, .wpcf7-form .wpcf7-button input[type=submit]:after, .wpcf7-form .wpcf7-button input[type=submit] i, .wpcf7-form .wpcf7-button .button:after, .wpcf7-form .wpcf7-button .button i { margin-left: 8px; font-size: 16px; font-size: 1rem; position: relative; } .wpcf7-form .wpcf7-button button:hover, .wpcf7-form .wpcf7-button input[type=button]:hover, .wpcf7-form .wpcf7-button input[type=reset]:hover, .wpcf7-form .wpcf7-button input[type=submit]:hover, .wpcf7-form .wpcf7-button .button:hover { color: var(--e-global-color-accent); background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .wpcf7-form .wpcf7-button button span, .wpcf7-form .wpcf7-button input[type=button] span, .wpcf7-form .wpcf7-button input[type=reset] span, .wpcf7-form .wpcf7-button input[type=submit] span, .wpcf7-form .wpcf7-button .button span { position: sticky; } .wpcf7-form .wpcf7-button button i, .wpcf7-form .wpcf7-button input[type=button] i, .wpcf7-form .wpcf7-button input[type=reset] i, .wpcf7-form .wpcf7-button input[type=submit] i, .wpcf7-form .wpcf7-button .button i { margin-left: 4px; font-size: 16px; font-size: 1rem; } .wpcf7-form .wpcf7-button button.loading, .wpcf7-form .wpcf7-button input[type=button].loading, .wpcf7-form .wpcf7-button input[type=reset].loading, .wpcf7-form .wpcf7-button input[type=submit].loading, .wpcf7-form .wpcf7-button .button.loading { position: relative; } .wpcf7-form .wpcf7-button button.loading::after, .wpcf7-form .wpcf7-button input[type=button].loading::after, .wpcf7-form .wpcf7-button input[type=reset].loading::after, .wpcf7-form .wpcf7-button input[type=submit].loading::after, .wpcf7-form .wpcf7-button .button.loading::after { position: absolute; top: 35%; left: 40%; } .wpcf7-form .wpcf7-button .rostay-btn-content { border-color: var(--e-global-color-border); } .wpcf7-form .wpcf7-button .hover-text { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 20px; font-size: 1.25rem; } .wpcf7-form .form-2 .row p { margin-bottom: 10px; } .wpcf7-form .form-2 textarea { padding: 18px 0 5px; } .wpcf7-form .form-2 .wpcf7-button { margin-top: 19px; } .wpcf7-form .row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .wpcf7-form .row [class*=" column-"], .wpcf7-form .row [class^=column-] { padding: 0 15px; } .wpcf7-form .row p { margin-bottom: 17px; } .wpcf7-form .row .title-placeholder { font-size: 14px; font-size: 0.875rem; font-weight: 500; text-transform: uppercase; margin-bottom: 12px; } .wpcf7-form label { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-dark); font-size: 16px; font-size: 1rem; text-transform: capitalize; } .wpcf7-form .date-style .wpcf7-form-control-wrap { position: relative; } .wpcf7-form .date-style .wpcf7-form-control-wrap:after { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; color: #ffffff; font-size: 9px; font-size: 0.5625rem; } .wpcf7-form .time-style .wpcf7-form-control-wrap { position: relative; } .wpcf7-form .time-style .wpcf7-form-control-wrap:after { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none; color: #ffffff; font-size: 9px; font-size: 0.5625rem; } .wpcf7-form input[type=time]::-webkit-calendar-picker-indicator { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .wpcf7-form input[type=time]::-webkit-clear-button { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .wpcf7-form input[type=date]::-webkit-calendar-picker-indicator { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .wpcf7-form input[type=date]::-webkit-clear-button { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .elementor-widget-rostay-countdown .elementor-rostay-countdown { display: flex; flex-wrap: wrap; justify-content: center; flex-direction: row; } .elementor-widget-rostay-countdown .elementor-countdown-item { text-align: center; display: flex; flex-direction: column; justify-content: center; position: relative; margin: 0 16px; } @media (max-width: 568px) { .elementor-widget-rostay-countdown .elementor-countdown-item { margin: 0 4px; } } .elementor-widget-rostay-countdown .elementor-countdown-item:before { content: ":"; display: inline-block; position: absolute; right: -22px; font-size: 46px; font-size: 2.875rem; line-height: 1; top: 0; color: var(--e-global-color-secondary); } @media (max-width: 568px) { .elementor-widget-rostay-countdown .elementor-countdown-item:before { right: -10px; font-size: 35px; font-size: 2.1875rem; top: 5px; } } .elementor-widget-rostay-countdown .elementor-countdown-item:last-child { margin-right: 0; } .elementor-widget-rostay-countdown .elementor-countdown-item:last-child:before { display: none; } .elementor-widget-rostay-countdown .elementor-countdown-label { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; text-align: center; text-transform: uppercase; font-weight: 600; letter-spacing: 0.3px; color: var(--e-global-color-secondary); } .elementor-widget-rostay-countdown .elementor-countdown-digits { display: flex; align-items: center; justify-content: center; border-radius: 0; padding: 15px; margin-bottom: 0; text-align: center; /* optional */ width: 65px; height: 50px; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 42px; font-size: 2.625rem; line-height: 44px; font-weight: 700; color: var(--e-global-color-secondary); } @media (max-width: 768px) { .elementor-widget-rostay-countdown .elementor-countdown-digits { font-size: 32px; font-size: 2rem; line-height: 40px; } } .elementor-widget-rostay-countdown .countdown-title { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 15px; font-size: 0.9375rem; color: var(--e-global-color-text); margin-right: 15px; } .elementor-widget-rostay-countdown.countdown-style-1 .countdown-inner { display: flex; flex-direction: row; align-items: center; } .elementor-widget-rostay-countdown.countdown-style-2 .elementor-countdown-item:before { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .elementor-widget-rostay-event-list .event-loop-title { font-size: 20px; font-size: 1.25rem; line-height: 24px; font-weight: 500; text-transform: uppercase; margin: 31px 0 18px; } .elementor-widget-rostay-event-list .posted-on { font-size: 13px; font-size: 0.8125rem; line-height: 26px; font-weight: 600; text-transform: uppercase; margin-bottom: 1px; } .elementor-widget-rostay-event-list .event-time { margin-bottom: 15px; } .elementor-widget-rostay-event-list .event-loop-excerpt { color: var(--e-global-color-lighter); } .elementor-widget-rostay-event-list .post-thumbnail { overflow: hidden; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-rostay-event-list .post-thumbnail img { transform: scale(1); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; object-fit: cover; } .elementor-widget-rostay-event-list .post-thumbnail:hover img { transform: scale(1.1); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-rostay-event-list .elementor-event-stylelist .event-block { display: flex; gap: 80px; padding-top: var(--grid-row-gap, 50px); border-top: 1px solid #401F1C; overflow: hidden; } .elementor-widget-rostay-event-list .elementor-event-stylelist .event-top { display: flex; gap: 200px; } .elementor-widget-rostay-event-list .elementor-event-stylelist .event-caption { flex: 1; } .elementor-widget-rostay-event-list .elementor-event-stylelist .event-loop-title { font-size: 54px; font-size: 3.375rem; line-height: 60px; text-transform: uppercase; letter-spacing: 0; margin: 8px 0 17px; } .elementor-widget-rostay-event-list .elementor-event-stylelist .event-loop-title a { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); } .elementor-widget-rostay-event-list .elementor-event-stylelist .event-time { margin-bottom: 27px; } .elementor-widget-rostay-event-list .elementor-event-stylelist .event-index-item { font-size: 64px; font-size: 4rem; font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); line-height: 64px; font-weight: 700; color: var(--e-global-color-lighter); -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; width: 85px; } .elementor-widget-rostay-event-list .elementor-event-stylelist .event-loop-excerpt p { margin: 0; } @media (max-width: 1366px) { .elementor-widget-rostay-event-list .elementor-event-stylelist .event-block { gap: 60px; } .elementor-widget-rostay-event-list .elementor-event-stylelist .event-top { display: flex; gap: 60px; } } @media (max-width: 1024px) { .elementor-widget-rostay-event-list .elementor-event-stylelist .event-block { gap: 30px; } .elementor-widget-rostay-event-list .elementor-event-stylelist .event-top { display: flex; gap: 30px; } } @media (max-width: 568px) { .elementor-widget-rostay-event-list .elementor-event-stylelist .event-block { flex-direction: column; } .elementor-widget-rostay-event-list .elementor-event-stylelist .event-top { flex-direction: column; } .elementor-widget-rostay-event-list .elementor-event-stylelist .event-index-item { text-align: center; width: 100%; } } .event-scroll-sticky-yes .rostay-event.rostay-list-wrapper { position: relative; grid-template-columns: repeat(1, 1fr); } .event-scroll-sticky-yes .rostay-item { position: sticky; top: var(--offset); overflow: hidden; background-color: var(--e-global-color-background-field); } body.event-scroll-sticky { overflow-x: initial; } body.event-scroll-sticky .site { overflow-x: initial; } body.flyout-body-hidden.flyout-menu-outsite-header #masthead { z-index: -1; } .elementor-rostay-flyout-content { position: fixed; left: 0; top: var(--wp-admin--admin-bar--height, 0); width: 100%; height: 100vh; visibility: hidden; z-index: 9; overflow-x: hidden; background: linear-gradient(360deg, rgba(21, 2, 3, 0) 10%, #000509 96%); -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; } .elementor-rostay-flyout-content::-webkit-scrollbar { display: none; } .elementor-rostay-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-rostay-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item a.hfe-menu-item { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-rostay-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item a.hfe-menu-item:focus, .elementor-rostay-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item a.hfe-menu-item:active { color: var(--e-global-color-primary); } .elementor-rostay-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .sub-arrow { font-size: 16px; font-size: 1rem; display: none; } .elementor-rostay-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .sub-menu-open { margin: 3px 0; } .elementor-rostay-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .hfe-menu-toggle { transform: rotate(0deg); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 0; } .elementor-rostay-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .hfe-menu-toggle:hover { border: 0; } .elementor-rostay-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .sub-menu-active a [aria-expanded=true] { color: var(--e-global-color-primary); } .elementor-rostay-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .sub-menu-active a [aria-expanded=true]:before { width: 100%; visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .elementor-rostay-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .sub-menu-active .hfe-menu-item:before { width: 100%; visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .elementor-rostay-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .sub-menu-active .hfe-menu-toggle { transform: rotate(180deg); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-rostay-flyout-content ul.hfe-nav-menu { display: block; } .elementor-rostay-flyout-content ul.hfe-nav-menu li a.hfe-menu-item { display: inline-flex; font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 54px; font-size: 3.375rem; text-transform: uppercase; letter-spacing: 0; line-height: 50px; color: #ffffff; border: none; } @media (max-width: 568px) { .elementor-rostay-flyout-content ul.hfe-nav-menu li a.hfe-menu-item { font-size: 30px; font-size: 1.875rem; line-height: 40px; } } .elementor-rostay-flyout-content ul.hfe-nav-menu li a.hfe-menu-item:hover { color: var(--e-global-color-primary); } .elementor-rostay-flyout-content ul.hfe-nav-menu li ul.sub-menu li a.hfe-sub-menu-item { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; font-weight: 500; line-height: 36px; color: #ffffff; } .elementor-rostay-flyout-content ul.hfe-nav-menu li ul.sub-menu li a.hfe-sub-menu-item:hover, .elementor-rostay-flyout-content ul.hfe-nav-menu li ul.sub-menu li a.hfe-sub-menu-item:focus { color: var(--e-global-color-primary); } .elementor-rostay-flyout-content ul.hfe-nav-menu li ul.sub-menu li a.hfe-sub-menu-item-active { color: var(--e-global-color-primary); } .elementor-rostay-flyout-content ul.hfe-nav-menu li.current_page_item a.hfe-menu-item, .elementor-rostay-flyout-content ul.hfe-nav-menu li.current-menu-ancestor a.hfe-menu-item { color: var(--e-global-color-primary); } .elementor-rostay-flyout-content ul.hfe-nav-menu li.current_page_item a.hfe-menu-item:before, .elementor-rostay-flyout-content ul.hfe-nav-menu li.current-menu-ancestor a.hfe-menu-item:before { width: 100%; visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .elementor-rostay-flyout-content.flyout-open { visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); animation: qode-fade-in 0.25s ease-in-out both; } .hover-vertical-menu-yes .hfe-nav-menu__layout-horizontal ul.hfe-nav-menu { flex-direction: column; } .hover-vertical-menu-yes .hfe-nav-menu__layout-horizontal ul.hfe-nav-menu li:hover ul.sub-menu { position: relative !important; transform: translateY(0); padding: 0; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .hover-vertical-menu-yes .hfe-nav-menu__layout-horizontal .menu-item ul.sub-menu { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-header-flyout-action { z-index: 10; position: relative; } .elementor-header-flyout-action .icon { display: inline-block; padding: 20px; line-height: 1; } .elementor-header-flyout-action .elementor-flyout-close-icon { display: none; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .elementor-header-flyout-action.flyout-action-close .elementor-flyout-close-icon { display: block; } .elementor-header-flyout-action.flyout-action-close .elementor-flyout-open-icon { display: none; } .elementor-rostay-flyout-content .elementor-widget-text-editor { word-wrap: initial; } .elementor-flyout-dynamic-icon .icon { display: inline-flex; align-items: center; justify-content: center; padding: 13px; } .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner { width: 17px; height: 10px; display: inline-block; position: relative; } .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner > span { display: inline-block; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; top: 0; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner > span.dynamic-icon-down { width: 50%; top: 50%; } .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner > span.dynamic-icon-bottom { top: auto; bottom: -1px; } .elementor-flyout-dynamic-icon .icon:hover .dynamic-icon-inner > span { width: 100%; background-color: #fff; } .flyout-action-close .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner > span { width: 100%; transform: translate(-50%, -50%) rotate(43deg); left: 50%; top: 50%; } .flyout-action-close .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner > span.dynamic-icon-down { transform: translate(-50%, -50%) rotate(-43deg); } .flyout-action-close .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner > span.dynamic-icon-bottom { display: none; } @keyframes qode-fade-inout { 0% { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); visibility: hidden; } 100% { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; } } @keyframes qode-fade-out { 0% { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; } 100% { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); visibility: hidden; } } .hfe-layout-vertical .menu-item-has-children .sub-menu { transform: scaleY(0); transform-origin: top; -ms-transition: transform 0.3s ease-out, opacity 0.3s ease-out; -o-transition: transform 0.3s ease-out, opacity 0.3s ease-out; -moz-transition: transform 0.3s ease-out, opacity 0.3s ease-out; -webkit-transition: transform 0.3s ease-out, opacity 0.3s ease-out; transition: transform 0.3s ease-out, opacity 0.3s ease-out; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .hfe-layout-vertical .sub-menu-active + .sub-menu-open { transform: scaleY(1); opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .elementor-header-group-wrapper .header-group-action { display: flex; align-items: center; justify-content: flex-end; padding-right: 0; } .elementor-header-group-wrapper .header-group-action > div { margin-right: 23px; text-align: center; } .elementor-header-group-wrapper .header-group-action > div:first-child { margin-left: 0; } .elementor-header-group-wrapper .header-group-action > div:last-child { margin-right: 0; } .elementor-header-group-wrapper .header-group-action > div > a { display: flex; align-items: center; justify-content: center; } .elementor-header-group-wrapper .header-group-action > div > a i { color: var(--e-global-color-text); } .elementor-header-group-wrapper .header-group-action > div .header-wishlist { margin-bottom: -2px; } .elementor-header-group-wrapper .header-group-action > div:hover > a i { color: var(--e-global-color-primary); } .elementor-header-group-wrapper .header-group-action .site-header-account, .elementor-header-group-wrapper .header-group-action .site-header-wishlist, .elementor-header-group-wrapper .header-group-action .site-header-search, .elementor-header-group-wrapper .header-group-action .site-header-button { display: none; } @media (min-width: 1025px) { .elementor-header-group-wrapper .header-group-action .site-header-account, .elementor-header-group-wrapper .header-group-action .site-header-wishlist, .elementor-header-group-wrapper .header-group-action .site-header-search, .elementor-header-group-wrapper .header-group-action .site-header-button { display: block; } } .elementor-header-group-wrapper .site-header-account a .account-content { display: none; } .elementor-header-group-wrapper .site-header-account .account-dropdown.active { pointer-events: auto; visibility: visible; z-index: 9999; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .elementor-widget-rostay-heading .elementor-heading-wrapper-inner { display: flex; flex-direction: column; } .elementor-widget-rostay-heading .elementor-heading-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 54px; font-size: 3.375rem; color: var(--e-global-color-secondary); } .elementor-widget-rostay-heading .elementor-sub-title { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 13px; font-size: 0.8125rem; line-height: 1.3846153846; letter-spacing: 2px; display: block; color: var(--e-global-color-primary); } .elementor-widget-rostay-heading.elementor-align-left .elementor-heading-title { justify-content: flex-start; } .elementor-widget-rostay-heading.elementor-align-center .elementor-heading-title { justify-content: center; } .elementor-widget-rostay-heading.elementor-align-right .elementor-heading-title { justify-content: flex-end; } .elementor-widget-rostay-heading.elementor-align-justify .elementor-heading-title { justify-content: space-between; } .subtitle-position-below .elementor-sub-title { margin-top: 15px; } .subtitle-position-above .elementor-sub-title { margin-bottom: 15px; order: -1; } .elementor-widget-heading .elementor-heading-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); color: var(--e-global-color-secondary); } .title-hover-decoration-yes .elementor-heading-title:hover { text-decoration: underline; } .title-hover-decoration-yes .elementor-heading-title a:hover { text-decoration: underline; } .elementor-widget-rostay-image-carousel a { display: flex; flex-direction: row; } .elementor-widget-rostay-image-carousel a img { width: auto; height: 410px; object-fit: cover; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-rostay-image-carousel a .title { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 34px; font-size: 2.125rem; color: var(--e-global-color-secondary); } .elementor-widget-rostay-image-gallery .grid__item { height: 100%; } .elementor-widget-rostay-image-gallery .grid__item a { height: 100%; display: block; position: relative; overflow: hidden; } .elementor-widget-rostay-image-gallery .grid__item a:before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .elementor-widget-rostay-image-gallery .grid__item a img { display: block; height: 100%; width: 100%; } .elementor-widget-rostay-image-gallery .grid__item a:hover:before { -webkit-animation: circle 0.75s; animation: circle 0.75s; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @-webkit-keyframes circle { 0% { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } 40% { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } 100% { width: 200%; height: 200%; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } } @keyframes circle { 0% { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } 40% { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } 100% { width: 200%; height: 200%; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } } .rostay-image-gallery-masonry { --gallery-height: 490px; } .rostay-image-gallery-masonry .elementor-grid { grid-template-columns: repeat(4, 1fr); } @media (min-width: 1024px) { .rostay-image-gallery-masonry .elementor-grid .elementor-rostay-item-image-gallery { height: var(--gallery-height); } .rostay-image-gallery-masonry .elementor-grid .elementor-rostay-item-image-gallery:nth-child(10n+3) { grid-column: 3/5; grid-row: 2 span/3 span; height: calc(var(--gallery-height) * 2 + var(--grid-row-gap)); } .rostay-image-gallery-masonry .elementor-grid .elementor-rostay-item-image-gallery:nth-child(10n+4) { grid-column: 1/3; } .rostay-image-gallery-masonry .elementor-grid .elementor-rostay-item-image-gallery:nth-child(10n+5) { grid-column: 1/3; grid-row: 2 span/3 span; height: calc(var(--gallery-height) * 2 + var(--grid-row-gap)); } .rostay-image-gallery-masonry .elementor-grid .elementor-rostay-item-image-gallery:nth-child(10n+8) { grid-column: 3/5; grid-row: 2 span/3 span; height: calc(var(--gallery-height) * 2 + var(--grid-row-gap)); } } .rostay-image-gallery-masonry .elementor-grid .grid__item img { object-fit: cover; } @media (max-width: 1023px) { .rostay-image-gallery-masonry .elementor-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .rostay-image-gallery-masonry .elementor-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 567px) { .rostay-image-gallery-masonry .elementor-grid { grid-template-columns: repeat(1, 1fr); } } .rostay-elementor-gallery-loadmore { text-align: center; margin-top: 60px; } @media (max-width: 1023px) { .rostay-elementor-gallery-loadmore { margin-top: 30px; } } .rostay-elementor-gallery-loadmore .loadmore-btn { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 2; padding: 14px 30px; border-radius: 100px; border: 1px solid var(--e-global-color-secondary); background-color: transparent; color: var(--e-global-color-secondary); -ms-transition: all 0.55s ease; -o-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; position: relative; padding: 18px 30px; display: inline-flex; } .rostay-elementor-gallery-loadmore .loadmore-btn:after, .rostay-elementor-gallery-loadmore .loadmore-btn i { margin-left: 8px; font-size: 16px; font-size: 1rem; position: relative; } .rostay-elementor-gallery-loadmore .loadmore-btn:hover { color: var(--e-global-color-accent); background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .rostay-elementor-gallery-loadmore .loadmore-btn .elementor-button-icon { display: inline-flex; } .rostay-elementor-gallery-loadmore .loadmore-btn.loading:before { animation: fa-spin 0.75s linear infinite; height: 100%; width: 100%; line-height: 16px; font-size: 16px; font-size: 1rem; display: flex; align-items: center; justify-content: center; transform: translate(0); background-color: transparent; margin-right: 0; position: absolute; top: 0; left: 0; } .rostay-image-hotspots-container { overflow: hidden; position: relative; } .rostay-addons-image-hotspots-ib-img { display: block; } .rostay-image-hotspots-main-icons-tooltips-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .elementor-widget-rostay-image-hotspots .elementor-widget-container { display: flex; flex-wrap: wrap; } .elementor-widget-rostay-image-hotspots .elementor-accordion .elementor-tab-title { font-size: 12px; font-size: 0.75rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); text-transform: uppercase; padding: 30px 30px 30px 0; position: relative; } .elementor-widget-rostay-image-hotspots .elementor-accordion .elementor-tab-title:before { position: absolute; top: calc(50% - 11px); right: 0; border-width: 2px; border-color: #f8f8f8; border-style: solid; border-radius: 50%; width: 22px; height: 22px; display: flex; justify-content: center; align-items: center; font-size: 9px; padding-left: 1px; padding-bottom: 2px; color: #000; } .elementor-widget-rostay-image-hotspots .elementor-accordion .elementor-tab-title.elementor-active { color: var(--e-global-color-primary); } .elementor-widget-rostay-image-hotspots .elementor-accordion .elementor-tab-content { border-top: 0; padding: 0 0 40px 0; } .elementor-widget-rostay-image-hotspots .elementor-accordion .elementor-accordion-item { border-left: 0; border-right: 0; } .elementor-widget-rostay-image-hotspots .elementor-accordion .elementor-accordion-item:first-child { border-top: 0; } .elementor-widget-rostay-image-hotspots .scrollbar-inner > .scroll-element .scroll-bar { background-color: var(--e-global-color-primary); opacity: 1; } .hidden-radar-yes .rostay-image-hotspots-icon:after { display: none; } .rostay-image-hotspots-main-icons { cursor: pointer; display: block; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 99; } .rostay-image-hotspots-main-icons .rostay-image-hotspots-icon { position: relative; cursor: pointer; display: block; text-align: center; border-radius: 50%; height: 40px; width: 40px; line-height: 40px; font-style: normal; outline-offset: 2px; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .rostay-image-hotspots-main-icons .rostay-image-hotspots-icon:after { box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4); border-radius: 200%; content: ""; position: absolute; z-index: -1; transform: scale(1); pointer-events: none; animation: lexus-scale 2s infinite; top: -2px; right: -2px; bottom: -2px; left: -2px; } .rostay-image-hotspots-main-icons .rostay-image-hotspots-icon:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 40px; display: block; font-size: 24px; font-size: 1.5rem; color: #fff; } .rostay-image-hotspots-main-icons .rostay-image-hotspots-image-icon { width: 20px; height: 20px; } .rostay-image-hotspots-main-icons .rostay-image-hotspots-text { cursor: pointer; display: block; text-align: center; border-radius: 0; margin: 0; padding: 0 10px 0 10px; border-color: black; } .rostay-image-hotspots-main-icons.actived .rostay-image-hotspots-icon { background-color: var(--e-global-color-secondary); } .rostay-image-hotspots-tooltips-wrapper { display: none; position: absolute; z-index: 9999; } .tooltipster-sidetip { z-index: 9999; } .tooltipster-sidetip .rostay-image-hotspots-tooltips-text { padding: 10px; } .tooltipster-box { background: transparent; border-radius: 20px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.18); } .tooltipster-box h4 { font-size: 15px; font-size: 0.9375rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); margin: 10px 0; } .tooltipster-box .tooltipster-content { background: #fff; max-width: 250px; border-radius: 10px; } .tooltipster-box .tooltipster-content .price { font-size: 18px; font-size: 1.125rem; } .tooltipster-box .tooltipster-content .price ins, .tooltipster-box .tooltipster-content .price del { font-size: 18px; font-size: 1.125rem; margin-right: 5px; } @keyframes lexus-scale { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.3); opacity: 0; } } .tooltipster-base.tooltipster-top .tooltipster-arrow-background { border-top-color: #fff; } .tooltipster-base.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #fff; } .tooltipster-base.tooltipster-right .tooltipster-arrow-background { border-right-color: #fff; } .tooltipster-base.tooltipster-left .tooltipster-arrow-background { border-left-color: #fff; } .image-hotspots-type-slider .elementor-widget-container { align-items: center; } .image-hotspots-type-slider .rostay-image-hotspots-container { flex: 1; order: 2; } @media (max-width: 768px) { .image-hotspots-type-slider .rostay-image-hotspots-container { flex: 0 0 100%; } } .image-hotspots-type-slider .elementor-image-hotspots-slider-wrapper { width: 50%; margin-right: 30px; order: 1; } .image-hotspots-type-slider .rostay-image-hotspots-tooltips-wrapper { display: block; position: relative; z-index: initial; } .image-hotspots-type-slider .rostay-addons-image-hotspots-ib-img { width: 100%; } .elementor-canvas-info-wrapper { display: flex; } .elementor-canvas-info-wrapper .rostay-info-button { display: inline-flex; align-items: center; } .elementor-canvas-info-wrapper .rostay-info-button:hover .screen-reader-text { color: var(--e-global-color-primary); } .rostay-canvas-info { background-color: #0A3840; --e-global-info-width: 480px; display: flex; flex-direction: column; justify-content: space-between; position: fixed; width: var(--e-global-info-width); top: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; transition: transform 0.25s ease; -webkit-transform: translate3d(var(--e-global-info-width), 0, 0); transform: translate3d(var(--e-global-info-width), 0, 0); } .rostay-canvas-info-right { right: 0; left: unset; -webkit-transform: translate3d(var(--e-global-info-width), 0, 0); transform: translate3d(var(--e-global-info-width), 0, 0); } .rostay-canvas-info-left { right: unset; left: 0; -webkit-transform: translate3d(calc(var(--e-global-info-width) / -1), 0, 0); transform: translate3d(calc(var(--e-global-info-width) / -1), 0, 0); } .info-canvas-active .rostay-canvas-info { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .admin-bar .rostay-canvas-info { top: 46px; } @media (min-width: 783px) { .admin-bar .rostay-canvas-info { top: 32px; } } @media (min-width: 601px) and (max-width: 782px) { .admin-bar .rostay-canvas-info { top: 46px; } } .rostay-canvas-info-close { font-size: 24px; font-size: 1.5rem; float: right; clear: both; position: absolute; line-height: 1; top: 38px; right: 34px; padding: 0; width: 20px; height: 20px; text-align: center; z-index: 999; color: var(--e-global-color-text); } .rostay-canvas-info-close:hover, .rostay-canvas-info-close:focus { color: var(--e-global-color-primary); } .rostay-info-overlay { position: fixed; width: 100vw; height: 100vh; top: 0; bottom: 0; left: 0; z-index: 997; background-color: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: opacity 0.25s ease, visibility 0s ease; -o-transition: opacity 0.25s ease, visibility 0s ease; -moz-transition: opacity 0.25s ease, visibility 0s ease; -webkit-transition: opacity 0.25s ease, visibility 0s ease; transition: opacity 0.25s ease, visibility 0s ease; } .info-canvas-active .rostay-info-overlay { visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .rostay-language-switcher ul { list-style-type: none; margin: 0; padding: 0; font-size: 12px; font-size: 0.75rem; } .rostay-language-switcher span { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; font-weight: var(--e-global-typography-text-font-weight); text-transform: uppercase; color: var(--e-global-color-text); } .rostay-language-switcher .language-switcher-head .title { margin-right: 8px; } .rostay-language-switcher .language-switcher-head img { margin-right: 8px; } .rostay-language-switcher a { display: block; } .rostay-language-switcher img { display: inline-block; margin-right: 5px; height: 12px; object-fit: cover; } .rostay-language-switcher .item > div { display: flex; cursor: pointer; align-items: center; } .rostay-language-switcher .item > div i { font-size: 14px; font-size: 0.875rem; font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-secondary); } .rostay-language-switcher .sub-item { display: none; position: absolute; left: 0; z-index: 999; text-align: left; top: calc(100% + 5px); padding: 10px 0; background-color: #fff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05); } .rostay-language-switcher .sub-item:before { position: absolute; content: ""; display: block; width: 100%; height: 10px; top: -10px; } .rostay-language-switcher .sub-item a { display: flex; align-items: center; padding: 7px 15px; min-width: 126px; white-space: nowrap; } .rostay-language-switcher .sub-item a:hover, .rostay-language-switcher .sub-item a:focus { background-color: rgba(0, 0, 0, 0.05); } .rostay-language-switcher .sub-item a > span { text-transform: unset; } .rostay-language-switcher li.item { position: relative; } .rostay-language-switcher li.item:hover .sub-item { display: block; } .language-switcher-style-hover-right-yes .rostay-language-switcher .sub-item { right: 0; left: unset; } .elementor-link-showcase-wrapper { position: relative; } .elementor-link-showcase-inner { display: flex; flex-wrap: wrap; margin: 0 -15px; flex-direction: column; } @media (min-width: 768px) { .elementor-link-showcase-inner { flex-direction: unset; } } .link-showcase-item { flex: 100%; max-width: 100%; padding: 0 15px; position: relative; height: auto; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 768px) { .link-showcase-item { flex: 0 0 50%; max-width: 50%; } } .link-showcase-contnet-inner { position: relative; height: 400px; } @media (min-width: 768px) { .link-showcase-contnet-inner { height: 100%; } } .elementor-link-showcase-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; } .elementor-link-showcase-content img { position: relative; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; opacity: 0; transition: opacity 0s; will-change: transform; } @media (max-width: 768px) { .elementor-link-showcase-content img { height: auto; } } .elementor-link-showcase-content.elementor-prev img { opacity: 1; z-index: 2; transition: opacity 0.43s cubic-bezier(0.215, 0.61, 0.355, 1); animation: link-showcase-active-image 0.86s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.32s; } .elementor-link-showcase-content.elementor-active img { opacity: 1; z-index: 10; transition: opacity 0.43s cubic-bezier(0.215, 0.61, 0.355, 1); animation: link-showcase-active-image 0.86s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } .elementor-link-showcase-title { margin: 10px 0; display: block; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 96px; font-size: 6rem; line-height: 100px; } @media (max-width: 1024px) { .elementor-link-showcase-title { font-size: 96px; font-size: 6rem; } } @media (max-width: 768px) { .elementor-link-showcase-title { font-size: 40px; font-size: 2.5rem; line-height: 60px; } } @media (max-width: 568px) { .elementor-link-showcase-title { font-size: 32px; font-size: 2rem; line-height: 50px; } } .elementor-link-showcase-title a:not(:hover) { color: inherit; } .link-showcase-block-style-2 .link-showcase-item { flex: 0 0 100%; max-width: 100%; text-align: center; justify-content: flex-start; } .link-showcase-block-style-2 .link-showcase-item .elementor-link-showcase-title { position: relative; margin-left: auto; margin-right: auto; width: max-content; z-index: 10; } .link-showcase-block-style-2 .link-showcase-item .elementor-link-showcase-title .showcase-number a { position: absolute; font-size: 18px; font-size: 1.125rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-weight: 500; color: var(--e-global-color-secondary); opacity: 0; } .link-showcase-block-style-2 .link-showcase-item .elementor-link-showcase-title:hover .showcase-number a { opacity: 1; } .link-showcase-block-style-2 .link-showcase-item.link-showcase-contnet-wrapper { z-index: 0; position: static; } .link-showcase-block-style-2 .link-showcase-item.link-showcase-contnet-wrapper .link-showcase-contnet-inner { position: static; } .link-showcase-block-style-2 .link-showcase-item.link-showcase-contnet-wrapper .link-showcase-contnet-inner .elementor-link-showcase-content img { animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; opacity: 0; display: none; position: absolute; width: auto; height: auto; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .link-showcase-block-style-2 .link-showcase-item.link-showcase-contnet-wrapper .link-showcase-contnet-inner .elementor-link-showcase-content img:nth-of-type(2) { animation-duration: 0.5s; -webkit-animation-duration: 0.5s; } .link-showcase-block-style-2 .link-showcase-item.link-showcase-contnet-wrapper .link-showcase-contnet-inner .elementor-link-showcase-content.elementor-active img { display: block; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; } @keyframes link-showcase-active-image { 0% { transform: scale(0.95); clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); } 50% { transform: scale(0.95); clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); } 100% { transform: scale(1); clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); } } /* Animation */ @keyframes fadeInUp { from { transform: translate3d(0, 50%, 0); } to { transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes fadeInUp { from { transform: translate3d(0, 50%, 0); } to { transform: translate3d(0, 0, 0); opacity: 1; } } .elementor-widget-rostay-mailchmip .form-style .mc4wp-form { margin: 0; } .elementor-widget-rostay-mailchmip .form-style .mc4wp-form .mc4wp-form-fields { margin: 0; } .elementor-widget-rostay-mailchmip .form-style .mc4wp-form .form-input { display: inline-block; margin-bottom: 0; border: 0; width: 100%; } .elementor-widget-rostay-mailchmip .form-style .mc4wp-form .form-input input[type=email] { padding: 14px 30px 14px 0; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; width: 100%; color: var(--e-global-color-text); border: 0; border-bottom: 2px solid rgba(255, 255, 255, 0.24); background-color: transparent; } .elementor-widget-rostay-mailchmip .form-style .mc4wp-form .form-input input[type=email]::placeholder { color: var(--e-global-color-text); } .elementor-widget-rostay-mailchmip .form-style .mc4wp-form .form-email { position: relative; display: flex; } .elementor-widget-rostay-mailchmip .form-style .mc4wp-form .form-email:before { content: ""; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; opacity: 0; visibility: hidden; background-color: var(--e-global-color-primary); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-rostay-mailchmip .form-style .mc4wp-form .form-email:hover:before { width: 100%; opacity: 1; visibility: visible; } .elementor-widget-rostay-mailchmip .form-style .mc4wp-form .form-button { display: inline-block; font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 2; padding: 14px 30px; border-radius: 100px; border: 1px solid var(--e-global-color-secondary); background-color: transparent; color: var(--e-global-color-secondary); -ms-transition: all 0.55s ease; -o-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; position: relative; padding: 10px 30px; color: var(--e-global-color-text); margin-top: 30px; } .elementor-widget-rostay-mailchmip .form-style .mc4wp-form .form-button:after, .elementor-widget-rostay-mailchmip .form-style .mc4wp-form .form-button i { margin-left: 8px; font-size: 16px; font-size: 1rem; position: relative; } .elementor-widget-rostay-mailchmip .form-style .mc4wp-form .form-button:hover { color: var(--e-global-color-accent); background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .elementor-widget-rostay-mailchmip .form-style .mc4wp-form .form-button span { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-weight: 600; letter-spacing: 1.1px; } .elementor-widget-rostay-mailchmip .form-style .mc4wp-form .form-button i { font-size: 15px; font-size: 0.9375rem; margin: 0 0 2px 5px; } .elementor-widget-rostay-mailchmip .mc4wp-response p { color: var(--e-global-color-primary); } .elementor-canvas-menu-wrapper { display: flex; } .elementor-canvas-menu-wrapper .menu-mobile-nav-button { display: inline-flex; align-items: center; } .elementor-canvas-menu-wrapper .menu-mobile-nav-button .screen-reader-text { position: unset !important; word-wrap: unset !important; margin: 0; height: unset; width: unset; clip: unset; overflow: unset; clip-path: unset; order: 1; font-size: 14px; text-transform: uppercase; color: var(--e-global-color-secondary); } .elementor-canvas-menu-wrapper .menu-mobile-nav-button:hover .screen-reader-text { color: var(--e-global-color-primary); } .rostay-canvas-menu-layout-1.elementor-widget-rostay-menu-canvas .rostay-icon { margin-right: 13px; } .rostay-canvas-menu-layout-2.elementor-widget-rostay-menu-canvas .elementor-canvas-menu-wrapper .menu-mobile-nav-button .screen-reader-text { display: none; } .rostay-canvas-menu-layout-2.elementor-widget-rostay-menu-canvas .elementor-canvas-menu-wrapper .menu-mobile-nav-button .rostay-icon { margin-right: 0; } .elementor-widget-rostay-menu-category .elementor-menu-category-item { text-align: center; } .elementor-widget-rostay-menu-category .elementor-menu-category-item:last-child .elementor-menu-category-inner { border-bottom: 0; } .elementor-widget-rostay-menu-category .elementor-menu-category-inner { padding: 26px 0 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; display: block; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } .elementor-widget-rostay-menu-category .elementor-menu-category-inner:hover, .elementor-widget-rostay-menu-category .elementor-menu-category-inner.actived { background-color: rgba(255, 255, 255, 0.03); } .elementor-widget-rostay-menu-category .elementor-menu-category-inner:hover .menu-category-title, .elementor-widget-rostay-menu-category .elementor-menu-category-inner.actived .menu-category-title { color: var(--e-global-color-primary); } .elementor-widget-rostay-menu-category .elementor-menu-category-inner:hover .menu-category-subtitle, .elementor-widget-rostay-menu-category .elementor-menu-category-inner.actived .menu-category-subtitle { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); padding-bottom: 33px; transform: translateY(0); } .elementor-widget-rostay-menu-category .elementor-menu-category-inner:hover .menu-category-images-box, .elementor-widget-rostay-menu-category .elementor-menu-category-inner.actived .menu-category-images-box { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; } .elementor-widget-rostay-menu-category .elementor-menu-category-inner:hover .menu-category-images-box .menu-category-image, .elementor-widget-rostay-menu-category .elementor-menu-category-inner.actived .menu-category-images-box .menu-category-image { -ms-animation-name: slidetop; -o-animation-name: slidetop; -moz-animation-name: slidetop; -webkit-animation-name: slidetop; animation-name: slidetop; } @media (max-width: 568px) { .elementor-widget-rostay-menu-category .elementor-menu-category-inner:hover .menu-category-subtitle, .elementor-widget-rostay-menu-category .elementor-menu-category-inner.actived .menu-category-subtitle { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); padding-bottom: 0; transform: translateY(0); } } @media (max-width: 568px) { .elementor-widget-rostay-menu-category .elementor-menu-category-inner .menu-category-subtitle { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); padding-bottom: 0; transform: translateY(0); } } .elementor-widget-rostay-menu-category .menu-category-images-box { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: all 0.8s ease; } .elementor-widget-rostay-menu-category .menu-category-images-box .menu-category-image { animation-duration: 0.8s; animation-fill-mode: both; -webkit-animation-duration: 0.8s; -webkit-animation-fill-mode: both; transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .elementor-widget-rostay-menu-category .menu-category-image { position: absolute; width: 200px; height: 200px; border-radius: 50%; object-fit: cover; left: 0; top: 50%; transform: translateY(-50%); } .elementor-widget-rostay-menu-category .menu-category-title { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 50px; font-size: 3.125rem; line-height: 1; margin: 0; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-rostay-menu-category .menu-category-subtitle { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; line-height: 18px; font-weight: 500; padding-top: 19px; transform: translateY(-100%); opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @-webkit-keyframes slidetop { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @-moz-keyframes slidetop { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @-ms-keyframes slidetop { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @keyframes slidetop { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .elementor-widget-rostay-menu-list .elementor-menu-list-item-wrapper .elementor-menu-list-title { font-size: 20px; font-size: 1.25rem; font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); line-height: 24px; text-transform: uppercase; font-weight: 500; color: var(--e-global-color-secondary); letter-spacing: 0; } .elementor-widget-rostay-menu-list .elementor-menu-list-item-wrapper .elementor-menu-list-title a { color: var(--e-global-color-secondary); } .elementor-widget-rostay-menu-list .elementor-menu-list-item-wrapper .elementor-menu-list-title a:hover { color: var(--e-global-color-primary); } .elementor-widget-rostay-menu-list .elementor-menu-list-item-wrapper .elementor-menu-list-description { font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); line-height: 20px; font-weight: 500; color: var(--e-global-color-text); } .elementor-widget-rostay-menu-list .elementor-menu-list-item-wrapper .elementor-menu-list-image img { width: 100%; object-fit: cover; margin: 0 auto; } .elementor-widget-rostay-menu-list .elementor-menu-list-item-wrapper .elementor-menu-list-price { font-size: 18px; font-size: 1.125rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); line-height: 24px; letter-spacing: 0; font-weight: 600; color: var(--e-global-color-primary); } .elementor-widget-rostay-menu-list .elementor-menu-list-item-wrapper .elementor-menu-list-sub-title { font-size: 14px; font-size: 0.875rem; line-height: 22px; font-weight: var(--e-global-typography-text-font-weight); color: var(--e-global-color-primary); margin-bottom: 10px; } .elementor-widget-rostay-menu-list .elementor-menu-list-item { display: flex; align-items: center; } .elementor-widget-rostay-menu-list .elementor-menu-list-image { width: 90px; margin-right: 13px; } .elementor-widget-rostay-menu-list .elementor-menu-list-image img { width: 100%; object-fit: cover; } .elementor-widget-rostay-menu-list .elementor-menu-list-text { flex: 1; } .elementor-widget-rostay-menu-list .elementor-menu-list-header { display: flex; align-items: center; flex-basis: 100%; margin-bottom: 11px; justify-content: space-between; } .elementor-widget-rostay-menu-list .elementor-menu-list-title { max-width: 80%; } .elementor-widget-rostay-menu-list .elementor-menu-list-separator { flex-grow: 1; margin-left: 10px; margin-right: 10px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: var(--e-global-color-border); height: 15px; } .menulist-image-overlay .elementor-menu-list-item-wrapper .elementor-menu-list-image { position: absolute; margin: 0; top: -30px; z-index: 9; visibility: hidden; opacity: 0; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .menulist-image-overlay .elementor-menu-list-item-wrapper .elementor-menu-list-image img { width: 100%; height: 100%; object-fit: cover; box-shadow: 0 1px 18px rgba(0, 0, 0, 0.07); border-radius: 50px 50px 0 0; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .menulist-image-overlay .elementor-menu-list-item-wrapper .elementor-menu-list-item { position: relative; } .menulist-image-overlay .elementor-menu-list-item-wrapper .elementor-menu-list-item:hover .elementor-menu-list-image { opacity: 1; visibility: visible; } .menulist-image-overlay.menulist-image-show-default .elementor-menu-list-image { right: 35%; } .menulist-image-overlay.menulist-image-show-hover .elementor-menu-list-image { right: 15%; } .menulist-image-overlay.menulist-image-show-hover .elementor-menu-list-item:hover .elementor-menu-list-image { right: 40%; } .elementor-widget-rostay-nav-menu.rostay-nav-menu-divider-yes .main-navigation ul.menu > li.menu-item > a:before { content: ""; position: absolute; display: inline-block; height: 10px; width: 1px; right: -2px; top: 50%; transform: translateY(-50%); background-color: var(--e-global-color-border); } .elementor-widget-rostay-nav-menu.rostay-nav-menu-divider-yes .main-navigation ul.menu > li.menu-item:last-child > a:before { content: none; } .elementor-widget-bocpak-nav-menu.bocpak-nav-menu-divider-yes .main-navigation ul.menu > li.menu-item .menu-title:before { display: block; } .elementor-widget-rostay-post-grid .slick-list { overflow: visible; clip-path: inset(-30px -14px); } .elementor-widget-rostay-post-grid .slick-slide:not(.slick-active) .post-inner { box-shadow: unset; } .elementor-widget-rostay-post-grid .elementor-posts-item { height: auto; } .elementor-widget-rostay-post-grid .post-inner .post-author { position: relative; } .elementor-widget-rostay-post-grid .post-inner .meta-reply a:not(:hover) { color: var(--e-global-color-lighter); } .elementor-widget-rostay-post-grid .post-inner .entry-title { margin-bottom: 28px; } [class*=post-style-].column-item { margin-bottom: 30px; } [class*=post-style-] .post-thumbnail { overflow: hidden; } [class*=post-style-] .entry-meta-bottom .posted-on { border-left: 0; } .layout-post-style-2 .post-style-2 .post-inner { height: 590px; } @media (max-width: 1200px) { .layout-post-style-2 .post-style-2 .post-inner { height: 500px; } } @media (max-width: 1024px) { .layout-post-style-2 .post-style-2 .post-inner { height: auto; } } .layout-post-style-2 .post-style-2 .post-inner:hover .post-thumbnail img { transform: scale(1.05); } .layout-post-style-2 .post-style-2 .post-thumbnail { margin: 0; position: relative; } .layout-post-style-2 .post-style-2 .post-thumbnail:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 80%; background: linear-gradient(360deg, #000000 9.74%, rgba(0, 0, 0, 0) 97.69%); -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); z-index: 1; } .layout-post-style-2 .post-style-2 .post-thumbnail img { aspect-ratio: 1.6153846154; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .layout-post-style-2 .post-style-2 .post-thumbnail img:hover img { transform: scale(1.05); } .layout-post-style-2 .post-style-2 .post-content { padding: 22px 30px 0 0; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 3; overflow: hidden; } .layout-post-style-2 .post-style-2 .entry-title { font-size: 20px; font-size: 1.25rem; line-height: 1.2; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transform: translateY(0px); margin-bottom: 21px; } .layout-post-style-2 .post-style-2 .entry-meta-top { transform: translateY(0); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .layout-post-style-2 .post-style-2 .more-link-wrap { -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .layout-post-style-2 .post-style-2 .excerpt-content { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transform: translateY(0); } .layout-post-style-2 .swiper-slide-next .post-style-2 .post-inner:hover .post-thumbnail img { transform: scale(1); } .layout-post-style-2 .swiper-slide-next .post-style-2 .post-thumbnail { position: relative; height: 100%; display: block; } .layout-post-style-2 .swiper-slide-next .post-style-2 .post-thumbnail:before { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .layout-post-style-2 .swiper-slide-next .post-style-2 .post-thumbnail img { transform: translateY(0); aspect-ratio: 0.7118644068; } .layout-post-style-2 .swiper-slide-next .post-style-2 .post-content { position: absolute; bottom: 50px; left: 40px; height: auto; top: auto; } .layout-post-style-2 .swiper-slide-next .post-style-2 .entry-title { transform: translateY(84px); } .layout-post-style-2 .swiper-slide-next .post-style-2 .entry-meta-top { transform: translateY(83px); } .layout-post-style-2 .swiper-slide-next .post-style-2 .entry-meta-top .posted-on a { color: var(--e-global-color-secondary); } .layout-post-style-2 .swiper-slide-next .post-style-2 .entry-meta-top .meta-reply a { color: var(--e-global-color-secondary); } .layout-post-style-2 .swiper-slide-next .post-style-2 .entry-meta-top .meta-reply a:hover { color: var(--e-global-color-primary); } .layout-post-style-2 .swiper-slide-next .post-style-2 .more-link-wrap { margin: 0; } .layout-post-style-2 .swiper-slide-next .post-style-2 .excerpt-content { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); transform: translateY(72px); } @media (max-width: 1024px) { .layout-post-style-2 .swiper-slide-next .post-style-2 .post-thumbnail { height: auto; } .layout-post-style-2 .swiper-slide-next .post-style-2 .post-content { position: relative; top: 0; left: 0; } .layout-post-style-2 .swiper-slide-next .post-style-2 .post-thumbnail:before { display: none; } .layout-post-style-2 .swiper-slide-next .post-style-2 .post-thumbnail img { aspect-ratio: 1.6153846154; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .layout-post-style-2 .swiper-slide-next .post-style-2 .post-thumbnail img:hover img { transform: scale(1.05); } .layout-post-style-2 .swiper-slide-next .post-style-2 .excerpt-content { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); transform: translateY(0); } .layout-post-style-2 .swiper-slide-next .post-style-2 .entry-title { transform: translateY(0); } .layout-post-style-2 .swiper-slide-next .post-style-2 .entry-meta-top { transform: translateY(0); } .layout-post-style-2 .swiper-slide-next .post-style-2 .entry-meta-top .posted-on a, .layout-post-style-2 .swiper-slide-next .post-style-2 .entry-meta-top .meta-reply a { color: var(--e-global-color-lighter); } } .elementor-widget-rostay-pricing { height: 100%; } .elementor-widget-rostay-pricing .elementor-price-table { text-align: center; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__integer-part, .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__currency { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 90px; font-size: 5.625rem; line-height: 86px; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__footer .elementor-button-content-wrapper { justify-content: left; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 2; padding: 14px 30px; border-radius: 100px; border: 1px solid var(--e-global-color-secondary); background-color: transparent; color: var(--e-global-color-secondary); -ms-transition: all 0.55s ease; -o-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; position: relative; padding: 16px 16px 14px 30px; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button:after, .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button i { margin-left: 8px; font-size: 16px; font-size: 1rem; position: relative; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button:hover { color: var(--e-global-color-accent); background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button .elementor-button-content-wrapper { justify-content: space-between; width: 100%; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button .elementor-button-icon { display: inline-flex; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__header { padding: 0 0 27px; border-bottom: 1px solid var(--e-global-color-border); } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__subheading { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 1.5; color: var(--e-global-color-lighter); } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__heading { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 34px; font-size: 2.125rem; line-height: 1.0588235294; margin-bottom: 4px; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__price { display: -webkit-box; display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; flex-direction: row; margin: 26px 0 0; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__price .elementor-typo-excluded { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 24px; font-size: 1.5rem; line-height: 26px; margin: 0 0 6px 10px; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__after-price { display: -webkit-box; display: flex; flex-wrap: wrap; text-align: left; align-self: stretch; align-items: flex-end; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__features-list { list-style-type: none; color: var(--e-price-table-features-list-color); padding: 17px 0 28px 0; margin: 0; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__features-list .feature_not_included span { text-decoration: line-through; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__features-list li { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 30px; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__features-list i { font-size: 24px; font-size: 1.5rem; margin: 0 1px 0 -8px; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__features-list svg { margin-right: 10px; fill: var(--e-price-table-features-list-color); height: 1.3em; width: 1.3em; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-price-table__features-list svg ~ * { vertical-align: text-top; } .elementor-widget-rostay-pricing .elementor-price-table .elementor-widget-price-table .elementor-widget-container { overflow: hidden; background-color: #f7f7f7; } .elementor-widget-rostay-pricing .elementor-price-table h4.price-table__features_title { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 24px; font-weight: 600; margin: 29px 0 0 0; } .elementor-widget-rostay-pricing.rostay-pricing-layout-1 .elementor-price-table { text-align: center; padding: 50px 50px 52px; } .elementor-widget-rostay-pricing.rostay-pricing-layout-2 .elementor-price-table { height: 100%; text-align: center; padding: 50px 50px 32px; } .elementor-widget-rostay-pricing.rostay-pricing-layout-2 .elementor-price-table .elementor-price-table__price .elementor-price-table__integer-part, .elementor-widget-rostay-pricing.rostay-pricing-layout-2 .elementor-price-table .elementor-price-table__price .elementor-price-table__currency { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 34px; font-size: 2.125rem; line-height: 36px; } .elementor-widget-rostay-pricing.rostay-pricing-layout-2 .elementor-price-table .elementor-price-table__price { margin: 18px 0 12px; } .elementor-widget-rostay-pricing.rostay-pricing-layout-2 .elementor-price-table .elementor-price-table__header { padding: 0 0 11px; } .elementor-widget-rostay-pricing.rostay-pricing-layout-2 .elementor-price-table .elementor-price-table__features-list { padding: 9px 0 0 0; } .elementor-widget-rostay-pricing.rostay-pricing-layout-2 .elementor-price-table .elementor-price-table__features-list .elementor-price-table__feature-inner { display: flex; } .elementor-widget-rostay-pricing.rostay-pricing-layout-2 .elementor-price-table .elementor-price-table__features-list li { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 24px; margin-bottom: 24px; } .elementor-widget-rostay-pricing.rostay-pricing-layout-2 .elementor-price-table .elementor-price-table__features-list li:last-child { margin-bottom: 0; } .elementor-widget-rostay-pricing.rostay-pricing-layout-2 .elementor-price-table .elementor-price-table__features-list i { font-size: 24px; font-size: 1.5rem; margin: 0 4px 0 -8px; } .elementor-widget-rostay-pricing.rostay-pricing-layout-2 .elementor-price-table h4.price-table__features_title { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 32px; font-weight: 600; margin: 19px 0 0 0; } .line-effect-yes .elementor-price-table { position: relative; } .line-effect-yes .elementor-price-table:before { content: ""; position: absolute; height: 0; width: 10px; transform: rotate(180deg); top: 10px; right: -10px; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .line-effect-yes .elementor-price-table:after { content: ""; position: absolute; height: 10px; width: 0; right: 0; bottom: -10px; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .line-effect-yes .elementor-price-table:hover:before { height: 100%; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .line-effect-yes .elementor-price-table:hover:after { width: calc(100% - 10px); opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .title-gradient-1-yes .elementor-price-table__heading { width: max-content; } .title-gradient-2-yes .elementor-price-table__heading { width: max-content; } .elementor-rostay-process-wrapper .rostay-top-process { display: flex; border-radius: 0; overflow: hidden; flex: none; } .elementor-rostay-process-wrapper .rostay-top-process:hover .image { transform: scale(1.05); } .elementor-rostay-process-wrapper .rostay-process-image .image { width: 100%; height: 100%; object-fit: cover; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-rostay-process-wrapper .process-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 24px; font-size: 1.5rem; line-height: 32px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-bottom: 16px; } .elementor-rostay-process-wrapper .content { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .elementor-rostay-process-wrapper .content p { margin: 0; } .elementor-rostay-process-wrapper .rostay-inner-process { -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; height: 100%; } .elementor-rostay-process-wrapper .elementor-process-item { height: auto; } .elementor-process-layout-1 .rostay-top-process { position: relative; } .elementor-process-layout-1 .rostay-top-process:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; background-color: var(--e-global-color-dark); opacity: 0.2; -ms-opacity: 0.2; -o-opacity: 0.2; -moz-opacity: 0.2; -webkit-opacity: 0.2; filter: alpha(opacity=20); z-index: 1; } .elementor-process-layout-1 .rostay-top-process .rostay-index-process { position: absolute; display: flex; align-items: center; justify-content: center; bottom: 30px; left: 30px; z-index: 1; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-process-layout-1 .rostay-top-process .rostay-index-process .number-index { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 48px; font-size: 3rem; line-height: 56px; color: #fff; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-process-layout-1 .rostay-top-process:hover .number-index { -webkit-text-fill-color: #fff; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-process-layout-1 .rostay-process-image { width: 100%; } .elementor-process-layout-1 .process-content-wap { margin-top: 30px; } .elementor-process-layout-2 .elementor-process-item { position: relative; border-style: solid; border-width: 0 0 1px 0; border-color: rgba(255, 255, 255, 0.1); padding-bottom: var(--grid-row-gap, 40px); } .elementor-process-layout-2 .elementor-process-item:last-child { border-color: transparent; border-width: 0; padding-bottom: 0; } .elementor-process-layout-2 .rostay-inner-process { display: flex; gap: 30px; } .elementor-process-layout-2 .rostay-inner-process:hover .rostay-process-image .number-index { -webkit-text-fill-color: var(--e-global-color-primary); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-process-layout-2 .rostay-process-image .image { aspect-ratio: 1; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 104px; } .elementor-process-layout-2 .rostay-index-process { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; right: 0; z-index: 1; } .elementor-process-layout-2 .rostay-index-process .number-index { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 48px; font-size: 3rem; line-height: 56px; color: var(--e-global-color-primary); -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; } .elementor-process-layout-2 .content { -webkit-line-clamp: 2; } .elementor-process-layout-2 .content p { margin: 0; } .elementor-process-layout-2 .process-subtitle { margin-bottom: 20px; } @media (max-width: 568px) { .elementor-process-layout-2 .rostay-inner-process { flex-direction: column; } .elementor-process-layout-2 .rostay-top-process { justify-content: center; } .elementor-process-layout-2 .process-inner-content-wap { text-align: center; } .elementor-process-layout-2 .image { border-radius: 20px; } .elementor-process-layout-2 .rostay-index-process { display: none; } } .elementor-widget-rostay-product-categories .category-product-img { margin-bottom: 0; display: inline-flex; width: 100%; align-items: center; justify-content: center; } .elementor-widget-rostay-product-categories .category-product-img img { margin-left: 0; margin-right: 0; object-fit: cover; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-rostay-product-categories .category-product-img a { overflow: hidden; } .elementor-widget-rostay-product-categories .category-title { position: relative; font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 14px; font-size: 0.875rem; line-height: 1.428571; letter-spacing: 0.01em; color: var(--e-global-color-secondary); margin: 20px 0 7px; } .elementor-widget-rostay-product-categories .category-title a { color: inherit; } .elementor-widget-rostay-product-categories .category-title a:hover { color: var(--e-global-color-primary); } .elementor-widget-rostay-product-categories .category-sub { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 14px; letter-spacing: 2px; text-transform: uppercase; color: var(--e-global-color-lighter); } .elementor-widget-rostay-product-categories .category-count-wrapper { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-lighter); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-rostay-product-categories .category-count-text { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-lighter); } .elementor-widget-rostay-product-categories .elementor-categories-item { overflow: hidden; transition: clip-path 0.6s cubic-bezier(0.17, 0.67, 0.83, 0.67), filter 0.5s ease; --Media_ClipPath: inset(0 round 0 0 25vw 25vw); } .elementor-widget-rostay-product-categories .elementor-categories-item:nth-child(2n+1) { --Media_ClipPath: inset(0 round 25vw 25vw 0 0); transition: clip-path 1.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), filter 0.5s ease; } .elementor-widget-rostay-product-categories .elementor-categories-item:hover { --Media_ClipPath: inset(0 round 25vw); transition: clip-path 1.2s cubic-bezier(0.17, 0.67, 0.83, 0.67), filter 0.5s ease; } .elementor-widget-rostay-product-categories .elementor-categories-item .product-cat { cursor: pointer; } .elementor-widget-rostay-product-categories .elementor-categories-item .product-cat a.more-link .button-text { margin-right: 10px; } .elementor-widget-rostay-product-categories .category-product-content-inner { display: none; } .category-product-style-1 .product-cat:hover .category-product-img img { -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .category-product-style-1 .category-product-img { display: block; overflow: hidden; position: relative; } .category-product-style-1 .category-product-img:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 466px; content: ""; background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.34; z-index: 3; } .category-product-style-1 .category-product-img i, .category-product-style-1 .category-product-img svg { z-index: 9; position: absolute; width: 80px; height: 80px; } .category-product-style-1 .category-product-img .category-product-link { display: flex; align-items: center; justify-content: center; padding: 0; height: 100%; } .category-product-style-1 .category-product-img img { object-fit: cover; object-position: top; display: inline-block; width: 100%; height: 100%; z-index: 2; } .category-product-style-1 .product-cat { position: relative; } .category-product-style-1 .category-product-caption { position: absolute; bottom: 0; z-index: 9; padding: 30px 30px 43px 47px; width: 100%; } .category-product-style-2 .product-cat:hover .category-product-img img { -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .category-product-style-2 .category-product-img { display: block; overflow: hidden; position: relative; } .category-product-style-2 .category-product-img i, .category-product-style-2 .category-product-img svg { z-index: 9; position: absolute; width: 80px; height: 80px; } .category-product-style-2 .category-product-img .category-product-link { display: flex; align-items: center; justify-content: center; padding: 0; height: 100%; } .category-product-style-2 .category-product-img img { object-fit: cover; object-position: top; display: inline-block; width: 100%; height: 100%; z-index: 2; } .category-product-style-2 .category-product-top-info { display: flex; align-items: center; } .category-product-style-2 .category-count-text { display: none; } .category-product-style-3 .elementor-categories-item { width: max-content !important; } .category-product-style-3 .product-cat { display: flex; align-items: center; position: relative; overflow: hidden; width: var(--slider-item-width); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .category-product-style-3 .category-count-text { display: none; } .category-product-style-3 .category-title { margin: 0; } .category-product-style-3 .category-product-link { white-space: nowrap; } .category-product-style-3 .category-product-top-info { display: flex; align-items: center; } .category-product-style-3 .category-product-img { display: block; border-radius: 0; } .category-product-style-3 .category-product-caption img { -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .category-product-style-4 .elementor-grid { grid-column-gap: 0; grid-row-gap: 0; } .category-product-style-4 .category-product-caption.actived .category-product-link { color: #ffffff; } .category-product-style-4 .category-product-caption.actived .category-product-link i, .category-product-style-4 .category-product-caption.actived .category-product-link svg { opacity: 1; visibility: visible; transform: rotate(-45deg); } .category-product-style-4 .elementor-category-image-list { display: flex; flex-wrap: nowrap; overflow: hidden; } .category-product-style-4 .elementor-category-image-list .category-product-img { flex: 0 0 100%; position: relative; } .category-product-style-4 .elementor-category-image-list .category-product-img.showing { transform: translateX(-100%); z-index: 2; } .category-product-style-4 .elementor-category-image-list .category-product-img.show { z-index: 3; } .category-product-style-4 .category-product-link { -webkit-text-stroke: 2px #ffffff; color: transparent; } .category-product-style-4 .category-product-link i, .category-product-style-4 .category-product-link svg { transform: rotate(-45deg); margin-left: -6px; margin-top: -10px; opacity: 0; visibility: hidden; -webkit-text-stroke: unset; color: #ffffff; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .category-product-style-4 .category-product-link:hover { color: #ffffff; } .category-product-style-4 .category-product-link:hover i, .category-product-style-4 .category-product-link:hover svg { opacity: 1; visibility: visible; } .category-product-style-4 .rostay-con { position: relative; } .category-product-style-4 .rostay-con .rostay-con-inner { position: absolute; z-index: 9; } @keyframes spin { 100% { transform: rotateZ(360deg); } } @keyframes nospin { 100% { transform: rotateZ(0deg); } } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } ul.product_list_recently { display: flex; list-style: none; margin-left: -15px; margin-right: -15px; flex-wrap: wrap; margin-bottom: 0; } ul.product_list_recently li { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } ul.product_list_recently li a { transition: all ease 0.3s; display: block; } ul.product_list_recently li a img { width: 80px; height: 86px; object-fit: cover; } p.recently-notice { margin-bottom: 30px; } .elementor-html .site-content-contain { z-index: 100; } .elementor-html .product-image.no-gallery { display: none !important; } .woocommerce-carousel { position: relative; } .woocommerce-carousel ul.products { display: none; position: static !important; } .woocommerce-carousel ul.products.slick-initialized { display: block; } .woocommerce-carousel ul.products li.product { margin-bottom: 0 !important; margin-top: 0 !important; } .woocommerce-carousel .rostay-products-spacing { margin-bottom: 0 !important; margin-top: 0 !important; } .woocommerce-carousel .slick-slide > div { display: flex; height: 100%; } .woocommerce-carousel .slick-next.slick-disabled, .woocommerce-carousel .slick-prev.slick-disabled { opacity: 0.8; cursor: not-allowed; } @media (min-width: 500px) and (max-width: 768px) { .mobile-switcher-style-product-yes.elementor-widget-rostay-products ul.products li.product { flex: 0 0 50% !important; max-width: 50% !important; } } @media (min-width: 500px) and (max-width: 768px) { .mobile-switcher-style-product-yes.elementor-widget-rostay-products .woocommerce-carousel ul.products li.product { flex: 0 0 100% !important; max-width: 100% !important; } } .elementor-widget-rostay-products .rostay-products-spacing { padding: 0; border: none; border-radius: 0; } .elementor-widget-rostay-products.elementor-product-list-by-url ul.products-list.elementor-grid { grid-template-columns: repeat(1, 1fr); } .elementor-widget-rostay-products .product-block-list { display: flex; height: 100%; } .elementor-widget-rostay-products .product-block-list .right { flex: 1; } .elementor-widget-rostay-products .product-block-list .left { margin-right: 20px; } .elementor-widget-rostay-products .product-block-list .count-review { justify-content: left; } .elementor-widget-rostay-products .label-wrapper > span.onsale { background-color: var(--e-global-color-primary); } .elementor-widget-rostay-products .woocommerce-product-list-1 .left { max-width: 138px; margin-right: 20px; position: relative; } .elementor-widget-rostay-products .woocommerce-product-list-1 .left img { object-fit: cover; border-radius: 5px; } .elementor-widget-rostay-products .woocommerce-product-list-1 .product-block-list { padding-bottom: 10px; } .elementor-widget-rostay-products .woocommerce-product-list-1 li.product .label-wrapper { top: 0; left: 0; } .elementor-widget-rostay-products .woocommerce-product-list-1 li.product .woocommerce-loop-product__title { margin-bottom: 6px; font-family: var(--e-global-typography-accent-font-family); font-weight: 700; font-size: 16px; font-size: 1rem; color: var(--e-global-color-text); } .elementor-widget-rostay-products .woocommerce-product-list-1 li.product .short-description { font-family: var(--e-global-typography-text-font-family); color: var(--e-global-color-lighter); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .elementor-widget-rostay-products .woocommerce-product-list-1 li.product .count-review { display: none; } .elementor-widget-rostay-products .woocommerce-product-list-1 li.product .inventory_status { display: none; } .elementor-widget-rostay-products .woocommerce-product-list-2 .left { max-width: 100px; margin-right: 18px; position: relative; } .elementor-widget-rostay-products .woocommerce-product-list-2 li.product { margin-bottom: 0; } .elementor-widget-rostay-products .woocommerce-product-list-2 li.product:not(:last-child) { margin-bottom: 22px; } .elementor-widget-rostay-products .woocommerce-product-list-2 li.product:not(:last-child) .product-block-list { padding-bottom: 18px; border-bottom: 1px solid var(--e-global-color-border); } .elementor-widget-rostay-products .woocommerce-product-list-2 li.product .label-wrapper { top: 0; left: 0; } .elementor-widget-rostay-products .woocommerce-product-list-2 li.product .count-review { margin-bottom: 15px; } .elementor-widget-rostay-products .woocommerce-product-list-2 li.product .price { margin-bottom: 5px; } .enable-effects-yes:before { content: ""; display: block; width: 400px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 63.02%); transform: rotate(180deg); height: 100%; position: absolute; z-index: 99; top: 0; left: -25px; } .enable-effects-yes:after { content: ""; display: block; width: 400px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 63.02%); height: 100%; position: absolute; z-index: 99; top: 0; right: -25px; } @media (max-width: 1024px) { .enable-effects-yes:before { width: 260px; } .enable-effects-yes:after { width: 260px; } } @media (max-width: 768px) { .enable-effects-yes:before { width: 0px; } .enable-effects-yes:after { width: 0px; } } .elementor-widget-progress .elementor-widget-container .elementor-content { display: flex; justify-content: space-between; } .elementor-widget-progress .elementor-widget-container .elementor-progress-percentage { padding: 0; } .elementor-widget-progress .elementor-widget-container .elementor-progress-wrapper { height: 3px; } .elementor-widget-progress .elementor-title { display: block; font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 20px; font-size: 1.25rem; line-height: 1.2; letter-spacing: -0.01em; margin-bottom: 13px; } .elementor-widget-progress .elementor-progress-bar { height: 3px; } .elementor-widget-rostay-reservation-form .rostay-reservation-form .row .column-item { padding: 0 15px; } .elementor-widget-rostay-reservation-form .rostay-reservation-form .row .column-item:first-child { padding-left: 15px; } .elementor-widget-rostay-reservation-form .rostay-reservation-form .row .column-item:last-child { padding-right: 15px; } @media (max-width: 768px) { .elementor-widget-rostay-reservation-form .rostay-reservation-form .row { display: grid; } .elementor-widget-rostay-reservation-form .rostay-reservation-form .row .column-item { padding: 0 15px; max-width: 100%; margin-bottom: 20px; } } .elementor-widget-rostay-reservation-form .rostay-reservation-form .row .button-table { display: flex; width: 100%; justify-content: center; margin-top: 44px; } .elementor-widget-rostay-reservation-form .rostay-reservation-form .row .select-item { position: relative; display: flex; height: 40px; } .elementor-widget-rostay-reservation-form .rostay-reservation-form .row .select-item:before { content: ""; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; opacity: 0; visibility: hidden; background-color: var(--e-global-color-primary); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-rostay-reservation-form .rostay-reservation-form .row .select-item:hover:before { width: 100%; opacity: 1; visibility: visible; } .elementor-widget-rostay-reservation-form .rostay-reservation-form .opentable-form { margin-bottom: 0; } .elementor-widget-rostay-reservation-form .rostay-reservation-form input[type=date]::-webkit-inner-spin-button, .elementor-widget-rostay-reservation-form .rostay-reservation-form input[type=date]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; } .elementor-widget-rostay-reservation-form .rostay-reservation-form select, .elementor-widget-rostay-reservation-form .rostay-reservation-form input[type=date], .elementor-widget-rostay-reservation-form .rostay-reservation-form .rostay-datepicker { width: 100%; height: 100%; border: none; padding: 0 0 14px; border-bottom: 2px solid rgba(255, 255, 255, 0.24); background-color: transparent; } .elementor-widget-rostay-reservation-form .rostay-reservation-form select:not([size]):not([multiple]) { font-size: 14px; font-size: 0.875rem; line-height: 24px; background-position: calc(100% - 3px) calc(100% - 20px); } .elementor-widget-rostay-reservation-form .rostay-reservation-form .rostay-datepicker { padding: 2px 0 17px; border-radius: 0px; } .elementor-widget-rostay-reservation-form .rostay-reservation-form input[type=date] { line-height: 1.9; } .elementor-widget-rostay-reservation-form .rostay-reservation-form .btn-reservation { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 2; padding: 14px 30px; border-radius: 100px; border: 1px solid var(--e-global-color-secondary); background-color: transparent; color: var(--e-global-color-secondary); -ms-transition: all 0.55s ease; -o-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; position: relative; letter-spacing: 1.3px; padding: 17px 27px; } .elementor-widget-rostay-reservation-form .rostay-reservation-form .btn-reservation:after, .elementor-widget-rostay-reservation-form .rostay-reservation-form .btn-reservation i { margin-left: 8px; font-size: 16px; font-size: 1rem; position: relative; } .elementor-widget-rostay-reservation-form .rostay-reservation-form .btn-reservation:hover { color: var(--e-global-color-accent); background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .elementor-widget-rostay-reservation-form .rostay-reservation-form .btn-reservation i { font-size: 16px; font-size: 1rem; margin-left: 3px; } .reservation-form-layout-2 .row { display: grid; } .reservation-form-layout-2 .row .column-item { padding: 0 15px; max-width: 100%; margin-bottom: 20px; } .reservation-form-layout-2 .row .button-table { display: flex; width: 100%; justify-content: center; margin-top: 30px; } .elementor-widget-rostay-search { z-index: 99; } .elementor-widget-rostay-search .widget { padding: 0; margin-bottom: 0; border: none; } .elementor-widget-rostay-search .widget form:before { display: none; } .elementor-widget-rostay-search .widget form .search-field { border: 1px solid var(--e-global-color-border); padding: 7px 15px 7px 45px; background-color: transparent; height: 44px; } .elementor-widget-rostay-search .widget form .search-field::placeholder { color: var(--e-global-color-lighter); font-size: 14px; font-size: 0.875rem; font-weight: 500; } .elementor-widget-rostay-search .widget form .search-field:hover { border-color: var(--e-global-color-primary); } .elementor-widget-rostay-search .widget form .search-field:focus { border-color: var(--e-global-color-primary); } .elementor-widget-rostay-search .widget form button[type=submit] { font-size: 0; line-height: 0; width: 47px; height: 44px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 3; border: none; padding: 0; } .elementor-widget-rostay-search .widget form button[type=submit]:after { color: var(--e-global-color-secondary); font-size: 14px; font-size: 0.875rem; z-index: 9; } .elementor-widget-rostay-search .widget form button[type=submit]:before { display: none; } .elementor-widget-rostay-search .widget form button[type=submit]:hover:after { color: var(--e-global-color-primary); } .elementor-widget-rostay-search .site-header-search { display: block; } .elementor-widget-rostay-search .site-header-search .button-search-popup { text-align: center; } .elementor-widget-rostay-search .site-header-search .button-search-popup .rostay-icon-search { margin-bottom: 5px; } .elementor-widget-rostay-search .site-header-search .button-search-popup .content { font-size: 14px; font-size: 0.875rem; line-height: 14px; font-weight: 500; display: block; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-dark); } .elementor-widget-rostay-search .site-header-search .button-search-popup:hover { color: var(--e-global-color-secondary); } .elementor-widget-rostay-search .site-header-search .button-search-popup:hover .rostay-icon-search2 { color: var(--e-global-color-secondary); } .elementor-widget-rostay-search .site-header-search .button-search-popup.layout-2 .site-header-search .rostay-icon-search { margin-bottom: 5px; font-size: 19px; font-size: 1.1875rem; } .elementor-widget-rostay-search .site-header-search .button-search-popup.layout-2 .rostay-icon-search { display: block; margin-bottom: 5px; font-size: 19px; font-size: 1.1875rem; } .elementor-widget-rostay-search .site-header-search .button-search-popup.layout-3 { display: flex; text-align: start; align-items: center; } .elementor-widget-rostay-search .site-header-search .button-search-popup.layout-3 .rostay-icon-search-o { margin-bottom: 0; font-size: 19px; font-size: 1.1875rem; margin-right: 10px; } .elementor-widget-rostay-search .site-header-search .button-search-popup.layout-3 .content { font-size: 14px; font-size: 0.875rem; line-height: 14px; font-weight: 500; } .elementor-widget-rostay-search .site-header-search .button-search-popup:hover .rostay-icon-search { color: var(--e-global-color-primary); } @media screen and (max-width: 767px) { .elementor-widget-rostay-search .site-header-search .button-search-popup .content { display: none; } } .left-counter .elementor-counter { display: inline-block; text-align-last: left; } .elementor-widget-rostay-slide-scrolling { overflow: hidden; } .elementor-widget-rostay-slide-scrolling .elementor-scrolling-item { display: flex; align-items: flex-start; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } .elementor-widget-rostay-slide-scrolling .elementor-scrolling-item .elementor-scrolling-image { position: relative; transition: all ease 0.3s; } .elementor-widget-rostay-slide-scrolling .elementor-scrolling-item .elementor-scrolling-image .elementor-animation-image { position: relative; } .elementor-widget-rostay-slide-scrolling .elementor-scrolling-item .elementor-scrolling-image .elementor-animation-image .elementor-animation-main { transform: rotateX(0deg) translateY(0); transition: all ease 0.3s; } .elementor-widget-rostay-slide-scrolling .elementor-scrolling-item .elementor-scrolling-image .elementor-animation-image .elementor-animation-hover { position: absolute; top: 50%; left: 0; width: 100%; height: 100%; transition: all ease 0.3s; transform: rotateX(-90deg) translateY(30px); opacity: 0; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; } .elementor-widget-rostay-slide-scrolling .elementor-scrolling-item .scrolling-title, .elementor-widget-rostay-slide-scrolling .elementor-scrolling-item .scrolling-title a { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 160px; font-size: 10rem; font-style: italic; line-height: 1; } .elementor-widget-rostay-slide-scrolling .elementor-scrolling-item .scrolling-title { position: relative; } .elementor-widget-rostay-slide-scrolling .elementor-scrolling-item .scrolling-title:before { position: absolute; content: ""; width: 20px; height: 20px; margin-right: -10px; border-radius: 0; top: 45%; background-color: var(--e-global-color-dark); } .elementor-widget-rostay-slide-scrolling .elementor-scrolling-inner { display: inline-flex; position: relative; } .elementor-widget-rostay-slide-scrolling .elementor-scrolling-inner img { max-width: unset; border-radius: 0px; } .elementor-widget-rostay-slide-scrolling .elementor-scrolling-inner.cloned { position: absolute; top: 17px; bottom: 0; left: 0; } .elementor-widget-rostay-slide-scrolling .elementor-scrolling-item-inner { display: inline-flex; flex-direction: column; } .elementor-tabs-target-wrapper { display: flex; flex-flow: var(--tabs-target-flex-flow); justify-content: var(--tabs-target-justify-content); align-items: var(--tabs-target-align-items); gap: var(--tabs-target-gap, 10px); flex-wrap: wrap; -ms-overflow-style: none; scrollbar-width: none; position: relative; } .elementor-tabs-target-wrapper .elementor-tabs-target-item a.elementor-button { background-color: transparent; color: var(--e-global-color-secondary); position: relative; } .elementor-tabs-target-wrapper .elementor-tabs-target-item a.elementor-button:after { content: ""; display: inline-block; height: 100%; margin: 0; opacity: 0; position: absolute; bottom: 0; top: 0; width: 0; z-index: 0; border-radius: 100px; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-tabs-target-wrapper .elementor-tabs-target-item:nth-child(n+2) a:after { right: 100%; } .elementor-tabs-target-wrapper .elementor-tabs-target-item:first-child a:after { left: 100%; } .elementor-tabs-target-wrapper .elementor-tabs-target-item.actived a.elementor-button { color: #fff; } .elementor-tabs-target-wrapper .elementor-tabs-target-item.actived a.elementor-button:after { width: 100%; opacity: 1; background-color: var(--e-global-color-primary); } .elementor-tabs-target-wrapper .elementor-tabs-target-item.actived:nth-child(n+2) a:after { right: 0; } .elementor-tabs-target-wrapper .elementor-tabs-target-item.actived:first-child a:after { left: 0; } .elementor-widget-rostay-team-box .team-image { position: relative; border-radius: 0; overflow: hidden; justify-content: center; } .elementor-widget-rostay-team-box .team-image img { width: 100%; object-fit: cover; border-radius: 0; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-rostay-team-box .team-image:hover img { transform: scale(1.05); } .elementor-widget-rostay-team-box ul { display: flex; align-items: center; justify-content: center; margin: 0; list-style: none; } .elementor-widget-rostay-team-box ul li { position: relative; line-height: 1; margin-right: 10px; text-align: center; } .elementor-widget-rostay-team-box ul li:last-child { margin-right: 0; } .elementor-widget-rostay-team-box ul li:last-child:after { display: none; } .elementor-widget-rostay-team-box ul a { position: relative; color: #fff; width: 32px; height: 32px; text-align: center; line-height: 32px; border: 1px solid #ffffff; font-size: 16px; font-size: 1rem; border-radius: 50%; display: flex; align-content: center; justify-content: center; align-items: center; background-color: transparent; } .elementor-widget-rostay-team-box ul a:hover { background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); color: #fff; } .elementor-widget-rostay-team-box .elementor-teams-wrapper .team-image { position: relative; border-radius: 0; overflow: hidden; } .elementor-widget-rostay-team-box .elementor-teams-wrapper .team-image .image-content { position: relative; overflow: hidden; } .elementor-widget-rostay-team-box .elementor-teams-wrapper .team-image .image-content:after { content: ""; position: absolute; width: 100%; height: 50%; bottom: 0; left: 0; background: linear-gradient(360deg, #170604 0%, rgba(23, 5, 5, 0) 100%); opacity: 0; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-rostay-team-box .elementor-teams-wrapper .team-image:hover .team-icon-socials { opacity: 1; visibility: visible; transform: translateY(0); z-index: 3; } .elementor-widget-rostay-team-box .elementor-teams-wrapper .team-image:hover .image-content:before { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; -ms-transform: translateX(0); -o-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .elementor-widget-rostay-team-box .elementor-teams-wrapper .team-image:hover .image-content:after { opacity: 0.46; -ms-opacity: 0.46; -o-opacity: 0.46; -moz-opacity: 0.46; -webkit-opacity: 0.46; filter: alpha(opacity=46); } .elementor-widget-rostay-team-box .elementor-teams-wrapper .team-caption { margin: 0; z-index: 3; overflow: hidden; width: 100%; padding: 30px 30px 0; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-rostay-team-box .elementor-teams-wrapper .team-name { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 24px; font-size: 1.5rem; font-weight: 500; color: var(--e-global-color-dark); line-height: 24px; letter-spacing: 0; padding-bottom: 13px; } .elementor-widget-rostay-team-box .elementor-teams-wrapper .team-job { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 13px; font-size: 0.8125rem; color: var(--e-global-color-primary); letter-spacing: 2px; line-height: 18px; padding-bottom: 19px; } .elementor-widget-rostay-team-box .elementor-teams-wrapper .team-description { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 15px; font-size: 0.9375rem; color: var(--e-global-color-lighter); line-height: 24px; } .elementor-widget-rostay-team-box .elementor-teams-wrapper .team-icon-socials { left: 0; bottom: 30px; transform: translateY(-30px); opacity: 0; visibility: hidden; position: absolute; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; justify-items: center; width: 100%; } .elementor-testimonial-item-wrapper .elementor-testimonial-item, .elementor-testimonial-item-wrapper .swiper-slide { display: flex; } .elementor-testimonial-item-wrapper .inner { height: 100%; position: relative; display: flex; flex-direction: column; flex-grow: 1; } .elementor-testimonial-item-wrapper .icon { display: block; margin-bottom: 20px; } .elementor-testimonial-item-wrapper .icon i { font-size: 48px; font-size: 3rem; color: var(--e-global-color-primary); } .elementor-testimonial-item-wrapper .icon svg { fill: var(--e-global-color-primary); } .elementor-testimonial-item-wrapper .elementor-testimonial-rating { color: var(--e-global-color-primary); font-size: 18px; font-size: 1.125rem; line-height: 1; margin: 0 0 25px 0; } .elementor-testimonial-item-wrapper .elementor-testimonial-rating i { margin-right: 3px; color: #F2B52F; } .elementor-testimonial-item-wrapper .testimonial-content-text { z-index: 1; margin-bottom: auto; position: relative; } .elementor-testimonial-item-wrapper .content { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 24px; font-size: 1.5rem; line-height: 36px; font-weight: 500; letter-spacing: 0; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 40px; color: var(--e-global-color-secondary); } .elementor-testimonial-item-wrapper .title { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 20px; font-size: 1.25rem; line-height: 1.1; margin-bottom: 10px; color: var(--e-global-color-primary); } .elementor-testimonial-item-wrapper .testimonial-caption { display: flex; flex-direction: row; align-items: center; } .elementor-testimonial-item-wrapper .name { display: block; font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 18px; font-size: 1.125rem; letter-spacing: 0; font-weight: 500; } .elementor-testimonial-item-wrapper .job { display: block; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; font-weight: 500; text-transform: capitalize; color: var(--e-global-color-lighter); } .elementor-testimonial-item-wrapper .elementor-testimonial-image { line-height: 0; margin: 0 17px 0 12px; } .elementor-testimonial-item-wrapper .elementor-testimonial-image img { display: inline; width: 64px; height: 64px; object-fit: cover; border-radius: 50%; } .rostay-testimonial-layout-2.center-carousel-yes .elementor-testimonial-item { opacity: 0.36; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .rostay-testimonial-layout-2.center-carousel-yes .swiper-slide-active { opacity: 1; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .rostay-testimonial-layout-2 .inner { padding: 47px 45px 35px; } .rostay-testimonial-layout-2 .content { font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 24px; margin-bottom: 30px; } .background-filter-yes .inner { background-color: rgba(60, 57, 55, 0.36); -webkit-backdrop-filter: blur(64px); backdrop-filter: blur(64px); } .background-filter { -webkit-backdrop-filter: blur(64px); backdrop-filter: blur(64px); } .elementor-custom-swiper-pagination { width: 335px; overflow: hidden; margin: 0 auto; } .elementor-custom-swiper-pagination .swiper-custom .caption-bottom { display: none; } .elementor-custom-swiper-pagination .swiper-custom .caption-top .elementor-testimonial-image { position: relative; } .elementor-custom-swiper-pagination .swiper-custom .caption-top .elementor-testimonial-image:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; opacity: 1; visibility: visible; } .elementor-custom-swiper-pagination .swiper-custom .caption-top .elementor-testimonial-image img { width: 50px; height: 50px; } .elementor-custom-swiper-pagination .swiper-slide-active .caption-bottom { display: block; } .elementor-custom-swiper-pagination .swiper-slide-active .caption-top .elementor-testimonial-image { position: relative; } .elementor-custom-swiper-pagination .swiper-slide-active .caption-top .elementor-testimonial-image:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(217, 217, 217, 0.4); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; opacity: 0; visibility: hidden; } .elementor-custom-swiper-pagination .swiper-slide-active .caption-top .elementor-testimonial-image img { width: 70px; height: 70px; } .elementor-custom-swiper-pagination .caption-top { display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; margin: 0 auto; } .elementor-custom-swiper-pagination .caption-bottom { display: flex; justify-content: center; text-align: center; } .elementor-text-carousel-text { text-align: center; display: flex; align-items: center; position: relative; overflow: hidden; } .elementor-text-carousel-wrapper a { display: block; } .elementor-text-carousel-wrapper .column-item { margin-bottom: 30px; } .elementor-text-carousel-wrapper .slick-slide { position: relative; } .elementor-text-carousel-wrapper .slick-slide:before { top: 0; right: 0; width: 1px; height: 100%; background: #ebebeb; position: absolute; } .elementor-text-carousel-wrapper .slick-slide:last-child:before { content: none !important; } .elementor-text-image-content img { display: inline-block; margin: 0 20px; height: 50px; object-fit: cover; } .elementor-text-image-content .rostay-elementor-text { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 48px; font-size: 3rem; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-wrapper { display: flex; white-space: nowrap; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-wrapper:hover .elementor-scrolling-inner { animation-play-state: paused; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-item { display: flex; align-items: center; position: relative; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-item .scrolling-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 90px; font-size: 5.625rem; line-height: 90px; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-item .scrolling-title a { white-space: nowrap; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-item .scrolling-title:hover a { text-decoration: none; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-item:before { position: absolute; top: 50%; right: -5px; transform: translateY(-50%); color: var(--e-global-color-primary); font-size: 16px; font-size: 1rem; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-inner { display: inline-flex; position: relative; animation-name: marquee; animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: 10s; white-space: nowrap; } .elementor-widget-portfolio-text-scrolling.rostay-textscroll-vertical .elementor-scrolling { display: flex; justify-content: center; } .elementor-widget-portfolio-text-scrolling.rostay-textscroll-vertical .elementor-scrolling-wrapper { writing-mode: vertical-rl; height: 100%; } .elementor-widget-portfolio-text-scrolling.rostay-textscroll-vertical .elementor-scrolling-inner { animation-name: marquee-vertical; } .elementor-widget-portfolio-text-scrolling .elementor-text-icon { display: flex; align-items: center; justify-content: center; position: relative; } .elementor-widget-portfolio-text-scrolling .elementor-text-icon i { font-size: 16px; font-size: 1rem; } .elementor-widget-portfolio-text-scrolling .elementor-text-icon .border-one, .elementor-widget-portfolio-text-scrolling .elementor-text-icon .border-two { position: absolute; opacity: 0; border-radius: 50%; border: 1px solid #fff; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-item-inner { display: flex; align-items: center; justify-content: center; } .elementor-widget-portfolio-text-scrolling.stroke-style-yes .elementor-scrolling-item-inner .scrolling-title a { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 150px; font-size: 9.375rem; line-height: 1; text-transform: capitalize; background: -webkit-linear-gradient(-90deg, #000000 0%, #f8f8f8 65%, #F8F8F8 100%); -webkit-background-clip: text; -webkit-text-stroke: 2px transparent; color: #ffffff; z-index: 0; display: inline-flex; } @media (max-width: 768px) { .elementor-widget-portfolio-text-scrolling.stroke-style-yes .elementor-scrolling-item-inner .scrolling-title a { font-size: 100px; font-size: 6.25rem; } } @media (max-width: 568px) { .elementor-widget-portfolio-text-scrolling.stroke-style-yes .elementor-scrolling-item-inner .scrolling-title a { font-size: 80px; font-size: 5rem; } } .icon-scrolling-border-yes { --icon-scrolling-spacing: 30px; } .icon-scrolling-border-yes .elementor-text-icon .border-one { padding: calc(var(--icon-scrolling-spacing)); opacity: 0.2; } .icon-scrolling-border-yes .elementor-text-icon .border-two { padding: calc(var(--icon-scrolling-spacing)*2); opacity: 0.2; } .icon-scrolling-border-yes .rostay-textscrolling-icon-textpath { --offset-background: 50px; position: absolute; width: calc(100% - var(--offset-background)); height: calc(100% - var(--offset-background)); transform: translate(-50%, -50%); top: 50%; left: 50%; display: block; } .icon-scrolling-border-yes .rostay-textscrolling-icon-textpath span { display: block; } .icon-scrolling-border-yes.icon-scrolling-textpath-soh-yes .rostay-textscrolling-icon-textpath { opacity: 0; transition: all 0.4s linear; } .icon-scrolling-border-yes.icon-scrolling-textpath-soh-yes .elementor-text-icon:hover .rostay-textscrolling-icon-textpath { opacity: 1; } .icon-scrolling-border-yes .rostay-textpath-background-icon { --word-spacing: 5px; --text-color: #FFFFFF; --text-color-hover: var(--e-global-color-primary); --transition: 1s; font-size: 25px; font-size: 1.5625rem; font-weight: 600; text-transform: uppercase; width: 100%; height: 100%; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @keyframes marquee-vertical { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .nav-vertical-navigation { position: relative; display: inline-block; } .nav-vertical-navigation ul.menu { display: inline-block; list-style: none; margin: 0; position: relative; padding: 18px 0 0 0; } .nav-vertical-navigation ul.menu a:hover { color: var(--e-global-color-primary); } .nav-vertical-navigation ul.menu li { position: relative; } .nav-vertical-navigation ul.menu li li:hover > .sub-menu, .nav-vertical-navigation ul.menu li.rostay-menu-item--open > .sub-menu { opacity: 1; visibility: visible; left: 100%; top: 0; z-index: 99; transform: translateZ(0); } .nav-vertical-navigation ul.menu li li:hover > .sub-menu li, .nav-vertical-navigation ul.menu li.rostay-menu-item--open > .sub-menu li { opacity: 1; } .nav-vertical-navigation ul.menu li li:hover > .sub-menu li:nth-child(1), .nav-vertical-navigation ul.menu li.rostay-menu-item--open > .sub-menu li:nth-child(1) { animation: qode-menu-item 0s both; animation-delay: 0s; } .nav-vertical-navigation ul.menu li li:hover > .sub-menu li:nth-child(2), .nav-vertical-navigation ul.menu li.rostay-menu-item--open > .sub-menu li:nth-child(2) { animation: qode-menu-item 0.1s both; animation-delay: 0.1s; } .nav-vertical-navigation ul.menu li li:hover > .sub-menu li:nth-child(3), .nav-vertical-navigation ul.menu li.rostay-menu-item--open > .sub-menu li:nth-child(3) { animation: qode-menu-item 0.2s both; animation-delay: 0.2s; } .nav-vertical-navigation ul.menu li li:hover > .sub-menu li:nth-child(4), .nav-vertical-navigation ul.menu li.rostay-menu-item--open > .sub-menu li:nth-child(4) { animation: qode-menu-item 0.3s both; animation-delay: 0.3s; } .nav-vertical-navigation ul.menu li li:hover > .sub-menu li:nth-child(5), .nav-vertical-navigation ul.menu li.rostay-menu-item--open > .sub-menu li:nth-child(5) { animation: qode-menu-item 0.4s both; animation-delay: 0.4s; } .nav-vertical-navigation ul.menu li li:hover > .sub-menu li:nth-child(6), .nav-vertical-navigation ul.menu li.rostay-menu-item--open > .sub-menu li:nth-child(6) { animation: qode-menu-item 0.8s both; animation-delay: 0.5s; } .nav-vertical-navigation ul.menu li li:hover > .sub-menu li:nth-child(7), .nav-vertical-navigation ul.menu li.rostay-menu-item--open > .sub-menu li:nth-child(7) { animation: qode-menu-item 0.8s both; animation-delay: 0.6s; } .nav-vertical-navigation ul.menu li li:hover > .sub-menu li:nth-child(8), .nav-vertical-navigation ul.menu li.rostay-menu-item--open > .sub-menu li:nth-child(8) { animation: qode-menu-item 0.8s both; animation-delay: 0.7s; } .nav-vertical-navigation ul.menu li.current-menu-item > a { color: var(--e-global-color-secondary); } .nav-vertical-navigation ul.menu > li { padding: 0 20px; } .nav-vertical-navigation ul.menu > li > a { position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 20px; font-size: 1.25rem; padding: 0.73rem 0; color: var(--e-global-color-text); } @media (min-width: 768px) { .nav-vertical-navigation ul.menu > li > a { font-size: 34px; font-size: 2.125rem; } } .nav-vertical-navigation ul.menu > li li a { display: block; font-size: 16px; font-size: 1rem; line-height: 1.4; padding: 10px 0; color: var(--e-global-color-text); } .nav-vertical-navigation ul.menu .sub-menu { position: absolute; display: none; left: 100%; width: 240px; list-style: none; transform: translateZ(0); opacity: 0; } @keyframes qode-menu-item { 0% { opacity: 0; transform: translateX(30px); } 35% { opacity: 0.5; } 100% { opacity: 1; transform: translateX(0); } } .elementor-video-popup { display: inline-flex; align-items: center; } .elementor-video-popup { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; justify-content: center; position: relative; } .elementor-video-popup .elementor-video-icon { transform: translateX(2px); transition: transform 0.8s cubic-bezier(0.45, 0, 0.14, 1.03); display: flex; justify-content: center; align-items: center; } .video-icon-effects-yes .elementor-video-popup { display: inline-flex; align-items: center; justify-content: center; } .video-icon-effects-yes .elementor-video-popup .elementor-video-icon { position: relative; height: 100px; width: 100px; border-radius: 50%; } .video-icon-effects-yes .elementor-video-popup .elementor-video-icon .animation { border: 2px solid #ffffff; border-right: 2px solid rgba(255, 255, 255, 0.3); border-bottom: 2px solid rgba(255, 255, 255, 0.3); height: 100%; width: 100%; border-radius: 50%; animation: loading 1.8s infinite linear; } .video-icon-effects-yes .elementor-video-popup i.rostay-icon-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .video-icon-effects-yes .elementor-video-popup .elementor-video-icon:hover { animation: pulse 0.5s; } .video-icon-effects-yes .elementor-video-popup .elementor-video-icon:hover .animation { border: 2px solid var(--e-global-color-primary); border-right: 2px solid rgba(255, 255, 255, 0.3); border-bottom: 2px solid rgba(255, 255, 255, 0.3); } .elementor-video-popup .video-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-ordinal-group: 11; -ms-flex-order: 1; order: 1; display: inline-flex; flex-direction: column; } .elementor-video-popup .video-icon-align-before { margin-right: 5px; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .elementor-video-popup .video-icon-align-after { -webkit-box-ordinal-group: 16; -ms-flex-order: 2; order: 2; } .elementor-video-popup .video-description { -ms-flex-order: 3; order: 3; } .elementor-widget-rostay-video-popup.elementor-rostay-video-style-background { width: 100%; height: 100%; } .elementor-widget-rostay-video-popup.elementor-rostay-video-style-background .elementor-video-wrapper { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .elementor-widget-rostay-video-popup .rostay-vid-bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { font-size: 24px; border: none; width: 30px; } .mfp-image-holder .mfp-close:active, .mfp-image-holder .mfp-close:focus, .mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:active, .mfp-iframe-holder .mfp-close:focus, .mfp-iframe-holder .mfp-close:hover { color: var(--e-global-color-primary); background-color: transparent; border: none; } .mfp-image-holder .mfp-close:before, .mfp-iframe-holder .mfp-close:before { display: none; } @keyframes loading { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { from { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } to { box-shadow: 0 0 0 50px rgba(255, 255, 255, 0); } } .elementor-column-wrap:hover .text-editor-hover .elementor-text-editor > *:before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .elementor-column-wrap .text-editor-hover .elementor-text-editor > * { position: relative; display: inline-block; } .elementor-column-wrap .text-editor-hover .elementor-text-editor > *:before { position: absolute; content: attr(data-hover); color: var(--e-global-color-secondary); clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%); transition: clip-path 0.5s ease; } .animated-slide-column > .elementor-column-wrap { transition: opacity 0s 0.6s, transform 1s 0.6s; opacity: 0; transform: translateX(-20px) translateZ(0); } .animated-slide-column:after { content: ""; margin: 0 -5px 0 0; position: absolute; top: 0; right: 100%; bottom: 100%; left: 0; background-color: var(--e-global-color-primary); z-index: 3; transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; } .animated-slide-column.col-loaded { overflow: hidden; position: relative; } .animated-slide-column.col-loaded .elementor-column-wrap { transform: translateX(0); opacity: 1; } .animated-slide-column.col-loaded:after { margin-right: 0; right: -3px; bottom: 0; left: 100%; } .animated-bg-parallax { overflow: hidden; } .animated-bg-parallax > .elementor-column-wrap { overflow: hidden; } .animated-bg-parallax .img-banner-parallax { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; } .animated-bg-parallax .img-banner-parallax:not(.hover) { transform: none !important; } .elementor-widget-image-box.box-title-decor-yes .elementor-image-box-img { position: relative; overflow: hidden; } .elementor-widget-image-box.box-title-decor-yes .elementor-image-box-img img { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-image-box.box-title-decor-yes .elementor-image-box-title { position: relative; } .elementor-widget-image-box.box-title-decor-yes .elementor-image-box-title:before { content: ""; position: absolute; width: 2px; height: 0; background-color: var(--e-global-color-primary); top: -60px; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; left: 0; right: 0; margin: 0 auto; } .elementor-widget-image-box.box-title-decor-yes:hover .elementor-image-box-title:before { height: 50px; } .elementor-widget-image-box.box-title-decor-yes:hover .elementor-image-box-title a { color: var(--e-global-color-primary); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-image-box.box-title-decor-yes:hover img { transform: scale(1.1); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .text-rotate { -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg); } .text-shadow { -webkit-text-stroke: 3px #fff; -webkit-text-fill-color: #F2B612; } .hover-style .elementor-cta__button-wrapper { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; transform: translateY(10px); height: 0; } .hover-style .elementor-cta__title { transform: translateY(0); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .hover-style .elementor-cta__content { overflow: hidden; } .hover-style:hover .elementor-cta__title { transform: translateY(-20px); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .hover-style:hover .elementor-cta__button-wrapper { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; transform: translateY(-10px); } .mask-text .elementor-counter > * { color: transparent; text-align: center; font-size: 10em; font-weight: 900; background-image: url("../../../assets/images/ldp_mask.jpg"); background-size: contain; background-clip: text; -webkit-background-clip: text; -ms-background-clip: text; -moz-background-clip: text; } .e--ua-safari .mask-text .elementor-counter { text-align: center; } .e--ua-safari .mask-text .elementor-counter > * { display: inline; } .elementor-icon-box-wrapper { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; } .elementor-widget-icon-box .elementor-icon-box-icon .icon-box-number_efect { position: absolute; top: 0; right: 0; color: var(--e-global-color-primary); padding: 2px 10px; border-radius: 0; font-family: var(--e-global-typography-text-font-family); font-size: 14px; font-size: 0.875rem; text-transform: uppercase; font-weight: 600; line-height: 22px; display: inline-table; background-color: #CCF5F2; } .elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon i:before { z-index: 3; } .elementor-widget-icon-box .elementor-icon-box-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 20px; font-size: 1.25rem; text-transform: none; color: var(--e-global-color-secondary); } .elementor-widget-icon-box .elementor-icon-box-description { color: var(--e-global-color-text); font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; } .elementor-widget-icon-box .elementor-icon-box-description a:not(:hover), .elementor-widget-icon-box .elementor-icon-box-description span { color: var(--e-global-color-secondary); } .elementor-widget-icon-box:hover { cursor: pointer; } .elementor-widget-icon-box:hover .elementor-icon, .elementor-widget-icon-box:hover .elementor-icon-box-title { color: var(--e-global-color-primary); } .elementor-view-framed .elementor-icon, .elementor-view-default .elementor-icon { color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .elementor-view-stacked .elementor-icon { background-color: var(--e-global-color-primary); color: #fff; } .rotate-title-rostay-yes .elementor-icon-box-title { position: absolute; transform: rotate(-90deg); } .reverse-direction-yes.elementor-widget-icon-box .elementor-icon-box-wrapper { display: flex; flex-direction: column-reverse; } .reverse-direction-yes.elementor-widget-icon-box .elementor-icon-box-icon { margin: 0; line-height: 0; } .elementor-image-box-wrapper { position: relative; } .elementor-image-box-wrapper .elementor-image-box-title { -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 24px; font-size: 1.5rem; line-height: 24px; color: var(--e-global-color-secondary); } .elementor-image-box-wrapper .elementor-image-box-subtitle { font-size: 64px; font-size: 4rem; color: var(--e-global-color-primary); text-transform: capitalize; margin: 0; } .elementor-image-box-button-wrapper { display: inline-flex; align-items: center; margin-top: 33px; } .elementor-image-box-button-wrapper .elementor-image-box-button { color: var(--e-global-color-primary); text-decoration: underline; } .mostion_image .elementor-widget-image .elementor-widget-container img { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform var(--e-transform-transition-duration, 0.2s); } .effect-image-box-yes .elementor-image-box-img-inner { position: relative; overflow: hidden; } .effect-image-box-yes .elementor-image-box-img-inner:before { content: ""; position: absolute; width: 100%; height: 70%; bottom: 0; left: 0; background: linear-gradient(360deg, #170604 0%, rgba(23, 5, 5, 0) 100%); opacity: 0.46; -ms-opacity: 0.46; -o-opacity: 0.46; -moz-opacity: 0.46; -webkit-opacity: 0.46; filter: alpha(opacity=46); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-n-accordion .e-n-accordion-item-title-icon { text-align: center; } .elementor-widget-n-accordion .e-n-accordion-item-title-text { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 20px; font-size: 1.25rem; font-weight: 500; text-transform: uppercase; } .image-style-rostay-yes.elementor-widget-image .elementor-widget-container a { position: relative; } .image-style-rostay-yes.elementor-widget-image .elementor-widget-container a:before { position: absolute; content: ""; width: 100%; height: 100%; border: 1px solid var(--e-global-color-primary); transition: transform 0.35s, all 0.7s; } .image-style-rostay-yes.border-position-outside .elementor-widget-container a:before { top: 0; left: 0; } .image-style-rostay-yes.border-position-inside .elementor-widget-container a { overflow: hidden; } .image-style-rostay-yes.border-position-inside .elementor-widget-container a:before { width: calc(100% - 40px); height: calc(100% - 40px); z-index: 2; left: 20px; top: 20px; right: 20px; bottom: 20px; } .image-style-rostay-yes.border-position-inside2 .elementor-widget-container a { overflow: hidden; } .image-style-rostay-yes.border-position-inside2 .elementor-widget-container a:before { width: calc(100% - 20px); height: calc(100% - 20px); z-index: 2; left: 10px; top: 10px; right: 10px; bottom: 10px; } .elementor-widget .elementor-icon-list-icon i { width: var(--width) !important; } .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-text { padding-left: 0; } .rostay-theme-style-yes .elementor-icon-list-icon { padding: 15px; border-radius: 50%; background-color: #fff; } .rostay-theme-style-yes .elementor-icon-list-icon i, .rostay-theme-style-yes .elementor-icon-list-icon svg { width: 1em; height: 1em; position: relative; display: block; margin: 0 !important; } .elementor-button-default.elementor-widget-button .elementor-button-wrapper { line-height: 0; } .elementor-button-default.elementor-widget-button .elementor-button { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 2; padding: 14px 30px; border-radius: 100px; border: 1px solid var(--e-global-color-secondary); background-color: transparent; color: var(--e-global-color-secondary); -ms-transition: all 0.55s ease; -o-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; position: relative; border-radius: 100px; font-size: 12px; font-size: 0.75rem; } .elementor-button-default.elementor-widget-button .elementor-button:after, .elementor-button-default.elementor-widget-button .elementor-button i { margin-left: 8px; font-size: 16px; font-size: 1rem; position: relative; } .elementor-button-default.elementor-widget-button .elementor-button:hover { color: var(--e-global-color-accent); background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .elementor-button-default.elementor-widget-button .elementor-size-xs { padding: 11px 15px; font-size: 12px; font-size: 0.75rem; } .elementor-button-default.elementor-widget-button .elementor-size-sm { padding: 12px 25px; font-size: 12px; font-size: 0.75rem; } .elementor-button-default.elementor-widget-button .elementor-size-md { padding: 14px 30px; font-size: 12px; font-size: 0.75rem; } .elementor-button-default.elementor-widget-button .elementor-size-lg { padding: 17px 30px; font-size: 12px; font-size: 0.75rem; } .elementor-button-default.elementor-widget-button .elementor-size-xl { padding: 20px 30px; font-size: 12px; font-size: 0.75rem; } .elementor-button-content-wrapper { align-items: center; } .elementor-button-secondary .elementor-button { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 2; border-radius: 100px; background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); color: var(--e-global-color-accent); } .elementor-button-secondary .elementor-button:after, .elementor-button-secondary .elementor-button i { margin-left: 8px; font-size: 16px; font-size: 1rem; position: relative; } .elementor-button-secondary .elementor-button:hover { background-color: #FAD12D; border-color: #FAD12D; } .elementor-button-outline .elementor-button { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 12px; font-size: 0.75rem; line-height: 2; padding: 14px 30px; border-radius: 100px; border: 1px solid var(--e-global-color-secondary); background-color: transparent; color: var(--e-global-color-secondary); -ms-transition: all 0.55s ease; -o-transition: all 0.55s ease; -moz-transition: all 0.55s ease; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; position: relative; background-color: transparent; } .elementor-button-outline .elementor-button:after, .elementor-button-outline .elementor-button i { margin-left: 8px; font-size: 16px; font-size: 1rem; position: relative; } .elementor-button-outline .elementor-button:hover { color: var(--e-global-color-accent); background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .elementor-button-link .elementor-button { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 12px; font-size: 0.75rem; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--e-global-color-secondary); background-color: transparent; line-height: 2; border: 0; border-radius: 0; padding: 0; position: relative; background-color: transparent; } .elementor-button-link .elementor-button:before { content: ""; position: absolute; height: 1px; width: calc(100% - 22px); bottom: 0; left: 0; top: auto; background-color: var(--e-global-color-secondary); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-button-link .elementor-button:after, .elementor-button-link .elementor-button i { font-size: 14px; font-size: 0.875rem; position: relative; z-index: 2; margin-left: 6px; } .elementor-button-link .elementor-button:hover { color: var(--e-global-color-primary); background-color: transparent; } .elementor-button-link .elementor-button:hover:before { width: 100%; background-color: var(--e-global-color-primary); } .elementor-button-link .elementor-button:hover { background-color: transparent; } .elementor-widget-n-tabs { --n-tabs-title-color-hover: var(--e-global-color-secondary); --n-tabs-title-color-active: var(--e-global-color-secondary); } .tabs-style-rostay-yes { --n-tabs-title-padding-top: 0; --n-tabs-title-padding-right: 0; --n-tabs-title-padding-bottom: 0; --n-tabs-title-padding-left: 0; --n-tabs-default-padding-block: 0; --n-tabs-default-padding-inline: 0; --n-tabs-title-padding-inline-start: 0; --n-tabs-title-font-size: 20px; --n-tabs-title-color: var(--e-global-color-text); --n-tabs-title-color-hover: var(--e-global-color-primary); --n-tabs-title-color-active: var(--e-global-color-primary); --n-tabs-title-background-color: transparent; --n-tabs-title-background-color-hover: transparent; --n-tabs-title-background-color-active: transparent; --n-tabs-title-gap: 38px; --n-tabs-icon-color:var(--e-global-color-lighter); --n-tabs-icon-color-hover:var(--e-global-color-lighter); --n-tabs-icon-color-active:var(--e-global-color-lighter); } .tabs-style-rostay-yes .e-n-tabs-heading { border-bottom: 0; } .tabs-style-rostay-yes .e-n-tab-title { position: relative; padding: 0; background-color: transparent; } .tabs-style-rostay-yes .e-n-tab-title .e-n-tab-icon { display: none; } .tabs-style-rostay-yes .e-n-tab-title .e-n-tab-title-text { background-color: transparent; font-weight: 600; color: var(--e-global-color-lighter); padding: 0; position: relative; font-size: 16px; font-size: 1rem; text-transform: uppercase; line-height: 24px; } .tabs-style-rostay-yes .e-n-tab-title .e-n-tab-title-text:before { content: ""; position: absolute; width: 0; height: 1px; bottom: -3px; left: 0; visibility: hidden; background-color: var(--e-global-color-primary); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .tabs-style-rostay-yes .e-n-tab-title .e-n-tab-title-text:hover, .tabs-style-rostay-yes .e-n-tab-title .e-n-tab-title-text:active, .tabs-style-rostay-yes .e-n-tab-title .e-n-tab-title-text:focus { color: var(--e-global-color-primary); } .tabs-style-rostay-yes .e-n-tab-title .e-n-tab-title-text:hover:before, .tabs-style-rostay-yes .e-n-tab-title .e-n-tab-title-text:active:before, .tabs-style-rostay-yes .e-n-tab-title .e-n-tab-title-text:focus:before { width: 100%; visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .tabs-style-rostay-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false] { color: var(--n-tabs-title-color); background-color: transparent; padding: 0; overflow: visible; } .tabs-style-rostay-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover, .tabs-style-rostay-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:active, .tabs-style-rostay-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:focus { color: var(--e-global-color-primary); } .tabs-style-rostay-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover .e-n-tab-title-text, .tabs-style-rostay-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:active .e-n-tab-title-text, .tabs-style-rostay-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:focus .e-n-tab-title-text { color: var(--e-global-color-primary); } .tabs-style-rostay-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover:before, .tabs-style-rostay-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:active:before, .tabs-style-rostay-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:focus:before { width: 100%; visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .tabs-style-rostay-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=true] { position: relative; padding: 0; background: transparent; overflow: visible; color: var(--e-global-color-primary); } .tabs-style-rostay-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=true] .e-n-tab-title-text { color: var(--e-global-color-primary); } .tabs-style-rostay-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=true] .e-n-tab-title-text:before { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; width: 100%; } .tabs-style-background-rostay-yes .e-n-tabs { background-color: rgba(60, 57, 55, 0.36); -webkit-backdrop-filter: blur(64px); backdrop-filter: blur(64px); } .e-n-tabs .e-n-tabs-content .e-n-tab-title .e-normal:hover .e-n-tab-title-text { background-color: transparent; color: #fff; } .e-n-tabs .e-n-tabs-content .e-n-tab-title .e-normal:hover .e-n-tab-title-text:before { visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .e-n-tabs .e-n-tabs-content .e-n-tab-title .e-active .e-n-tab-title-text { background-color: transparent; color: var(--e-global-color-primary); } .e-n-tabs .e-n-tabs-content .e-n-tab-title .e-active .e-n-tab-title-text:before { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; width: 100%; } @media (max-width: 767px) { .e-n-tabs .e-n-tabs-content .e-n-tab-title .e-active { padding-bottom: 5px; display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; border-bottom: 1px solid var(--e-global-color-dark); } } @media (max-width: 767px) { .e-n-tabs .e-n-tabs-content .e-n-tab-title:not(.e-active) { border-bottom: 1px solid var(--e-global-color-dark); padding-bottom: 5px; display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; } } .elementor-widget-n-tabs .e-n-tabs-content .e-collapse:not(:first-child) { margin-top: var(--n-tabs-title-gap)/2; } button.e-n-tab-title:before { display: none; } .elementor-widget-sidebar .widget { border-bottom: 1px solid var(--e-global-color-border); margin-bottom: 30px; padding-bottom: 30px; font-size: 14px; font-size: 0.875rem; } .elementor-widget-sidebar .widget:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .elementor-widget-counter .elementor-counter .elementor-counter-number-wrapper { display: inline-flex; overflow: hidden; } .elementor-widget-counter .elementor-counter-number-wrapper { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); } .elementor-widget-counter .odometer-auto-theme .odometer-digit { line-height: 1.2; } .elementor_library-template-default .entry-header, .elementor_library-template-default nav.post-navigation:not(.elementor-widget nav.post-navigation), .elementor_library-template-default .entry-taxonomy { display: none; } .header-absolute { position: absolute !important; width: 100%; z-index: 99; background-color: transparent !important; } :root { --scroll-bar: 8px; } body:not(.has-scrollbar) .elementor-section.elementor-section-stretched { width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; left: 0 !important; } body.has-scrollbar .elementor-section.elementor-section-stretched { width: calc(100vw - 20px) !important; margin-left: calc(-50vw + 50% + 10px) !important; margin-right: calc(-50vw + 50% + 10px); left: 0 !important; } @supports (color: var(--scroll-bar)) { body.has-scrollbar .elementor-section.elementor-section-stretched { width: calc(100vw - var(--scroll-bar)) !important; margin-left: calc(-50vw + 50% + (var(--scroll-bar) / 2)) !important; margin-right: calc(-50vw + 50% + (var(--scroll-bar) / 2)) !important; left: 0 !important; } } .elementor-social-icons-wrapper .elementor-social-icon:hover { opacity: 1; } .c-primary { color: var(--e-global-color-primary); } .elementor-widget-tabs .elementor-tab-title a { display: flex; align-items: center; } .underline-primary { position: relative; } .underline-primary:before { content: ""; position: absolute; width: 100%; height: 10px; bottom: 10px; left: 0; background-color: #FFD8D2; z-index: -1; } .sublink .elementor-column:hover img { opacity: 0.8; border-color: var(--e-global-color-primary) !important; } .sublink .elementor-column img { transition: all 0.3s ease; } .btn-slider { display: inline-flex; align-items: center; } .btn-slider i { margin-bottom: 2px; } .btn-slider i.left { font-size: 10px; font-size: 0.625rem; margin-right: 7px; width: 12px; transition: all 0.15s ease; } .btn-slider i.right { font-size: 10px; font-size: 0.625rem; margin-left: 0; order: 15; width: 0; opacity: 0; transition: all 0.15s ease; } .btn-slider:hover i.left { width: 0; opacity: 0; margin-right: 0; } .btn-slider:hover i.right { width: 12px; opacity: 1; margin-left: 7px; } .icon-shape-yes .elementor-icon { position: relative; } .icon-shape-yes .elementor-icon i, .icon-shape-yes .elementor-icon svg { z-index: 1; } .icon-shape-yes .elementor-icon i:after, .icon-shape-yes .elementor-icon svg:after { content: ""; position: absolute; top: 0; right: -5px; width: 24px; height: 24px; border-radius: 100%; z-index: -1; background-color: var(--e-global-color-primary); transition: all 0.15s ease; } .icon-shape-yes:hover .elementor-icon i:after, .icon-shape-yes:hover .elementor-icon svg:after { background-color: var(--e-global-color-secondary); transition: all 0.15s ease; } .elementor-widget-progress .progress-title { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; } .progress-title .elementor-progress-percentage { padding-right: 0px; } @media (max-width: 1600px) { .width-megamenu-reponsive { --content-width: 1290px !important; } } @media (max-width: 1200px) { .width-megamenu-reponsive-2 { --content-width: 1140px !important; } } .elementor-widget-text-path svg:not(:root) { overflow: visible; } @media (max-width: 767px) { .process-position-unset { position: unset; } } .elementor-social-icons-wrapper .elementor-social-icon { display: inline-flex; } .elementor-social-icons-wrapper .elementor-social-icon:hover { opacity: 1; } html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: clip; } .lenis.lenis-smooth iframe { pointer-events: none; } /*# sourceMappingURL=elementor.css.map */